/********menu css*********/
.hidden { overflow: hidden;}
.hamburger-menu { display: none;}
.hamburger { cursor: pointer; padding:0px 0px 0 0; position: relative;  width: 30px; height: 30px;  display: flex; align-items: center; }
.hamburger span, .hamburger span:before, .hamburger span:after {cursor: pointer; border-radius: 0px; height: 2.5px; width: 30px; background: #327994;
position: absolute;display: inline-block;content: '';right: 0;left: 0;margin: 0 auto;}
.hamburger span:before { top: -8px; left: auto;}
.hamburger span:after { top: 8px; left: 0; right: auto;}
.hamburger span, .hamburger span:before, .hamburger span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}
.hamburger.active span { background-color: transparent;}
.hamburger.active span:before, .hamburger.active span:after { top: 0; width: 30px; }
.hamburger.active span:before {transform: rotate(45deg);background: #327994;}
.hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 10px;background: #327994; width: 30px;}
/* .hamburger.active { background: #94C01F;} */
/* .hamburger:hover { background: #94C01F;} */

.mobile-menu { float: left; width: 100%; transition: all 0.4s ease; padding: 35px 0px 0px; opacity: 0; visibility: hidden; z-index: 9999;position: fixed; top: 98px; height: 100%; 
background: #0080ad;}
.mobile-menu.open { opacity: 1; visibility: visible;}

.mobile-menu-out { height: calc(100vh - 120px); overflow-y: scroll; padding: 0px;}
.menu-accordion { float: left; width: 100%; padding: 0px 0px 40px;}
 
.mobile-menu .accordionjs .acc_section .acc_head {color: rgba(255, 255, 255, 0.7); font-size: 28px; line-height: 32px; letter-spacing: normal; font-family: 'HelveticaNeue-Roman'; padding: 10px 40px; border: none; border-radius: 0px; text-align: left; display: flex;align-items: center;justify-content: space-between;}
.mobile-menu .accordionjs .acc_section .acc_head:hover { color: #fff; border: none;}
.mobile-menu .accordionjs .acc_section.acc_active .sub-menu.acc_head { border: none; padding: 10px 40px; font-family: 'HelveticaNeue-Bold'; color: #fff;}
.mobile-menu .accordionjs .acc_section ul.demo-accordion { padding: 0; }
.mobile-menu .accordionjs .acc_section ul.demo-accordion ul.demo-accordion { padding: 20px 40px; border: none; background: #00638c; display: flex;flex-wrap: wrap;row-gap: 20px;border-top: 3px solid rgba(255, 255, 255, 0.3); border-bottom: 3px solid rgba(255, 255, 255, 0.3);}
.mobile-menu .accordionjs .acc_section ul.demo-accordion ul.demo-accordion .acc_section .acc_head { font-size: 20px; line-height: 24px; padding: 0; font-family: 'HelveticaNeue-Roman'; color: rgba(255, 255, 255, 0.7); }
.mobile-menu .accordionjs .acc_section ul.demo-accordion ul.demo-accordion .acc_section .acc_head:hover { color: #ffffff;font-family: 'HelveticaNeue-Bold';}
.mobile-menu .accordionjs .acc_section ul.demo-accordion ul.demo-accordion .acc_section .acc_head.active  { color: #ffffff;font-family: 'HelveticaNeue-Bold';}

.mob-search-div { float: left; width: 100%; margin: 60px 0px 85px; }
.mob-search-div > ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 12px;}
.mob-search-div > ul > li {margin-right: 0px;position: relative;display: inline-flex;}
.mob-search-div ul li a { display: inline-block; transition: all 0.5s ease;}
.mob-search-div ul li a.heart {background: #D3F0ED url(../images/ico-heart-blue.svg) no-repeat center center;width: 41px;height: 41px;position: relative; border-radius: 22px;}
.mob-search-div ul li a.search {background: #D3F0ED url(../images/ico-search-blue.svg) no-repeat center center;width: 41px;height: 41px;position: relative; border-radius: 22px;}
.mob-search-div ul li a.heart:hover { background: #F7B402 url(../images/ico-heart-blue.svg) no-repeat center center;}
.mob-search-div ul li a.search:hover { background: #F7B402 url(../images/ico-search-blue.svg) no-repeat center center;} 

.mob-scl-links { float: left; width: 100%; }
.mob-scl-links ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;column-gap: 25px;}
.mob-scl-links ul li {flex: 0 1 auto;}
.mob-scl-links ul li a { transition: all .5s ease; }
.mob-scl-links ul li a.fb {background: url(../images/header-facebook.svg) no-repeat;width: 8px;height: 14px;display: block; background-size: cover;}
.mob-scl-links ul li a.in {background: url(../images/header-instagram.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.mob-scl-links ul li a.tw {background: url(../images/header-x.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.mob-scl-links ul li a.yt {background: url(../images/header-youtube.svg) no-repeat;width: 14px;height: 10px;display: block;background-size: cover;}
.mob-scl-links ul li a:hover { opacity: 0.7;}

.accordionjs .acc_section.acc_active > .acc_head{padding: 0;}
.mobile-menu .accordionjs .acc_section ul.demo-accordion ul.demo-accordion li.acc_section a.active{font-family: 'HelveticaNeue-Bold'; color: #fff;}
.social.mbl{padding: 0 40px 20px;}

.mobile-menu .accordionjs .acc_section.acc_active .sub-menu.acc_head {border: none;padding: 10px 40px;font-family: 'HelveticaNeue-Bold';color: #fff;}
.mobile-menu .accordionjs .acc_section .acc_head span{position: relative;}
.mobile-menu .accordionjs .acc_section .acc_head span:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 18px;
    margin-top: -12px;
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 18px;
    }
    .mobile-menu .accordionjs .acc_section.acc_active .acc_head span:after{transform: rotate(225deg);}