@import url("https://use.typekit.net/qhl6aal.css");
*,*::before,*::after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html, body{ height: 100%;padding:0; margin:0} 
body{color: #0d4553!important; background-color:#fff!important;font-size:16px!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "brother-1816", sans-serif;font-optical-sizing: auto;font-weight:100;font-style: normal}
a:hover{text-decoration:none!important; color:#6cbce5;outline:none!important; border: none!important;}
.x{border:1px solid #000!important}
html::-webkit-scrollbar-track { background: #d9f2ff; box-shadow: inset 0 0 6px #fff; }
html::-webkit-scrollbar-thumb { background: #f2b7a5; }
html::-webkit-scrollbar { width: 8px; }
a{color:#595959;outline:none!important; border: none!important; text-decoration:none}
::-moz-selection { background-color:#f2b7a5; color:#fff;-webkit-text-fill-color:#fff}
::selection {background-color:#f2b7a5; color:#fff;-webkit-text-fill-color:#fff}
*:focus{outline:none!important;text-decoration:none!important;border:none!important}
.tc, .tc p, .tc h3{text-align:center!important}
.tr, .tr p, .tr a{text-align:right!important}
.tl, .tl p, .tl a{text-align:left!important}
a,.header,.icon,.h-link1,.h-link1 img,.h-link2,.h-link2 img,.h-link3,.h-link3 img,.h-link4,.h-link4 img,.quform-1 .quform-submit,.quform-1 .quform-field{-webkit-transition: all 400ms linear!important; -moz-transition: all 400ms linear!important; -o-transition: all 400ms linear!important; transition: all 400ms linear!important}
.w100{font-weight:100!important}.w300,.w300 h4,.w300 h2{font-weight:300!important}.w700{font-weight:700!important}
.nm{margin-top:-35px!important}
.nm20{margin-top:-25px!important}
.font18{font-size:18px}.font20{font-size:20px}.font22{font-size:22px}.font24{font-size:24px}.font40{font-size:40px}
.f-links ul{list-style: none; margin: 0; padding: 0}
.zi{z-index: 99!important}
.book img{display: none!important}
.pp li{margin-bottom: 10px}
/* ------------------- IDS and Classes------------------------ */

#page-container{overflow-x: hidden; padding-top: 80px}
.container{padding-left: 15px; padding-right: 15px}
.header{padding:10px 0 0 0!important; background: #fff; height:80px;position:fixed; width:100%; left:0; right:0; top:0; z-index:999999;}
.logo, .f-logo{width:150px; height: auto}
.h-banner, .ab-banner, .lea-banner{background-color: #838685}
.home-pattern{background:url("../img/pattern.svg") top left no-repeat; background-size:cover; width: 100%; height:100px; }
.about-pattern{background:url("../img/pattern-beige.svg") top left no-repeat; background-size:cover; width: 100%; height:100px; }
.light-pattern{background:url("../img/pattern-light.svg") top left no-repeat; background-size:cover; width: 100%; height:100px; }
.lea-pattern{background:url("../img/pattern-gr.svg") top left no-repeat; background-size:cover; width: 100%; height:100px; }
.pattern{position: relative;z-index: 10!important}
.pattern:before{content: ''; background:url("../img/pattern-white.svg") center repeat;z-index: -1;}
.pattern1:before{background-size:130% auto; width: 100%; height:100%; opacity: 0.08;position: absolute; top:0; left: 0; display: inline-block;}
.pattern2:before{background-size:240% auto; width: 200%; height:200%; opacity: 1;position: absolute; top:50%; left:50%; display: inline-block;transform: translate(-50%, -50%) rotate(90deg);overflow: hidden!important}
.pattern3:before{background-size:300% auto; width: 100%; height:100%; opacity: 0.1;position: absolute; top:0; left: 0; display: inline-block;}
.footer{background-color: #0d4553; padding: 30px 0 0 0; color: #fff; font-size: 16px}
.logo, .f-logo{width:200px; height: auto}
.faq-shadow{box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; padding-bottom: 50px}
.vc_tta-title-text{text-transform:none!important; font-size: 18px; font-weight: 700}
.vc_tta.vc_general .vc_tta-panel-title>a {border-bottom: 1px solid #eacbc7!important}
.vc_tta-color-white.vc_tta-style-modern .vc_tta-controls-icon::before {border-color: #36b6a5!important}
.mail img{width: 300px; height: auto}
.services-icon:before{content: ''; position: absolute; top:-50px; right: 10%; background:url("../img/banner-icon.svg") top left no-repeat; background-size:contain; width: 200px; height:200px;}
/* ------------------- Menus ------------------------ */

.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; color:#0d4553!important;font-family: "brother-1816",sans-serif;font-weight:300!important; text-transform: uppercase!important}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target{  color:#f2b7a5!important}
.ubermenu .ubermenu-submenu{font-size:16px;background-color:#fff!important;border:0!important;box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px!important}
.ubermenu .ubermenu-submenu .ubermenu-target{color:#151515!important;font-weight:300!important}
.ubermenu .ubermenu-submenu .ubermenu-target:hover, .ubermenu .ubermenu-submenu .ubermenu-current-menu-item .ubermenu-target:hover{color:#f2b7a5!important}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {background:#f2b7a5!important; color:#fff!important; position: absolute; top:5px; right:10px; padding:0!Important; height:35px!important; width:40px!important; line-height:30px; text-align:center!important;font-size:20px!important}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover { background:#f2b7a5!important; color:#fff!important}
.ubermenu .ubermenu-submenu.ubermenu-submenu-id-37 { width:240px; min-width:240px; }



/* ------------------- Text & Colors------------------------ */

.top-banner h1{font-size:26px;font-weight: 300; color: #fff; text-transform: uppercase;}
.top-banner h2{font-size:18px;font-weight: 100; color: #fff;}
.c5 h2{text-transform: uppercase; font-size: 28px}
.bg1{background-color: #6d8897;}
.bg2{background-color: #f2b7a5}
.bg3{background-color: #eacbc7}
.bg4{background-color: #36b6a5}
.c1{color: #6d8897}
.c2{color: #f2b7a5}
.c3{color: #eacbc7}
.c4,.f-links1,.vc_tta-title-text{color: #36b6a5}
.c5, .c5 h1{color:#0d4553!important}
.white, .white p{color: #fff!important}
.h-text1{font-size: 26px; text-transform: uppercase}
.f-text2{font-size:16px!important; font-weight: 700; margin-bottom:10px;margin-top:10px}
.f-text3{font-size: 14px; color:#36b6a5}
.f-email{text-align:right!important; width: 100%!important; display: inline-block!important}
.ab-text1,.le-box{padding:20px} 
.ab-text1 h2{font-size: 20px; margin: 0}
.le-text1{font-size: 30px} 
.s-text1{font-size: 30px; margin-top:60px!important;} 
.services-title h1{font-size: 40px; font-weight: 700; text-align: right; margin-bottom: -35px!important;text-shadow: 0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),0px 18px 23px rgba(0,0,0,0.1);}
.page-id-31 .services-title h1{text-align: left; line-height: 100%;margin-bottom: -15px!important;}
.short-width ol li{margin-bottom: 10px}
.short-width h2{font-weight: 300; font-size: 28px}
/* ------------------- Links ------------------------ */

#totopbutton { display: inline-block; background-color: #36b6a5;width:40px; height:40px; text-align: center;position: fixed; bottom: 0; right: 0;  opacity:0; visibility: hidden; z-index:999999!important} #totopbutton:after { content: "\f077"; font-family: 'Font Awesome 5 Free'; font-weight: 900!important; font-style: normal; font-size: 1.5em; line-height: 40px; color: #fff} #totopbutton:hover { cursor: pointer; background-color: #f2b7a5} #totopbutton:active { background-color: #f2b7a5;} #totopbutton.show { opacity: 1; visibility: visible}#totopbutton:hover:after{color: #000!important}

.social-icons{display:flex;gap:15px;justify-content:center;align-items:center; float:right; margin-top: -15px; }.icon{width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;background-color:#fff;border-radius:50%;}.icon:hover{background-color:#f2b7a5}.icon svg{width:15px;height:15px;fill:#0d4553}.icon:hover svg{fill:#fff}
.f-links li{margin-bottom: 5px}
.f-links a{color: #FFF; padding-bottom: 3px; padding-top: 3px;}
.f-links a:hover{color: #f2b7a5}
.f-links1 a{color: #36b6a5;font-size: 14px;margin-top: 15px; display: inline-block}
.f-links1 a:hover{color: #f2b7a5}
.book a, .buttons-gr a{display:inline-block;padding: 5px 20px;border:0;background-image: linear-gradient(120deg, #f2b7a5 0%, #f2b7a5 50%, #36b6a5 50%);background-size: 200% 200%;  background-position:bottom right;text-align:center; color:#fff; font-size: 14px;border-radius: 7px}
.book a{float: right}
.buttons a{display:inline-block;padding: 5px 20px;border:0;background-image: linear-gradient(120deg, #fff 0%, #fff 50%, #f2b7a5 50%);background-size: 200% 200%;  background-position:bottom right;text-align:center; color:#fff; font-size: 14px;border-radius: 7px}
.buttons-gr a{display:inline-block;padding: 5px 20px;border:0;background-image: linear-gradient(120deg, #fff 0%, #fff 50%, #36b6a5 50%);background-size: 200% 200%;  background-position:bottom right;text-align:center; color:#fff; font-size: 14px;border-radius: 7px}
.sm-button-gr a{padding: 5px 14px}
.bu-float{margin-left: 20px}
.h-link1,.h-link2,.h-link3,.h-link4{padding: 50px 20px 20px 20px; text-align: center; display: inline-block; margin: 0 30px 30px 30px; color: #fff; overflow: hidden; outline: 1px solid rgba(255,255,255,0.00)!important;outline-offset: -10px;}
.h-link1{background-color: #6d8897;}
.h-link2{background-color: #f2b7a5;}
.h-link3{background-color: #eacbc7;}
.h-link4{background-color: #36b6a5;}
.h-link2 img{transform: rotate(180deg);}
.h-link3 img{transform: rotate(270deg);}
.h-link4 img{transform: rotate(90deg);}
.h-link1 h4,.h-link2 h4,.h-link3 h4,.h-link4 h4, h4{font-size: 26px; font-weight: 100; margin: 20px 0 0 0; text-transform: uppercase}
.pp h1{text-transform:uppercase; font-weight:700; color:#36b6a5; font-size:24px }
.pp h4{text-transform: none; font-weight:700; color:#36b6a5; font-size: 18px }
.h-link1:hover,.h-link2:hover,.h-link3:hover,.h-link4:hover{transform: scale(1.05); background-color: #0d4553; color: #f2b7a5;outline: 1px solid rgba(255,255,255,1)!important;outline-offset: -20px;}
.h-link1:hover img{transform: rotate(90deg);}.h-link2:hover img{transform: rotate(270deg);}
.h-link3:hover img{transform: rotate(360deg);}.h-link4:hover img{transform: rotate(180deg);}
.h-link1:hover .c{fill:#000!important}
/* ------------------- Forms ------------------------ */
.quform-1 .quform-label-text{font-weight:normal!Important; color:#0d4553} 
.quform-1 .quform-field{color:#0d4553; background-color: #fff;border:0!important; padding: 15px 20px!important;font-size:16px!important; box-shadow: inset 0px 3px 10px 4px rgba(0, 1, 1, 0.17); font-family: "brother-1816", sans-serif!important;margin-bottom: 10px}
.quform-1 .quform-field:focus{background-color:#f2b7a5; color:#000;} 
.quform-button-submit-default{float: right!important}
.quform-1 .quform-submit, .bu-custom a{display:inline-block!important;padding: 12px 35px!important;border: 0;background-image:linear-gradient(120deg, #36b6a5 0%, #36b6a5 50%, #f2b7a5 50%)!important;background-size: 200% 200%!important; background-position:bottom right!important;text-align:center; color:#fff; font-weight: 300; font-size: 18px;  border-radius: 7px} 
.bu-custom1 a{display:inline-block!important;padding: 12px 35px!important;border: 0;background-image:linear-gradient(120deg, #f2b7a5 0%, #f2b7a5 50%, #36b6a5 50%)!important;background-size: 200% 200%!important; background-position:bottom right!important;text-align:center; color:#fff; font-weight: 300; font-size: 18px;  border-radius: 7px}
.book a:hover, .buttons-gr a:hover, .quform-form-1 .quform-submit:hover,.bu-custom a:hover,.bu-custom1 a:hover{background-position:top left!important; color:#000}
.buttons a:hover{background-position:top left!important; color:#f2b7a5}