/*
Theme Name: Advanced Care Directive
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Advanced Care Directive
Author: #
Author URI: #
Version: 1.0
*/
@font-face {
    font-family: 'Nunito Sans';
    src: url('./assets/fonts/NunitoSans7pt-Light.eot');
    src: url('./assets/fonts/NunitoSans7pt-Light.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NunitoSans7pt-Light.woff2') format('woff2'),
        url('./assets/fonts/NunitoSans7pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Nunito Sans';
    src: url('./assets/fonts/NunitoSans7pt-Regular.eot');
    src: url('./assets/fonts/NunitoSans7pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NunitoSans7pt-Regular.woff2') format('woff2'),
        url('./assets/fonts/NunitoSans7pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nunito Sans';
    src: url('./assets/fonts/NunitoSans7pt-Medium.eot');
    src: url('./assets/fonts/NunitoSans7pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NunitoSans7pt-Medium.woff2') format('woff2'),
        url('./assets/fonts/NunitoSans7pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('./assets/fonts/NunitoSans7pt-Bold.eot');
    src: url('./assets/fonts/NunitoSans7pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NunitoSans7pt-Bold.woff2') format('woff2'),
        url('./assets/fonts/NunitoSans7pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('./assets/fonts/NunitoSans7pt-ExtraBold.eot');
    src: url('./assets/fonts/NunitoSans7pt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NunitoSans7pt-ExtraBold.woff2') format('woff2'),
        url('./assets/fonts/NunitoSans7pt-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
a, button, input[type="submit"] { -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in}
a,abbr,acronym,address,area,b,bdo,big,blockquote,body,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,images,ins,kbd,label,legend,li,map,object,ol,p,param,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;vertical-align:baseline}
:focus{outline:0}
a:focus,a{color:#005c87;text-decoration:none}
a:hover{text-decoration:underline}
abbr,acronym,dfn{border-bottom:1px dotted;cursor:help}
code,pre{font-size:1em}
del{text-decoration:line-through}
dfn{font-style:italic;font-weight:700}
dt{font-weight:700}
dd{margin:0 0 1em 10px}
fieldset{border:0}
fieldset p{margin:0 0 5px}
img{border:0;vertical-align:bottom}
ins{text-decoration:none}
hr{margin:0 0 .5em}
strong{font-weight:600;font-family: 'Nunito Sans', Arial, Sans-Serif}
input:focus,textarea:focus,button:focus{outline:none}
input[type=submit],button{cursor:pointer}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0}
ul,li{padding:0;margin:0;list-style: none}
img{max-width:100%;height:auto}
body {background:#FFF;color: #000000;font: 300 20px/28px 'Nunito Sans', Arial, Sans-Serif}
button {font-family: 'Nunito Sans', Arial, Sans-Serif;}
*{box-sizing:border-box}
.left {float: left}
.right {float: right}
.clearer-block:after{display:table;content:'';clear:both}
h1,h2,h3,h4 {font-family: 'Nunito Sans', Arial, Helvetica, sans-serif;}
h1 {font-size: 60px;line-height: 68px;}
h2 {font-size: 26px;line-height: 34px;font-weight: bold;}
h3 {font-size: 20px;line-height: 24px;font-weight: bold;}
h4 {font-size: 20px;line-height: 26px;font-weight: 300;}
h5 {font-size: 20px;line-height: 20px;}
.small {font-size: 12px;line-height: 14px;}
.medium {font-size: 16px;line-height: 20px;}
.hidden {display: none;}

/* Containers */
.container {max-width: 1320px;padding: 0 25px;margin: 0 auto;position: relative;z-index: 2;width: 100%;}
.error404 header .container {justify-content: center;}
.error404 header .lang-dropdown,
.error404 header .menu-dropdown{display: none !important;}
.error404 h1 {margin-bottom: 100px;}
.error404 .text-section {min-height: 500px;text-align: center;}
.error404 .text-section ol,
.error404 .text-section ul {display: inline-block;text-align: left;width: auto;}
/* Containers */
#page {width: 100%;}

/* Header */
header {padding: 35px 0 23px;background: white;position: relative;z-index: 99;height: 131px;}
header .container {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: wrap;align-items: center;justify-content: space-between;position: static;}
header #logo {width: 200px;max-width: 100%;height: 59px;}
.menu-button {display: none;}

.lang-dropdown .lang-button {display: none;}
.lang-dropdown {position: relative;margin-left: auto;}

.logos-h a {display: inline-block;vertical-align: middle;}
.logos-h span {height: 50px;display: inline-block;margin: 0 15px;background: #000;width: 1px;vertical-align: middle;}
@media screen and (min-width: 1251px) {
    .lang-holder {display: block !important;}
    .lang-dropdown li {display: inline-block;font-size: 13px;padding-left: 5px;border-left: 1px solid #000;line-height: 13px;}
    .lang-dropdown li:first-child {padding-left: 0;border-left: none;}
    .lang-dropdown li a {color: #000;}
    .lang-dropdown li.current_page_item a {font-weight: bold;}
}
@media screen and (max-width: 1250px) {
    .lang-dropdown {position: relative;font-size: 25px;line-height: 30px;width: 357px;margin-left: auto;}
    .lang-dropdown .lang-button {font-weight: bold;
        display: block;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,92,135,0.1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,92,135,0.1) 100%);
        background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,92,135,0.1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5eef3",endColorstr="#ffffff",GradientType=1);

        text-align: center;width: 100%;font-size: 25px;line-height: 30px;padding: 15px 40px 17px;color: #000;position: relative;border: none;}
    .lang-dropdown .lang-button:after {position: absolute;content: '';width: 31px;height: 38px;background: url(./assets/img/arrow-lang.png) no-repeat center;background-size: 100%;top: 50%;right: 0;margin-top: -19px;}
    .lang-dropdown .lang-button.open:after {background: url(./assets/img/arrow-hover.png) no-repeat center;background-size: 100%;}
    .lang-holder {position: absolute;top: 100%;left: 0;width: 100%;background: #0f2d45;display: none;z-index: 10;line-height: 25px;padding: 10px 0;}
    .lang-holder li {display: block;padding: 10px 50px 15px;line-height: 25px}
    .lang-holder li a {color: white;font-weight: bold;font-size: 18px;line-height: 25px}
    .lang-holder li.current_page_item a {text-decoration: underline;}
    .lang-holder li:hover {background: #f8f1e8;}
    .lang-holder li:hover a{text-decoration: none;color: #0f2d45;}
}
@media screen and (min-width: 1024px) {
    .menu-holder {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: url(./assets/img/bg-texture.jpg) repeat center;
        color: white;
        height: 56px;
    }
    .menu-holder.fixed {
        position: fixed;
        top: 0;
    }
    .menu-holder .inner {
        max-width: 1320px;
        padding: 0 25px;
        margin: 0 auto;
    }
    .menu-holder .inner li a,
    .lang-dropdown li a {
        position: relative;
        overflow: hidden;
    }
    .lang-dropdown li a:hover,
    .menu-holder .inner li a:hover {
        text-decoration: none;
    }
    .lang-dropdown li a:before,
    .menu-holder .inner li a:before {
        position: absolute;
        content: '';
        border-bottom: 1px solid currentColor;
        left: 0;
        width: 0;
        bottom: 0;
        transition: all 0.25s ease-in-out;
    }
    .lang-dropdown li a:hover:before,
    .menu-holder .inner li a:hover:before {
        right: 0;
        width: 100%;
    }
    .menu-holder .submenu ul a:before {
        left: 34px;
    }
    .menu-holder .submenu ul a:hover:before {
        left: 34px;
        width: calc(100% - 34px);
    }
    .right-to-left .lang-dropdown li a:before,
    .right-to-left .menu-holder .inner li a:before {
        right: 0;
        left: auto;
    }
    .right-to-left .menu-holder .submenu ul a:before {
        right: 34px;
    }
    .menu-holder .subnav>li{
        display: inline-block;
        vertical-align: middle;
        padding: 13px 20px;
    }
    .menu-holder .subnav>li:first-child{
        padding-left: 0;
    }
    .menu-holder .subnav>li>a{
        color: white;
        font-size: 18px;
        line-height: 30px;
    }
    .menu-holder .submenu {
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease-in;
    }
    .menu-holder .submenu ul{
        position: absolute;
        opacity: 0;
        visibility: hidden;
        top: 100%;
        left: 0;
        background-color: #fff;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        padding: 13px 20px;
        min-width: 100%;
        white-space: nowrap;
        box-shadow: 0 0 1px #000;
    }
    .menu-holder .submenu>a {
        position: relative;
        padding-right: 20px;
        text-decoration: none !important;
        pointer-events: none;
        white-space: nowrap;
    }
    .menu-holder .submenu>a:after {
        position: absolute;
        content: '';
        width: 6px;
        height: 6px;
        border: 1px solid #fff;
        border-width: 0 1px 1px 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        right: 4px;
        top: 7px;
    }
    .menu-holder .submenu:hover {
        background: #fff;
    }
    .menu-holder .submenu:hover>a{
        color: #000000;
        text-decoration: none;
    }
    .menu-holder .submenu:hover a:after {
        border-color: #000000;
        border-width: 1px 0 0 1px;
        top: 12px;
    }
    .menu-holder .submenu:hover ul {
        opacity: 1;
        visibility: visible;
    }
    .menu-holder .submenu ul a {
        font-size: 17px;
        line-height: 25px;
        color: #000000;
        vertical-align: top;
        display: inline-block;
    }
    .right-to-left .menu-holder .submenu ul {
        text-align: right;
    }
    .right-to-left .menu-holder .submenu ul a {text-align: right;direction: rtl;}
    .menu-holder .submenu ul li:not(:last-child) {
        margin-bottom: 7px;
    }
    .menu-holder .number {
        width: 24px;
        height: 24px;
        display: inline-block;
        border: 1px solid #000;
        border-radius: 100px;
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        vertical-align: top;
        margin-right: 10px;
        transition: all 0.25s ease-in;
        -webkit-transition: all 0.25s ease-in;
        -ms-transition: all 0.25s ease-in;
    }
    .right-to-left .menu-holder .submenu ul a .number {
        margin-left: 10px;
        margin-right: 0;
    }
    .menu-holder .submenu ul a:hover .number{
        background-color: #000;
        color: white;
        border-color: #000000;
    }
    .menu-holder .active .number {
        border: 1px solid #005c87;
    }
    @keyframes fromTop {
        from {
            transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            -webkit-transform: translateY(-100%);
        }
        
        to {
            transform: translateX(0);
            -ms-transform: translateX(0);
            -webkit-transform: translateX(0);
        }
    }
    @-webkit-keyframes fromTop {
        from {
            transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            -webkit-transform: translateY(-100%);
        }
        
        to {
            transform: translateX(0);
            -ms-transform: translateX(0);
            -webkit-transform: translateX(0);
        }
    }
}
/*
.menu-holder {position: absolute;width: 390px;top: 480px;}
.menu-holder .inner {background: #fff;padding: 35px 45px 5px;position: relative;}
.menu-holder:after {position: absolute;content: '';right: 0;background: #005c87;width: 2000px;height: 5px;}
.menu-holder .inner .logo {opacity: 0;display: block;position: absolute;width: 277px;max-width: 100%;height: 82px;}
.menu-holder.fixed {position: fixed;top: 0;height: 98%;}
.menu-holder.fixed.on-end {transform: translate(0, -105%);-ms-transform: translate(0, -105%)}
.menu-holder.fixed .logo {opacity: 1;}
.menu-holder .subnav {transition: all 0.25s ease-in-out;}
.menu-holder.fixed .inner {overflow: auto;max-height: calc(100% - 55px);}
.menu-holder.fixed .subnav {padding-top: 115px;}
.menu-holder .subnav {position: relative;z-index: 3;}
.menu-holder .subnav li {margin-bottom: 15px;}
.menu-holder .subnav li:nth-last-child(2) {margin-top:25px;margin-bottom: 10px;}
.menu-holder .subnav a h3,
.menu-holder .subnav a {font-size: 30px;line-height: 40px;color: #3b3630;font-weight: 500;display: inline-block;}
.menu-holder .subnav .main-link {font-weight: bold;line-height: 50px;}
.menu-holder .subnav a .number {width: 50px;height: 50px;color:#005c87;display: inline-block;vertical-align: bottom;overflow: hidden;border-radius:50px;-ms-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px;margin-right: 8px;text-align: center;display: inline-block;font-weight: normal;position: relative;}
.menu-holder .subnav a .number span {width: 50px;height: 50px;display: block;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(207,224,232,1) 100%);
    background: -webkit-linear-gradient(180deg, rgb(58, 57, 57) 0%, rgba(207,224,232,1) 100%);
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(207,224,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfe0e8",endColorstr="#ffffff",GradientType=1);
}
.menu-holder .subnav a:hover .number{color: white;}
.menu-holder .subnav a:hover .number span {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(27,27,27,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(27,27,27,1) 100%);
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(27,27,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b1b1b",endColorstr="#ffffff",GradientType=1);
}
.menu-holder .subnav a.active {color: #005c87;text-decoration: none !important;}
.menu-holder .subnav a.active .number {color: white;}
.menu-holder .subnav a.active .number span {background: #005c87 !important;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005c87",endColorstr="#005c87",GradientType=1);}
.menu-holder .bottom-logo {margin-top: 30px;max-width: 274px;padding-bottom: 30px;}
.menu-holder .bottom-logo .sponsored{margin-bottom: 5px;display: inline-block;}
.menu-holder .bottom-logo p {margin: 10px 0 15px;}
.menu-holder .scroll-top {font-weight: bold;font-size: 25px;line-height: 30px;color: #0d263b;position: relative;margin-top: 25px;padding-left: 43px;display: inline-block;opacity: 0;}
.menu-holder.fixed .scroll-top {opacity: 1;}
.menu-holder .scroll-top:after {position: absolute;content: '';width: 31px;height: 38px;background: url(./assets/img/arrow-lang.png) no-repeat center;background-size: 100%;left: 0;transform: scaleY(-1);top: -3px;-ms-transform:scaleY(-1)}
*/

/* Content*/
.banner {overflow: hidden;position: relative;}
.banner .slider {position: relative;height: 550px;overflow: hidden;}
.banner .slide {height: 550px;overflow: hidden;}
.banner .slide img {width: 100%;height: 120%;object-fit: cover;transform: translate(0, -10%);object-position: top;-ms-transform:translate(0, -10%)}
.banner .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);z-index: 5;width: 550px;text-align: center;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
.banner .text img {width: 100%;}
.banner .text .mobile {display: none;}
.slider .slick-dots {position: absolute;left: 0;right: 0;max-width: 1320px;padding: 0 25px;margin: 0 auto;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  align-items: center;justify-content: flex-end;gap: 15px;bottom: 20px;}
.slider .slick-dots button {display: block; width: 15px; height: 15px;border: 3px solid #63615e;background: #63615e; border-radius: 50px; text-indent: -9999px;text-align: left;}
.slider .slick-active button {background: #005c87;}
.video-section .size-banner {position: absolute;max-width: none;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -40%);transition: all 0.3s ease-in;z-index: 2;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;min-width: 100%;min-height: 100%;max-width: 120%;} 
.video-section .video-h{position: relative;overflow: hidden;height: 100vh;}
.video-section video {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;object-fit: cover;visibility: hidden;opacity: 0;transition: all 0.3s ease-in;}
.video-section .play {border: none;font-size: 18px;line-height: 25px;text-transform: uppercase;padding-top: 70px;background: url(assets/img/play-btn.svg) no-repeat center top -4px;background-size: 60px;display: inline-block;color: white;font-weight: bold;margin: 0;margin-top: 40px;}
.video-section.played video {opacity: 1;visibility: visible;}
.video-section.played .text,
.video-section.played .scroll-next,
.video-section.played .size-banner {opacity: 0;}
.play.video-1,
#video {display: inline-block;}
.play.video-2,
#video2 {display: none;}
.scroll-next {animation: bounce2 2s ease infinite;position: absolute;bottom: 30px;left: 0;right: 0;width: 60px;height: 60px;margin: 0 auto;z-index: 10;background: url(assets/img/scroll-next.svg) no-repeat center;background-size: 100%;text-indent: -9999px;text-align: left;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);}
    40% {transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);}
    60% {transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);}
}
@-webkit-keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);}
    40% {transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);}
    60% {transform: translateY(-15px);-ms-transform: translateY(-15px);-webkit-transform: translateY(-15px);}
}
.blue-bg {background: url(./assets/img/bg-texture.jpg) repeat center;color: white;}
.black-bg {background: #000000;color: white;}
.cream-bg {
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#ffffff",GradientType=1);*/
    background-color: #f8f1e8;
}
.text-section {padding: 100px 0;}
.text-section h2 {margin-bottom: 25px;}
.text-section h2:not(:first-child){margin-top: 35px;}
.text-section h3 + h2 {margin-top: 0 !important;}
.text-section h3 {margin-bottom: 15px;font-size: 32px;line-height: 40px;font-weight: 900;text-transform: uppercase;vertical-align: top;}
.right-to-left .text-section h3 {text-align: right;direction: rtl;}
.text-section h4 {margin-bottom: 6px;}
.text-section p,
.text-section ul,
.text-section ol {margin-bottom: 20px;}
.text-section p:last-child,
.text-section ul:last-child,
.text-section ol:last-child {margin-bottom: 0;}
.text-section ul li {list-style: disc;margin-bottom: 6px;margin-left: 20px;}
.text-section ol li {list-style: decimal;margin-bottom: 6px;margin-left: 20px;}
.right-to-left .text-section ul li,
.right-to-left .text-section ol li {direction: rtl;}
.text-section a {text-decoration: underline;}
.text-section a:hover {text-decoration: none;}
.text-img {position: relative;}
.text-img .container {min-height: 650px;}
.text-img .img-h,
.text-img .text {width: 48%;padding-top: 10px;}
.text-img.text-right .text {margin-left: auto;}
.text-img .img-h {position: absolute;top: 100px;height: 650px;right: 0;overflow: hidden;}
.text-img.text-right .img-h {right: 52%;}
.text-img .img-h img {max-width: 150%;min-width: 100%;min-height: 100%;}
.text-img .blue-links {width: 48%;position: absolute;top: 650px;right: 0;padding: 40px 25px 0 50px;}
.text-img .blue-links div {margin-bottom: 25px;}
@media screen and (min-width: 1024px) {
    .text-img.text-right .text.fade-in{transition-delay: 0.5s;-webkit-transition-delay: 0.5s;-ms-transition-delay: 0.5s;}
    .text-img:not(.text-right) .img-h.fade-in{transition-delay: 0.5s;-webkit-transition-delay: 0.5s;-ms-transition-delay: 0.5s;}
}
.btn-blue {background: #0f2d45;color: white;border: 2px solid #0f2d45;border-radius: 100px;text-align: center;padding: 17px 30px;text-decoration: none !important;display: inline-block;}
.btn-blue:hover {background: #fff;color: #0f2d45;}
.section-anchor {position: relative;}
.section-anchor .number {width: 36px;height: 36px;border-radius: 50%;text-align: center;font-weight: 900;line-height: 31px;font-size: 22px;display: inline-block;vertical-align: top;margin-right: 10px;border: 3px solid #000;}
.right-to-left .section-anchor .number {margin-left: 10px;margin-right: 0;}
.fade-in {transform: translateY(100px);-webkit-transform: translateY(100px);-ms-transform: translateY(100px);opacity: 0;transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay: 0.2s;-ms-transition-delay: 0.2s;-moz-transition-delay: 0.4s;}
.fade-in.animated {transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;}
.fade {opacity: 0;transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.fade.animated {opacity: 1;}
.bottom-info {padding: 40px 0;}
.bottom-info.white-bg {padding: 60px 0;}
#helpful_links .links { padding-top: 40px;margin: 0 -8px;}
#helpful_links .links .item {width: 25%;display: inline-block;margin-bottom: 10px;padding: 0 8px;}
#helpful_links .links .table {display: table;width: 100%;}
#helpful_links h4 {margin-bottom: 0;font-weight: bold;}
#helpful_links p:last-child {margin-top: 50px;}
#helpful_links .links a {display: table-cell;height: 120px;vertical-align: middle;padding: 15px;text-align: center;text-decoration: none !important;border: 1px solid #0f2d45;color: #0f2d45;font-weight: 500;line-height: 21px;font-size: 19px;width: 100%;}
#helpful_links .links a:hover {color: white;background: #0f2d45;}

.under-banner {padding: 150px 0;}
.under-banner .container {max-width: 1120px;}
.under-banner h3 {font-size: 22px;line-height: 27px;text-transform: none;max-width: 550px;margin: 0 auto 20px;}
#plan_ahead {padding-top: 0;}
#plan_ahead .container {padding-top: 100px;}
#plan_ahead .img {max-height: 650px;overflow: hidden;aspect-ratio: 16/9;width: 100%;position: relative;}
.text-img .img-h img,
#plan_ahead .img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%)}

@media screen and (min-width: 1024px) {
    #plan_ahead .container:after {clear: both;display: table;content: '';}
    #plan_ahead .text {float: left;width: 45%;}
    #plan_ahead .text + .text {float: right;}
}



/* tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 2px;
    text-decoration-style: dashed;
    text-underline-offset: 4px;
}
.tooltip .tooltip-text {
    visibility: hidden;
    width: 240px;
    background-color: #0f2d45;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 20px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    font-size: 18px;
    line-height: 28px;
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip .tooltip-text:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-top: 10px solid #0f2d45;
    left: 50%;
    margin-left: -5px;
    top: 100%;
}
.tooltip.active .tooltip-text,
.tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}


/* Footer */
.site-footer {padding: 70px 0;}
.site-footer .top-content {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  flex-wrap: wrap;align-items: center;justify-content: space-between;border-bottom: 1px solid #625e5a;padding-bottom: 70px;margin-bottom: 50px;}
.site-footer .top-content .logo {width: 277px;max-width: 100%;margin-left: 50px;height: 82px;}
.site-footer .top-content .right-logos {width: 60.5%;padding-left: 20px;}
.site-footer .top-content .right-logos .sponsored {margin-bottom: 15px;}
.site-footer .top-content .right-logos .flex {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  flex-wrap:wrap;gap: 40px;align-items: center;}
.site-footer .top-content .right-logos .flex p {max-width: 224px;width: 100%;margin-top: 20px;}
.site-footer .copyring {text-align: center;color: #80adc3;margin-bottom: 30px;}
.site-footer .copyring a{color: #80adc3;text-decoration: underline;}
.site-footer .copyring a:hover {color: #fff;}
.site-footer .copyring span {display: inline-block;margin: 0 10px;}
.site-footer .socials {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  flex-wrap: wrap;align-items: center;justify-content: center;text-align: center;}
.site-footer .socials a {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  text-align: center;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 15px;}
.site-footer .socials a svg path {fill: #005c87;width: 100%;transition: all .25s ease-in-out;}
.site-footer .socials a.facebook svg{width: 14px;height: 24px;}
.site-footer .socials a.twitter svg{width: 20px;height: 20px;}
.site-footer .socials a.linkeding svg{width: 22px;height: 22px;}
.site-footer .socials a.instagram svg{width: 22px;height: 22px;}
.site-footer .socials a.youtube svg{width: 28px;height: 20px;}
.site-footer .socials a:hover svg path{fill: #fff;}
.site-footer br {display: none;}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*Slider*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:none;-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none}
@media screen and (max-width: 1250px) {
    .bottom-info br,
    .text-section br {display: none;}
    .site-footer .top-content {display: block;}
    .site-footer .top-content .logo {margin: 0 auto 40px;}
    .site-footer .top-content .right-logos {width: 100%;padding-left: 0;}
    .text-img .blue-links {padding-left: 0;}
    .text-img .img-h img {max-width: none;height: 100%;width: auto;}
    .video-section .size-banner {left: 0;top: 0;max-width: 100%;width: 100%;height: 100%;object-fit: cover;transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;}
}

@media screen and (max-width: 1023px) {
    input,
    textarea,
    button,
    select,
    a {
        -webkit-tap-highlight-color: transparent;
    }
    .overflow {overflow: hidden;}
    #page {height: 94px;}
    header {padding: 20px 0;transition: all 0.25s ease-in-out;position: fixed;top: 0 !important;left: 0;width: 100%;background: #fff;height: auto;}
    header.fixed {border-bottom: 3px solid #005c87;}
    .humb{display:block;width:28px;height:4px;background:#005c87;transform: translateY(0);-ms-transform: translateY(0);-webkit-transition:transform 0 300ms;transition:transform 0 300ms;text-indent:-9999px;}
    .humb::before,.humb::after{display:block;position:absolute;content:"";z-index:-1;width:28px;height:4px;background:#005c87}
    .humb::before{bottom: 10px;transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1)}
    .humb::after{top: 10px;transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
    .open .humb{background:none}
    .open .humb::after{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
    .open .humb::before{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1)}
    .lang-dropdown {width: 200px;margin-left: initial;}
    
    header #logo {margin-left: 0;width: 100%;height: auto;}
    .logos-h a {max-width: calc(52% - 10px);}
    .logos-h a:last-child {max-width: calc(44% - 10px);}
    .logos-h a img {width: 100%;height: auto;}
    .logos-h span {height: 40px;margin: 0 2%;}
    .logos-h {max-width: calc(100% - 300px);width: 418px;}
    .lang-dropdown .lang-button {font-size: 17px;line-height: 20px;padding: 10px 40px 11px;}
    .lang-dropdown .lang-button:after {width: 20px;}
    .lang-dropdown {position: static;}
    .menu-button {display: block;width: 40px;height: 40px;border: 1px solid #005c87;padding: 5px;background: transparent;margin: 0;}
    .menu-button:hover{outline:none}
    .menu-holder {position: absolute !important;top: 100% !important;left: 0 !important;width: 100%;display: none;border-top: 3px solid #005c87;-ms-transform: none;transform: none !important;border-bottom: 3px solid #005c87;padding: 20px;background: #fff;}
    .menu-holder .submenu>a {display: none;}
    .menu-holder a {text-decoration: none !important;color: #0f2d45;}
    .menu-holder li:not(:last-child) {
        margin-bottom: 10px;
    }
    .menu-holder .number {
        width: 24px;
        height: 24px;
        display: inline-block;
        border: 1px solid #0f2d45;
        border-radius: 100px;
        color: #0f2d45;
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        vertical-align: top;
        margin-right: 10px;
    }
    .menu-holder .active .number {
        border: 1px solid #0f2d45;
        background: #0f2d45;
        color: #fff;
    }
    .text-section {padding: 50px 0;}
    
    .text-section .text {width: 100%;max-width: 100%;}
    .text-section .text + .text {margin-top: 40px;}
    .menu-holder .inner .logo {display: none;}
    .menu-holder .subnav {padding-top: 0 !important;}
    .scroll-top {display: none !important;}
    .menu-holder.fixed {height: auto;}
    .menu-holder.fixed .inner,
    .lang-holder,
    .menu-holder .inner {max-height: calc(100vh - 94px);overflow: auto;}
    .menu-holder:after {display: none;}
    .menu-holder .subnav .main-link span {font-weight: bold;}
    .lang-holder {font-size: 30px;line-height: 40px;}
    .lang-holder li {padding: 10px 40px 10px;}
    .lang-holder li a {text-decoration-thickness: 1px !important;}
    .text-img {padding-top: 0;}
    .text-img .container {min-height: 0;}
    .text-img .img-h {aspect-ratio: 16/9;position: relative;top: 0;left: 0;right: 0 !important;width: 100%;margin-bottom: 50px;height: auto;}
    .text-img .img-h img {height: 100%;width: 100%;object-fit: cover;transform: none !important;-webkit-transform: none !important;-ms-transform: none !important;left: 0;top: 0;}
    .text-img .blue-links {position: relative;top: 0;width: 100%;padding: 40px 0 0 0;}
    #helpful_links .links .item {width: 50%;}
}
@media screen and (max-width: 767px) {
    .text-section h4,
    body {font-size: 16px;line-height: 24px;}
    #page {padding-top: 146px;}
    .menu-dropdown {width:60px;}
    .lang-dropdown .lang-button,
    header .logos-h{transition:none;}
    .lang-dropdown {width: 60px;transition:none;}
    header:not(.fixed) .menu-dropdown {width: auto;min-width: calc(100% - 350px);}
    header:not(.fixed) .logos-h {order: 3;margin: 25px auto 0;width: 100%;text-align: center;max-width: 335px;}
    header:not(.fixed) .lang-dropdown {order: 2;margin-left: auto;width: auto;}
    header:not(.fixed) .lang-dropdown .lang-button {width: 200px;}
    
    header.fixed .logos-h {max-width: calc(100% - 122px);}
    header.fixed .logos-h span {height: 30px;}
    header .container {padding: 0 20px;}
    header.fixed {padding: 10px 0;}
    header.fixed #logo {width: 155px;height: 42px;}
    header.fixed .lang-button {text-indent: -9999px;padding: 0;width: 60px;background: transparent;height: 40px;}
    header.fixed .lang-button::before {content: '';width: 28px;height: 100%;height: 100%;background: url(./assets/img/lang-globe.png) no-repeat center;background-size: 100%;position: absolute;right: 25px;top:0;}
    header.fixed .lang-button.open::before {background: url(./assets/img/globe-hover.png) no-repeat center;background-size: 100%;}
    header:not(.fixed) .menu-holder .inner, header:not(.fixed) .lang-holder {max-height: calc(100vh - 161px) !important;}
    header.fixed .menu-holder .inner, header.fixed .lang-holder {max-height: calc(100vh - 62px) !important;}
    .banner .slider,
    .banner .slide {height: auto;}
    .banner .slide img {width: 100%;height: auto;position: relative;object-fit: none;transform: none;-ms-transform:none;}
    .slider .slick-dots {justify-content: center;}
    .video-section .video-h{position: relative;overflow: hidden;aspect-ratio: 4/3;height: auto;}
    .banner .text {position: relative;top: 0;left: 0;transform: none;width: 300px;padding: 35px 20px 40px;margin: 0 auto;}
    h2 {font-size: 20px;line-height: 28px;}
    h3 {font-size: 25px;line-height: 32px;margin-bottom: 5px;}
    .section-anchor .number { width: 32px;height: 32px;line-height: 28px;font-size: 20px;}
    .text-section h3 {font-size: 25px;line-height: 32px;}
    #plan_ahead .container {padding-top: 50px;}
    .site-footer {padding: 50px 0;text-align: center;}
    .site-footer .top-content .logo {display: none;}
    .site-footer br {display: block;}
    .site-footer .top-content .right-logos .sponsored {margin-bottom: 0;}
    .site-footer .top-content .right-logos .flex {justify-content: center;flex-direction: column;gap: 0;}
    .site-footer .top-content .right-logos .flex p {max-width: 240px;width: 100%;margin: 15px 0;}
    .site-footer .top-content {padding-bottom: 40px;margin-bottom: 40px;}
    #helpful_links .links .item {width: 100%;} 
    .scroll-next {display: none;}
    .video-section .play {font-size: 14px;padding-top: 42px;background-size: 40px;margin-top: 20px;}
    .tooltip .tooltip-text {font-size: 15px;line-height: 24px;}
}

@media all and (-ms-high-contrast:none) {
    header .lang-dropdown{float:right;margin-top:20px}
    header .menu-dropdown{float:left}
    header .logos-h{float:left}
    .banner{position:relative;z-index:1}
    .banner .container{z-index:3}
    .banner .slider{z-index:4}
    .banner .slider .slick-dots{text-align:right;z-index:4}
    .banner .slider .slick-list{position:relative;z-index:4;height:100%}
    .banner .slider .slick-track{transition:none!important;transform:none!important;width:100%!important;height:100%}
    .banner .slider .slick-list .slick-slide{position:absolute!important;left:0!important}
    .banner .slider .slick-dots li{display:inline-block;margin:0 7px}
    .banner .slide img{-ms-transform:translate(-50%,-10%);transform:translate(-50%,-10%);width:100%;height:auto;min-height:120%;left:50%;top:0;position:absolute;z-index:1}
    .site-footer .top-content:after{clear:both;content:'';display:table}
    .site-footer .top-content .logo{float:left;margin-top:30px}
    .site-footer .top-content .right-logos{float:right}
    .site-footer .top-content .right-logos .flex a,.site-footer .top-content .right-logos .flex p{float:left;margin-right:40px}
    .site-footer .top-content .right-logos .flex p{margin-top:33px}
    .site-footer .top-content .right-logos .flex a:last-child{margin-right:0;margin-top:19px}
    .play.video-1,
    #video {display: none;}
    .play.video-2,
    #video2 {display: block;}
    /*#video2 {height: 160%;top:50%;-ms-transform:translate(0, -50%);transform:translate(0, -50%);}
    @media screen and (min-width: 1600px){
        #video2 {height: 210%;}
    }*/
}