/* font-family: "bryant-web", sans-serif; */ :root { --accent-color:#C4AD3D; --about-us-team-slider-card-speed:2.5s; } /* --------------------------------------------------------- ------------------------------------- Base ----------------------------------------------------------*/ body.et-fb-root-ancestor .nhg-divi-include { display: none!important; } html { font-size:62.5%; scroll-behavior: smooth; } body {font-size:1.8rem;font-family: "bryant-web", sans-serif; font-weight: 400;font-style: normal;color: #121212;width: 100%;height: 100%;} .container {max-width: 1110px;width:95%;} .noselect {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a {color: #00B4FF;} a:hover { color: #00B4FF; } .entry-content a:hover { text-decoration: underline; } .highlight {color: #00b4ff; } ul.plus-list { } ul.plus-list li {margin: 0!important;list-style: none!important;position: relative;padding: 3px 0 3px 30px!important; } ul.plus-list li::before {content:"+";color: #00B4FF;position: absolute;top: 13px;left: 0;font-size: 26px;font-weight: 700;line-height: 0;} #wrapper {background: #fff;transition:background 1s ease;} #main { z-index: 1; } #main > .inner-wrap { background: #0f2830!important; } #cla #wrapper [class*='btn-']:not([class*='mce']), #cla #wrapper input[type='submit']:not(.et-fb-form input) {border: none;text-decoration:none!important;display: inline-block;text-align: center;text-decoration:none;padding: 20px 25px 15px;transition: all 0.3s ease;font-size: 18px;position: relative;border-radius: 30px;text-transform: uppercase;line-height: 1em;font-weight: 600;/* display: inline-flex; *//* align-items: center; *//* vertical-align: text-bottom; */} #cla #wrapper .btn-primary, #cla #wrapper input[type*='submit'] {background-color: #F4C93D;color: #4A4B4C;} #cla #wrapper .btn-primary:hover, #cla #wrapper input[type*='submit']:hover { background: #cda522;} #cla #wrapper .btn-primary .text-inner, #cla #wrapper input[type*='submit'] .text-inner { } #cla #wrapper .divi-btn-primary {position: relative; transition: none!important;} #cla #wrapper .divi-btn-primary::after { content:""; display:block!important; position: absolute;top: 0;bottom: -1px;background: #eaf2f5;left: 0;width: 100%;transition: transform .35s ease;margin: 0;opacity: 1;z-index: 1;transform: scaleX(0);transform-origin: 100% 100%;} #cla #wrapper .divi-btn-primary:hover::after {transform: scaleX(1); transform-origin: 0 100%; } #cla #wrapper .divi-btn-primary .text-inner { position: relative; z-index: 2;} #cla #wrapper .divi-btn-primary:hover .btn-inner { } a.block-link {color: #2ea3f2!important;text-decoration: none!important;position: relative;padding-bottom: 4px!important;font-weight: 700!important;font-size: 20px;} a.block-link::before {content: "";position: absolute;width: 100%;top: 0;bottom: 0;background-image: linear-gradient(90deg, #2ea3f2, #2ea3f2);background-size: 20% 2px;background-repeat: no-repeat;background-position: left bottom;transition: background-size .3s ease-in; } a.block-link:hover::before { background-size: 100% 2px; } body#cla #wrapper .social {display: flex;align-items: center;gap: 10px;padding: 0;margin: 0;list-style: none;} body#cla #wrapper .social a {color: #fff!important;width: 35px;height: 35px;display: flex!important;align-items: center;justify-content: center;/* border: 2px solid #ffffffbf!important; *//* border-radius: 50%!important; */font-size: 20px;text-decoration: none!important;transition: all 0.3s ease!important;line-height: 0;padding: 0;} body#cla #wrapper .social a:hover { color:#01BC71!important; border-color:#01BC71!important; } body#cla #wrapper .expander {padding-top: 30px!important;position: relative;} body#cla #wrapper .expander a {font-weight: 600!important;text-decoration: underline!important;color: #00748A;transition: color 0.3s ease;} body#cla #wrapper .expander a:hover {color: #766CA3;} body#cla #wrapper .expander::before {content:"";background: #0f2830;position: absolute;bottom: 70%;left: 0;width: 100%;height: 100px;background: rgb(244,242,238);background: linear-gradient(0deg, rgba(244,242,238,1) 0%, rgba(244,242,238,0) 100%);} body#cla #wrapper .expander + .expanded-content {opacity:0;max-height:0;transition: all 1s ease!important;} body#cla #wrapper .expander + .expanded-content.opened { opacity:1; max-height:2000px; } body#cla #wrapper .expander.clicked {opacity:0; max-height:0; padding-top:1em!important;} label { } .gfield_label { margin-bottom: 0; } .gform_confirmation_message { color: #155724;background-color: #d4edda;border-color: #c3e6cb;padding: 30px 25px;font-size: 1.9rem;font-weight: 500;} .gform_wrapper div.validation_error { background: #790000; color: #fff; font-weight: normal; } .gform_wrapper li.gfield.gfield_error { border:none; background:none; } .gform_wrapper .validation_message {color: #a70101;} /* Gravity forms default */ body#cla #wrapper .gform_wrapper input[type=text], body#cla #wrapper .gform_wrapper input[type=email], body#cla #wrapper .gform_wrapper input[type=date], body#cla #wrapper .gform_wrapper input[type=tel], body#cla #wrapper .gform_wrapper input[type=number] {padding: 15px 15px!important;border-radius: 15px;border: none;font-size: 20px!important;font-weight: 400;width: 100%!important;margin: 0!important;color: #000;border:1px solid #fff;background: #fff;} body#cla #wrapper .gform_wrapper textarea {padding:10px 15px;border: 1px solid #fff;font-size: 1.8rem;font-weight: 500;transition:border 0.3s ease, bos-shadow 0.3s ease;background: #fff;border-radius: 15px;} body#cla #wrapper .gform_wrapper .gfield_required:before {content:"*";font-size: 2.0rem;font-weight: 300;} body#cla #wrapper .gform_wrapper .gfield_required .gfield_required_text { display: none; } body#cla #wrapper .gform_wrapper .gfield_contains_required .ginput_complex label:after {content:"*";font-weight: 300;font-size: 2.0rem;} body#cla #wrapper .gform_wrapper .gf_name_has_2 > span:nth-child(1) { padding-right:10px; } body#cla #wrapper .gform_wrapper .gf_name_has_2 > span:nth-child(2) { padding-left:10px; } body#cla #wrapper .gform_wrapper label {font-size: 20px;font-weight: 600;padding: 0 0 8px;color: #fff;} body#cla #wrapper .gform_fields > .gfield { margin:0 0 15px; } body#cla #wrapper .gform_wrapper input[type=text]:focus, body#cla #wrapper .gform_wrapper input[type=email]:focus, body#cla #wrapper .gform_wrapper input[type=date]:focus, body#cla #wrapper .gform_wrapper input[type=tel]:focus, body#cla #wrapper .gform_wrapper input[type=number]:focus, body#cla #wrapper .gform_wrapper textarea:focus {border: 1px solid #D4C9BC;box-shadow: 0 0 4px 3px #00748a47;} body#cla #wrapper .gform_wrapper select {padding: 15px 5px!important;font-size: 20px!important;font-weight: 500;width: 100%!important;cursor: pointer;margin: 0!important;color: #000;border: 1px solid transparent;border-bottom: 1px solid #00B4FF;border-radius: 15px;} body#cla #wrapper .gform_wrapper .gform_footer {text-align: right;} body#cla #wrapper .gform_wrapper .gform_button {width: 100%;background-color: #F4C93D;color: #4A4B4C;transition:all 0.3s ease;text-transform: none;text-align: center;font-size: 2.0rem;font-weight: 700;padding: 15px 70px;width: auto;} body#cla #wrapper .gform_wrapper .gform_button:hover {background-color: #cda522;} body#cla #wrapper .gform_wrapper .gform_button:focus { transform: translateY(1px); } body#cla #wrapper .gform_wrapper .gform_validation_errors, body#cla #wrapper .gform_wrapper .validation_message {padding: 0;margin: 0;box-shadow: none;border: none;background: none;border-radius: 0;color: #f00;} body#cla #wrapper .gform_wrapper h2.gform_submission_error {font-size: 1.6rem;font-weight: 700;padding: 10px;color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;margin: 0 0 1vw;} body#cla #wrapper .gform_wrapper h2.gform_submission_error .gform-icon { display:none!important; } body#cla #wrapper .gform_wrapper .gfield_validation_message {color: #721c24;padding: 0;line-height: 1em;background: none;border: none;padding: 10px;font-size: 18px;background: #f8d7da;margin: 10px 0 0;} body#cla #wrapper .gform_wrapper .validation_message {color: #721c24;padding: 0;line-height: 1em;background: none;border: none;padding: 10px;font-size: 18px;background: #f8d7da;margin: 10px 0 0;} body#cla #wrapper .gform_wrapper h3 {font-size: 2.5rem;margin: 0!important;padding: 14px 0!important;} body#cla #wrapper .form-privacy-policy-link a { font-size: 1.8rem; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 15px; } .gform_wrapper textarea { } #gform_1 #field_1_8 {grid-column: span 8;color: #ddd;margin: 0!important;} #gform_1 #field_submit {grid-column: span 4;} #gform_1 #field_submit #gform_submit_button_1 {width: 100%;} /* Slick default */ .slick-slide { outline: none; } .slick-arrow {position:absolute;background-color: #fff;border: none;} .slick-arrow i { color:#009AEB; } .slick-arrow:hover { background-color: #06B1BF; } .slick-arrow.prev {left: 20px;} .slick-arrow.next {right: 20px;} .slick-arrow.slick-disabled { opacity:0.25; } .slick-arrow.slick-disabled i { color: #9e9e9e;} ul.slick-dots { margin:0!important; padding: 30px 20px!important; list-style: none; text-align:center!important; } ul.slick-dots li {display: inline-block;margin: 0 5px!important;} ul.slick-dots li button {background: #BAB8B6;border:none;outline:none;text-indent:-999em;width: 16px;height: 16px;cursor: pointer;display: block;border-radius: 50%;} ul.slick-dots li.slick-active button {background: #938BB7;} /* --------------------------------------------------------- ------------------------------------- Header ----------------------------------------------------------*/ #primary-header {background: #D4C9BC;padding: 2vh 0;} #primary-header .inner {display: flex;align-items: center;justify-content: space-between;gap: 100px;} #primary-header .logo-col { } #primary-header .logo-col .logo {max-width: 120px;} #primary-header .nav-col {display: flex;align-items: center;gap: 50px;flex: auto;} #primary-header .nav-col .nav-bar { } #primary-header .nav-col .nav-bar ul {display: flex;margin: 0;padding: 0;list-style: none;gap: 25px;} #primary-header .nav-col .nav-bar ul li {list-style: none;line-height: 1em;} #primary-header .nav-col .nav-bar ul li a {color: #4A4B4C;text-transform: uppercase;font-weight: 700;line-height: 1em;} #primary-header .nav-col .nav-bar ul li.mobile-only { display:none; } #primary-header .nav-col .cta {margin-left: auto;display: flex;align-items: center;gap: 10px;} #primary-header .mobile-col { display: none; } #primary-header .mobile-col .mobile-menu-open {font-size: 34px;color: #000;display: block;width: 40px;height: 11px;position: relative;} #primary-header .mobile-col .mobile-menu-open::before {content:"";width: 100%;height: 2px;background: #000;position: absolute;top: 0;} #primary-header .mobile-col .mobile-menu-open::after {content:"";width: 100%;height: 2px;background: #000;bottom: 0;position: absolute;} #mobile-nav {position: fixed;height: 100%;transition: opacity 0.2s linear, top 0.6s ease;width: 100%;left: 0;z-index: 10000;display: flex;background: #766ca3;flex-flow: column;justify-content: space-between;opacity:0;top:-200vh;} #mobile-nav.open { opacity: 1; top:0; display: block;} #mobile-nav .mobile-nav-header {position: relative;display: flex;justify-content: flex-end;padding: 30px 20px 30px;align-items: center;} #mobile-nav .mobile-nav-header .mobile-menu-close {position: absolute;top: 50%;right: 20px;color: #000000;transform: translateY(-50%);} #mobile-nav .mobile-nav-header .mobile-menu-close:hover svg {fill: #fff;} #mobile-nav .mobile-nav-header > a.logo {display: inline-block;text-align: center;text-decoration: none;color: #000;font-size: 18px;font-weight: 400; flex: 0 0 auto;margin-left: 40px;} #mobile-nav .mobile-nav-header > a.logo svg {height: auto; margin:0 auto;max-width: 35vw;} #mobile-nav .mobile-nav-header > a.login {text-decoration:none;color: #000;font-size: 1.8rem; } #mobile-nav .mobile-nav-search {padding: 0 30px 20px;} #mobile-nav .mobile-nav-search form {display: flex;position: relative;} #mobile-nav .mobile-nav-search form .search-input { -webkit-appearance: none;width: 100%;padding: 15px 15px!important;border-radius: 3px!important;border: 1px solid #C3C3C3!important;font-size: 1.8rem!important;font-weight: 500;width: 100%!important;margin: 0!important;} #mobile-nav .mobile-nav-search form .search-submit {background: none;border: none;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);} #mobile-nav .mobile-nav-search form .search-submit::after {content:'\f002';display: inline-block;font-size: 20px;transition: all 0.2s ease;font-family: FontAwesome;font-weight: normal;font-style: normal;margin: 0;text-decoration:none;color: var(--green);} #mobile-nav .menu {list-style: none;margin: 0;padding: 0 30px;position: relative;left: 0;transition:left 0.5s ease;} #mobile-nav .menu a {font-family: 'proxima-nova', sans-serif;text-align: left;font-size: 2.5rem;font-weight: 800;text-decoration: none;display: block;padding: 20px 0;color: #000;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;font-weight: 700;font-size: 3rem;color: #FFFFFF!important;text-align: left;} #mobile-nav .menu > li {text-align: center;border-bottom: 1px solid #b7b7b7;} #mobile-nav .menu > li:last-child, #mobile-nav .sub-menu > li:last-child { border-bottom:none; } #mobile-nav .menu > li > ul { position: absolute; left: 100%; top:0; width: 100%; list-style: none;margin: 0;padding: 0 20px; display: none; } #mobile-nav .menu > li > ul.sub-menu-open { display: block; } #mobile-nav .menu > li > ul > li {text-align: center;border-bottom: 1px solid #70707042;} #mobile-nav .menu li.back { border:none; } #mobile-nav .menu li.back a {font-size: 2.5rem;} #mobile-nav .menu li.back a:before { content:'\f0d9'; display: inline-block; font-size: 26px;transition: all 0.2s ease; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0 15px 0 0; text-decoration:none; } #mobile-nav .menu > li > ul > li > ul { display: none; } #mobile-nav .menu > li.menu-item-has-children > a:after {content:'\f0da';display: inline-block;font-size: 26px;transition: all 0.2s ease;font-family: FontAwesome;font-weight: normal;font-style: normal;margin: 0 0 0 15px;text-decoration:none;color: #2BC5DB;} #mobile-nav #menu-mobile-nav.on-sub-menu { left:-100%; } /* --------------------------------------------------------- ------------------------------------- Footer ----------------------------------------------------------*/ #footer-primary {background: #fff;padding: 0 0 5vh;color: #4A4B4C;} #footer-primary a {color: #4A4B4C;font-weight: inherit;} #footer-primary .footer-sub {display: flex;align-items: center;color: #fff;background: none;justify-content: space-between;/* border-top: 3px solid #fff; */padding: 4vh 0 0;color: #4A4B4C;} /* --------------------------------------------------------- ------------------------------------- Content ----------------------------------------------------------*/ #cla .page-divider-accent {} #cla .page-divider-accent .bar-one {background: #D4C9BC; height:10px;} #cla .page-divider-accent .bar-two { background: #938BB7; height:10px;} #cla .page-divider-accent .bar-three {background: #00748A; height:10px; } #cla #david {display: flex; gap: 30px;} #cla #david .col-image {flex: 1;} #cla #david .col-image img {display: block;border-radius: 30px;} #cla #david .col-text {flex: 2;} #cla #david .col-text h3 {font-size: 38px;color: #4a4b4c !important; font-family: 'Gloock', serif;} #cla #david .col-text h4 {color: #938BB7;font-size: 24px;font-weight: 600;text-transform: uppercase;} #cla #david .col-text .david-content { } #cla #process-steps { } #cla #process-steps .item {padding: 25px 0;border-top: 5px solid #D4C9BC;} #cla #process-steps .item .image { display:none; } #cla #process-steps .item .item-header {display: flex;align-items: center;cursor: pointer;gap: 30px;padding: 0 15px 0 0;} #cla #process-steps .item .item-header .icon {max-width: 60px;} #cla #process-steps .item .item-header .title {font-family: 'Gloock', serif;color: #4A4B4C;font-size: 30px;} #cla #process-steps .item .item-header .opener {width: 20px;height: 20px;border-left: 6px solid #4A4B4C;border-top: 6px solid #4A4B4C;margin-left: auto;transform: rotate(45deg);transition: transform 0.5s ease;transform-origin: center;} #cla #process-steps .item .item-body {display: grid;grid-template-rows: 0fr;transition: grid-template-rows 0.5s ease;} #cla #process-steps .item .item-body .item-body-container {overflow: hidden;} #cla #process-steps .item .item-body .item-body-container .item-body-output {padding: 20px 0 0;} #cla #process-steps .item.active .item-body { grid-template-rows: 1fr;} #cla #process-steps .item.active .item-header .opener {transform: rotate(225deg);} #cla #process-steps-images {position: relative;} #cla #process-steps-images > .et_pb_module {position: absolute;top: 0;left: 0; z-index: 1; opacity: 0; transition: opacity 0.3s ease; } #cla #process-steps-images > .et_pb_module.item-placeholder {position: static;visibility: hidden;} #cla #process-steps-images > .et_pb_module.active { z-index:2; opacity: 1; } #cla #testimonial-slider {background: #F4F2EE;padding: 35px 25px 15px;border-radius: 35px;} #cla #testimonial-slider .quote {font-family: 'Gloock', serif;color: #00748A;font-size: 30px;font-weight: 500;text-align: center;} #cla #testimonial-slider .author {color: #00748A;font-size: 20px;font-weight: 600;text-align: center;padding: 25px 0 0;} #cla #testimonial-slider .left-mark { padding-right: 10px;} #cla #testimonial-slider .left-mark svg {transform: translateY(-7px);} #cla #testimonial-slider .right-mark { padding-left: 10px;} #cla #testimonial-slider .right-mark svg {transform: rotate(180deg); } #cla #testimonial-slider .slick-dots {padding:20px 0 0!important;} #cla #testimonial-slider .slick-track { display: flex !important;} #cla #testimonial-slider .slick-slide {height: inherit !important;display: flex;flex-flow: column;justify-content: center; padding: 0 25px;} #cla #testimonial-slider button.slick-next.slick-arrow {width: 20px;height: 20px;border-left: 6px solid #4A4B4C;border-top: 6px solid #4A4B4C;margin-left: auto;transform: rotate(135deg);transition: transform 0.5s ease;transform-origin: center;text-indent: -999em;overflow: hidden;background: none;top: 50%;right: -5px;} #cla #testimonial-slider button.slick-prev.slick-arrow { z-index: 10;width: 20px;height: 20px;border-left: 6px solid #4A4B4C;border-top: 6px solid #4A4B4C;margin-left: auto;transform: rotate(-45deg);transition: transform 0.5s ease;transform-origin: center;text-indent: -999em;overflow: hidden;background: none;top: 50%;left: -5px;z-index: 10;} #cla #testimonial-slider button.slick-arrow:hover { border-color:#766ca3 } body:not(.page-id-31) #primary-header .nav-col { display:none; } /* --------------------------------------------------------- ------------------------------------- Mobile ----------------------------------------------------------*/ @media (max-width: 1350px) { } @media (max-width: 1280px) { } @media (max-width: 1100px) { #primary-header .nav-col .cta a {padding:20px 15px 15px!important;} #primary-header .nav-col { gap:20px; } #primary-header .nav-col .nav-bar ul { gap:15px; } } @media (max-width: 1050px) { } @media (max-width: 980px) { #primary-header .nav-col { display:none;} #primary-header .mobile-col { display: block; } #footer-primary .footer-sub {flex-flow: column; text-align: center;} #cla #process-steps .item .image {display:block;margin: 0 0 15px; overflow: hidden;} #cla #process-steps .item .image img {border-radius: 20px; } #cla #process-steps .item .item-header .opener { display:none; } #cla #process-steps .item .item-body { grid-template-rows: 1fr!important; } #process-steps-images { display:none; } #cla #david {flex-flow: column;border-bottom: 3px solid #00748A;padding-bottom: 80px;} #cla #stat-bar { display: flex!important; flex-flow: column; gap: 50px;} #cla #stat-bar .et_pb_column {float: none;} #cla #stat-bar .et_pb_column::after { content: ""; content: ""; width: 80%; height: 3px; background: #7FB9C5; position: absolute; bottom: -25px; left: 10%; z-index: 1; visibility: visible;} #cla #stat-bar .et_pb_column:last-child::after { display:none;} #field_1_8, #field_submit { grid-column: span 12!important;} #cla #testimonial-slider .quote { font-size: 23px; } #cla #testimonial-slider .left-mark { display:block; } #cla #testimonial-slider .right-mark { display:block; padding: 10px 0 0;} } @media (max-width: 768px) { ul.two-col, ol.two-col { columns:1; } ul.two-col li, ol.two-col li { } } @media (max-width: 640px) { } @media (max-width: 500px) { } @media (max-width: 400px) { } @media (max-height: 850px) { } @media (max-height: 775px) { } @media (max-height: 670px) { } /* #loadmask { display:none!important; } */