body {
    margin: 0;
    padding: 0;
    background: url(../images/bg.gif) center top repeat-y #fff;
    font-family: 'Karla', sans-serif;
    font-size: 14pt;
    color: #02082c;
    font-weight: 300;
}

A {
    font-family: 'Karla', sans-serif;
    font-size: 12pt;
    outline: none;
    text-decoration: underline;
    color: #0e6ba8;
    font-weight: 300;
}

A:hover {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 10px 0 0;
    line-height: 150%;
}

ul {
    margin: 20px 0 10px;
    padding: 0 0 0 20px;
}

ul li {
    padding-bottom: 5px;
}

img {
    width: auto;
    max-width: 100%;
    border: 0;
}

form {
    margin: 0;
    padding: 0;
}

.page-err {
    width: auto;
    max-width: 450px;
    text-align: center;
    padding: 0 15px 50px;
    margin: 0 auto;
    padding-top: 100px;
}

.page-err h1 {
    margin: 30px 0;
    font-size: 60pt;
    color: #ff0000;
}

.page-err h2 {
    margin: 0;
    padding: 0;
    font-size: 30pt;
    color: #525965;
    font-weight: normal;
}

.resposive-menu-balance {
    display: none;
}

.resposive-menu-trigger {
    display: none;
    float: right;
    vertical-align: top;
    width: 35px;
    height: 30px;
    position: relative;
    z-index: 11;
    margin: 27px 10px 0 30px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
}

.resposive-menu-trigger span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #0e6ba8;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.resposive-menu-trigger span:nth-child(1) {
    top: 0px;
}

.resposive-menu-trigger span:nth-child(2),
.resposive-menu-trigger span:nth-child(3) {
    top: 10px;
}

.resposive-menu-trigger span:nth-child(4) {
    top: 20px;
}

.resposive-menu-trigger.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.resposive-menu-trigger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.resposive-menu-trigger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.resposive-menu-trigger.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.resposive-menu-container {
    display: none;
    width: 100%;
    padding-top: 10px;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    position: fixed;
    right: 0;
    top: 73px;
    z-index: 3;
    overflow-y: auto;
}

.rmc-link:link,
.rmc-link:visited,
div.rmc-link {
    display: block;
    text-align: left;
    padding: 30px 10px 30px 30px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    z-index: 1;
    text-decoration: none;
    text-transform: uppercase;
    color: #555;
    font-size: 10pt;
    font-family: Verdana;
}

.rmc-link span {
    display: block;
    position: absolute;
    right: 10px;
    top: 17px;
    font-size: 25pt;
    color: #6c6764;
}

.rmc-link:hover {
    color: #0089c8;
}

.header {
    position: absolute;
    z-index: 2;
    width: 90%;
    padding: 0 5%;
}

.logo {
    float: left;
    width: auto;
    max-width: 335px;
    padding: 5px 0;
}

