.cil-header{
  width:100%;
  padding-left:5.3%;
  color:#ffffff;
  background-color:#9993;
  position:fixed;
  top:0;
  left:0;
  z-index:1000;
  font-family: 'Playfair Display',sans-serif;
}
.cil-header .logo img{
  width:212px;
  margin-top:6px;
  margin-bottom:-5px;
}
.cil-header>div>div {
  display: flex;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
}
.cil-header .menu-right {
  width: calc(100% - 212px);
  margin: 0;
  padding: 0 0 0 20px;
  transition-timing-function: cubic-bezier(.4,0,.2,1.000);
  transition-duration: .3s;
  transition-property: border-color,background-color,box-shadow,opacity,filter,transform;
  justify-content:flex-end;
}

/**********************************************Toggle Icon***************************************/
.mobile-trigger { z-index: 1003; cursor: pointer; position: absolute; top: 41px; right: 34px; transition-timing-function: cubic-bezier(.4,0,.2,1.000); display: flex !important; align-items: center; justify-content: center; width: 30px; height: 24px; flex-wrap: wrap; }
.mobile-trigger .line {animation-name: none; animation-duration: .5s; animation-timing-function: cubic-bezier(.86,0,.07,1); animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: forwards; animation-play-state: paused; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; border-radius: inherit; background-color:#fff;}

.wrap_line1{width:100%; background:#fff;height:2px; color: #162264;display: block; position: relative; transform: translateY(0); pointer-events: none;transition-timing-function: cubic-bezier(.4,0,.2,1.000);transition-duration: .3s;transition-property: color,background-color,text-shadow,box-shadow,opacity,transform;}  
.mobile-trigger .wrap_line2{
  background: #fff;
  display: block;
  height: 2px;
  transition: 0.5s;
  width:100%;
  
}
.mobile-trigger .wrap_line3{
  background: #fff;
  display: block;
  height: 2px;
  transition: 0.5s;
  width:100%;
  
  
}
.safari .mobile-trigger:after{top:47px}
.mobile-open .wrap_line2{transform: scale(0);}
.mobile-open .mobile-trigger .wrap_line1{transform: translateY(7px) rotate(155deg);}
.mobile-open .mobile-trigger .wrap_line3{transform: translateY(-9px) rotate(-155deg);}

/**********************************************Depth 1***************************************/
.cil-header .menu .hs-menu-wrapper > ul{
  height: 100%;
  width: 100%;
  max-width: 100%;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 100%;
  background-color: rgba(9,73,145,0.9);
  overflow-y: auto;
  transition: 0.5s;
  padding-top: 130px;
  padding-right:70px;
  visibility: hidden;
}  
.mobile-open .cil-header .menu{background-color: #1d5798;}
.mobile-open .cil-header .menu .hs-menu-wrapper > ul{ left:0;visibility: visible;}
/* .cil-header .menu ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid #fff;}*/
.cil-header .menu ul > li.hs-menu-depth-1 > a{font-size:16px;}
.cil-header .menu ul > li.hs-menu-depth-1 { padding: 14.5px 18px;width: 100%;position:relative;line-height:1 }
.cil-header .menu ul > li.hs-menu-depth-2 > a{border:none;font-weight: 400; line-height: 1;}  
.cil-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{box-shadow: none;background: transparent;transform: none;top:0; padding:15px 0 0;}  
.cil-header .menu ul > li.hs-menu-depth-1{box-shadow: none;margin:0}  
.cil-header .menu .hs-menu-wrapper > ul{display:block;width:100%;}  

/**********************************************Depth 2***************************************/
.cil-header .menu ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;}
.cil-header .menu ul>li.hs-menu-depth-1 .child-trigger {top: 10px; right: 0; position: absolute;}
.cil-header .menu ul>li.hs-menu-depth-1>.child-trigger.child-open i:before{content:"\f106";}  

.cil-header .menu ul > li.hs-menu-depth-2 > a { font-size: 14px; padding: 18px 12px; }
.cil-header .menu ul > li.hs-menu-depth-2:last-child a {padding-bottom: 0;}  
.cil-header .menu ul > li.hs-menu-depth-1 > .child-trigger i:before{font-size:18px;}  
.cil-header .menu ul > li.hs-menu-depth-2 > a:hover {background: transparent;} 
.cil-header .menu ul > li.hs-menu-depth-1{text-align:right;line-height:initial;margin-bottom:14px !important;padding:0;cursor:initial}
.cil-header .menu ul > li.hs-menu-depth-1 a{font-size:38px;line-height:48px;padding:0 10px;position:relative}
.cil-header .menu ul > li.hs-menu-depth-1 a:hover{color: #1579e9;padding-right:40px}
.cil-header .menu ul > li.hs-menu-depth-1 a:before{
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: 300;
  font-size: 38px;
  margin-left: 14px;
  vertical-align: middle;
  line-height: 0;
  margin-bottom: 3px;
  position: absolute;
  bottom: 19px;
  right: 0;
  opacity: 0;
  color:#1579e9;
}
.safari .cil-header .menu ul > li.hs-menu-depth-1 a:before{right:-30px}
.cil-header .menu ul > li.hs-menu-depth-1 a:Hover:before{opacity:1}

.cil-header .menu ul>li.hs-menu-depth-1>.child-trigger {
  top: 10px;
  right: 0;
  position: absolute;
}

.wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i {
  position: relative
}

.cil-header .menu ul>li.hs-menu-depth-1>.child-trigger i:before {
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  font-style: normal;
  font-weight: 700;
  text-decoration: inherit;
  font-size: 20px;
  position: relative;
  top: 3px;
  left: 0;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  text-shadow: 1px 1px 18px rgb(22 34 100 / 41%);
  color:#094991;
}
.cil-header .menu{
  height: 100%;
  display: flex;
  align-items: center;
  border-top: 6px solid #9999;
  width: 100px;
  justify-content: center;
  transition: all .5s ease;
  cursor:pointer;
  position:relative;
}
.cil-header .menu:hover{background-color: #a8313c;opacity: 0.9;border-color:#a8313c}
.cil-header .simple-menu {
  height:100%;
}
.cil-header .simple-menu .hs-menu-wrapper{
  height:100%;
}
.cil-header .simple-menu ul{
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}
.cil-header .simple-menu ul li{height:100%;margin-left:1px}
.cil-header .simple-menu ul li a{
  font-size:20px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width:290px;
  height:100%;
   border-top:6px solid #ffffff;
}
.cil-header .simple-menu ul li a:hover{background-color: rgba(255,255,255,0.10);}

.cil-header .simple-menu ul li:first-child a{
   border-top:6px solid #094991;
}
.cil-header .simple-menu ul li:first-child a:hover{
   background-color: rgba(9,73,145,0.75);
}

.cil-header .simple-menu ul li:last-child a{
   border-top:6px solid #AC202D;
}
.cil-header .simple-menu ul li:last-child a:hover{
  background-color: rgba(172,32,45,0.75);
}

/* mega-menu */
.sub-menu{ background: rgba(9, 73, 145, 0.9); width: 100%;color:#fff; padding: 100px 100px 0; }
.sub-menu .dis-flex{  justify-content: center;  }  
.sub-menu {position: fixed; top: 0; right: 0; bottom: 0; left: 0;z-index:1001; overflow-y: auto; }
.width33 {  width: 33.33333%; }
.left-part {  text-align: right; padding-right:15px; padding-left:15px; }
.middle-part { padding-right:30px; padding-left:30px; text-align: center; }
.last-part { border-left: 1px solid #fff; padding-right:15px; padding-left:15px; }
.left-part h2{font-size: 48px; line-height: 48px; }
.left-part a + a { display: inline-block; padding: 0; position: relative; text-align: right; font-family: 'Playfair Display'; }
.last-part-link { padding-left: 20px; }
.left_content { font-size:18px; line-height:30px; }
.btnnew a{ font-family: 'Playfair Display'; z-index: 5; display:inline-block; color:#fff; line-height: 42px; height:60px; min-width: 200px; background:transparent; border-radius:0; font-size: 20px; text-transform: capitalize; position: relative; border: solid 1px #ffffff; text-align: center; margin-top: 22px; padding: 6px 15px; }
.btnnew a:hover { color: #084487 !important; }
.btnnew a:hover:before { width:100%; }
.btnnew a:before { position: absolute; top: -1px; left: 0; width: 0; bottom: 0; background: #fff; z-index: -1; content: ""; -webkit-transition: width .3s; transition: width .3s; } 
.backtomenu i{ font: normal normal normal 14px/1 FontAwesome; font-weight: 300; font-size: 52px; }
.last-part a{ margin-top:0; display: inline-block; font-family: 'Playfair Display'; font-size:22px; padding:5px 20px 5px 0; position:relative }
.last-part a:hover{ color: #1579e9; }
.last-part a:hover:before{ right: 0; opacity:1; }
.last-part a:before { transition: all 0.3s ease-in-out; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-weight: 300; font-size: 26px; margin-left: 14px; vertical-align: middle; line-height: 0; margin-bottom: 3px; position: absolute; top: 22px; right: 20px; opacity: 0; }
.mobile-trigger:before { content: ''; background: transparent;transition: all .5s ease;  width: 100px; height: 100px; z-index: -1; position: absolute; top: -41px; right: 0; bottom: 0; left: -36px; }
.mobile-trigger:hover:before {background: #a8313c;  }
.mobile-open .mobile-trigger:hover:before {background: #1d5798;  }
.submenu_labeol a{ padding-left:13px; padding-bottom:0; margin-bottom:9px; font-family: 'Open Sans'; font-weight: 300; font-size: 16px; line-height: 22px; }
.submenu_labeol a:before { font-size:19px; top:17px; }
.submenu_label_1 { margin-top: 10px; }
.submenu_labeol:last-child { padding-bottom: 10px; }

@media(min-width:768px){
  .sub-menu.active { opacity: 1; transform: translate(0, 0); }
 .sub-menu{ -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: transform all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  .sub-menu .dis-flex {margin-left: auto; max-width: 78%; justify-content: flex-end; }
}

@media(min-width:1366px){
  .sub-menu { padding-top:143px; }
}

@media(min-width:1600px){
  .middle-part { padding-right:15px; padding-left:15px; }
}

@media(min-width:2560px){
  .sub-menu .dis-flex {     max-width: 80%; }    
}

@media (max-width:1700px){
  .cil-header .simple-menu ul li a{min-width:240px}
}

@media(max-width:1600px){
  .sub-menu .dis-flex{ max-width: 90%;}
  .left-part h2{font-size: 38px; line-height: 48px; }
  .backtomenu i { font-size: 40px; }
}

@media (max-width:1440px){
  .cil-header .simple-menu ul li a{
    font-size:18px;
    min-width:auto;
    padding:0 25px
  }
}

@media(max-width:1366px){
  .sub-menu .dis-flex{ max-width: 100%;}
}

@media(max-width:1200px){
  .sub-menu { padding-right:60px; padding-left:60px; }
}
@media(max-width:1199px){
 .backtomenu i { font-size: 36px;top: -1px; position: relative; }
}

@media(max-width:1023px){
  .sub-menu { padding-right:20px; padding-left:20px; }
}

@media (max-width:1280px){
  .cil-header{padding-left:30px}
  .cil-header .simple-menu ul li a{padding:0 20px;font-size:16px}
}

@media(max-width:1199px){
  .cil-header .menu ul > li.hs-menu-depth-1 a{font-size:34px;line-height:44px}
}

@media (max-width:1023px){
  .cil-header .simple-menu {
    display:none;
  }
  .cil-header .logo img{
    width:150px;
  }
  .cil-header .menu-right {
    width: calc(100% - 150px);
  }
  .mobile-trigger:before{top:-23px}
  .cil-header .menu{border:0}
  .mobile-trigger:before{ height:70px; }
  .mobile-trigger { top:23px; }
  .cil-header .menu ul > li.hs-menu-depth-1 a{font-size:30px;line-height:40px}
}
@media (max-width:991px){
  .cil-header .menu ul > li.hs-menu-depth-1 a{font-size:24px;line-height:24px}
  .cil-header .menu ul > li.hs-menu-depth-1 a:before{bottom:7px;font-size:24px}
  .safari .cil-header .menu ul > li.hs-menu-depth-1 a:before{right:-10px}
}
@media (max-width:767px){
 
   .cil-header .menu .hs-menu-wrapper>ul{ padding: 85px 20px 30px; background: #094991; }
  .cil-header .menu ul > li.hs-menu-depth-1{text-align:left;margin-bottom:11px !important}
  .cil-header .menu ul > li.hs-menu-depth-1 a{font-size:20px; line-height: 26px; display:inline-block; }
  .cil-header .menu ul > li.hs-menu-depth-1 a:hover{color:#fff;padding-right:30px}
  .cil-header .menu ul > li.hs-menu-depth-1 a:before{color:#fff;font-size:20px}
  .mobile-open .cil-header .menu{background-color: #094991;}
   .width33{ width:100%; }
  .left_content,.btnnew { display:none; } 
  .last-part { border:0; }
  .left-part { text-align:left; } 
  .sub-menu { display: none; visibility: visible; opacity: 1; }
  .sub-menu.active { display:block;  }
  .sub-menu { padding-top:60px; }
  .left-part h2 { font-size:33px; line-height:39px; }
  .last-part:last-child a { margin-top:0; }
  .middle-part { margin-bottom: 20px; } 
  .left-part a + a { font-size:30px; }
  .mobile-open .mobile-trigger:hover:before { background: transparent !important; }
  .last-part a { font-size:20px; }
  .last-part {padding-bottom: 20px;}
  .submenu_labeol a { font-size:16px !important; }
}
@media (max-width:480px){
  .cil-header .menu{border:none;width:66px;}
  .backtomenu i { left: -3px; }
}