.row { display: flex; flex-wrap: wrap } .m-0-auto { margin: 0 auto } .justify-content-center { justify-content: center !important } .align-items-center { align-items: center } .text-align-right { text-align: right } .text-align-center { text-align: center } .text-align-left { text-align: left } .d-none { display: none } .full-width { width: 100% } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { flex-basis: 0%; flex-grow: 1; min-width: 0; max-width: 100% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .col-grow { flex-grow: 1 } .pa-none, .pr-none, .pl-none, .pb-none, .pt-none { padding: 0 } .pa-xl { padding: 5rem } .pa-lg { padding: 3rem } .pa-md { padding: 2rem } .pa-sm { padding: 1rem } .pl-xl { padding-left: 5rem } .pr-xl { padding-right: 5rem } .pt-xl { padding-top: 5rem } .pb-xl { padding-bottom: 5rem } .pl-lg { padding-left: 3rem } .pr-lg { padding-right: 3rem } .pt-lg { padding-top: 3rem } .pb-lg { padding-bottom: 3rem } .pl-md { padding-left: 2rem } .pr-md { padding-right: 2rem } .pt-md { padding-top: 2rem } .pb-md { padding-bottom: 2rem } .pl-sm { padding-left: 1rem } .pr-sm { padding-right: 1rem } .pt-sm { padding-top: 1rem } .pb-sm { padding-bottom: 1rem } .ma-none, .mr-none, .ml-none, .mb-none, .mt-none { padding: 0 } .ma-xl { margin: 3rem } .ml-xl { margin-left: 3rem } .mr-xl { margin-right: 3rem } .mt-xl { margin-top: 3rem } .mb-xl { margin-bottom: 3rem } .ma-lg { margin: 3rem } .ml-lg { margin-left: 3rem } .mr-lg { margin-right: 3rem } .mt-lg { margin-top: 3rem } .mb-lg { margin-bottom: 3rem } .ma-md { margin: 2rem } .ml-md { margin-left: 2rem } .mr-md { margin-right: 2rem } .mt-md { margin-top: 2rem } .mb-md { margin-bottom: 2rem } .ma-sm { margin: 1rem } .ml-sm { margin-left: 1rem } .mr-sm { margin-right: 1rem } .mt-sm { margin-top: 1rem } .mb-sm { margin-bottom: 1rem } @media (min-width: 480px) { .xs-text-align-left { text-align: left } .xs-text-align-right { text-align: right } .xs-text-align-center { text-align: center } .d-xs-block { display: block } .d-xs-inline-block { display: inline-block } .d-xs-inline { display: inline } .d-xs-none { display: none } .offset-xs-1 { margin-left: 8.333333% } .col-xs-grow { flex-grow: 1 } .pa-xl-xs { padding: 5rem } .pa-lg-xs { padding: 3rem } .pa-md-xs { padding: 2rem } .pa-sm-xs { padding: 1rem } .pl-xl-xs { padding-left: 5rem } .pr-xl-xs { padding-right: 5rem } .pt-xl-xs { padding-top: 5rem } .pb-xl-xs { padding-bottom: 5rem } .pl-lg-xs { padding-left: 3rem } .pr-lg-xs { padding-right: 3rem } .pt-lg-xs { padding-top: 3rem } .pb-lg-xs { padding-bottom: 3rem } .pl-md-xs { padding-left: 2rem } .pr-md-xs { padding-right: 2rem } .pt-md-xs { padding-top: 2rem } .pb-md-xs { padding-bottom: 2rem } .pl-sm-xs { padding-left: 1rem } .pr-sm-xs { padding-right: 1rem } .pt-sm-xs { padding-top: 1rem } .pb-sm-xs { padding-bottom: 1rem } .ma-xl-xs { margin: 3rem } .ml-xl-xs { margin-left: 3rem } .mr-xl-xs { margin-right: 3rem } .mt-xl-xs { margin-top: 3rem } .mb-xl-xs { margin-bottom: 3rem } .ma-lg-xs { margin: 3rem } .ml-lg-xs { margin-left: 3rem } .mr-lg-xs { margin-right: 3rem } .mt-lg-xs { margin-top: 3rem } .mb-lg-xs { margin-bottom: 3rem } .ma-md-xs { margin: 2rem } .ml-md-xs { margin-left: 2rem } .mr-md-xs { margin-right: 2rem } .mt-md-xs { margin-top: 2rem } .mb-md-xs { margin-bottom: 2rem } .ma-sm-xs { margin: 1rem } .ml-sm-xs { margin-left: 1rem } .mr-sm-xs { margin-right: 1rem } .mt-sm-xs { margin-top: 1rem } .mb-sm-xs { margin-bottom: 1rem } .col-xs { flex-basis: 0%; flex-grow: 1; min-width: 0; max-width: 100% } .col-xs-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xs-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-xs-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-xs-3 { flex: 0 0 25%; max-width: 25% } .col-xs-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-xs-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-xs-6 { flex: 0 0 50%; max-width: 50% } .col-xs-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-xs-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-xs-9 { flex: 0 0 75%; max-width: 75% } .col-xs-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-xs-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-xs-12 { flex: 0 0 100%; max-width: 100% } } @media (min-width: 768px) { .sm-text-align-left { text-align: left } .sm-text-align-right { text-align: right } .sm-text-align-center { text-align: center } .d-sm-block { display: block } .d-sm-inline-block { display: inline-block } .d-sm-inline { display: inline } .d-sm-none { display: none } .offset-sm-1 { margin-left: 8.333333% } .col-sm-grow { flex-grow: 1 } .pa-xl-sm { padding: 5rem } .pa-lg-sm { padding: 3rem } .pa-md-sm { padding: 2rem } .pa-sm-sm { padding: 1rem } .pl-xl-sm { padding-left: 5rem } .pr-xl-sm { padding-right: 5rem } .pt-xl-sm { padding-top: 5rem } .pb-xl-sm { padding-bottom: 5rem } .pl-lg-sm { padding-left: 3rem } .pr-lg-sm { padding-right: 3rem } .pt-lg-sm { padding-top: 3rem } .pb-lg-sm { padding-bottom: 3rem } .pl-md-sm { padding-left: 2rem } .pr-md-sm { padding-right: 2rem } .pt-md-sm { padding-top: 2rem } .pb-md-sm { padding-bottom: 2rem } .pl-sm-sm { padding-left: 1rem } .pr-sm-sm { padding-right: 1rem } .pt-sm-sm { padding-top: 1rem } .pb-sm-sm { padding-bottom: 1rem } .ma-xl-sm { margin: 3rem } .ml-xl-sm { margin-left: 3rem } .mr-xl-sm { margin-right: 3rem } .mt-xl-sm { margin-top: 3rem } .mb-xl-sm { margin-bottom: 3rem } .ma-lg-sm { margin: 3rem } .ml-lg-sm { margin-left: 3rem } .mr-lg-sm { margin-right: 3rem } .mt-lg-sm { margin-top: 3rem } .mb-lg-sm { margin-bottom: 3rem } .ma-md-sm { margin: 2rem } .ml-md-sm { margin-left: 2rem } .mr-md-sm { margin-right: 2rem } .mt-md-sm { margin-top: 2rem } .mb-md-sm { margin-bottom: 2rem } .ma-sm-sm { margin: 1rem } .ml-sm-sm { margin-left: 1rem } .mr-sm-sm { margin-right: 1rem } .mt-sm-sm { margin-top: 1rem } .mb-sm-sm { margin-bottom: 1rem } .col-sm { flex-basis: 0%; flex-grow: 1; min-width: 0; max-width: 100% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } } @media (min-width: 992px) { .md-text-align-left { text-align: left } .md-text-align-right { text-align: right } .md-text-align-center { text-align: center } .d-md-block { display: block } .d-md-inline-block { display: inline-block } .d-md-inline { display: inline } .d-md-none { display: none } .pa-xl-md { padding: 5rem } .pa-lg-md { padding: 3rem } .pa-md-md { padding: 2rem } .pa-sm-md { padding: 1rem } .pl-xl-md { padding-left: 5rem } .pr-xl-md { padding-right: 5rem } .pt-xl-md { padding-top: 5rem } .pb-xl-md { padding-bottom: 5rem } .pl-lg-md { padding-left: 3rem } .pr-lg-md { padding-right: 3rem } .pt-lg-md { padding-top: 3rem } .pb-lg-md { padding-bottom: 3rem } .pl-md-md { padding-left: 2rem } .pr-md-md { padding-right: 2rem } .pt-md-md { padding-top: 2rem } .pb-md-md { padding-bottom: 2rem } .pl-sm-md { padding-left: 1rem } .pr-sm-md { padding-right: 1rem } .pt-sm-md { padding-top: 1rem } .pb-sm-md { padding-bottom: 1rem } .ma-xl-md { margin: 3rem } .ml-xl-md { margin-left: 3rem } .mr-xl-md { margin-right: 3rem } .mt-xl-md { margin-top: 3rem } .mb-xl-md { margin-bottom: 3rem } .ma-lg-md { margin: 3rem } .ml-lg-md { margin-left: 3rem } .mr-lg-md { margin-right: 3rem } .mt-lg-md { margin-top: 3rem } .mb-lg-md { margin-bottom: 3rem } .ma-md-md { margin: 2rem } .ml-md-md { margin-left: 2rem } .mr-md-md { margin-right: 2rem } .mt-md-md { margin-top: 2rem } .mb-md-md { margin-bottom: 2rem } .ma-sm-md { margin: 1rem } .ml-sm-md { margin-left: 1rem } .mr-sm-md { margin-right: 1rem } .mt-sm-md { margin-top: 1rem } .mb-sm-md { margin-bottom: 1rem } .col-md-grow { flex-grow: 1 } .col-md { flex-basis: 0%; flex-grow: 1; min-width: 0; max-width: 100% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } } @media (min-width: 1200px) { .lg-text-align-left { text-align: left } .lg-text-align-right { text-align: right } .lg-text-align-center { text-align: center } .d-lg-block { display: block } .d-lg-inline-block { display: inline-block } .d-lg-inline { display: inline } .d-lg-none { display: none } .col-lg-grow { flex-grow: 1 } .pa-xl-lg { padding: 5rem } .pa-lg-lg { padding: 3rem } .pa-md-lg { padding: 2rem } .pa-sm-lg { padding: 1rem } .pl-xl-lg { padding-left: 5rem } .pr-xl-lg { padding-right: 5rem } .pt-xl-lg { padding-top: 5rem } .pb-xl-lg { padding-bottom: 5rem } .pl-lg-lg { padding-left: 3rem } .pr-lg-lg { padding-right: 3rem } .pt-lg-lg { padding-top: 3rem } .pb-lg-lg { padding-bottom: 3rem } .pl-md-lg { padding-left: 2rem } .pr-md-lg { padding-right: 2rem } .pt-md-lg { padding-top: 2rem } .pb-md-lg { padding-bottom: 2rem } .pl-sm-lg { padding-left: 1rem } .pr-sm-lg { padding-right: 1rem } .pt-sm-lg { padding-top: 1rem } .pb-sm-lg { padding-bottom: 1rem } .ma-xl-lg { margin: 3rem } .ml-xl-lg { margin-left: 3rem } .mr-xl-lg { margin-right: 3rem } .mt-xl-lg { margin-top: 3rem } .mb-xl-lg { margin-bottom: 3rem } .ma-lg-lg { margin: 3rem } .ml-lg-lg { margin-left: 3rem } .mr-lg-lg { margin-right: 3rem } .mt-lg-lg { margin-top: 3rem } .mb-lg-lg { margin-bottom: 3rem } .ma-md-lg { margin: 2rem } .ml-md-lg { margin-left: 2rem } .mr-md-lg { margin-right: 2rem } .mt-md-lg { margin-top: 2rem } .mb-md-lg { margin-bottom: 2rem } .ma-sm-lg { margin: 1rem } .ml-sm-lg { margin-left: 1rem } .mr-sm-lg { margin-right: 1rem } .mt-sm-lg { margin-top: 1rem } .mb-sm-lg { margin-bottom: 1rem } .col-lg { flex-basis: 0%; flex-grow: 1; min-width: 0; max-width: 100% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } } @media (min-width: 1400px) { .xl-text-align-left { text-align: left } .xl-text-align-right { text-align: right } .xl-text-align-center { text-align: center } .d-xl-block { display: block } .d-xl-inline-block { display: inline-block } .d-xl-inline { display: inline } .d-xl-none { display: none } .col-xl-grow { flex-grow: 1 } .pa-xl-xl { padding: 5rem } .pa-lg-xl { padding: 3rem } .pa-md-xl { padding: 2rem } .pa-sm-xl { padding: 1rem } .pl-xl-xl { padding-left: 5rem } .pr-xl-xl { padding-right: 5rem } .pt-xl-xl { padding-top: 5rem } .pb-xl-xl { padding-bottom: 5rem } .pl-lg-xl { padding-left: 3rem } .pr-lg-xl { padding-right: 3rem } .pt-lg-xl { padding-top: 3rem } .pb-lg-xl { padding-bottom: 3rem } .pl-md-xl { padding-left: 2rem } .pr-md-xl { padding-right: 2rem } .pt-md-xl { padding-top: 2rem } .pb-md-xl { padding-bottom: 2rem } .pl-sm-xl { padding-left: 1rem } .pr-sm-xl { padding-right: 1rem } .pt-sm-xl { padding-top: 1rem } .pb-sm-xl { padding-bottom: 1rem } .ma-xl-xl { margin: 3rem } .ml-xl-xl { margin-left: 3rem } .mr-xl-xl { margin-right: 3rem } .mt-xl-xl { margin-top: 3rem } .mb-xl-xl { margin-bottom: 3rem } .ma-lg-xl { margin: 3rem } .ml-lg-xl { margin-left: 3rem } .mr-lg-xl { margin-right: 3rem } .mt-lg-xl { margin-top: 3rem } .mb-lg-xl { margin-bottom: 3rem } .ma-md-xl { margin: 2rem } .ml-md-xl { margin-left: 2rem } .mr-md-xl { margin-right: 2rem } .mt-md-xl { margin-top: 2rem } .mb-md-xl { margin-bottom: 2rem } .ma-sm-xl { margin: 1rem } .ml-sm-xl { margin-left: 1rem } .mr-sm-xl { margin-right: 1rem } .mt-sm-xl { margin-top: 1rem } .mb-sm-xl { margin-bottom: 1rem } .col-xl { flex-basis: 0%; flex-grow: 1; min-width: 0; max-width: 100% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } } html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, div, form, input, button, fieldset, textarea { margin: 0; padding: 0; font-weight: normal } h1, h2, h3, h4, h5, h6, div, nav, menu, aside, figure, header, footer, details, article, section, figcaption { display: block; box-sizing: border-box } ol, ul { list-style: none } table { border-spacing: 0; border-collapse: collapse } sup { vertical-align: text-top } sub { vertical-align: text-bottom } html { height: 100% } body { overflow-x: hidden; font-family: Montserrat, sans-serif; transition: padding-top 100ms linear; margin-top: 0 } h1, h2, h3, h4 { color: #87d3e3; text-transform: uppercase } h2 { font-size: 54px; font-weight: 600; letter-spacing: .043em; line-height: 66px } .content-inner { max-width: 1400px; margin: 0 auto } .heading-has-trails { display: flex; flex-wrap: nowrap } .line-trail { display: block; position: relative; flex-grow: 1 } .line-trail::before { content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background-color: #87d3e3; transform: translateY(-50%); width: 100% } .select-wrapper { position: relative } .select-wrapper::after { font-family: coverage-options-iconset, sans-serif; display: block; content: "a"; position: absolute; height: 30px; line-height: 30px; width: 60px; top: 50%; right: 0; transform: translateY(-50%); pointer-events: none; color: #87d3e3; font-size: 30px; text-align: center } .select-wrapper select::-ms-expand { display: none } .select-wrapper select { display: block; outline: none; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; line-height: 31px; font-size: 27px; background: #fff; padding: 15px 60px 15px 15px; cursor: pointer } .select-wrapper select.focus-visible { outline: #000 auto 3px } .select-wrapper select:focus-visible { outline: #000 auto 3px } .select-wrapper select:invalid { color: #d6d6d6 } .select-wrapper select option[value=""][disabled] { display: none } .select-wrapper select option { color: #000 } .btn-primary, input[type=submit], button { display: block; width: 100%; color: #00245b; background-color: #87d3e3; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 3px solid transparent; font-size: 32px; font-weight: 500; line-height: 48px; padding: 24px 18px; text-transform: uppercase; border-radius: 4px; text-decoration: none !important; text-align: center; cursor: pointer; transition: background-color .2s ease-in-out, color .2s ease-in-out, border-color .2s ease-in-out; box-sizing: border-box } .btn-primary:hover, input[type=submit]:hover, button:hover { background-color: #00245b; color: #87d3e3; border-color: #87d3e3 } .btn-primary:hover.focus-visible, input[type=submit].focus-visible, button:hover.focus-visible { outline: #000 auto 3px } .btn-primary:hover:focus-visible, input[type=submit]:focus-visible, button:hover:focus-visible { outline: #000 auto 3px } .section-header .top-nav { position: relative; min-height: 80px } .section-header .top-nav .nav-icon { position: absolute; top: 14px; left: 14px; font-size: 42px; cursor: pointer } .section-header .top-nav .main-menu { opacity: 0; pointer-events: none; position: absolute; top: 12px; left: 20px; color: #fff; background-color: #00245b; min-width: 390px; padding: 22px; border: 1px solid #707070; z-index: 20; transition: opacity .1s linear } .section-header .top-nav .main-menu.active { opacity: 1; pointer-events: all } .section-header .top-nav .main-menu li:not(:last-child) { padding-bottom: 14px } .section-header .top-nav .main-menu li:not(:first-child) { padding-top: 14px } .section-header .top-nav .main-menu li.logout { border-top: 2px solid #fff } .section-header .top-nav .main-menu a { font-size: 29px; line-height: 40px; font-weight: 500; color: #fff; opacity: 1; text-decoration: none !important; transition: opacity .2s linear } .section-header .top-nav .main-menu a:hover { opacity: .7 } .section-header .top-nav .main-menu .btn-close { position: absolute; display: block; top: 0; right: 0; width: 38px; height: 38px; cursor: pointer } .section-header .top-nav .main-menu .btn-close::before, .section-header .top-nav .main-menu .btn-close::after { content: ""; position: absolute; left: 50%; top: 50%; width: 3px; height: 30px; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg) } .section-header .top-nav .main-menu .btn-close::after { transform: translate(-50%, -50%) rotate(-45deg) } .section-header .top-nav .nav-logo { display: table; margin: 0 auto; padding: 20px 0 } .section-header .top-nav .nav-logo img { max-width: 50vw; min-width: 200px } .section-header .top-nav .nav-datetime { position: absolute; top: 22px; right: 33px; text-align: right; font-size: 14px; line-height: 18px; font-weight: 500 } .section-header .banner { border: 1px solid #707070; background-color: #e8e7e7 } .section-main { background-color: #00245b; color: #fff; position: relative; display: block } .section-main::before { position: fixed; content: ""; background-image: url("../img/main-bg.svg"); background-size: 324px 186px; background-repeat: repeat; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; opacity: .03 } .section-main .text-caption { font-weight: 500; font-size: 20px; line-height: 24px } .section-main h3 { font-size: 33px; font-weight: 600; letter-spacing: .043em; line-height: 40px; padding-right: 12px } .coverage-option-button { margin-bottom: 30px } .coverage-option-button .option-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: block; box-sizing: border-box; background: #fff; color: #47556a; padding: 18px; text-align: center; cursor: pointer; transform: scale3d(1, 1, 1); transition: transform .2s ease-in-out } .coverage-option-button .option-label:hover, .section-main .option-input.focus-visible + .option-label { transform: scale3d(1.05, 1.05, 1.05) } .coverage-option-button .option-label:hover, .section-main .option-input:focus-visible + .option-label { transform: scale3d(1.05, 1.05, 1.05) } .section-main .option-input + .option-label .checked-overlay { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; content: ""; background: #00245b; position: absolute; pointer-events: none; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 10; opacity: 0; transition: opacity .05s linear } .section-main .option-input:checked + .option-label .checked-overlay { opacity: .69 } .section-main .option-input:checked + .option-label::after, .section-main .option-input:checked + .option-label::before { white-space: pre; font-size: 50px; font-weight: 500; line-height: 51px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 15; color: #fff; opacity: 1; transition: opacity .2s linear } .section-main .option-input:checked + .option-label::before { content: " \ASELECTED" } .section-main .option-input:checked + .option-label::after { font-family: coverage-options-iconset; content: "I\A\A" } .section-main .option-input:checked + .option-label .option-text { color: #fff } .section-main .option-input { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 0 } .section-main .option-input.focus-visible + .option-label { outline: #000 auto 2px } .section-main .option-input:focus-visible + .option-label { outline: #000 auto 2px } .coverage-option-button .option-icon { position: relative; height: 180px; max-width: 180px; margin: 20px auto 0; z-index: 5 } .coverage-option-button .option-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-height: 100% } .coverage-option-button .option-icon span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-height: 100%; font-size: 180px } .coverage-option-button .option-text { position: relative; height: 48px; overflow: visible; margin-top: 12px; z-index: 15 } .coverage-option-button .option-text span { display: block; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); font-size: 24px; line-height: 29px; font-weight: 500; text-transform: uppercase } .section-main .agent-heading p { font-size: 47px; line-height: 51px; text-transform: uppercase; font-weight: 500 } .section-main .agent-heading p.top { font-size: 56px } .section-main .select-agent-wrap input[type=submit] { font-size: 40px; line-height: 50px; padding: 30px 34px } .section-main .submissions-table { width: 100% } .section-main .submissions-table th { font-size: 20px; font-weight: 500; text-align: left; padding-bottom: 20px; text-transform: uppercase } .section-main .submissions-table td { text-align: left; font-weight: 400; color: #656161; padding: 20px 0 20px } .section-main .submissions-table td > div { position: relative; background-color: #fff; padding: 22px 0; height: 56px; font-size: 14px; line-height: 16px } .section-main .submissions-table td > div span { display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); padding: 0 4px } .section-main .submissions-table td.action-button { vertical-align: middle; text-align: center; padding: 0 10px; font-size: large; } .section-main .submissions-table th:nth-child(2) > div span, .section-main .submissions-table td:nth-child(2) > div span { padding-left: 18px } .section-main .submissions-table th:nth-last-child(2) > div span, .section-main .submissions-table td:nth-last-child(2) > div span { padding-right: 18px } .section-main a.delete-submission, .section-main a.view-submission { } .section-main a.delete-submission span, .section-main a.view-submission span { text-decoration: none !important; cursor: pointer; } .section-main .submissions-table td.action-button:hover { transform: scale(1.8); } .section-main a.delete-submission { } .section-main a.view-submission { color: #87d3e3; width: 32px } .section-main a.delete-submission span { transition: transform .12s linear } .section-main a.delete-submission:hover span { transform: scale(1.1) translate(0, -50%) } .section-main a.view-submission span { transition: transform .12s linear } .section-main a.view-submission:hover span { transform: translate(10px, -50%) } .section-footer { background-color: #87d3e3; position: relative; display: block } .section-footer::before { content: ""; background-image: url("../img/footer-bg.svg"); background-size: 229px 1376px; background-repeat: repeat-x; background-position-y: -450px; position: absolute; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; opacity: .03; height: auto } .section-footer h2 { color: #00245b; font-size: 100px; line-height: 122px; letter-spacing: .012em; padding: 0 30px } .section-footer .line-trail::before { background-color: #00245b } .footer-link { display: inline-block; font-size: 27px; font-weight: 600; color: #00245b; text-decoration: none !important; text-align: center } .footer-link > div { background-color: #fff; border-radius: 50%; overflow: hidden; width: 290px; height: 290px; position: relative; display: inline-block; border: 1px solid #707070; margin-bottom: 20px } .footer-link > div img { display: block; width: 75%; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%) } .submission-result-options-wrap .submission-result-option { display: block; overflow: hidden; transform: scale3d(1, 1, 1); transition: transform .2s ease-in-out; cursor: pointer; text-decoration: none !important; box-sizing: border-box } .submission-result-options-wrap .submission-result-option:hover { transform: scale3d(1.1, 1.1, 1.1); z-index: 20 } .submission-result-option, .submission-result-option h3 { color: #00245b; font-size: 28px; font-weight: 600 } .submission-result-option > div { background-color: #fff; text-align: center; margin-bottom: -10000px; padding-bottom: 10000px } .submission-result-option .image-wrap { width: 100%; height: 150px; overflow: hidden; position: relative } .submission-result-option .image-wrap img { position: absolute; top: 50%; left: 50%; max-height: 100%; max-width: 100%; transform: translate(-50%, -50%) } .submission-result-option .summary, .submission-result-option .attributes { border-top: 1px solid #00245b; padding: 30px 0 } .submission-result-option > div > div:last-child { border-bottom: 2px solid #00245b; margin-bottom: 60px } .submission-result-option .summary .price { display: table; font-size: 56px; font-weight: 800; line-height: 68px; position: relative; width: auto; margin: 0 auto } .submission-result-option .summary .price::before { display: block; position: absolute; content: "$"; font-size: 25px; top: -9px; left: -17px } .submission-result-option .summary .per-period { font-size: 20px; line-height: 24px; margin-bottom: 50px } .submission-result-option .summary .description { font-size: 14px; line-height: 24px } .submission-result-option .attributes > p { font-size: 20px; line-height: 43px } @media (max-width: 1199px) { .section-main .agent-heading p { font-size: 38px } .section-main .agent-heading p.top { font-size: 52px } .section-footer h2 { font-size: 52px; line-height: 63px; letter-spacing: .012em } .footer-link { font-size: 24px } .footer-link > div { width: 200px; height: 200px } } @media (max-width: 991px) { h2 { font-size: 48px; line-height: 56px; margin-bottom: 12px } .section-main .agent-heading p:last-child { margin-bottom: 60px } .section-main .submissions-table th { font-size: 16px } .section-main .submissions-table td > div { font-size: 12px; font-weight: 500 } .footer-link { font-size: 22px } .submission-result-buttons-wrap .btn-primary { font-size: 24px; line-height: 32px } .submission-result-options-wrap .submission-result-option { padding-left: 8px; padding-right: 8px } } @media (max-width: 768px) { .coverage-option-button .option-icon { height: 165px; max-width: 165px } .coverage-option-button .option-icon span { font-size: 165px } .coverage-option-button .option-text span { font-size: 20px; line-height: 25px } .section-main .option-input:checked + .option-label::after, .section-main .option-input:checked + .option-label::before { font-size: 34px; line-height: 42px } .section-main .agent-heading p { text-align: center } .section-main .submissions-table thead { display: none } .section-main .submissions-table tr { margin-bottom: 24px; padding-bottom: 60px; position: relative } .section-main .submissions-table tr, .section-main .submissions-table td { display: block; background-color: #fff } .section-main .submissions-table td:not(.action-button) { display: flex; flex-wrap: wrap; padding: 0 } .section-main .submissions-table td:not(.action-button)::before { content: attr(data-label) ":"; font-weight: 600; padding: 10px; flex-basis: 30%; white-space: nowrap } .section-main .submissions-table td.action-button { } .section-main .submissions-table td.action-button:last-child { } .section-main .submissions-table td.action-button a { } .section-main .submissions-table td.action-button a span { } .section-main .submissions-table td div { padding: 10px; height: auto; flex-grow: 1 } .section-main .submissions-table td div span { padding: 0 !important; position: relative } .section-footer h2 { font-size: 40px; line-height: 48px } .submission-result-options-wrap .submission-result-option:hover { transform: scale3d(1, 1, 1) } } @media (max-width: 575px) { h2 { font-size: 36px; line-height: 48px; margin-bottom: 10px } .section-header .top-nav .nav-datetime { display: none } .section-header .top-nav .nav-logo { margin: 0; width: 100%; text-align: right; padding: 10px 20px } .coverage-option-button { padding-right: 10px; padding-left: 10px } .coverage-option-button .option-icon { height: 120px; max-width: 120px } .coverage-option-button .option-icon span { font-size: 120px } .coverage-option-button .option-text span { font-size: 16px; line-height: 21px } .section-main .option-input:checked + .option-label::after, .section-main .option-input:checked + .option-label::before { font-size: 26px; line-height: 32px } .section-main .agent-heading p { font-size: 24px; line-height: 34px } .section-main .agent-heading p.top { font-size: 40px; line-height: 52px } .section-footer h2 { font-size: 30px; line-height: 38px } } @media (max-width: 480px) { .section-header .top-nav .nav-icon { top: 50%; transform: translateY(-50%); bottom: 0 } .section-header .top-nav .main-menu { min-width: calc(100% - 40px) } .section-header .top-nav .main-menu a { font-size: 20px } .coverage-option-button { padding-right: 10px; padding-left: 10px } .coverage-option-button .option-label:hover, .section-main .option-input.focus-visible + .option-label { transform: scale3d(1, 1, 1) } .coverage-option-button .option-label:hover, .section-main .option-input:focus-visible + .option-label { transform: scale3d(1, 1, 1) } .coverage-option-button .option-icon { height: 120px; max-width: 120px } .coverage-option-button .option-icon span { font-size: 120px } .coverage-option-button .option-text span { font-size: 16px; line-height: 21px } .section-main .option-input:checked + .option-label::after, .section-main .option-input:checked + .option-label::before { font-size: 26px; line-height: 32px } .section-main h3 { font-size: 22px; line-height: 34px; text-align: center; width: 100%; padding-right: unset } .section-main h3 + .line-trail { display: none } .section-main .submissions-table tr { padding: 8px; padding-bottom: 60px } .section-main .submissions-table td:not(.action-button)::before { } .section-main .submissions-table td div { padding: 4px 10px; font-size: 12px } .footer-link > div { width: 140px; height: 140px } }