.top-menu {
    float: right;
    /* width: calc(100% - 595px); */
    width: calc(100% - 758px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: 29px;
}

.tm-main {
    padding-right: 30px;
    position: relative;
    z-index: 1;
}
.contact-list {
    list-style: none;
    display: none;
    position: absolute;
    left: 0;
    width: 250px;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 0;
}
.contact-list li {
    position: relative;
}
.contact-list li {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    position: relative;
    list-style-type: none;
}

.drop-link .contact-list li {
    padding-left: 30px;
}

.contact-list li:before {
    content: '•';
    position: absolute;
    color: #0e6ba8;
}

.drop-link .contact-list li:before {
    left: 10px;
    top: 11px;
    font-size: 17pt;
}

.contact-list li:first-child {
    border-top: none;
}

.contact-list li A:link,
.contact-list li A:visited {
    height: auto;
    border-bottom: none;
    padding: 5px;
    color: #00072d;
    text-decoration: none;
    font-size: 11pt;
    text-transform: none;
}

.contact-list li A:hover {
    text-decoration: underline;
}
.contact-list > li:hover .contact-list__submenu {
    display: block;
}
.contact-list__submenu {
    list-style: none;
    display: none;
    position: absolute;
    top: 0;
    right: 100%;
    width: 250px;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 0;
}
.tm-main:hover .contact-list {
    display: block;
}

.tm-main A:link,
.tm-main A:visited {
    display: block;
    height: 28px;
    padding: 10px 20px 0;
    border-bottom: 1px solid #686968;
    text-decoration: none;
    color: #00072d;
    font-size: 13pt;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
}

.tm-itemS A:link,
.tm-itemS A:visited {
    color: #0e6ba8;
    border-bottom: 1px solid #0e6ba8;
}

.tm-main A:hover {
    color: #0e6ba8;
}

.hvr-underline-from-center {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.hvr-underline-from-center:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    right: calc(50% + 20px);
    top: 0;
    background: rgba(14, 107, 168, 0.1);
    border-radius: 20px 0px 20px 0px;
    height: 35px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}

.drop-link .drop-menu {
    display: none;
    position: absolute;
    left: 0;
    width: 250px;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    margin: 0;
}

.drop-menu li {
    border-top: 1px solid #ccc;
    padding: 10px 0;
    position: relative;
    list-style-type: none;
}

.drop-link .drop-menu li {
    padding-left: 30px;
}

.drop-menu li:before {
    content: '•';
    position: absolute;
    color: #0e6ba8;
}

.drop-link .drop-menu li:before {
    left: 10px;
    top: 11px;
    font-size: 17pt;
}

.drop-menu li:first-child {
    border-top: none;
}

.drop-menu A:link,
.drop-menu A:visited {
    height: auto;
    border-bottom: none;
    padding: 5px;
    color: #00072d;
    text-decoration: none;
    font-size: 11pt;
    text-transform: none;
}

.drop-menu A:hover {
    text-decoration: underline;
}

.drop-link:hover .drop-menu {
    display: block;
}

.rmc-link .drop-menu {
    margin-bottom: 0;
}

.rmc-link li {
    border: none;
    padding: 5px 0 5px 5px;
}

.rmc-link .drop-menu li:before {
    left: -12px;
    top: 2px;
    font-size: 12pt;
}

.content {
    width: auto;
    position: relative;
    z-index: 1;
    height: auto;
    min-height: 343px;
}

.footer {
    width: 90%;
    background-color: #f5f4ff;
    padding: 50px 5%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.accred {
    display: flex;
    max-width: 280px;
    margin-top: 30px;
}

.accred img {
    max-width: 100%;
}

.copyright {
    background-color: #f5f4ff;
}

.copyright div {
    width: auto;
    max-width: 890px;
    margin: 0 auto;
    border-top: 1px solid #00072d;
    padding: 20px 30px;
    text-align: center;
    font-size: 12pt;
    color: #02082c;
}

.copyright A:link,
.copyright A:visited {
    font-size: 12pt;
    color: #02082c;
    text-transform: uppercase;
}

.ft-phone {
    line-height: 160%;
    padding-top: 45px;
    font-family: 'Rubik', sans-serif;
}

.ft-socials {
    padding-top: 45px;
}

.ft-socials A:link,
.ft-socials A:visited {
    display: inline-block;
    margin: 0 5px;
    background-color: #0e6ba8;
}

.ft-socials A:hover {
    background-color: #00b2fe;
}

.ft-phone-val {
    color: #0e6ba8;
    font-size: 26pt;
    text-decoration: none;
}

.ft-phone-lbl {
    padding-left: 123px;
    color: #00072d;
    font-size: 21pt;
}

.ft-mob .ft-socials {
    display: none;
    width: auto;
    text-align: center;
    padding-top: 25px;
}

.ft-mob .ft-phone {
    display: none;
    width: auto;
    text-align: center;
    padding-top: 25px;
}

.ft-mob .ft-phone-lbl {
    padding-left: 0;
}

.ft-links label {
    display: block;
    padding-bottom: 20px;
    font-size: 14pt;
    text-transform: uppercase;
    color: #00072d;
    font-weight: 500;
}

.ft-links A:link,
.ft-links A:visited {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: #00072d;
    font-size: 11pt;
    font-weight: 400;
}

.ft-links A:hover {
    text-decoration: underline;
}

.transform {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.ttl-wp {
    padding-top: 95px;
}

.ttl-inner {
    background: url(../images/title.gif) left top repeat-x #304e6c;
}

.ttl {
    width: auto;
    max-width: 900px;
    text-align: center;
    margin: 0 auto;
    padding: 50px 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    font-family: 'Rubik', sans-serif;
}

.tll-m {
    font-size: 26pt;
}

.tll-b {
    font-size: 39pt;
}

.tll-bt {
    font-size: 30pt;
    padding-bottom: 20px;
}

.txt {
    width: auto;
    max-width: 900px;
    text-align: center;
    padding: 0 15px 50px;
    margin: 0 auto;
    color: #fff;
}

.wp {
    width: auto;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
}

.terms-section {
    max-width: 70%;
}

.par {
    padding-top: 60px;
}

.par-L,
.par-R,
.par-US {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.par-C {
    text-align: center;
}

.par-block-1,
.par-block-2 {
    width: 47%;
}

.par-C .par-block-1,
.par-C .par-block-2 {
    width: 100%;
}

.par-L .par-block-1 {
    order: 1;
}

.par-L .par-block-2 {
    order: 2;
}

.par-R .par-block-1 {
    order: 2;
}

.par-R .par-block-2 {
    order: 1;
}

.par-img {
    padding-top: 10px;
    border-radius: 20px;
}

.par-pi {
    display: flex;
    flex-wrap: wrap;
}

.par-pi label {
    width: 70px;
    padding-top: 5px;
    font-size: 30pt;
}

.par-pi h3,
.par-pi .par-pi-inner {
    width: calc(100% - 70px);
}

.par-subttl {
    margin: 0;
    padding: 15px 0;
    font-size: 20pt;
    font-weight: normal;
    font-family: 'Rubik', sans-serif;
}

.par-ttl {
    width: 100%;
    font-family: 'Rubik', sans-serif;
}

.par-ttl h2 {
    width: auto;
    max-width: 660px;
    margin: 0;
    padding: 0 0 25px 0;
    line-height: 100%;
    font-size: 25pt;
    font-weight: normal;
}

.par-C .par-ttl h2 {
    margin: 0 auto;
}

.service-tbl {
    padding-top: 60px;
}

.service-tbl .tbl-custom {
    background-color: #00072d;
}

.service-tbl .tbl-custom td {
    background-color: #fff;
    padding: 15px;
}

.service-tbl .tbl-custom tr td:not(:first-child) {
    text-align: center;
    color: #0e6ba8;
}

.service-tbl .tbl-custom tr td.tbl-header {
    background-color: #f5f4ff;
    font-size: 20pt;
    font-weight: normal;
    color: #02082c;
}

.comparison-table-mobile-pdf {
    display: none;
    text-align: center;
}

.comparison-table-mobile-pdf a:link,
.comparison-table-mobile-pdf a:visited {
    text-decoration: none;
}

.service-order-form {
    margin: 60px auto 0;
    background-color: #064789;
    border-radius: 10px;
    width: auto;
    max-width: 510px;
    padding: 30px 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service-order-form label {
    display: inline-block;
    color: #fff;
    font-size: 24pt;
    font-family: 'Rubik', sans-serif;
}

A.button {
    display: inline-block;
    text-decoration: none;
    border-radius: 20px;
    padding: 12px 53px 12px 23px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

.button .lbl {
    position: relative;
    z-index: 3;
}

.button .icn {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 2;
    width: 37px;
    height: 37px;
    border-radius: 20px;
}

.button .icn i {
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 37px;
}

.button:hover {
    padding-left: 48px;
    padding-right: 28px;
}

.button:hover .icn {
    width: calc(100% - 6px);
}

.service-order-form A.button {
    background-color: #fff;
    color: #0e6ba8;
}

.service-order-form .button .icn {
    background-color: #0e6ba8;
}

.service-order-form .button .icn i {
    background: url(../images/icn-btn-order.png) 9px 5px no-repeat;
}

.service-order-form .button:hover {
    color: #fff;
}

.question-form A.button,
.contact-form A.button,
.quote-popup-wp A.button,
.oo-footer A.button {
    background-color: #0e6ba8;
    color: #fff;
}

.question-form .button .icn,
.contact-form .button .icn,
.quote-popup-wp .button .icn,
.oo-footer .button .icn {
    background-color: #fff;
}

.question-form .button .icn i,
.contact-form .button .icn i,
.quote-popup-wp .button .icn i,
.oo-footer .button .icn i {
    background: url(../images/icn-btn-question-form.png) center center no-repeat;
}

.question-form .button:hover,
.contact-form .button:hover,
.quote-popup-wp .button:hover,
.oo-footer .button:hover {
    color: #0e6ba8;
}

.fq-slider-footer A.button,
.hsi-link A.button,
.hfi-link A.button {
    background-color: #064789;
    color: #fff;
}

.fq-slider-footer .button .icn,
.hsi-link .button .icn,
.hfi-link .button .icn {
    background-color: #fff;
}

.fq-slider-footer .button .icn i,
.hsi-link .button .icn i,
.hfi-link .button .icn i {
    background: url(../images/icn-btn-arr-right.png) center center no-repeat;
}

.fq-slider-footer .button:hover,
.hsi-link .button:hover,
.hfi-link .button:hover {
    color: #064789;
}

.question-form {
    margin-top: 60px;
    background: url(../images/question-form.gif) repeat-y;
    padding: 60px 0;
    color: #fff;
}

.question-form-ttl {
    display: block;
    text-align: center;
    font-size: 30pt;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Rubik', sans-serif;
}

.question-form .notes {
    text-align: center;
    padding: 35px 0;
    font-size: 15pt;
    font-weight: normal;
}

.question-form-wp,
.contact-form-wp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-form-cc {
    padding-top: 30px;
}

.question-form-block,
.contact-form-block {
    width: 47%;
}

.contact-form-block-full {
    width: 100%;
}

.question-form-comment,
.contact-form-comment {
    width: 100%;
}

.question-form-footer,
.contact-form-footer {
    width: 100%;
    padding-top: 15px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.clients-online {
    padding-top: 60px;
}

.clients-online label {
    display: block;
    text-align: center;
    font-size: 23pt;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

.clear {
    clear: both;
}

.faq-news {
    width: calc(100% - 30px);
    padding-bottom: 50px;
}

.fn-cnt {
    float: left;
    width: calc(100% - 501px);
}

.fn-menu {
    float: left;
    width: 400px;
    padding: 0 0 100px 50px;
    margin: 30px 0 0 50px;
    border-left: 1px solid #00072d;
}

.faq {
    position: relative;
    z-index: 1;
    padding: 25px 80px 25px 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    margin-top: 35px;
    background-color: #fff;
}

.faq:nth-child(odd) {
    border-left: 90px solid #0e6ba8;
}

.faq:nth-child(even) {
    border-left: 90px solid #98bfd9;
}

A.faq-act {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
    text-decoration: none;
}

A.faq-show {
    width: 26px;
    height: 15px;
    background: url(../images/icn-fqa-show.png);
}

A.faq-hide {
    width: 20px;
    height: 20px;
    background: url(../images/icn-fqa-hide.png);
}

.faq-ttl {
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-size: 17pt;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}

.faq-ttl:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #9497a7;
}

.faq-txt {
    width: 100%;
    height: 63px;
    overflow: hidden;
}

.fn-menu label {
    display: block;
    padding: 25px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #00072d;
    font-size: 18pt;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

.fn-menu A {
    display: block;
    margin-top: 35px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 20px 25px 20px 70px;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    text-decoration: none;
    font-size: 15pt;
    font-weight: 500;
    color: #001c55;
    font-family: 'Rubik', sans-serif;
}

.fn-menu A .lbl {
    position: relative;
    z-index: 3;
}

.fn-menu A .icn {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 50px;
    height: 100%;
    border-radius: 20px 0 0 20px;
}

.fn-menu A:nth-child(odd) .icn {
    background-color: #064789;
}

.fn-menu A:nth-child(even) .icn {
    background-color: #001c55;
}

.fn-menu A:hover {
    color: #fff;
}

.fn-menu A:hover .icn {
    left: 50px;
    width: calc(100% - 50px);
    border-radius: 20px;
}

.news {
    position: relative;
    z-index: 1;
    padding: 25px 30px 25px 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    margin-top: 35px;
    background-color: #fff;
}

.news-date {
    font-size: 11pt;
    text-transform: uppercase;
    color: #757575;
}

.news-ttl {
    position: relative;
    z-index: 1;
    padding: 10px 0 15px;
    margin-bottom: 10px;
    font-size: 17pt;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}

.news-inner .news-ttl {
    font-size: 23pt;
}

.news-ttl:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #9497a7;
}

.news-img {
    float: right;
    width: auto;
    max-width: 60%;
    padding: 10px 0 0 30px;
}

A.news-link {
    display: inline-block;
    margin-top: 35px;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    padding: 10px 35px;
    border-radius: 20px;
    background-color: #0e6ba8;
    position: relative;
    z-index: 1;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
}

A.news-link .lbl {
    position: relative;
    z-index: 3;
}

A.news-link .icn {
    position: absolute;
    left: 3px;
    top: 3px;
    z-index: 2;
    width: 0;
    height: calc(100% - 6px);
    border-radius: 20px;
    background-color: #fff;
}

A.news-link:hover {
    color: #0e6ba8;
}

A.news-link:hover .icn {
    width: calc(100% - 6px);
}

.news-inner {
    padding-top: 35px;
}

.contact-map {
    position: relative;
    z-index: 1;
}

.contact-info-wp {
    position: absolute;
    left: 10%;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
}

.contact-info {
    align-self: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 35px;
    border-radius: 20px;
    background-color: #fff;
}

.contact-info label {
    display: block;
    text-align: center;
    text-decoration: underline;
    font-size: 18pt;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

.ci-block {
    margin-top: 25px;
    padding-left: 40px;
}

.ci-phones {
    background: url(../images/icn-phones.png) left 5px no-repeat;
}

.ci-location {
    background: url(../images/icn-location.png) left top no-repeat;
}

.ci-hours {
    background: url(../images/icn-hours.png) left 4px no-repeat;
}

.ci-ttl {
    padding-bottom: 20px;
    font-size: 17pt;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

.ci-phones-r {
    display: flex;
    padding-top: 3px;
}
.ci-phones-r a {
    text-decoration: none;
    color: #02082c;
    font-size: 14pt;
}
.ci-phones-r div:first-child {
    width: 90px;
}

.ci-location-r,
.ci-hours-r {
    line-height: 140%;
}

.contact-form {
    padding-bottom: 50px;
}

.cf-ttl {
    padding: 35px 0;
    text-align: center;
    font-size: 20pt;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
}

.technology {
    padding-top: 50px;
}

.inner-ttl {
    position: relative;
    z-index: 1;
    margin: 0 0 35px 0;
    line-height: 100%;
    font-size: 27pt;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
}

.inner-ttl:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -220px;
    width: 220px;
    height: 1px;
    background-color: #00072d;
}

.reasons {
    margin: 50px 0;
    padding: 50px 0;
    background: url(../images/about-reasons.jpg) center center no-repeat;
    background-size: cover;
}

.reasons .wp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.reason-block-wp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.reason-block-lbl,
.reason-block {
    width: 355px;
    margin: 35px 15px 0;
    padding: 30px 25px;
    color: #fff;
}

.reason-block-lbl {
    font-weight: bold;
}

.reason-block {
    -webkit-box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.75);
    border-radius: 20px;
}

.reason-block:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.3);
}

.reason-block:nth-child(odd) {
    background-color: rgba(17, 27, 37, 0.5);
}

.rb-num {
    width: 105px;
    line-height: 100%;
}

.reason-block-lbl .rb-num {
    font-size: 110pt;
    font-family: 'Rubik', sans-serif;
}

.reason-block .rb-num {
    font-weight: 400;
    font-size: 100pt;
    font-family: 'Rubik', sans-serif;
}

.reason-block-lbl .rbi-ttl {
    padding-top: 20px;
    font-size: 30pt;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
}

.reason-block:nth-child(odd) .rb-num {
    color: #3c526a;
}

.reason-block .rbi-ttl {
    padding-bottom: 10px;
    font-size: 15pt;
    text-transform: uppercase;
}

.rb-info {
    width: calc(100% - 105px);
}

.home-services {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    padding-bottom: 50px;
}

.home-services A {
    display: block;
    width: calc(48% - 90px);
    padding: 50px 45px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(237, 242, 251, 1) 0%, rgba(226, 233, 246, 1) 100%);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    color: #00072d;
}

.home-services A:hover,
.news-slider .item A:hover {
    background: linear-gradient(
        160deg,
        rgba(255, 255, 255, 1),
        rgba(226, 233, 246, 1),
        rgba(14, 107, 168, 0.2),
        rgba(255, 255, 255, 1),
        rgba(226, 233, 246, 1),
        rgba(14, 107, 168, 0.2),
        rgba(255, 255, 255, 1),
        rgba(255, 255, 255, 1)
    );
    background-size: 1000% 1000%;
    animation: rainbow 3s linear infinite;
    -webkit-animation: rainbow 3s linear infinite;
    -z-animation: rainbow 3s linear infinite;
    -o-animation: rainbow 3s linear infinite;
}

@-webkit-keyframes rainbow {
    0% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@-moz-keyframes rainbow {
    0% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@-o-keyframes rainbow {
    0% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@keyframes rainbow {
    0% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.hsb-ttl {
    display: block;
    line-height: 100%;
    color: #0e6ba8;
    font-size: 24pt;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}

.home-services li {
    line-height: 150%;
    list-style-type: none;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
}

.home-services li:before {
    content: '•';
    position: absolute;
    left: -17px;
    top: 16px;
    color: #0e6ba8;
    font-size: 17pt;
}

.home-technology {
    padding: 50px 0 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.htb-img {
    width: 50%;
}

.htb-img-inner {
    position: relative;
    z-index: 1;
    text-align: center;
}

.htb-corner {
    display: block;
    position: absolute;
    z-index: 1;
    border-radius: 20px;
    width: 170px;
    height: 140px;
    background-color: #bad3e5;
}

.htb-corner-t {
    right: -45px;
    top: -45px;
}

.htb-corner-b {
    left: -45px;
    bottom: -45px;
}

.htb-txt {
    width: 40%;
}

.htb-txt p {
    width: auto;
    max-width: 550px;
}

.htb-ttl {
    padding: 0 0 20px 0;
    margin: 0;
    line-height: 100%;
    font-size: 27pt;
    text-transform: uppercase;
    font-weight: normal;
}

.htb-img img {
    border-radius: 20px;
    position: relative;
    z-index: 2;
}

.home-about {
    padding-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
}

.ha-block-l {
    width: 60%;
}

.ha-block-r {
    width: calc(40% - 61px);
    border-left: 1px solid #00072d;
    padding-left: 60px;
}

.ha-block-l .ha-block-inner {
    padding-right: 120px;
}

.ha-block-r .ha-block-inner {
    width: auto;
    max-width: 180px;
}

.hab-call {
    font-weight: bold;
}

.hab-or {
    padding: 20px 0 10px;
}

.home-faq {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 15px;
}

.hf-info {
    width: 42%;
    align-self: center;
    text-align: right;
}

.hf-info-inner {
    display: inline-block;
    width: auto;
    max-width: 370px;
    text-align: left;
    padding: 30px 0;
}

.hf-img {
    width: 50%;
    align-self: center;
}

.hfi-lbl {
    padding-bottom: 10px;
    line-height: 100%;
    font-size: 27pt;
    font-family: 'Rubik', sans-serif;
}

.hfi-phone {
    padding-bottom: 10px;
    font-size: 25pt;
    color: #0e6ba8;
    font-family: 'Rubik', sans-serif;
    text-decoration: none;
}
.hac-phone {
    color: #02082c;
    text-decoration: none;
    font-weight: bold;
    font-size: initial;
}

.hfi-link {
    padding-top: 30px;
}

.sending {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 20px;
    cursor: default;
    background: url(../images/sending.gif) center center no-repeat #fff;
}

.form-msg {
    position: absolute;
    left: 50% !important;
    margin-left: -125px !important;
    background-color: #fff;
    z-index: 999999;
    width: auto;
    max-width: 250px;
    padding: 30px;
}

.form-err {
    border: 1px solid #ff0000;
    color: #ff0000;
}

.form-sent {
    text-align: center;
    border: 1px solid #0e6ba8;
}

.form-msg A {
    display: block;
    margin-top: 20px;
    padding: 7px 20px;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    color: #fff;
    text-decoration: none;
}

.form-msg A:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left;
}

.form-err A:before {
    border: #ff0000 solid 2px;
}

.form-sent A:before {
    border: #0e6ba8 solid 2px;
}

.form-msg A:hover:before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
}

.form-err A {
    background-color: #ff0000;
}

.form-sent A {
    background-color: #0e6ba8;
}

.inquire {
    float: right;
    width: 140px;
    align-self: center;
    padding-top: 25px;
}

.h-pay-balance {
    float: right;
    width: 140px;
    margin-right: 15px;
    padding-top: 25px;
}

.h-call {
    float: right;
    width: 140px;
    margin-right: 15px;
    padding-top: 25px;
}
.h-call svg {
    width: 19px;
    height: 19px;
    display: none;
}

A.inquire-link {
    display: block;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    padding: 10px;
    text-align: center;
    border-radius: 20px;
    border: 2px solid #0e6ba8;
    position: relative;
    z-index: 1;
    text-decoration: none;
    font-weight: 600;
    color: #0e6ba8;
    text-transform: uppercase;
}

A.inquire-link .lbl {
    position: relative;
    z-index: 3;
}

A.inquire-link .icn {
    position: absolute;
    left: 3px;
    top: 3px;
    z-index: 2;
    width: 0;
    height: calc(100% - 6px);
    border-radius: 20px;
    background-color: #0e6ba8;
}

A.inquire-link:hover {
    color: #fff;
}

A.inquire-link:hover .icn {
    width: calc(100% - 6px);
}

#fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 9999;
}

#quote {
    display: none;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 99999;
    pointer-events: none;
}

.quote-popup-wp {
    width: auto;
    max-width: 610px;
    border-radius: 20px;
    border-right: 60px solid #001c55;
    padding: 25px 50px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

.quote-lbl {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20pt;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    font-family: 'Rubik', sans-serif;
}

.quote-lbl:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #9497a7;
}

.quote-close {
    position: absolute;
    right: -42px;
    top: 21px;
}

.quote-close A {
    display: block;
    width: 21px;
    height: 21px;
    background: url(../images/close.png);
}

.quote-test-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
}

.quote-test-btns A {
    display: block;
    width: calc(47% - 50px);
    background-color: #fff;
    border-radius: 20px;
    padding: 25px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
    color: #02082c;
    text-transform: uppercase;
    text-decoration: none;
}

.quote-test-btns .lbl {
    display: block;
    text-align: center;
    position: relative;
    z-index: 3;
}

.quote-test-btns .lbl-1 {
    font-size: 14pt;
    font-weight: 600;
}

.quote-test-btns .icn {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 12px;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(90deg, rgba(14, 38, 66, 1) 0%, rgba(72, 113, 145, 1) 100%);
}

.quote-test-btns A:hover {
    color: #fff;
}

.quote-test-btns A:hover .icn {
    height: 100%;
    border-radius: 20px;
}

.ordering-online {
    width: auto;
    max-width: 888px;
    padding: 50px 15px 0;
    margin: 0 auto;
}

.oo-lbl {
    text-align: center;
    padding-bottom: 30px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 25pt;
    font-family: 'Rubik', sans-serif;
}

.oo-ttl {
    text-align: center;
    padding: 50px 0 20px;
    text-decoration: underline;
    font-weight: normal;
    font-size: 17pt;
}

.oo-radio-wp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ooq-block .oo-radio-wp {
    justify-content: flex-start;
    padding-top: 20px;
}

.oo-radio-wp div {
    padding: 0 50px;
}

.ooq-block .oo-radio-wp div {
    padding: 0 35px 0 0;
}

.oo-radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jsPaypalChild,
.jsPaypalChild {
    display: none !important;
}

.oo-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.oo-radio span {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.oo-radio:hover input ~ span {
    background-color: #ccc;
}

.oo-radio input:checked ~ span {
    background-color: #0e6ba8;
    border: 1px solid #0e6ba8;
}

.oo-radio span:after {
    content: '';
    position: absolute;
    display: none;
}

.oo-radio input:checked ~ span:after {
    display: block;
}

.oo-radio span:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.oo-txt {
    width: auto;
    max-width: 640px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px;
}

.oo-pb-30 {
    padding-bottom: 30px;
}

.oo-questions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
}

.oo-questions .oo-star {
    position: relative;
    top: -5px;
    color: #0e6ba8;
}

.ooq-block {
    padding-right: 20px;
}

.oo-input-custom {
    width: 60px;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #0e6ba8;
    text-align: center;
}

.oo-notes {
    padding-top: 20px;
}

.oo-notes ul {
    margin-top: 5px;
}

.oon-lbl {
    text-transform: uppercase;
    font-weight: 600;
}

.oo-notes li {
    line-height: 150%;
    list-style-type: none;
    position: relative;
    padding: 10px 0 0 15px;
    font-size: 11pt;
}

.oo-notes li:before {
    position: absolute;
    top: 13px;
    color: #0e6ba8;
    font-size: 17pt;
}

.oo-notes li:nth-child(1):before {
    content: '*';
    left: -8px;
}

.oo-notes li:nth-child(2):before {
    content: '**';
    left: -17px;
}

.oo-notes li:nth-child(3):before {
    content: '***';
    left: -26px;
}

.oo-notes li:nth-child(4):before {
    content: '****';
    left: -35px;
}

.oo-payment-notes {
    padding-top: 15px;
    font-size: 11pt;
    line-height: 120%;
}

.oo-payment-notes label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10pt;
}

.oo-payment-notes img {
    display: inline-block;
    margin: 10px 10px 0 0;
}

.oo-footer {
    text-align: center;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.oo-confirm {
    display: flex;
    padding: 10px 0;
}

.oo-confirm div:nth-child(1) {
    width: calc(40% - 20px);
    padding-right: 20px;
}

.oo-confirm div:nth-child(2) {
    width: 60%;
    color: #0e6ba8;
}

.oo-confirm div.oo-deposit {
    color: #02082c;
}

.oo-order {
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    color: #0e6ba8;
    font-weight: 600;
}

.oo-thank {
    text-align: center;
    color: #0e6ba8;
}

.oo-paypal {
    padding-top: 15px;
}

.oo-paypal label {
    display: block;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.oo-paypal-steps {
    padding: 10px 0;
}

.oo-paypal-btn {
    padding-top: 20px;
}

.oo-paypal-transaction {
    padding-top: 10px;
}

.oo-paypal-transaction input {
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 250px;
}

.cp-tbl-info {
    width: auto;
    max-width: 800px;
}

.cp-tbl-ttl {
    margin: 0;
    padding: 30px 0 5px;
    font-size: 27pt;
    font-weight: normal;
    font-family: 'Rubik', sans-serif;
}

.cp-tbl {
    padding-top: 25px;
}

.cp-tbl table {
    width: 100%;
}

.cp-tbl .tbl-custom {
    background-color: #00072d;
}

.cp-tbl .tbl-custom td {
    padding: 15px;
}

.cp-tbl .tbl-custom tr:nth-child(even) td {
    background-color: #fff;
}

.cp-tbl .tbl-custom tr:nth-child(odd) td {
    background-color: #edf1f7;
}

.cp-tbl .tbl-custom tr td.tbl-header {
    background-color: #a4c5dd;
    font-size: 17pt;
    font-weight: normal;
    color: #02082c;
    font-family: 'Rubik', sans-serif;
}

.cp-tbl-spacer {
    padding-bottom: 50px;
}

.reviews {
    width: 100%;
    padding: 50px 0;
    background: url(../images/reviews.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
}

.reviews-wp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px;
}

.reviews-wp .item {
    width: 50%;
    padding-top: 20px;
}

.review-block {
    display: block;
    padding: 20px;
    margin: 32px 25px 0;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
    z-index: 1;
    text-decoration: none;
    color: #00072d;
}

.review-icon {
    position: absolute;
    top: -32px;
    left: 10%;
    z-index: 1;
    width: 64px;
    height: 68px;
    background: url(../images/icn-reviews.png) no-repeat;
}

.rbi-from {
    text-align: right;
    padding-top: 20px;
    font-size: 18pt;
    color: #0e6ba8;
    font-family: 'Rubik', sans-serif;
}

.rbi-txt {
    padding-top: 10px;
    font-size: 11pt;
}

.ffl-rating {
    padding-top: 10px;
}

.reviews-form {
    width: auto;
    max-width: 800px;
    margin: 0 auto;
}

.bcmM {
    width: 87%;
    padding: 10px 20px;
    border: 1px solid #bebebe;
    border-radius: 5px;
    background-color: #fff;
    line-height: 150%;
}

.bcm-warning {
    padding-left: 80px;
    color: #ff0000;
    padding-bottom: 20px;
}

.blog-posted {
    position: relative;
    padding-top: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #333333;
    font-family: Verdana;
    font-size: 8pt;
}

.blog-posted span {
    position: absolute;
    top: -1px;
    left: 80px;
    width: 19px;
    height: 11px;
    background: url(/images/comment-arr.gif) no-repeat;
}

.blog-posted font {
    color: #2f7aee;
}

.blog-comments {
    padding-top: 50px;
}

.blog-comments label {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14pt;
    text-transform: uppercase;
}

.bcm-new {
    position: relative;
    display: none;
}

.bcm-new label {
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 10pt;
    border-bottom: 1px solid #bebebe;
}

.bcm-new-btn {
    text-align: center;
    padding-top: 30px;
}

.bcm-new-btn A:link,
.bcm-new-btn A:visited {
    border: 1px solid #23356a;
    color: #23356a;
    padding: 10px 30px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 12pt;
    text-decoration: none;
}

.bcm-new-btn A:hover {
    background-color: #b2b2b2;
    color: #fff;
}

.bcm-input {
    padding-bottom: 10px;
}

.bcm-input span {
    display: block;
    float: left;
    width: 70px;
    padding-top: 3px;
    text-align: right;
    padding-right: 10px;
    font-family: Verdana;
    font-size: 8pt;
}

.bcm-input div {
    float: left;
}

.bcm-input input {
    width: 400px;
    font-family: Verdana;
    font-size: 9pt;
    padding: 2px;
    border: 1px solid #bebebe;
    background-color: #fff;
}

.bcm-input textarea {
    width: 400px;
    height: 100px;
    font-family: Verdana;
    font-size: 9pt;
    padding: 2px;
    border: 1px solid #bebebe;
    background-color: #fff;
    resize: none;
}

.bcm-btn {
    padding-left: 80px;
}

#form-error {
    background-color: #ea2c2c;
    border: 2px solid #790f0f;
    padding: 15px;
    position: absolute;
    left: 160px;
    top: 70px;
}

.bcm-none {
    color: #e83731;
}

.c_error_fieldset {
    width: 200px;
    text-align: left;
    border: none;
}

.c_error_legend {
    padding-bottom: 2px;
    color: #ff0000;
    font-family: Verdana;
    font-size: 8pt;
    border: 1px solid #b8b5b3;
    background-color: #fff;
    padding: 2px 5px;
}

.c_error_container {
    padding: 8px 10px;
}

.c_error_label {
    padding: 2px;
    color: #fff;
    font-family: Verdana;
    font-size: 8pt;
}

.c_error_close {
    padding-top: 10px;
    text-align: center;
}

.c_error_close A:link,
.c_error_close A:visited {
    color: #000;
    font-size: 12px;
}

.pay-balance-page {
    width: auto;
    max-width: 590px;
    margin: 0 auto;
}

.pay-balance-complete {
    padding: 90px 0;
}

.ffl-amount-input-wrapper {
    position: relative;
    width: 125px;
}

.ffl-currency {
    position: absolute;
    top: 20px;
    right: 0;
}

.ffl-amount-wrapper .ffl-amount {
    padding-left: 1em;
    box-sizing: border-box;
}

.ffl-amount-wrapper .ffl-label {
    left: 1em;
}

.ffl-amount-input-wrapper::before {
    content: '$';
    position: absolute;
    left: 0;
    top: 3px;
}

.location-main-points {
    display: flex;
    padding: 30px 0;
}

.lmc-block {
    width: calc(25% - 40px);
    padding: 20px 20px;
    text-align: center;
}

.lmc-img {
    margin-bottom: 15px;
    height: 60px;
}

.lmc-img img {
    display: block;
    margin: auto;
}

.lmc-ttl {
    color: #0e6ba8;
    font-size: 15pt;
    font-weight: 600;
}

@media screen and (max-width: 1770px) {
    .tm-main {
        padding-right: 20px;
    }
    .tm-main A:link,
    .tm-main A:visited {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1650px) {
    .header,
    .footer {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1500px) {
    .ft-socials {
        display: none;
    }
    .ft-mob .ft-socials {
        display: block;
    }

    .tm-main A:link,
    .tm-main A:visited {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media screen and (max-width: 1480px) {
    .contact-map {
        overflow: hidden;
    }
    .contact-map img {
        max-width: none;
        max-height: 538px;
    }

    .tm-main A:link,
    .tm-main A:visited {
        font-size: 11pt;
    }
}

@media screen and (max-width: 1390px) {
    .logo {
        max-width: 235px;
    }

    .top-menu {
        padding-top: 20px;
    }

    .h-pay-balance,
    .h-call {
        padding-top: 17px;
    }

    .inquire {
        padding-top: 17px;
    }
}

@media screen and (max-width: 1330px) {
    .ft-phone {
        display: none;
    }
    .ft-mob .ft-phone {
        display: block;
    }
    .ft-logo {
        max-width: 290px;
    }
    .ttl-wp {
        padding-top: 80px;
    }
    .contact-info-wp {
        left: 15px;
    }
    .resposive-menu-trigger {
        display: block;
    }
    .top-menu {
        display: none;
    }
}

@media screen and (max-width: 1270px) {
    .comparison-table-mobile-pdf {
        display: block;
    }

    .service-tbl {
        display: none;
    }
}

@media screen and (max-width: 1080px) {
    .fn-menu {
        display: none;
    }
    .fn-cnt {
        width: 100%;
    }
}

@media screen and (max-width: 1040px) {
    .contact-info-wp {
        position: relative;
        left: 0;
        height: auto;
        padding: 30px 0 20px 15px;
        display: block;
    }
    .contact-map img {
        max-height: none;
        max-width: 100%;
    }
    .contact-info {
        width: calc(100% - 85px);
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .contact-info label {
        width: 100%;
    }
    .ci-block {
        width: calc(50% - 40px);
    }
}

@media screen and (max-width: 950px) {
    .ft-navigation {
        display: none;
    }
    .home-services A {
        width: calc(100% - 90px);
        margin-bottom: 20px;
    }
    .reason-block-lbl,
    .reason-block {
        width: calc(50% - 80px);
    }
    .reason-block-lbl .rb-num {
        font-size: 70pt;
    }
    .reason-block-lbl .rbi-ttl {
        font-size: 25pt;
        padding-top: 7px;
    }
    .reason-block .rb-num {
        font-size: 70pt;
    }
    .rb-num {
        width: 70px;
    }
    .rb-info {
        width: calc(100% - 70px);
    }
}

@media screen and (max-width: 900px) {
    .ha-block-l .ha-block-inner {
        padding-right: 30px;
    }
    .tll-b {
        font-size: 30pt;
    }
    .reviews-wp .item {
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .htb-img {
        width: 100%;
        text-align: center;
    }
    .htb-corner-t {
        right: 0;
    }
    .htb-corner-b {
        left: 0;
    }
    .htb-txt {
        width: 100%;
        padding-top: 70px;
    }
    .htb-txt p {
        max-width: 100%;
    }
    .h-call {
        width: 50px;
    }
    .h-call .lbl span {
        display: none;
    }
    .h-call svg {
        display: initial;
    }
}

@media screen and (max-width: 800px) {
    .ft-services {
        display: none;
    }
    .footer {
        justify-content: center;
        padding: 25px 0;
    }
    .ft-logo {
        text-align: center;
    }
    .hf-info {
        width: 100%;
    }
    .hf-img {
        width: 100%;
    }
    .hf-info-inner {
        display: block;
        max-width: 100%;
    }
}

@media screen and (max-width: 725px) {
    .par {
        padding-top: 30px;
    }
    .par-block-1 {
        width: 100%;
    }
    .par-block-2 {
        width: 100%;
        padding-top: 30px;
    }
    .par-R .par-block-1 {
        order: 1;
    }
    .par-R .par-block-2 {
        order: 2;
    }
    .tll-m,
    .par-ttl h2 {
        font-size: 23pt;
    }
    .reason-block-lbl,
    .reason-block {
        width: calc(100% - 50px);
        margin: 10px 0;
    }
    .reason-block-lbl .rbi-ttl {
        font-size: 19pt;
        padding-top: 19px;
    }
    .h-pay-balance {
        display: none;
    }
}

@media screen and (max-width: 690px) {
    .ci-block {
        width: calc(100% - 40px);
    }
}

@media (max-width: 655px) {
    .resposive-menu-balance {
        display: block;
    }
}

@media screen and (max-width: 630px) {
    body,
    A:link,
    A:visited {
        font-size: 11pt;
    }
    .service-order-form {
        padding: 20px 15px;
    }
    .service-order-form label {
        padding-top: 5px;
        font-size: 20pt;
    }
    .question-form-ttl {
        font-size: 24pt;
    }
    .home-services A {
        width: calc(100% - 40px);
        padding: 20px;
    }
    .hsb-ttl {
        font-size: 19pt;
    }
    .ha-block-l {
        width: 100%;
    }
    .ha-block-r {
        width: 100%;
        padding: 20px 0 0;
        border: none;
    }
    .ha-block-r .ha-block-inner {
        max-width: 100%;
    }
    .home-services {
        padding-bottom: 0;
    }
    .home-technology {
        padding-bottom: 50px;
    }
    .home-about {
        padding-bottom: 0;
    }
    .service-tbl .tbl-custom tr td.tbl-header {
        font-size: 14pt;
    }
    .service-tbl .par-ttl h2 {
        font-size: 17pt;
    }
    .faq {
        padding-right: 30px;
    }
    .faq-ttl {
        padding-right: 30px;
    }
    .faq-txt {
        height: 55px;
    }
    .faq:nth-child(2n + 1) {
        border-left: 10px solid #0e6ba8;
    }
    .faq:nth-child(2n) {
        border-left: 10px solid #98bfd9;
    }
    .news-img {
        float: left;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-bottom: 20px;
    }
    .contact-form-block {
        width: 100%;
    }

    .oo-confirm div:nth-child(1) {
        width: calc(50% - 20px);
    }
    .oo-confirm div:nth-child(2) {
        width: 50%;
    }
    .question-form-footer,
    .contact-form-footer,
    .oo-footer {
        justify-content: center;
    }
    .g-recaptcha,
    .g-send {
        width: 100%;
    }
    .g-recaptcha div:first-child {
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 560px) {
    .oo-radio-wp div {
        padding: 0 15px;
    }
}

@media screen and (max-width: 560px) {
    .resposive-menu-trigger {
        margin-left: 0;
        margin-right: 0;
    }
    .logo {
        width: 60%;
    }
    .inquire,
    #fade,
    #quote {
        display: none !important;
    }
}

@media screen and (max-width: 510px) {
    .service-order-form {
        justify-content: center;
    }
    .service-order-form label {
        display: block;
        text-align: center;
        width: 100%;
        padding-bottom: 20px;
    }
    .question-form-block {
        width: 100%;
    }
    .par-subttl {
        padding: 5px 0 15px;
    }
    .reviews-wp .review-icon {
        display: none;
    }
    .reviews-wp .review-block {
        margin-top: 0;
    }
}

@media screen and (max-width: 465px) {
    .oo-confirm {
        display: block;
    }
    .oo-confirm div:nth-child(1),
    .oo-confirm div:nth-child(2) {
        width: auto;
        display: inline;
    }
}

@media screen and (max-width: 400px) {
    .oo-radio-wp {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 380px) {
    .contact-info {
        width: calc(100% - 45px);
        padding: 15px;
    }
}

/* Holiday Promo Popup */
.promo-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.promo-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.promo-popup-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    max-width: 800px;
    width: 90%;
    max-height: 90vh;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.promo-popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 32px;
    color: #999;
    cursor: pointer;
    z-index: 10;
    line-height: 1;
    padding: 5px;
    transition: color 0.3s ease;
}

.promo-popup-close:hover {
    color: #333;
}

.promo-popup-content {
    display: flex;
    flex-direction: row;
}

.promo-popup-image {
    flex: 0 0 45%;
    max-width: 45%;
}

.promo-popup-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.promo-popup-info {
    flex: 1;
    padding: 40px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promo-popup-title {
    font-family: 'Rubik', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #c41e3a;
    margin: 0 0 20px 0;
    line-height: 1.2;
}

.promo-popup-text {
    font-family: 'Karla', sans-serif;
    font-size: 18px;
    color: #333;
    margin: 0 0 25px 0;
    line-height: 1.5;
}

.promo-popup-discount {
    font-family: 'Rubik', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #c41e3a;
    margin: 0 0 25px 0;
    line-height: 1.3;
}

.promo-popup-discount sup {
    font-size: 14px;
}

.promo-popup-btn {
    display: inline-block;
    background: linear-gradient(180deg, #5697d0 61.53%, #1c73b6 61.54%);
    background-size: 100% 200%;
    background-position: 0 50%;
    color: #fff !important;
    font-family: 'Rubik', sans-serif;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none !important;
    padding: 20px 60px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: background-position 0.4s ease, box-shadow 0.3s ease, transform 0.3s ease;
    max-width: 300px;
}

.promo-popup-btn:hover {
    background-position: 0 200%;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

/* Promo Popup Responsive */
@media screen and (max-width: 768px) {
    .promo-popup-content {
        flex-direction: column;
    }

    .promo-popup-image {
        flex: 0 0 auto;
        max-width: 100%;
        height: 200px;
    }

    .promo-popup-info {
        padding: 25px 20px 30px;
    }

    .promo-popup-title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .promo-popup-text {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .promo-popup-discount {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .promo-popup-btn {
        font-size: 18px;
        padding: 14px 35px;
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .promo-popup-close {
        top: 5px;
        right: 10px;
        font-size: 28px;
        color: #666;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 480px) {
    .promo-popup-container {
        width: 95%;
    }

    .promo-popup-image {
        height: 160px;
    }

    .promo-popup-info {
        padding: 20px 15px 25px;
    }

    .promo-popup-title {
        font-size: 20px;
    }

    .promo-popup-text {
        font-size: 14px;
    }

    .promo-popup-discount {
        font-size: 18px;
    }

    .promo-popup-btn {
        font-size: 16px;
        padding: 12px 25px;
    }
}

/* Contact new page */

/* Contact Header Block */
.contact-header {
    position: relative;
    width: 100%;
    min-height: 700px;
    padding-top: 95px;
    background-image: url('/images/prenatal_banner-bg-1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-header__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
}

.contact-header__content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 60px 30px;
}

.contact-header__title {
    font-family: 'Karla', sans-serif;
    font-size: clamp(32px, 5vw, 78px);
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 25px 0;
    line-height: 1.25;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5);
}

.contact-header__subtitle {
    font-family: 'Karla', sans-serif;
    max-width: 1000px;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 auto 60px auto;
    line-height: 1.6;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.contact-header__buttons {
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

.contact-header__btn {
    display: inline-block;
    background: linear-gradient(180deg, #5697d0 61.53%, #1c73b6 61.54%);
    background-size: 100% 200%;
    background-position: 0 50%;
    color: #fff !important;
    font-family: 'Rubik', sans-serif;
    font-size: clamp(18px, 2.5vw, 40px);
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none !important;
    padding: 18px 55px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: background-position 0.4s ease, box-shadow 0.3s ease, transform 0.3s ease;
    min-width: 180px;
}

.contact-header__btn:hover {
    background-position: 0 100%;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

/* Contact Header Responsive */
@media screen and (max-width: 768px) {
    .contact-header {
        min-height: 400px;
    }

    .contact-header__content {
        padding: 40px 20px;
    }

    .contact-header__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .contact-header__subtitle {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .contact-header__btn {
        font-size: 18px;
        padding: 14px 40px;
        min-width: 150px;
    }
}

@media screen and (max-width: 480px) {
    .contact-header {
        min-height: 350px;
    }

    .contact-header__content {
        padding: 30px 15px;
    }

    .contact-header__title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .contact-header__title br {
        display: none;
    }

    .contact-header__subtitle {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .contact-header__buttons {
        flex-direction: column;
        gap: 15px;
    }

    .contact-header__btn {
        font-size: 16px;
        padding: 14px 30px;
        width: 100%;
        box-sizing: border-box;
    }
}

/* Contact Services Block */
.contact-services {
    background-color: #eef2f7;
    padding: 30px 0;
}

.contact-services__container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}

.contact-services__title {
    font-family: 'Karla', sans-serif;
    font-size: clamp(32px, 5vw, 50px);
    font-weight: 400;
    color: #1a1a1a;
    text-align: center;
    margin: 0 0 50px 0;
}

.contact-services__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.contact-services__card {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.contact-services__card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.contact-services__card-title {
    font-family: 'Karla', sans-serif;
    font-size: clamp(18px, 3vw, 28px);
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 15px 0;
}

.contact-services__card-text {
    font-family: 'Karla', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
}

/* Contact Services Responsive */
@media screen and (max-width: 992px) {
    .contact-services__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-services__title {
        font-size: 30px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 600px) {
    .contact-services {
        padding: 40px 0;
    }

    .contact-services__container {
        padding: 0 20px;
    }

    .contact-services__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-services__title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .contact-services__card {
        padding: 25px;
    }

    .contact-services__card-title {
        font-size: 18px;
    }

    .contact-services__card-text {
        font-size: 14px;
    }
}

/* Contact About Block */
.contact-about {
    background-color: #eef2f7;
    padding: 30px 0;
}

.contact-about__container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}

.contact-about__content {
    position: relative;
}

.contact-about__expandable {
    position: relative;
    max-height: 80px;
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.contact-about__expandable::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(to bottom, rgba(240, 244, 248, 0) 0%, #eef2f7 100%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.contact-about__expandable.is-expanded::after {
    opacity: 0;
}

.contact-about__expandable.is-expanded {
    max-height: 2000px;
}

.contact-about__content ul {
    font-family: 'Karla', sans-serif;
    font-size: 16px;
    color: #333;
    line-height: 1.7;
    margin: 0 0 25px 0;
    padding-left: 25px;
}

.contact-about__content ul li {
    margin-bottom: 15px;
}

.contact-about__content ul li:last-child {
    margin-bottom: 0;
}

.contact-about__content ul a {
    color: #0e6ba8;
    text-decoration: none;
}

.contact-about__content ul a:hover {
    text-decoration: underline;
}

.contact-about__subtitle {
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 30px 0 20px 0;
}

.contact-about__toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: none;
    margin-top: 30px;
    padding: 10px 0;
    cursor: pointer;
    font-family: 'Karla', sans-serif;
    font-size: 16px;
    color: #0e6ba8;
    transition: color 0.3s ease;
}

.contact-about__toggle:hover {
    color: #0a5a8a;
}

.contact-about__toggle-icon {
    transition: transform 0.3s ease;
}

.contact-about__toggle.is-expanded .contact-about__toggle-icon {
    transform: rotate(180deg);
}

/* Contact About Responsive */
@media screen and (max-width: 768px) {
    .contact-about {
        padding: 40px 0;
    }

    .contact-about__container {
        padding: 0 20px;
    }

    .contact-about__title {
        font-size: 24px;
    }

    .contact-about__intro,
    .contact-about__list {
        font-size: 15px;
    }

    .contact-about__subtitle {
        font-size: 20px;
    }

    .contact-about__expandable {
        max-height: 60px;
    }
}