/* for reset css */

a , div , h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat'}

/* for global css */

header .logo {width: 70px !important; height: 80px !important;}

.clamp5 {display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;}

.uk-breadcrumb>:last-child>*{color: #fff}
.uk-breadcrumb>*>*{color: #fff}

.underOff {text-decoration: none!important;}
.colorCC {color: #CC0000 !important;}
.color36 {color: #363636 !important;}
.colorFF {color: #FFFFFF !important;}
.color0B {color: #0B3B6C !important;}
.colorAD {color: #FFAD00 !important;}
.color99 {color: #999999 !important;}

.font36 {font-size: 36px!important;}
.font32 {font-size: 32px!important;}
.font24 {font-size: 24px!important;}
.font18 {font-size: 18px!important;}
.font16 {font-size: 16px!important;}
.font15 {font-size: 15px!important;}
.font14 {font-size: 14px!important;}
.font13 {font-size: 13px!important;}
.font12 {font-size: 12px!important;}
.font11 {font-size: 11px!important;}

.linkCircle {margin-top: 61.5px; left: -110px; border: 2px solid #363636; border-radius: 50%; width: 5px; height: 5px; background-color: #F6F6F6}

.webHeader {}
.main-slider-height{width: 100%;height: 800px}
.mobileHeader {display: none !important;}
@media (max-width: 970px) {
    .webHeader {display: none !important;}
    .mobileHeader {display: block !important;}
}
@media (max-width: 1300px) {
    .linkCircle {left: -80px}
    .main-slider-height{width: 100%;height: 630px}
}

.paddingContainer {padding: 0 60px;}
@media (max-width: 1200px) {
    .paddingContainer {padding: 0 20px;}
}

.section__title h2 {font-size: 32px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #0066A6;text-align: left;}
.section__title h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(5% - 60px);}
.section__title h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #0066A6;bottom: 0;left: calc(5% - 20px);}

.uk-navbar-container:not(.uk-navbar-transparent){background: #FFFFFF00;transition: 1s ease-in}
.uk-navbar-sticky {padding: 15px 36px 15px 36px;transition: .3s ease;transition-duration: .3s;background-color: #FFF !important;box-shadow: 0 2px 8px rgb(0 0 0 / 8%);}
.uk-navbar-container:hover{background: #fff;transition: 1s ease-in}
.over-mask {position: absolute; bottom: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));}
.over-mask-light {position: absolute;bottom: 0;z-index: 1;width: 100%;height: 100%;background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));background: linear-gradient(180deg, rgba(5, 102, 166, 0) 44.34%, rgba(5, 102, 166, 0.2) 100%), linear-gradient(0deg, rgba(0, 102, 166, 0.2), rgba(0, 102, 166, 0.2));background: linear-gradient(180deg, rgba(5, 102, 166, 0) 44.34%, rgba(5, 102, 166, 0.2) 100%), linear-gradient(0deg, rgba(0, 102, 166, 0.2), rgba(0, 102, 166, 0.2))}
.over-mask-light-bot {position: absolute;bottom: 0;z-index: 1;width: 100%;height: 100%;background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));background: linear-gradient(to bottom, #0000, #00000087);}

.top-right{display: flex;align-items: center;justify-content: end}
.header-top-icon i{display: flex;align-items: center;margin-right: 10px;font-size: 20px;line-height: 20px;color: #fff}
.header-top-other p{margin-bottom: 0;font-size: 16px;line-height: 20px;font-weight: 400;color: #fff;}
.breadcrumb-wrapper {padding: 120px 0;overflow: hidden;text-align: center;background-color: #ededed;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.breadcumb-title {color: #fff;line-height: 80px;font-size: 64px;font-weight: 700;text-transform: none}
.breadcrumb-title-two {color: #fff;line-height: 30px;font-size: 35px;font-weight: 700;text-transform: uppercase}
.homeOrgs {padding-bottom: 270px;}



.breaking_news {width:100%;background: linear-gradient(90deg, rgb(81 159 215) 0%, rgb(0 84 166) 100%);background: -moz-linear-gradient(95deg,rgb(81 159 215) 0%, rgb(0 84 166) 100%);background: -webkit-linear-gradient(95deg, rgb(81 159 215) 0%, rgb(0 84 166) 100%);}
.breaking_news:after{position:relative;clear: both;; display: table;; content: "";}
.label {padding: 0 15px;font-size: 14px;color: #FFF;line-height: 40px;font-weight: bold;height: 40px;text-transform: uppercase;}
.news_title {line-height: 40px;height: 40px;position: relative; overflow: hidden;}
.breaking_news__title{font-size: 14px;display: inline-block;color: #fff;padding: 0 20px;text-transform: uppercase;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-weight: 700;}
.breaking_news__title:hover{opacity: .9;color: #fff;}
.js-marquee{display: flex}
.breaking-before{display: flex;align-items: center}
.breaking-before:before{content: "\f0c1";position: absolute;font:normal normal normal 14px/1 FontAwesome;color: #fff}

.uk-navbar-nav>li>a{font-weight: 600;font-size: 18px;text-transform: none;line-height: 140%;display: flex;align-items: center;color: #1C1C1C;}
/*.uk-modal-dialog {background-color: #363636}*/
.uk-modal-close-full {background-color: #363636}

.history-img{position: relative;}
.history-img img{width: 100%;object-fit: contain}
.history-text{position: absolute;top: 30px;left: 40px;text-transform: uppercase;font-size: 30px;line-height: 40px;color: #000}
.home-feature{padding: 30px 20px;transition: 0.1s ease-in-out}
.home-feature-icon{width: 70px;height: 70px;margin-bottom: 20px}
.home-feature-icon img{width: 100%;height: 100%;object-fit: contain}
.home-feature-name{height: 70px;margin-bottom: 20px;font-weight: 600;font-size: 20px;line-height: 23px;display: flex;align-items: start;color: #002942;}
.home-feature-desc{font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: flex-end;color: #777777;}
.home-feature-link{display: flex;align-items: center;justify-content: center;padding: 8px;margin-top: 15px;padding-bottom: 10px;width: 40px;height: 40px;border: 1px solid #E6F0F6;border-radius: 20px;}
.home-feature:hover{background: #1A75AF;transition: 0.1s ease-in-out}
.home-feature:hover .home-feature-name{color: #fff}
.home-feature:hover .home-feature-desc{color: #fff}
.home-feature:hover svg path{fill: #fff}
.home-feature:hover .home-feature-link{border-radius: 20px;background: linear-gradient(90deg, #06BCF3 0%, #77EAB0 100%)}
/*.home-feature:hover{background-color: #1A75AF}*/

.home-popup-body{border-radius: 10px}
.home-popup-box{display: flex;align-items: center;justify-content: center;margin-top: 15px;padding: 10px 15px;font-size: 16px;line-height: 20px;font-weight: 600;background: #1A75AF;border: 1px solid transparent;color: #fff;border-radius: 8px;transition: 1s ease-in}
.home-popup-close{background: #fff;color: #000;border-radius: 50%;}
.home-popup-title{font-size: 18px;line-height: 20px;font-weight: bold;color: #000}
.home-popup-top-text h1{margin-top: 10px;font-size: 16px;line-height: 20px;font-weight: 400;color: #000}
.home-popup-bottom-text{margin-top: 20px;font-size: 16px;line-height: 20px;font-weight: 400;color: #000}
.home-popup-box:hover{background: transparent;border: 1px solid #1A75AF;color: #000;transition: 1s ease-in}

.fixed-head>ul {padding: 0;margin: 0;}
.fixed-head>ul>li {margin: 0;padding: 0;list-style-type: none;}
.fixed-head>ul>li:first-child>a {background-color: #fff;border-top-left-radius: 8px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.fixed-head>ul>li:last-child>a {background-color: #fff;border-bottom-left-radius: 8px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.fixed-head>ul>li>a {position: fixed;right: -110px;top: 40%;-webkit-box-align: center;align-items: center;display: -webkit-box;display: flex;height: 50px;width: 150px;text-align: center;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row;line-height: 50px;color: #0066A6;background: #fff;z-index: 1000;font-size: 18px;-webkit-transition: .5s all;transition: .5s all;}
.fixed-head>ul>li>a>span {font-size: 10px;margin-right: 10px;display: inline-block;text-transform: uppercase;font-weight: 300;width: 110px;line-height: 12px;color: #fff}
.fixed-head>ul>li>a>i.fa {width: 40px;display: inline-block;}
.fixed-head>ul>li>a>i.fab {width: 40px;display: inline-block;}
.fixed-head>ul>li>a:hover {background: #0066A6;}
.fixed-head>ul>li>a:hover i{color: #fff;}
.fixed-head>ul>li:nth-child(1)>a {top: calc(20% + 140px);}
.fixed-head>ul>li:nth-child(2)>a {top: calc(20% + 190px);}
.fixed-head>ul>li:nth-child(3)>a {top: calc(20% + 240px);}
.fixed-head>ul>li:nth-child(4)>a {top: calc(20% + 290px);}
.fixed-head>ul>li:nth-child(5)>a {top: calc(20% + 340px);}
.fixed-head>ul>li:nth-child(6)>a {top: calc(20% + 390px)}
.fixed-head>ul>li>a:hover {right: 0;}


.home-banners-area{padding: 40px 0}
.ss-radio-label{font-size: 10px;color: #fff;font-weight: 700;text-transform: uppercase;line-height: 22px;}

.footer-box{padding: 30px 0;overflow: hidden;background: linear-gradient(90deg, rgb(81 159 215) 0%, rgb(0 84 166) 100%)}
.footer-bg-pos-one{position: absolute;right: -11%;bottom: -54%;width: 500px;opacity: .1;}
.footer-bg-pos-two{position: absolute;left: -14%;top: -64%;width: 600px;opacity: .3;}
.footer-bottom a{color: #fff}
.footer-top-box{display: flex;align-items: center;justify-content: center;margin: 0 auto}
.footer-top-menu a{font-weight: 400;font-size: 16px;line-height: 140%;display: flex;align-items: center;text-transform: uppercase;color: #CCE0ED;}
.footer-top-menu{padding-left: 60px;padding-right: 60px;border-right: 1px solid #3385B8;}
.footer-top-menu:last-child{border-right: none}
.footer-copyright{font-weight: 400;font-size: 14px;line-height: 16px;display: flex;align-items: center;justify-content: space-between;color: #CCE0ED;}
.footer-center-text{margin: 20px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #CCE0ED;}
.footer-center-link a{font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #CCE0ED;}

.footer-top-menu:hover a{color: #fff;transform: scale(0.9);}
.footer-contact-head{margin-bottom: 20px;font-size: 20px;text-transform: uppercase;font-weight: 700;line-height: 140%;display: flex;align-items: flex-end;color: #FFFFFF;}
.footer-contact-address{margin-bottom: 15px;font-weight: 700;font-size: 16px;line-height: 25px;display: flex;align-items: center;color: #fff;}
.footer-contact-area{display: flex;align-items: center;margin-bottom: 15px}
.footer-contact-phone-icon{width: 50px;height: 50px}
.footer-contact-phone-item{font-weight: 700;font-size: 18px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-contact-mail-icon{width: 50px;height: 50px}
.footer-contact-mail-item{font-weight: 700;font-size: 18px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-contact-social{display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;}
.footer-contact-social:hover img{transform: scale(1.2);transition: 1s ease-in-out}

.footer-box-emjj{background: #00cfd0}
.footer-top-emjj{padding: 35px 0;background: #00cfd0;border-bottom: 1px solid #fff;}
.footer-top-menu-emjj a{font-weight: 400;font-size: 16px;line-height: 140%;display: flex;align-items: center;text-transform: uppercase;color: #fff;}
.footer-top-menu-emjj{padding-left: 60px;padding-right: 60px;border-right: 1px solid #fff;}
.footer-top-menu-emjj:last-child{border-right: none}
.footer-center-text-emjj{margin: 20px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-center-link-emjj a{font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-copyright-emjj {font-weight: 400;font-size: 14px;line-height: 16px;display: flex;align-items: center;color: #fff;}
.footer-contact-address-emjj {margin: 10px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-contact-mail-emjj{margin: 10px 0;font-weight: 400;font-size: 14px;line-height: 140%;display: flex;align-items: center;color: #fff;}
.footer-contact-social-emjj{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: #005285;border-radius: 50%;}
.footer-contact-social-emjj i{font-size: 14px;line-height: 14px;display: flex;align-items: center;text-align: center;color: #FFFFFF;}

.link-btn{width: 110px;padding: 12px 24px;background: #005C95;border-radius: 23px;}
.link{font-weight: 500;font-size: 16px;line-height: 140%;text-align: center;color: #FFFFFF;z-index: 1}
.link-btn:hover{background: transparent;border: 1px solid #005C95}
.link-btn:hover .link{color: #fff}
/* for layout css */

header .search {position: relative; display: block;}
header .search .fa {position: absolute; color: #FFF; font-size: 14px}

header .other {}
header .other li {padding: 20px 0}

/* for component css */

.swiper{overflow: hidden}
.swiper-slide .content {left: 10%; top: 20vh; z-index: 2;}
.swiper-slide .content .text {width: 420px;}
.swiper-slide .content .title {margin-bottom: 20px;font-weight: 500;font-size: 48px;line-height: 56px;display: flex;align-items: flex-end;color: #FFFFFF;}
.swiper-slide .content .desc {font-weight: 400;font-size: 16px;line-height: 140%;display: flex;align-items: flex-end;color: #E6F0F6;}

.swiper-slide .content .box {right: 0; width: 60%; height: 100%}
.swiper-slide .content .box .dottedBox {border-width: 4px; width: 100%; height: 100%;}
.swiper-slide .content .box .dottedBox div {height: 70px; width: 4px;}

@media (max-width: 740px) {
    .swiper-slide .content {width: 50%;}
}
@media (max-width: 580px) {
    .swiper-slide .content {height: 50vh}
    .swiper-slide .content .title {font-size: 26px;}
    .swiper-slide .content .box .dottedBox div {height: 20px;}
}
@media (max-width: 500px) {
    .swiper-slide .content .title {font-size: 30px; margin-bottom: 10px;}
}


.about-info{width: 700px;min-width: 700px;margin: auto}
.about-title{margin-top: 30px;margin-bottom: 20px;color: #002942;font-size: 36px;font-weight: 500;line-height: 25px;}
.about-desc p{color: #363636;font-size: 16px;line-height: 25px;text-align: justify}

.swiper-main-slider{height: 420px;border-radius: 10px}
.main-slider-img img{width: 100%;height: 420px;object-fit: cover;border-radius: 10px}
.uk-open>.uk-modal-dialog {opacity: 1;transform: translate(-50%, -50%);left: 50%;top: 50%;position: absolute;}

.header{padding: 15px 0}
.logo-pos{display: flex;align-items: center}
.logo-pos img{width: 190px;}
.header-info-logos{display: flex;align-items: center}
.logo-txt{width: 500px;margin-left: 30px;text-transform: uppercase;font-size: 18px;line-height: 26px;font-weight: 500;color: #0054a6;}

.call-btn-sm {width: 50px;height: 50px;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.call-btn-sm img {width: 100%;height: 100%;object-fit: contain;}
.phone-box:hover .call-btn-sm img {transform: rotate(360deg);}
.phone-square{font-weight: 700;font-size: 18px;line-height: 140%;display: flex;align-items: center;color: #0054a6;}
.phone-square a{color: #0054a6;}

/** home slider branch for*/
.swiperCard {
    width: 300px;
    height: 420px;
    margin: auto;
}
.swiperCard .swiper-pagination{bottom: -17px;}
.swiperCard .swiper-pagination-bullet{width: 30px;height: 8px;border-radius: 8px}
.swiperCard .swiper-pagination-bullet-active{width: 30px;height: 8px;border-radius: 8px;background: linear-gradient(90deg, rgb(81 159 215) 0%, rgb(0 84 166) 100%)}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
}
.card-branch-area{padding: 10px 15px}
.card-branch-name{font-size: 16px;text-transform: uppercase;text-align: center;font-weight: 700;color: #0054a6}
.card-branch-image{margin: 15px 0;width: 100%;height: 100px;border-radius: 8px}
.card-branch-image img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px}
.card-branch-address{display: flex;align-items: center;padding: 8px;border: 1px solid #03bfd7;border-radius: 8px;margin-bottom: 20px}
.card-branch-address-icon{width: 40px;height: 40px;min-width: 40px}
.card-branch-address-name{margin-left: 10px;font-size: 12px;text-transform: uppercase;line-height: 18px;font-weight: 500;color: #0054a6;}
.card-branch-time{display: flex;align-items: center}
.card-branch-time-day{font-size: 16px;line-height: 25px;text-transform: uppercase;font-weight: 400;color: #0054a6}
.card-branch-time-min{margin-left: 5px;font-size: 16px;line-height: 25px;text-transform: uppercase;font-weight: 700;color: #0054a6}
.card-branch-phone-list{display: flex;align-items: center;justify-content: space-between}
.card-branch-phone-list-item{display: flex;align-items: center;margin-top: 15px}
.card-branch-phone-list-item-icon{width: 40px;height: 40px}
.card-branch-phone-list-item-num{font-size: 16px;line-height: 25px;font-weight: 500;color: #0054a6}
.card-branch-phone-list-item-number{font-size: 16px;line-height: 25px;font-weight: 700;color: #0054a6}

.swiperCard .swiper-slide {
    background-color: #fff;
    border: 2px solid #0054a6;
}

/** home feature for*/
.home-feature-area{padding: 40px 0;background: #e3dfdf;}
.feature-card {
    margin-bottom: 25px;
    border-radius: 8px;
    background-color: #fff;
    padding: 15px;
    position: relative;
    transition: 1s ease-in-out;
    overflow: hidden;
    text-align: center;
}
.feature-card:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background-color: #f99d33;
    transition: .6s;
}
.feature-card .icon {
    text-align: center;
    margin-bottom: 22px;
}
.feature-card .icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background: linear-gradient(145deg, rgb(81 159 215) 36%, rgb(0 84 166) 68%);
    color: #fff;
    font-size: 60px;
    text-align: center;
    border-radius: 100px;
    transition: .6s;
}
.feature-card h3 {
    height: 35px;
    font-size: 16px;
    margin-bottom: 15px;
    color: #0054a6;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
}
.feature-card h3 a {
    color: #0054a6;
}
.feature-card svg {
    width: 40px;
    height: 40px;
}
.feature-card svg path{fill: #fff}
.feature-card .service-btn {
    color: #0054a6;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .6s;
    position: relative;
    margin-top: -22.5px;
    opacity: 0;
    line-height: 1;
}
.feature-card .service-btn i {
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-left: 8px;
}
.feature-card:hover .service-btn {
    opacity: 1;
    margin-top: 17px;
}
.feature-card:hover .icon {
    background: linear-gradient(360deg, rgb(81 159 215) 36%, rgb(0 84 166) 68%);
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 35px;
}
.feature-card:hover:before {
    width: 100%;
}
.time-item{max-width: 100%;width: 900px; font-size: 14px; line-height: 20px; color: #363636; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #DCEAF5; position: relative;}
.time-item:before{width: 0;height: 0;border-style: solid;border-width: 6px 6.5px 5px 6.5px;border-color: #1f3c92 transparent transparent transparent;content: '';position: absolute;bottom: -11px;left: 50%;}
.timeline{position: relative; padding-top: 30px;}
.timeline:before{content: '';position: absolute; top: 8px; left: 0; right: 0; background: #DCEAF5; height: 4px;}
.timeline-years{display: flex; justify-content: space-around; margin-bottom: 20px;}
.timeline-content{display: flex; justify-content: space-around}
.timeline-years__item{position: relative; color: #55ACEE; font-family: 'Roboto Condensed',sans-serif; font-weight: bold; font-size: 14px; cursor: pointer; transition: .5s all;}
.timeline-years__item.active{color: #1F3C92}
.timeline-years__item:hover{color: #1F3C92}
.timeline-years__item:before{width: 14px; height: 14px; content: ''; background: #fff; border: 1px solid #DCEAF5; border-radius: 50%; position: absolute; top: -28px; left: 50%; transform: translateX(-50%); transition: .5s all;}
.timeline-years__item.active:before{background: #004694; border: 2px solid #fff; box-shadow: 0 0 2px #004694;}
.timeline-years__item:hover:before{background: #004694; border: 2px solid #fff; box-shadow: 0 0 2px #004694;}
.timeline-years__item.pass:before{background: #55ACEE}
.timeline__item{visibility: hidden; opacity: 0; position: absolute; transition: .3s all;}
.timeline__item.active{visibility: visible; opacity: 1;}
.timeline-years__nav{width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #55acee; border-radius: 50%;  background: #fff; color: #1F3C92; font-size: 18px; position: absolute; left: 0; top: -6px; cursor: pointer; transition: .3s all;}
.timeline-years__nav:hover{background: #55acee; color: #fff;}
.timeline-years__nav>i{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.timeline-years__nav--next{right: 0; left: auto;}
.timeline-content{padding-bottom: 80%;}
.timeline-progress{position: absolute; top: 8px; left: 0; width: 0; background: #55ACEE; height: 4px;}

.uk-navbar-dropdown-nav>li>a {padding: 0 20px;line-height: 35px;color: #000;font-size: 16px;transition: .2s all;width: 100%;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;}
.uk-navbar-dropdown {width: 290px;margin: 0;padding: 0;border-top: 2px solid #1A75AF;}
.uk-navbar-dropbar{background: transparent}
ul.uk-navbar-dropdown-nav > li { position: relative}
ul.uk-navbar-dropdown-nav > li:hover .child-drop {display: block;}
.child-drop {display: none; position: absolute; left: 100%; top: 0;}
.child-drop ul li {background-color: #fff;}
.child-drop ul li a {padding: 0 20px; width: 300px; line-height: 24px; color: #000; font-size: 16px; transition: .2s all;}
.child-drop ul li:hover {background-color: #1A75AF;}
.child-drop ul li:hover a {color: #fff !important;}
.child-drop ul li a{padding: 0 20px; line-height: 35px; color: #000!important; font-size: 16px; transition: .2s all; width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.uk-navbar-dropdown-nav li:hover{ background: #1A75AF}
ul.uk-navbar-dropdown-nav li:hover a{ color: #fff}
.uk-navbar-nav>li:hover>a{color: #1A75AF}

.help-box{position: relative}
.category-back{background: #F5F5F5;padding-bottom: 60px}
.category-head{padding: 60px 0;color: #1C1C1C;font-size: 24px;font-weight: 700;text-align: center;text-transform: uppercase}
.category-list-img img{width: 100%;height: 280px;object-fit: cover;border-top-right-radius: 10px;border-top-left-radius: 10px}
.category-list-body{padding: 15px 0;background: #fff;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px}
.category-list-icon{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;margin: auto;position: absolute;right: 30px;top: 30px;background: #fff;border-radius: 50%;padding: 8px;;border: 1px solid #1A75AF;transition: 1s ease-in;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.category-list-name{margin-top: 5px;color: #363636;text-align: center;font-size: 16px;font-weight: 500;line-height: 140%;}
.category-list-doctors{color: #363636;text-align: center;font-size: 18px;line-height: 140%;padding-top: 5px;font-weight: bold;margin-top: 5px;border-top: 1px solid #d3d3d3}
.help-box:hover .category-list-icon{border: 1px solid #fff;transition: 1s ease-in}

.department-back{background: #F5F5F5;padding-bottom: 60px}
.department-head{padding: 60px 0;color: #1C1C1C;font-size: 24px;font-weight: 700;text-align: center}
.department-list-img img{width: 100%;height: 280px;object-fit: cover;border-top-right-radius: 10px;border-top-left-radius: 10px}
.department-list-body{padding: 15px 0;background: #fff;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px}
.department-list-name{margin-top: 5px;color: #363636;text-align: center;font-size: 16px;font-weight: 500;line-height: 140%;}
.department-list-doctors{color: #363636;text-align: center;font-size: 18px;line-height: 140%;padding-top: 5px;font-weight: bold;margin-top: 5px;border-top: 1px solid #d3d3d3}
.help-box:hover a{border-radius: 8px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.help-box:hover .department-list-icon{border: 1px solid #fff;transition: 1s ease-in}

.staticPage-box{padding: 10px;margin-bottom: 20px;box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);border-radius: 10px;}
.product-description{color: #4a5568;line-height: 25px;margin: 20px 0;font-size: 16px;}
.service-image{position: relative}
.name-pos-to{position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;z-index: 2}
.name-service{color: #fff;font-size: 36px;line-height: 40px;font-weight: bold;}
.service-image:before {content: "";display: block;position: absolute;width: 100%;top: 0;bottom: 0;z-index: 2;transition: all 0.3s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 57.1%, #0066A6 100%);border-radius: 8px}
.service-image img{width: 100%;object-fit: cover;border-radius: 8px;height: 600px;object-position: top}
.service-name{margin: 15px 0;color: #1C1C1C;font-size: 24px;font-weight: 500;}
.service-desc{color: #363636;font-size: 16px;line-height: 140%;}
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0}

.map-img img{width: 100%;}
.contact-head{margin: 20px 0;color: #002942;font-size: 36px;font-weight: 500;}
.contact-address{margin-bottom: 5px;color: #363636;font-size: 16px;line-height: 140%;}
.contact-phone{margin-bottom: 5px;color: #363636;font-size: 20px;font-weight: 500;line-height: 140%;}
.contact-email{margin-bottom: 10px;color: #1A75AF;font-size: 16px;line-height: 140%;text-decoration-line: underline;}
.contact-br{border-bottom: 1px solid #F5F5F5;padding-bottom: 5px;margin-bottom: 5px;}
.contact-social{display: flex;align-items: center;justify-content: start}
.contact-social-icon{width: 30px;height: 30px;border-radius: 50%;margin-right: 10px;padding: 8px}
.contact-social i{display: flex;align-items: center;justify-content: center;font-size: 16px;line-height: 15px;color: #fff}
.contact-social-icon:nth-child(1){background: #1A75AF;}
.contact-social-icon:nth-child(2){background: #1877F2;}
.contact-social-icon:nth-child(3){background: #1DA1F2;}
.contact-social-icon:nth-child(4){background: #CD201F;}

.product-view-list{display: flex;align-items: center;margin-bottom: 10px;border-bottom: 1px solid #e4e4e4;padding-bottom: 10px;}
.product-view-list-icon i{margin-right: 10px;font-size: 18px;line-height: 20px;color: #0066A6}
.product-view-list-name{font-size: 16px;line-height: 20px;font-weight: bold;color: #000}
.product-view-list-name a{font-size: 16px;line-height: 20px;font-weight: bold;color: #000}
.product-description ul li{padding-left: 20px;display: flex;align-items: start;}
.product-description ol li{padding-left: 20px;display: flex;align-items: start;}
.product-description ul li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;margin-top: 6px;background-size: cover;background-image: url('../assets/feature.svg')}
.product-description ol li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;margin-top: 6px;background-size: cover;background-image: url('../assets/feature.svg')}

.information-box ul li{padding-left: 20px;display: flex;align-items: center;}
.information-box ol li{padding-left: 20px;display: flex;align-items: center;}
.information-box ul li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;background-size: cover;background-image: url('../assets/check.svg')}
.information-box ol li:before{content: '';width: 20px;height: 20px;position: absolute;left: 8%;background-size: cover;background-image: url('../assets/check.svg')}

.section-about-us{margin: 20px 0;color: #1C1C1C;font-weight: 700;font-size: 24px;}
.team-one__content{padding: 10px 30px}
.doctor-list{margin: 20px 0;color: #1C1C1C;font-weight: 700;font-size: 24px;}
.doctor-list__name{margin-bottom:10px;color: #1C1C1C;font-size: 16px;line-height: 140%;}
.doctor-list__degree a{color: #777;font-size: 14px;line-height: 140%;}
.doctor button{width: 100%}
.team-one__single{margin-bottom: 20px}
.team-one__img-box {position: relative;display: block;overflow: hidden;border-radius: 5px;}
.team-one__img-box img {height: 300px;width: 100%;object-fit: cover;object-position: top}
.team-one__img-box img {border-radius: 5px;-webkit-transform: scale(1);transform: scale(1);transition: all 500ms ease;}

.other-branch{margin-bottom: 20px;color: #1C1C1C;font-size: 20px;font-weight: 600;}
.branch-box{position: relative;overflow: hidden}
.branch-img{position: relative;overflow: hidden;border-radius: 4px;}
.branch-img img {width: 100%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.branch-content {background-color: #fff;margin: 0 3%;margin-top: -35px;border-radius: 4px;padding: 20px;position: relative;z-index: 2;}
.branch-content .title {margin-bottom: 10px;color: #1C1C1C;font-size: 20px;font-weight: 500;}

.branch-box-2{position: relative}
.branch-box-2 img{border-radius: 8px}
.branch-overlay {
    background: -webkit-linear-gradient(top,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);
    background: linear-gradient(180deg,rgba(0,0,0,0)27.4%,rgba(0,0,0,.56)58.85%,rgba(0,0,0,.8)100%);height: 100%;position: absolute;top: 0;width: 100%;border-radius: 4px;}
.branch-content-2{left: 20px;bottom: 20px;position: absolute;width: 80%;}
.branch-name-2{font-size: 18px;line-height: 20px;color: #fff;font-weight: 600}

.branch-head{}
.branch {border-top: 1px solid #f2f2f2; margin-top: 30px; background-color: transparent}
.branch .swiper-pagination {bottom: 0 !important;}
.branch .item {border-right: 1px solid #f2f2f2;background-color: #fff;border-bottom: 1px solid #f2f2f2;overflow: hidden}
.branch.timeline .item {border: 1px solid #f2f2f2; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.branch .item .name {padding: 20px; color: #0066A6; font-size: 14px;}
.branch .item .info .desc {display: flex; align-items: baseline}
.branch .item .info .desc {padding: 0 10px}
.branch .item .info i {padding: 0 10px 0 10px; font-size: 14px; color: #0066A6;}
.branch .item .info .text {padding-bottom: 20px;font-size: 14px;line-height: 20px;color: #363636}
.branch .item .info .text p{font-size: 14px;line-height: 20px;color: #363636}
.branch .item .info .height{height: 30px;}
.branch .into{height: 250px;border-radius: 10px;margin: 0 10px}
.branch .uk-cover-container {height: 250px; width: 100%}
.branch-view-text{margin: 20px 0;font-size: 16px;line-height: 25px;font-weight: 400;color: #363636}

.sectionTitle__title {font-size: 18px;line-height: 34px;font-weight: 700;color: #0066A6;}
.org-name{margin-top: 10px;text-align: center;font-size: 16px;line-height: 25px;font-weight: 500;color: #363636}
.org-img{display: flex;align-items: center;justify-content: center;    width: 200px;height: 80px;margin: auto;}
.org-item{}

.text-swipe{position: absolute;top: 50%;;left: 50%;font-size: 35px;line-height: 20px;color: #fff}

.service-box.style3 {position: relative;background: #fff;box-shadow: 0px 4px 30px rgb(17 17 17 / 8%);width: 100%;border-top: 5px solid #0066A6;border-radius: 10px;padding: 0;z-index: 9;cursor: pointer;}
.service-box.style3::before {background-color: #0066A6;border-radius: 6px 6px 10px 10px;z-index: -2;}
.service-box::before {content: "";height: calc(100% - 0px);width: calc(100% - 0px);background-color: #263043;position: absolute;top: 0;left: 0;transform: scaleX(0);transition: 0.4s ease-in-out;z-index: -1;}
.service-box.style3 .service_overlay {content: "";height: calc(100% - 0px);width: calc(100% - 0px);position: absolute;top: 0;left: 0;transition: 0.4s ease-in-out;z-index: -1;opacity: 0;visibility: hidden;}
.service-box.style3 .service-box_inner {display: block;padding: 40px 30px;justify-content: space-between;height: 100%;width: 100%;transition: 0.4s ease-in-out;}
.service-box.style3 .service-box_icon {position: relative;background: #fff;box-shadow: 0px 0px 15px rgb(17 17 17 / 14%);width: 80px;height: 80px;line-height: 80px;border-radius: 50%;margin: 0 auto 20px auto;transition: 0.4s ease-in-out;}
.service-box_icon svg path{fill: #0066A6}
.service-box.style3 .service-content {text-align: center;margin: 0;}
.service-box_title {font-weight: 700;font-size: 24px;line-height: 31px;margin: 0 0 15px 0;color: #00062C;}
.service-box_title a {color: #00062C;}
.service-box_text {font-weight: 400;line-height: 28px;max-width: 296px;font-size: 14px;color: #696E7C;display: block;margin: 0 auto;transition: 0.4s ease-in-out;}
.service-box:hover::before, .service-box.active::before {transform: scaleX(1);}
.service-box.style3:hover .service-box_inner {background-image: url('../assets/hover-shape.png');}
.service-box.style3:hover .service-box_icon {background-color: #fff;}
.service-box.style3:hover .service-content .service-box_title {color: #fff;}
.service-box.style3:hover .service-content .service-box_text {color: #fff;}

.faq .uk-nav {}
.faq .uk-nav .uk-parent {background-color: #eee;border: 1px solid #eee;border-radius: 5px;margin-bottom: 20px;padding: 10px;transition: 0.3s ease ; width: calc(50% - 10px);height: max-content;}
.faq .uk-nav .uk-parent:nth-child(odd) {margin-right: 10px}
.faq .uk-nav .uk-parent:nth-child(even) {margin-left: 10px}
.faq .uk-nav .uk-parent a {transition-duration: 0.5s; color: #363636}
.faq .uk-nav .uk-parent.uk-open a {border-bottom: 1px solid #088408; margin-bottom: 20px; padding-bottom: 20px; transition: 0.5s ease}
.faq .uk-nav .uk-parent.uk-open {border: 1px solid #AAB952; background-color: #fff; transition: 0.3s ease}
@media (max-width: 640px){
    .faq .uk-nav .uk-parent:nth-child(odd) {margin-right: 0}
    .faq .uk-nav .uk-parent:nth-child(even) {margin-left: 0}
    .faq .uk-nav .uk-parent {width: 100%}
}

.branch_button{width: 30px; height: 30px; background: rgba(0, 0, 0, 0.6);border-radius: 50%;margin-top: 5px;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 18px;font-weight:900;color: #fff;}
@media (max-width: 640px){
    .branch_button {bottom: 100px; top: unset}
    .swiper-button-prev {left: 15px}
    .swiper-button-next {left: calc(100% - 45px)}
    .branch .uk-cover-container {height: 200px; width: 100%}
}
@media (max-width: 960px){
    .swiper-button-prev, .swiper-button-next {top: 48%}
    .swiper-button-prev {left: 15px}
    .swiper-button-next {left: calc(100% - 45px)}
}

.branch-list{padding: 0 20px 20px 20px}
.zoom-effect-container img{height: 100%;width: 100%;object-fit: cover;border-radius: 10px}
.branch.list {margin: 0; border: none}
.branch.list .item {margin-bottom: 20px;border: 1px solid #f2f2f2;border-radius: 4px;box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%)}
.career-menu-icon-in i {font-size: 32px;color: #fff;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;align-items: center;justify-content: center;width: 82px;height: 82px;border-radius: 50%;background-color: #164da1;position: relative;overflow: hidden;}
.career-menu-icon{display: inline-block;padding: 10px;border: 1px solid #c8c8c8;border-radius: 50%;background-color: transparent;-webkit-transition: all 250ms linear 0s;-khtml-transition: all 250ms linear 0s;-moz-transition: all 250ms linear 0s;-ms-transition: all 250ms linear 0s;-o-transition: all 250ms linear 0s;transition: all 250ms linear 0s;}
.career-menu-name{margin-top: 20px;font-size: 20px;line-height: 25px;font-weight: 400;color: #363636}
.career-menu-icon-in:active, .career-menu-icon-in:focus, .career-menu-icon-in:hover {transform: scale(1.2);transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);}
.career-box-list{display: block;text-align: center}
.career-element-back {height: 200px;padding: 30px;position: relative;flex-wrap: wrap;align-content: flex-start;border-radius: 10px;background: lavender;}
.career-height{height: 380px}
.career-element-head h2{font-size: 25px;line-height: 25px;text-transform: uppercase;color: #0066A6;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #0066A6;}
.career-element-txt p{font-size: 16px;line-height: 25px;font-weight: 400;color: #222}
.career-element-txt span{font-size: 16px;line-height: 25px;font-weight: 400;color: #222}
.elementor-widget-container{margin: 22px 0px 0px 0px}
.elementor-icon-list-item{display: flex;align-items: flex-start;margin-bottom: 15px;}
.elementor-icon-list-icon{width: 20px;height: 20px;margin-right: 10px;font-size: 18px;color: #144DA0}
.elementor-icon-list-text{font-size: 14px;line-height: 20px;font-weight: 400;color: #363636}
.career-section-desc{margin-bottom: 20px;font-size: 16px;font-weight: 400;line-height: 25px;text-align: center;color: #666666;}
.training-name{margin: 20px 0;font-size: 16px;line-height: 25px;font-weight: 600;color: #363636;}
.training-desc p{margin-bottom: 20px;font-size: 16px;line-height: 25px;font-weight: 400;color: rgb(102, 102, 102);;}
.carrer-bottom-img{background-position: center center;   background-repeat: no-repeat;   background-size: cover;height: 467px}
.section_t_title {border-bottom: 1px solid #c4c4c4;color: #0066A6;font-weight: 700;font-size: 18px;line-height: 35px;text-transform: uppercase;position: relative;margin: 20px 0;}
.section_t_title:before {content: '';position: absolute;left: 0;width: 40px;height: 4px;background: #0066A6;bottom: -3px;}

.photos-slide > .gallery-top { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;position: relative}
.photos-slide > .gallery-top > .swiper-wrapper > .gallery-top-image{text-align: center;}
.photos-slide > .gallery-thumbs > .swiper-wrapper > .gallery-thumbs-image{text-align: center;}
.gallery-thumbs-image img{border-color: #007bff;max-width: 100%;height: auto;cursor: zoom-in;}
.gallery-thumbs { display: block; height: 145px;margin-top: 10px;box-sizing: border-box; padding: 10px 0;overflow: hidden}
.gallery-thumbs .swiper-slide { width: 25%; opacity: 0.4; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.slider-image{position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 50%; background-size: cover; background-position: center center;  background-repeat: no-repeat;}
.slider-bottom-image{position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 56.25%; background-size: cover; background-position: center center;  background-repeat: no-repeat;}
/*.slider-desc{    padding: 10px;color: #FFF;border: 1px solid #434343;font-size: 85%;  }*/
.slider-image-box{padding: 0 15px; box-sizing: border-box}
.photos-slide .swiper-button-next{background-image: unset;right: 2px;width: 70px}
.photos-slide .swiper-button-prev{background-image: unset;left: 2px;width: 70px}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: ''}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: ''}

.inner-column{display: flex;align-items: center}
.info-box{position: relative;margin-bottom: 30px;margin-right: 20px}
.info-box .box-inner {position: relative;padding: 10px;border: 1px solid #dddddd;background: #0066A6;border-radius: 8px;}
.info-box .icon {position: relative;display: block;line-height: 40px;font-size: 50px;color: #0066A6;margin-bottom: 10px;}
.head-title{margin: 0 15px;line-height: 30px;font-size: 18px;color: #363636}
.branch-text{color: #363636;font-size: 14px;line-height: 140%;}
.branch-title{margin-bottom: 20px;color: #1C1C1C;font-size: 20px;line-height: 25px;font-weight: 600;}

.branch-activity-list-box>ul>li {padding-left: 30px;position: relative;margin-bottom: 10px;color: #363636;font-size: 14px;line-height: 20px;}
.branch-activity-list-box>ul>li:before {position: absolute;left: 0;content: "\f00c";color: #0066A6;font-family: FontAwesome,sans-serif;font-size: 14px;padding-right: 10px;}

.time-widget_content {position: relative;padding: 30px 30px;border: 1px solid #dddddd;height: 175px;}
.clock_icon {position: absolute;right: 30px;top: 25px;opacity: 0.25;line-height: 1em;font-size: 70px;color: #fff}
.working-time_list{position: relative}
.working-time_list li {position: relative;display: block;font-size: 16px;color: #fff;line-height: 35px}
.working-time_list li span {position: absolute;right: 0}
.sidebar-title{font-weight: 400;font-size: 18px;line-height: 20px;margin-bottom: 15px;color: #fff}
.sidebar-desc{font-weight: 400;font-size: 14px;line-height: 20px;margin-bottom: 15px;color: #fff}
.sidebar-desc a{color: #fff}

.modal-image__profile{
    color: #55ACEE;
    font-size: 14px;
}
.modal-text p ul li{
    font-size: 14px;
}
.modal-content{
    border: none;
}
.modal-header{
    border-bottom: none;
}
.modal-image__title{
    margin: 10px 0;
    font-size: 24px;
    text-transform: uppercase;
}
.modal-image{
    display: block;!important;
    height: 400px;
    position: relative;
    padding: 40px;
}
.modal-image img{
    max-width: none;
    width: 310px;
    height: 400px;
    object-fit: cover;
}
.modal-text{
    font-size: 14px;
    display: block;
    position: relative;
    padding-right: 10px;
}
.modal-header-into{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}
.modal-header .close-modal {
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #A3A3A4;
    background: #E9ECEF;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    cursor: pointer;
    border-radius: 50%;
    transition: color 0.15s linear;
}

.open-modal{
    width: 100%;
}
.open-modal:hover  {
    box-shadow: none;
    color: #28a745;
}
.modal{
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    justify-content: center;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
    font-family: sans-serif;
}
.modal.open {
    display: flex;
}
.modal-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    max-width: 700px;
    margin:auto;
    border-radius:0px;
    background-color: #fff;
    position: relative;
}
.modal.open .modal-container {
    animation: move 0.6s ease-out;
}

.modal-image-cover{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 100%;
    border-radius: 4px;
    transition: all 0.3s ease-in;
}

.modal-image-cover img {object-fit: cover; width: 100%;border-radius: 10px}


/*.modal-text{*/
/*    width: 350px;*/
/*}*/

.display-flex{
    display: flex;
}

/*.modal-data{width: 100%}*/
@keyframes move {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(0px);
    }
}
.member-info span{
    display: flex;
}
.modal-content {
    display: flex;
    height: 550px;
    padding: 25px;
    broder: 2px solid rgb(180 148 76);
}

@media(max-width: 700px){
    .member-info h4{
        font-size: 16px;
    }
}

.modal-content h2 {
    margin: 1.5rem 0 0.6rem 0;
}
.modal-content p {
    font-size: 0.9rem;
    margin-bottom: 0.4rem;
}
.modal-content a {
    font-size: 0.8rem;
    text-decoration: none;
    padding-bottom: 1rem;
    display: inline-block;
}
.modal-content a:hover {
    color: salmon;
}

.close-modal:hover {
    color: #28a745;
}
.location iframe{min-height: auto}

.modal-header{
    height: 40px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #0D1A33;
}

.home-reel-area{border-radius: 8px}
.home-reel-area iframe{min-height: 300px;height: 300px;border-radius: 10px}
.uk-modal-header.feedback-modal-header{padding: 24px;background: #F5F5F5;}
.modal-title{color: #1C1C1C;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;}
.modal-close{top: 22px;right: 20px;padding: 5px;}
.modal-body-feedback{background: #fff;}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {background-color: #0054a6;border-color: transparent;}
.modal-feedback-group {position: relative;}
.modal-feedback-group i.fa {position: absolute;left: 21px;top: 10px;width: 20px;height: 20px;text-align: center;line-height: 20px;color: #fff;}
.modal-feedback-group .modal-feedback-input {padding-left: 30px;padding-right: 30px;font-size: 14px;background-color: transparent;border: 1px solid #fff;}
.modal-feedback-group .modal-feedback-textarea {padding-top: 10px;padding-left: 10px;font-size: 14px;color: #fff;background-color: transparent;border: 1px solid #fff;}
.feedback-send-btn{padding: 12px 24px;margin-top: 15px;border-radius: 8px;background: #fff;}
.feedback-send-btn-text{color: #0054a6;text-align: center;font-size: 16px;font-style: normal;font-weight: 700;line-height: 140%;}
.modal-feedback-group .modal-feedback-input::placeholder{color: #fff}
.modal-feedback-group .modal-feedback-textarea::placeholder{color: #fff}
.modal-feedback-group i.fa:active, i.fa:focus{color: #0054a6}
.modal-feedback-group .modal-feedback-input:active, .modal-feedback-input:focus{border: 1px solid #519fd7}
.feedback-send-btn:hover{background: -webkit-linear-gradient(95deg, rgb(81 159 215) 0%, rgb(0 84 166) 100%)}
.feedback-send-btn:hover .feedback-send-btn-text{color: #fff}
.show_slide-item:first-child{padding-left: 0}
.show_slide-item{padding:0 0 0 10px;}
.popup-youtube{position: relative;}
.popup-youtube {position: relative;display: block;padding-bottom: 63.88%;height: 0;overflow: hidden;background-color: #b7b7b7;border-radius: 8px}
.popup-youtube img{margin-bottom: 20px;}
.play-icon {position: absolute;top: 50%;right: 50%;padding: 10px;transform: translate(50%, -50%);background: rgb(0 0 0 / 65%);border-radius: 50%}
.video-name {position: absolute;padding: 10px 15px 10px 15px;width: 100%;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.68);}
.video-name{opacity: 0;font-size: 16px;line-height: 20px;font-weight: 400;color: #fff;transition: 1s ease-out}
.popup-youtube:hover .video-name{opacity: 1;transition: 1s ease-in-out}
.popup-youtube:hover .play-icon{background-color: #fff}
.play-icon:after, .play-icon:before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: #0066A6;z-index: -1;border-radius: 50%;transition: all ease 0.4s;}
.play-icon:after, .play-icon:before {animation-duration: .5s;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-name: ripple;}
.play-icon:after {animation-delay: 2s;}
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    30% {
        opacity: 0.4;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}


.president-view-box{padding: 20px;background-color: #fff;transform: translateY(-50px)}
.president-view-img{position: relative; overflow: hidden; width: 100%; height: 0;padding-bottom: 100%; background: #ccc; border-radius: 5px;}
.president-view-name{margin-top: 10px;margin-bottom: 10px;color: #1A191D;font-size: 15px;font-weight: bold;text-transform: uppercase; }
.president-view-degree{color: #1A191D;font-weight: 400;}
.president-view-data p{font-size: 16px; line-height: 30px; color: #363636;font-weight: 400; margin-bottom: 10px;}

.mission-box-wrap {position: relative;padding: 10px;width: 100%;flex-wrap: wrap;align-content: flex-start;justify-content: center;background: #1A75AF;border-radius: 4px;height: 260px;}
.mission-title{margin: 30px 0;text-align: center;font-size: 40px;line-height: 30px;font-weight: 500;color: #fff}
.mission-desc{margin: 20px 0;text-align: center;font-size: 16px;line-height: 30px;font-weight: 400;color: #fff}
.mission-data{margin: 20px 0;padding-bottom: 20px;text-align: center;font-size: 18px;line-height: 25px;text-transform: uppercase;font-weight: 400;color: #fff}
.mission-icon-svg{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;margin: auto}
.mission-icon-svg svg path{fill: #fff}

.design-title{margin: 10px 0;font-weight: 700;font-size: 18px;line-height: 20px;color: #363636}
.page__president{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #C4C4C4;}
.page-president__img{position: relative; overflow: hidden; width: 100%; height: 0;padding-bottom: 64.2398287%; background: #ccc; border-radius: 5px;}
.page-president__name{font-size: 24px; line-height: 30px; color: #1F3C92; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}
.page-president__desc>*,.page-president__desc{font-size: 16px; color: #363636; line-height: 20px; text-align: justify}
.page-president__link{font-size: 14px; color: #FF6600; margin-top: 25px; cursor: pointer}
.page-president-btn{display: inline-flex;justify-content: center;align-items: center;text-align: center;max-width: 100%;cursor: pointer;color: #fff;padding: 0 35px;line-height: 49px;background-color: #1A75AF;border-radius: 4px;border: 1px solid #ddd}
.page-president-btn a{color: #fff}
.page-president__txt{margin-bottom: 3px;color: #1A191D;font-size: 15px;font-weight: bold;text-transform: uppercase; }
.page-president__key{color: #1A191D;font-weight: 400;}
.page-president-btn:hover{background-color: transparent;border: 1px solid #1A75AF}
.page-president-btn:hover a{color: #363636}

.c-content{text-align: justify; font-family: sans-serif!important;font-size: 16px; line-height: 1.75;color: #363636;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.c-content h1 {font-family: 'Roboto', sans-serif; color: #222; font-size: 32px;margin: 10px 0px 10px 0px;font-weight: normal;}
.c-content h3 {color: #454d62;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase;text-align: center}
.c-content h4 {color: #454d62;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase}
.c-content h5 {color: #00497d;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase;text-align: center}
.c-content h6 {color: #00497d;font-family: 'Roboto ', sans-serif;font-weight: bold;padding: 0;margin: 0px 0 8px;font-size: 18px;text-transform: uppercase}


.c-content a:hover{color: #0077dd;}
.c-content b, strong { font-weight: 600; }

.c-content p {
    margin-bottom: 15px;
    color: #222;
    margin-top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
}
.c-content p:first-child{margin-top: 0;}
.c-content p:last-child{margin-bottom: 0;}

.c-content a{ color: #0077dd; text-decoration: none; cursor: pointer; }
.c-content a[target=_blank]{text-decoration: underline;}

.c-content .tweetabletext{background-color:#e9ebe4;cursor:pointer;padding-left:0px;padding-right:4px; color: #000;}
.c-content .tweetabletext:after{font-family:"FontAwesome";content:'\f099';margin-left:4px}
.c-content .tweetabletext:hover{background-color:#e2f1f9}
.c-content .tweetabletext:hover:after{font-family:"FontAwesome";content:'\f099';margin-left:4px;color:#00acee}
.c-content figure{margin: 0;}
.c-content figure.image{position: relative; padding: 0; margin: 0; display: inline-block;}
.c-content figure.image figcaption{ background-color: #dbe1ea; font-size: 14px; color: #454d62; text-align: center; font-style: italic; line-height: 1.6; padding: 4px; position: absolute; bottom: 0; box-sizing: border-box; left: 0; right: 0; width: 100% }
/*.c-content blockquote { border-left: 5px solid #0077dd; background: #f1f1f1; padding: 20px; }*/
.c-content .blockquote-second p { color: #333; font-size: 16px; font-style: normal; line-height: 23px; margin: 0; }
.c-content .blockquote-second {border-radius: 3px;position: relative;  /*  <--- */font-style: normal;text-align: center;padding: 1rem 1.2rem;width: 90%;  /* create space for the quotes */color: #4a4a4a;margin: 1rem auto 2rem;color: #4a4a4a;background: #E8E8E8; overflow: hidden; border: none !important;}
.c-content .blockquote-second:hover{box-shadow: 0 0 4px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 4px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);-webkit-transition: all 350ms linear;-moz-transition: all 350ms linear;-o-transition: all 350ms linear;-ms-transition: all 350ms linear;transition: all 350ms linear;}

.c-content blockquote {    font-weight: 500;padding: 3rem 1.2rem;margin: 2rem auto 2rem;text-align: center;position: relative;color: #4a4a4a;background-color: #EEEEEE;border-radius: 3px;font-style: italic}
.c-content blockquote p{font-size: 14px;line-height: 1.7;padding-left: 10px;margin-top: -.6em;font-family: "Times New Roman";color: #363636}
.c-content blockquote:after {clear: both;content: " "}
.c-content blockquote:before {color: #dbe1ea;content: "“";position: absolute;font-size: 150px;line-height: .1em;font-family: "Times New Roman", Times, serif;left: 7px;top: 25px;}

.c-content .blockquote-third { border-left: 5px solid #0080c3 !important; background: #f1f1f1 !important; padding: 10px 20px !important; overflow: hidden; width: 100%;; border-top: 1px solid #fff !important;  border-bottom: 1px solid #fff !important;  border-right: 1px solid #fff !important; margin-bottom: 10px !important;}

.c-content ol {
    padding-left: 30px;
    margin: 10px 0;
}
.c-content ol > li {
    padding: 0;
    margin-bottom: 10px;
}
.c-content li {
    display: list-item;
    list-style: disc;
    text-align: -webkit-match-parent;
    color: #000;
}
.c-content ul {
    padding-left: 60px;
    margin: 10px 0;
}
.c-content ul > li {
    padding: 0;
    margin-bottom: 10px;
}

.c-content img{ border-color: #007bff; max-width: 100%;height: auto !important; cursor: zoom-in;}

.c-content caption{ color: #fff; background-color: #007bff; border-color: #007bff; padding: 10px; font-weight: bold; }
.c-content table {
    font-size: 13px;
    margin: 20px 0;
    width: 100%;
    border-top: 3px solid #363636;
    border-collapse: collapse
}
.c-content table th {
    border: 1px solid #ccc;
    border-bottom: 1px solid #363636;
    font-weight: bold;
    padding: 4px;
    color: #363636;
}
.c-content table td {
    border: 1px solid #dbe1ea;
    padding: 4px;
    color: #363636;
    font-weight: 300
}
.c-content table th > p,
.c-content table td > p {
    margin: 0
}
.c-content table.tright tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tleft tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tshort td {
    padding: 2px
}

@media (min-width: 768px) and (max-width: 978px) {
    .c-content blockquote {
        width: 400px;
        font-size: 1.2em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (min-width: 601px) and (max-width: 767px) {
    .c-content blockquote {
        width: 300px;
        font-size: 1em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (max-width: 600px) {
    .c-content blockquote {
        width: 90%;
        font-size: 1em;
        padding: 10px 10px 40px 10px !important;
    }
    .c-content blockquote > p {
        font-size: 1em
    }
    .c-content img{
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    .c-content blockquote {
        float: none;
        margin: 20px auto;
    }
    .c-content blockquote:before{
        margin-left: -.09em;
        font-size: 120px;
        top: 19px;
    }
}

@media (max-width: 600px) {
    .c-content table {
        width: 100% !important
    }

}

.section-title h2 {font-size: 32px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #0066A6;text-align: center;}
.section-title h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #0066A6;bottom: 0;left: calc(50% - 20px);}
.section-title p{text-align: center;font-size: 14px;line-height: 20px;font-weight: 400;color: #363636;}

.section-title-two h2 {font-size: 25px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #0066A6;text-align: center;text-transform: uppercase}
.section-title-two h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title-two h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #0066A6;bottom: 0;left: calc(50% - 20px);}
.section-title-two p{text-align: center;font-size: 14px;line-height: 20px;font-weight: 400;color: #363636;}

.navbar-menu.active {color: #1A75AF;font-weight: 600;text-decoration: underline;}
.uk-navbar-dropdown a.active {color: #1A75AF !important;text-decoration: underline;font-weight: 600;}
.career-menu-name.active {color: #1A75AF;font-weight: 600;text-decoration: underline;}
.job-box-back{background-color: #DDDDDD}
.job-list{padding: 25px;border-radius: 4px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);margin-bottom: 20px}
.job-list-date{color: #777;font-size: 14px;font-style: normal;font-weight: 400;line-height: 140%;}
.job-list-name{margin: 15px 0;color: #1C1C1C;font-size: 22px;font-style: normal;font-weight: 500;line-height: 30px;}
.job-list-desc p{color: #363636;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px;}
.job-list-btn{padding: 10px 20px;width: 170px;border-radius: 23px;background: #005C95;color:  #FFF;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 140%;}
.job-list-head{line-height: 25px;margin-bottom: 10px;font-size: 20px;font-weight: 500;}
.job-list-body{padding-left: 30px}
.job-list-icon{width: 20px;height: 20px;display: flex;align-items: center;}
.view-job-link{display: flex;align-items: center}
.view-job-link-btn{color: #fff;font-size: 14px;line-height: 25px}

.cd-horizontal-timeline {
    padding: 0;
    opacity: 0;
    margin: 10px auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}
.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #7b9d6f;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
    border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 20px auto;
    }
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../assets/right.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    opacity: .3;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    font-size: 2.6rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}
.cd-horizontal-timeline .events-content p {
    font-size: 1.4rem;
    color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}
@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 25px;
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 2rem;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 18px;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}



.wrapper {
    margin: 0 auto;
    padding: 0 16.66% 50px;
    width: 100%;
}

article {
    position: relative;
    max-width: 980px;
    margin: 0 auto;
}

.timeline__nav {
    position: fixed;
    z-index: 99;
    top: 0;
    transition: top 0.3s ease-out;
}
.timeline__nav ul {
    list-style: none;
    list-style-position: inside;
    margin: 15px 0;
}
.timeline__nav ul li {
    display: block;
    margin: 15px 0;
    padding-left: 0;
    list-style-type: none;
    color: #bfc1c3;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: all 0.3s ease-out;
}
.timeline__nav ul li.active {
    font-weight: bold;
    color: #f94125;
    border-bottom: 1px dotted transparent;
    transform: scale(1.2);
}
.timeline__nav ul li:hover {
    color: #000;
}

.missionSwiper .swiper-button-next{display: flex;align-items: center;justify-content: center;right: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: none}
.missionSwiper .swiper-button-prev{display: flex;align-items: center;justify-content: center;left: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: none}
.missionSwiper .swiper-button-prev i{font-size: 30px;line-height: 40px;color: #363636}
.missionSwiper .swiper-button-next i{font-size: 30px;line-height: 40px;color: #363636}

.historySwiper .swiper-button-next{display: flex;align-items: center;justify-content: center;top: 100%;left: 55px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #fff}
.historySwiper .swiper-button-prev{display: flex;align-items: center;justify-content: center;top: 100%;left: 0;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #fff}
.historySwiper .swiper-button-prev i{font-size: 25px;line-height: 40px;color: #363636}
.historySwiper .swiper-button-next i{font-size: 25px;line-height: 40px;color: #363636}

.branchSwiper .swiper-button-next{display: flex;align-items: center;justify-content: center;right: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #0066A6}
.branchSwiper .swiper-button-prev{display: flex;align-items: center;justify-content: center;left: -20px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #efefef;background: #0066A6}
.branchSwiper .swiper-button-prev i{font-size: 30px;line-height: 40px;color: #fff}
.branchSwiper .swiper-button-next i{font-size: 30px;line-height: 40px;color: #fff}

.timetable-container{width: 650px;margin: auto}

/* Testimonial 2 ---------------------------------- */
.testi-card {
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(22, 37, 66, 0.33);
    border-radius: 6px;
    padding: 40px;
    margin: 20px 10px;
}
.testi-card.style2 {
    padding: 30px;
    margin: 0;
    margin-bottom: 24px;
}
.testi-card.style2 .testi-content .testi-box_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
}
.testi-card .testi-box_text {
    margin-bottom: 0;
}
.testi-card_img {
    flex-basis: 240px;
    min-width: 240px;
}
.testi-card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testi-card_quote {
    position: absolute;
    top: 50%;
    left: 240px;
    margin: -25px 0 0 -25px;
}
.testi-card_content {
    text-align: center;
    padding: 30px;
}
.testi-card_avater {
    margin-bottom: 12px;
}
.testi-card_avater img {
    border-radius: 999px;
}
.testi-card_name {
    font-size: 20px;
    margin-bottom: 2px;
}
.testi-card_text {
    margin: 0 0 18px 0;
    color: #696E7C;
    line-height: 1.75;
    font-size: 15px;
    margin-bottom: -0.5em;
}

.testimonial-author {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.testimonial-author .testi-box_profile {
    margin-left: 0px;
}
.testimonial-author .testi-box_profile.style2 .testi-box_avater {
    margin-top: -30px;
}
.testimonial-author .testi-box_name {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
}

/* Small devices */
@media (max-width: 767px) {
    .testi-card {
        flex-direction: column;
    }
    .testi-card_img {
        min-width: 100%;
        max-height: 220px;
    }
    .testi-card_quote {
        left: 50%;
        top: 220px;
    }
}

.flags>ul>li>a{padding:0;padding-right:5px;min-height: 32px;}
.flags>ul>li>a>span{background-repeat:no-repeat;height:15px;width:25px;background-image:url(../assets/flags.png)}
.flags>ul>li>a>span.en{background-position:-25px 0}
.flags>ul>li>a>span.ru{background-position:-50px 0}
.flags>ul>li>a>span.cn{background-position:-75px 0}

.flags a {padding:0;min-height: 15px;}
.flags a {padding-left:15px;}
.flags a span{background-repeat:no-repeat;height:15px;width:25px;background-image:url(../assets/flags.png)}
.flags a span.en{background-position:-25px 0}

.anket-title{display: flex;align-items: center;justify-content: flex-start;font-size: 20px;font-weight: 600;line-height: 25px;color: #000}

.form-field__upload {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: center;
    border: 2px dashed #cecece;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.form-field__upload-icon {
    margin-bottom: 5px;
    font-size: 24px;
    color: #999;
}
.form-field__upload-label {
    font-size: 14px;
    color: #999;
}
.form-field__upload-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}
.control-label{
    font-size: 16px;font-weight: 400;;line-height: 25px;color: #000;
}


.order-form .section.order-receiver {
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 8px;
    position: relative;
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .logout-cls {
    border-top: 1px solid #ddd;
    margin: 0 15px 20px;
    padding-top: 20px;
}
.head {
    display: flex;;align-items: center;justify-content: space-between;
    margin-bottom: 20px;
}
.client-button-nest {display: flex;margin-top: 0;margin-left: 0;flex-wrap: wrap;box-sizing: border-box;gap: 10px}
.empty-basket-box{padding: 40px 30px;background: #fff;box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%);border-radius: 6px;}
.empty-basket {width: 400px;height: 400px;margin: 5% auto 0px;background-size: contain;background-position: center center;background-image: url(../assets/basket.png);}
.empty-basket-box h6 {color: rgb(102, 102, 102);font-size: 20px;font-weight: 600;margin-bottom: 20px;text-align: center;}
.empty-basket-box p {color: rgb(119, 119, 119);padding: 10px;margin: 0px auto;font-size: 12px;max-width: 800px;text-align: center;}
.order-form .section-heading {
    padding: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #222
}

.order-form .sector {
    border-top: 1px dashed #e7e7e7;
    padding: 30px 0
}

.order-form .section-heading:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 10px 0;
    vertical-align: middle
}

#reserverInfo::before {
    content: url(../assets/reserver.svg)
}

#reserving::before {
    content: url(../assets/reserveTruck.svg)
}

.order-form .sector .area {
    padding: 0 20px
}

.order-form .sector .area .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px
}

.order-form .sector .area .item.choice-matters .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 10px;
    width: auto;
    max-width: 410px
}

.order-form .sector .area .item-label {
    margin-top: 9px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #222
}

.order-form .sector .area .item-label.danger {
    color: #ee1f52
}

.order-form .sector .area .fields.text-area {
    overflow: hidden;
    width: 410px;
    max-width: 410px
}

.order-form .sector .area .fields.text-area textarea {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    max-width: 410px;
    resize: vertical;
    outline-width: 0
}

.choice-matters .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    gap: 10px;
    width: auto;
    max-width: unset
}

.radio-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    min-height: 40px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 16px;
    margin-bottom: 10px;
}

.radio-label span {
    color: #999
}

.radio-label input {
    margin-top: 0;
    margin-bottom: 0
}

.radio-label.check {
    border-color: #0da487
}

.radio-label.check span {
    color: #222
}

.radio-label:hover {
    border-color: var(--theme-color)
}
/* for image upload */
.imageUpload {font-family: sans-serif;}
.imageUpload input {display: none !important;}
.imageUpload label { display: block; text-align: center; word-wrap: break-word; color: #1a4756;width: max-content;border-radius: 5px; overflow: hidden;}
/*.hidden,*/
/*#uploadImg + label { display: none; }*/
#file {display: none; margin: 0 auto;}
#upload {display: block; padding: 10px 20px; border: 0; font-size: 12px; letter-spacing: 0.05em; cursor: pointer; background: #FF6600; color: #fff; outline: none; transition: 0.3s ease-in-out;max-width: 120px; width: 120px;}
#upload:hover {background: #1aa39a;}
#upload:active {background: #13d4c8;transition: 0.1s ease-in-out;}
.imageUpload img {display: block;height: 100%;width: 100%;}
.section{padding: 60px 0}
.do-section{margin-bottom: 70px}
.video-section{margin-bottom: 70px}

.in-view-reveal--active{-webkit-animation: inViewReveal .6s ease-out forwards;animation: inViewReveal .6s ease-out forwards;}

@keyframes inViewReveal {
    0%{
        opacity: 0;
        transform: translate3d(0,30px,0);
    }
    100%{
        opacity: 1;
        transform: translateZ(0);
    }
}
.in-view-reveal{margin-bottom: 20px}
.blurp-spot {border: 1px solid rgba(0,0,0,.2509803922);border-radius: 8px;font-size: 16px;line-height: 1.75;margin: 0;}
.blurp-spot, .blurp-spot a {display: flex;flex-direction: column;height: 100%;}
.blurp-spot {position: relative;transition: .2s ease-out;transition-property: box-shadow,transform;}
.blurp-spot a {justify-content: space-between;color: inherit;text-decoration: none;}
.blurp-spot__image-container {padding: 0 0 24px;}
.blurp-spot img {border-radius: 8px 8px 0 0;}
.blurp-spot__image {display: block;width: 100%;height: auto;}
.blurp-spot__box {display: flex;flex-direction: column}
.blurp-spot__box {padding: 0 24px 20px;}
.blurp-spot h2 {font-size: 20px;line-height: 25px;font-weight: 600;margin-bottom: 16px;color: #000;word-break: break-word}
.blurp-spot__text{font-size: 16px;line-height: 25px;color: #000}
.ghost-button {height: 40px;width: 40px;display: flex;flex-direction: column;justify-content: center;text-align: center;font-size: 16px;font-weight: 400;padding: 3px 0 0 2px;border: 2px solid transparent;margin: 0 0 24px 24px;border-radius: 1.25rem;}
.ghost-button__arrow {width: 6px;height: 6px;margin: 14px 14px 16px;border-top: 1px solid;border-left: 1px solid;transform: rotate(135deg);}
.ghost-button__arrow:after {content: "";display: block;width: 1px;height: 8px;background-color: currentColor;transform: rotate(135deg) translate(-2.4px,-1px);}
.blurp-spot:hover {box-shadow: 0 0 0 2px rgb(0 0 0 / 25%);}
.blurp-spot:hover {transform: translate3d(0,-5px,0);}
.blurp-spot:hover:after {content: "";position: absolute;top: 100%;left: 0;right: 0;height: 5px;}
.ghost-button:hover {background-color: #f1f1f1;border: 2px solid rgba(237,4,0,.25);}

.hero {display: flex;flex-direction: column;align-items: inherit;}
.hero {width: 100%;position: relative;overflow: hidden;}
.hero__content-wrapper {display: flex;flex-direction: column;align-items: center;z-index: 1;width: 100%;}
.hero__content-wrapper {margin: auto;flex-grow: 1;padding-bottom: 0;justify-content: flex-start;}
.hero__flex-container {display: flex;justify-content: flex-start;flex-grow: 1;}
.hero__flex-container {flex-grow: .6;}
.hero__flex-container {justify-content: flex-end;}

.hero__flex-container-st {display: flex;justify-content: flex-start;flex-grow: 1;}
.hero__flex-container-st {flex-grow: .6;}
.hero__flex-container-st {justify-content: start;}

.hero__flex-container-start {display: flex;justify-content: flex-start;flex-grow: 1;}
.hero__flex-container-start {flex-grow: .6;}
.hero__flex-container-start {justify-content: start;}

.hero__content-wrapper--align-right .hero__content {margin: auto 0;text-align: left;}
.hero__background-image {position: absolute;top: 0;}
.hero__section-overlay {width: 100%;}
.hero__background-image {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;display: block;}
.hero__content {text-align: left;width: 640px;max-width: 640px;margin: auto 0;margin-bottom: 0!important;color: #fff;opacity: 0;position: relative;left: 20px;}
.hero__header {font-size: 60px;line-height: 60px;font-weight: 400;margin-bottom: 0;color: #fff}
.hero__text {font-size: 28px;line-height: 1.43;margin-bottom: 2.5rem;color: #fff;margin-top: 50px;}
.hero__background-image--loaded.in-view-reveal--active {opacity: 1;transform: scale(1);transition: all .5s ease;}
.hero__content--loaded {opacity: 1;left: 0;transition: all .5s ease;transition-delay: .5s;}
.text__header {font-size: 36px;font-weight: 400;line-height: 1.28;margin-bottom: 20px;padding-top: 40px;word-break: break-word;color: #000}
.text__header p{font-size: 36px;font-weight: 400;line-height: 1.28;margin-bottom: 20px;padding-top: 40px;word-break: break-word;color: #000}

.promotion-text {padding: 0 0 1.25rem;display: flex;flex-direction: column;}
.promotion-text__header {font-size: 36px;line-height: 35px;margin-bottom: 1rem;word-break: break-word;}
.promotion-text__text {font-size: 20px;line-height: 1.6;height: 100%;}
.image-component__image {display: block;max-width: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;height: auto;}

.headline-view__heading {font-size: 54px;line-height: 60px;font-weight: 400;text-align: center;color: #000}
.content-text {padding: 0 0 1.25rem;text-align: center}
.image-component {padding: 0 0 1.25rem;}
.content-text__header {font-size: 36px;line-height: 45px;font-weight: 400;margin-bottom: 20px;word-break: break-word;}
.content-text__text{font-size: 18px;line-height: 30px;text-align: center;color: #000}
.content-text__text p{font-size: 18px;line-height: 30px;text-align: center;color: #000}

.videoplayer {position: relative;height: 0;overflow: hidden;max-width: 100%;height: auto;}
.videoplayer__youtube-popup-inner-container {position: relative;height: 0;width: 100%;}
.videoplayer__youtube-iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoplayer__youtube-popup-image-container {background: no-repeat;background-size: cover;background-position: 50%;position: absolute;height: 100%;width: 100%;}
.videoplayer__youtube-popup-play-button, .videoplayer__youtube-preview-image-play-button {height: 72px;width: 72px;left: 50%;top: 50%;margin-left: -36px;margin-top: -36px;position: absolute;opacity: .7;}
.videoplayer__ytp-button {fill: #333;}
.videoplayer__captions {width: 100%;padding: 8px 0;font-size: 18px;line-height: 20px;color: #000;}

.image {position: fixed;transform: translate(-50%, -50%);top: 50%;left: 50%;}
.section-scroll {display: flex;min-height: 50vh;position: relative;}
.image-container {position: relative;display: flex;}
.image {position: fixed;width: 70%;top: 50%;left: 50%;transform: translate(-50%, -50%);background-size: contain;background-position: center;background-repeat: no-repeat;opacity: 0;transition: all .5s ease-in-out;}

.section-scroll.active .image {height: 50vh;opacity: 1;transition: all .2s ease-in-out;}
.text-bold{font-weight: 700}
.window {
    /*position: relative;*/
    display: none;
    /*width: 100%;*/
    /*height: 50px;*/
    /*margin: 100px auto 0;*/
    /*box-shadow: 0 0 65px 15px rgba(0, 0, 0, 0.2);*/
    overflow: hidden;
    /*border-radius: 3px;*/
    /*background: #F1F1F1;*/
    background-color: #222222 !important;

}
.window .header {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    height: 55px;
    background: #0066A6;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-out, background 1s ease-out;
    transition: all 0.5s ease-out, background 1s ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: 100;
    border-bottom: 2px solid #FDB62B;
}
.window .header .burger-container {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none;
    -moz-user-select: none;
    /*float: right;;*/
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.window .header .burger-container #burger {
    width: 18px;
    height: 8px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}
.window .header .burger-container #burger .bar {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: #FFF;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.window .header .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}
.window .header .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
    transform: translateY(6px) rotate(0deg);
}
.window .header .icon {
    display: inline-block;
    position: absolute;
    height: 100%;
    line-height: 50px;
    width: 115px;
    height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.window .header .icon img{width: 100%;height: 100%;object-fit: contain;object-position: center}
.window .header .icon.icon-bag {
    right: 0;
    top: 0;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}
.window .header ul.menu {
    position: relative;
    display: block;
    padding: 0px 48px 0;
    list-style: none;
}
.window .header ul.menu li.menu-item {
    border-bottom: 1px solid #ddd;
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.window .header ul.menu li:last-child.menu-item {border-bottom: none}

.window .header ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
}
.window .header ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
}
.window .header ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.window .header ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}
.window .header ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
}
.window .header ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s;
}
.window .header ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
}
.window .header ul.menu li.menu-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    color: #FFF;
    text-decoration: none;
    font-size: 22px;
    line-height: 35px;
    font-weight: 200;
    width: 100%;
    transition: 0.27s ease-in-out;
}
.window .header ul.menu li.uk-open i{transform: rotate(268deg);transition: 0.27s ease-in-out;}

.mobile-lang{font-size: 14px;display: block;float: right;line-height: 50px;margin-right: 15px;}
.mobile-lang > a{color: #fff !important;}

.window .header.menu-opened {
    height: 100%;
    background-color: #0066A6;
    -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
    transition: all 0.3s ease-in, background 0.5s ease-in;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.window .header.menu-opened .burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.window .header.menu-opened .burger-container #burger .bar {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.window .header.menu-opened .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
.window .header.menu-opened .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}
.window .header.menu-opened ul.menu li.menu-item {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.34s;
    transition-delay: 0.34s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.41s;
    transition-delay: 0.41s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.62s;
    transition-delay: 0.62s;
}
.window .header.menu-opened ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.69s;
    transition-delay: 0.69s;
}
.window .header.menu-opened .icon.icon-bag {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.window .content {
    padding: 67px 4% 0;
    text-align: justify;
    overflow: scroll;
    max-height: 100%;
}
.window .content::-webkit-scrollbar {
    display: none;
}
.window .content h2 {
    margin-bottom: 0px;
    letter-spacing: 1px;
}
.window .content img {
    width: 95%;
    position: relative;
    display: block;
    margin: 75px auto 75px;
}
.window .content img:nth-of-type(2) {
    margin: 75px auto;
}
@media (max-width: 730px) {
    .header{
        display: none;
    }
    .window {
        width: 100%;
        /*height: 54px;*/
        margin: 0;
        border-radius: 0px;
        display: block;
    }
    .window .header {

    }
    .main-container{
        margin-top: 54px;
    }
    .content-item:nth-child(1){
        width: 300px;
    }
    .content-item:nth-child(2){
        width: 300px;
        height: 300px;
    }

}

@media (max-width: 1200px) {
    .footer-top-box{display: block}
    .footer-top-menu{padding: 0;border-right: none}
    .footer-top-menu a{border-bottom: 1px solid #ededed;justify-content: center;padding-bottom: 15px;margin-bottom: 15px;}
    .footer-top-menu:last-child a{border-bottom: none}
    .footer-box{display: block;margin-top: 20px}
    .footer-center{margin-bottom: 20px}
    .home-feature{padding: 10px;border: 1px solid #ddd;margin: 15px 5px;border-radius: 10px;}
    .home-feature-icon:first-child{margin-top: 20px}
    .home-feature-icon{width: 90px;margin: auto}
    .home-feature-name{justify-content: center;margin-top: 10px;height: 43px;font-size: 12px;text-align: center;margin-bottom: 10px;}
    .home-feature-desc{text-align: center;margin-bottom: 10px}
    .footer-copyright{display: block}
    .home-feature-link{margin: auto}
    .uk-grid{margin-left: 0}
    .uk-grid>*{padding-left: 0}
    .videoWrapper{padding-bottom: 111%;margin-top: 70px}
    .about-info{width: 100%;min-width: 100%;padding: 0 15px}
    .about-title{font-size: 22px}
    .service-box.style3{margin-bottom: 20px}
    .section__title h2{font-size: 22px}
    .modal-feedback-group .modal-feedback-input{padding-left: 50px}
    .breadcumb-title{font-size: 30px;line-height: 25px;}
    .career-menu-icon-in i{width: 50px;height: 50px;font-size: 19px;}
    .career-menu-name{font-size: 16px}
    .career-element-backg{padding: 0 15px;}
    .time-item{width: 100%}
    .timeline__item{position: relative}
    .section_t_title{font-size: 14px;line-height: 25px}
    .carrer-bottom-img{background-size: contain;height: 173px}
    .footer-contact-head{margin-top: 15px}
    .footer-center-text{padding-bottom: 15px}
    .footer-top{margin-bottom: 15px}
    .main-slider-img img {width: 100%;height: auto;object-fit: contain;}
    .swiper-main-slider {height: auto;}
    header .header-top{padding: 10px}
    .header-top-other p{font-size: 12px}
    .service-image img{height: auto}
    .name-service{font-size: 20px;line-height: 30px}
}


.scroll-to-text{
    display: inline-block;
    height: auto;
    position: absolute;
    bottom: 47%;
    right: 20%;
    z-index: 99;
    text-align: left;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-size: 30px;
    border-radius: 50%;
    transition: all 0.4s ease;;
}

.scroll-to-text{
    color: #ffffff;
    font-size: 28px;
    line-height: 45px;
}

.ph-full-widths{
    background-attachment: fixed;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 100vh;
}

.article-text__text{
    padding-top: 30px;
    padding-bottom: 15px;
}

.container__component-spacing *{
    font-family: serif;
}
.component-theme__text-small h1{
    font-size: 26px;line-height: 45px;color: #000;font-weight: 400;text-align: center;
}

.article-text__text p{
    font-size: 34px;
    line-height: 62px;
    text-align: center;
}

.component-theme__header{
    text-align: center;
    font-size: 27px;
    font-weight: 500;
}

.image-component {
    padding: 0 0 1.25rem;
}

.image-component img{
    display: block;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.article-text{
    padding: 0 0 1.25rem;
}

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

.article-text__abstract, .article-text__text {
    font-size: 18px;
    line-height: 1.78;
}
.article-text__abstract {
    margin-bottom: 1rem;
}

.article-text{
    padding-top: 20px;
}

.article-text h4{
    font-size: 30px;
    padding-bottom: 21px;
    line-height: 34px;
    font-weight: 600;
}

.page-title{
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.page-title h2{
    font-size: 29px;
    line-height: 40px;
    height: 100%;
    text-align: center;
    font-weight: 500;
}

.article-text__info *{font-family: serif}
.component-theme__text-big h2{font-size: 54px;line-height: 60px;font-weight: 500;text-align: center}
.component-theme__text-big p{font-size: 20px;line-height: 1.5;margin-top: 24px;text-align: center;color: #000;}
.component-theme__text-medium h2{font-size: 54px;line-height: 60px;font-weight: 500;text-align: center}
.charge-ax-width{width: 900px;margin: auto}
.parallax-text-title{font-size: 50px;line-height: 60px;color: #000;}
.parallax-text-black{font-size: 40px;line-height: 1.43;margin-bottom: 30px;color: #000;font-weight: 500}
.parallax-text-white{font-size: 40px;line-height: 1.43;margin-bottom: 30px;color: #fff;font-weight: 500}
.parallax-width-left{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;margin-left: 8.3333333333%;}
.parallax-width-right{flex: 0 0 41.6666666667%;max-width: 41.6666666667%;margin-left: 50%;}
.charge-ax-box{padding: 60px 0}
.charge-text-width{width: 730px;margin: auto}

.feature-name{margin-top: 20px;font-size: 36px;line-height: 1.28;margin-bottom: 20px;font-weight: 600;color: #000}
.feature-desc{font-size: 18px;line-height: 1.78;font-weight: 400;color: #000;font-family: serif}
.page-title a {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    line-height: 1.78;
    height: 48px;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    margin-top: 32px;
    align-self: flex-start;
    text-align: center;
}

.page-title a:hover {
    text-decoration: none;
    transition: all .2s ease-in;
}


.page-title a {
    -ms-grid-row-align: center;
    align-self: center;
}

.page-title .image-component{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.image-ax{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.image-ax img{
    width: 350px;
    padding: 40px 0;
}

.page-title .image-component img{
    width: 400px;
}

.page-info{
    padding-top: 40px;
    padding-bottom: 20px;
}

.page-info h2{
    text-align: center;
    padding-bottom: 20px;
    font-size: 38px;
}

.page-info p{
    font-size: 20px;
    line-height: 25px;
    text-align: center;
}

.article-text__info h2{
    padding-bottom: 30px;
    font-size: 31px;
    font-weight: 500;
}

.article-text__info p{
    font-size: 18px;
    line-height: 28px;
}

.article-text__info a{
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    line-height: 1.78;
    height: 48px;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    margin-top: 32px;
    align-self: flex-start;
    text-align: center;
}

.article-text__info-btn{
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    line-height: 1.78;
    height: 48px;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
    margin-top: 32px;
    align-self: flex-start;
    text-align: center;
}
.article-text__info-btn:hover {
    color: #fff;
    background-color: #000;
    box-shadow: 0 0 0 4px rgb(0 0 0 / 25%);
}
.article-text__info-btn:hover {
    text-decoration: none;
    transition: all .2s ease-in;
}

.article-text__info{
    padding-bottom: 30px;
}

.article-text__info h3 {
    font-size: 34px;
    font-weight: 400;
    padding-bottom: 40px;
}


.article-text__side p{
    margin: 0px;
    text-align: center;
    font-size: 18px;
    padding-bottom: 15px;
}
.section-ax{padding: 40px 0}

.right-social p{margin-bottom: 25px;font-size: 18px;line-height: 30px;font-weight: 500;color: #000;}
.silk-text ul {padding-left: 30px}
.silk-text ul li{list-style: disc;text-align: start;line-height: 34px;}
.silk-text p{text-align: start}
.news-banner {
    margin: 20px 0;
    position: relative;
    border: none;
    padding-bottom: 16.57%;
}

.banner-slider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    background-color: transparent;
    margin: 0;
    overflow: hidden;
}

.banner-slider-item iframe {
    height: 100%;
    width: 100%;
}

.banner-slider-item img {
    height: 100%;
    width: 100%;
}

.image-component{
    position: relative;
    height: 0;
    padding-bottom: 79%;
    overflow: hidden;
}

.image-component img{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image-component__item{
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
}

.image-component__item img{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.article-text > div p{
    font-size: 18px;
    line-height: 26px;
}

.page-background__image{
    min-height: 56.25vw;
    display: flex;
    flex-direction: column;
    align-items: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero__cta{
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 50px;
    height: 48px;
    color: #000;
    background-color: #ffffff;
    border: none;
    line-height: 2;
}

.hero__cta, .hero__cta:hover {
    text-decoration: none;
    transition: all .2s ease-in;
}

.hero__cta:hover {
    color: #fff;
    background-color: #000;
    box-shadow: 0 0 0 4px rgba(0,0,0,.25);
}


.silk-block h2{
    font-weight: 400;
    padding-top: 32px;
    text-align: center;
    font-size: 54px;
    padding-bottom: 33px;
}

.font-size p{
    font-size: 12px;
    line-height: 20px;
}

.text-align-star p{
    text-align: start;
}

.modal-text h2 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #efefef;
}

.modal-text span {
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
}

.pdf-wrapper{
    margin-bottom: 40px;
}

.pdf img{
    width: 100%;
    height: 233px;
    object-fit: contain;
}

.pdf-text h2{
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.pdf-text span{
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.feedback-send-btn__width{
    width: 140px;
}

.pdf-text a{
    margin: 0 auto;
}

.uk-display-flex{
    display: flex;
}
.uk-notification-message-success{background: #32d296;border-radius: 8px;color: #fff}
.cart-table .notifi-wishlist{
    display: flex;
    justify-content: end;
    border-bottom: 1px dashed #dee2e6;
    padding-bottom: 10px;
}
.modal-text__wrap {height: 365px;overflow: auto;margin-top: 15px;padding-right: 20px}
.modal-text__wrap p{font-size: 14px;line-height: 20px;margin-bottom: 10px}
.modal-text__wrap::-webkit-scrollbar {
    background-color: #e1e1e1;
    border-radius: 0;
    width: 2px;
}
.modal-text__wrap::-webkit-scrollbar-thumb {
    background-color: #0D1A33;
}

.header-basket-count{padding: 9px;margin-right: 12px;font-size: 20px;color: #0066A6;border: 1px solid;}
.basketProductTotalCount{right: -3px;top: -17px;background: #0066A6;color: #fff;padding: 2px 8px;border-radius: 50%;font-size: 14px;}
.user-box-name{display: flex;margin-top: 20px;gap: 10px;flex-direction: column;}
.qty-box {
    margin-top: 0;
    width: 100%;
}

.qty-box .input-group {
    background-color: #f4f4f4;
    padding: 5px 10px;
}

.qty-box .input-group.theme-bg-white {
    background-color: #fff
}

.qty-box .input-group button {width: 40px;height: 40px;}

.qty-box .input-group button i {font-size: 13px;color: #0066A6;margin-top: 1px}

.qty-box .input-group button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.qty-box .input-group input {
    height: auto;
    background-color: transparent;
    border: none;
    padding: 0;
    text-align: center;
    font-size: 16px;
    color: #363636
}