body { opacity:0; visibility:hidden; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; }
body.body_open { opacity:1; visibility:visible; transition:all ease .5s; -webkit-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; }


.fixed .headsticky_main { position:fixed; top:0; left:0; z-index:99; }
.header_section { background:#2B2F2E; z-index:999; width:100%; float:left;  }
.header_section .header_top { background:#996632; padding:10px 0; color:#fff; text-align:center; }
.header_section .header_top a{ background-color: #000; font-family: inherit;
    color: #ffffff !important;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 20px;
    white-space: nowrap; }
.header_section .header_top a:hover { filter: brightness(0.8); }
.header_section .ark-page-center { max-width:1400px; line-height:0; }
.header_section .header_main { padding:10px 0; } 
.header_section .header_logo { line-height:0; width:50%; float: none; display: inline-block; vertical-align: middle; margin-right: -4px; }
.header_section .header_logo img { max-width: 90px; }

.header_section .menu_bar { width:50%; float: none; display: inline-block; vertical-align: middle; margin-right: -4px; }
.header_section .menu_bar .menubar_wrap { float:right; width:auto; max-width:150px; text-align:center; cursor:pointer; position: relative; top: -7px; }   
.header_section .menu_bar .menu_text { width:100%; float:none; display:inline-block; transition:all .6s ease; position:relative; font-size: 12px; line-height: 10px; text-transform: uppercase; color: #fff; }
.header_section .menu_bar .menu_text:before{ position:absolute; content:"CLOSE"; width:110px; font-size:12px; display:none; left:-17px; top:0; background:#2B2F2E; color: #fff; }
.header_section .menu_bar .menubar_wrap.active .menu_text:before { display:block; }

.header_section .menu_bar .menu_btn { border: 0; float:none; display:inline-block; width: 36px; height: 42px; line-height:22px; position: relative; padding: 0; background: transparent !important; cursor: pointer }
.header_section .menu_bar .menu_btn i { position: relative; background: #fff; width: 35px; height: 2px; border-radius: 30px; float: left; top: 50%; transform: translateY(-50%); transition: all .4s ease }
.header_section .menu_bar .menu_btn i:before { position: absolute; content: ""; left: 0; top: -10px; background: #fff; width: 35px; height: 2px; border-radius: 30px; transition: all .4s ease }
.header_section .menu_bar .menu_btn i:after { position: absolute; content: ""; left: 0; bottom: -10px; background: #fff; width: 35px; height: 2px; border-radius: 30px; transition: all .4s ease }
.header_section .menu_bar .menu_btn.active i { transform: rotate(-40deg); transition: all .4s ease }
.header_section .menu_bar .menu_btn.active i:before { top: 0; opacity: 0; transition: all .4s ease }
.header_section .menu_bar .menu_btn.active i:after { bottom: 0; transform: rotate(80deg); transition: all .4s ease }

.submenu_area .submenu_wrap ul li.hs-menu-depth-1 > a:hover { color:#000; }
.submenu_area .submenu_wrap ul li ul.hs-menu-children-wrapper li a:hover { color:#000; }
 
/*---footer---*/
/* position:fixed; bottom:0; left:0; */

.active .menudiv_main .footer_section { bottom:0; transition:all .6s ease; }
.menudiv_main .footer_section { color:#fff; background: #2B2F2E; padding: 10px 0; position:fixed; bottom:0; left:0; transition:all .6s ease; }
.menudiv_main .footer_section ul { padding:0; margin:0; list-style:none; float:left; width:100%; }
.menudiv_main .footer_section .ark-page-center { max-width:1400px; }

.menudiv_main .footer_section .footer_box { float:none; display:inline-block; vertical-align:middle; margin-right:-4px; }
.menudiv_main .footer_section .footer_copytext { width:25%; float:left; font-size:14px; } 
.menudiv_main .footer_section .footer_follow { width:35%; float:left; padding-left:20px; } 
.menudiv_main .footer_section .footer_follow ul li { width:auto; float:left; padding:0 10px; }
.menudiv_main .footer_section .footer_follow ul li a { font-size:18px; line-height:22px; color: #fff;  }
.menudiv_main .footer_section .footer_follow ul li a:hover { color:#996632; }

.menudiv_main .footer_section .footer_menu { width:40%; float:left;  } 
.menudiv_main .footer_section .footer_menu ul { width:auto; float:right; }
.menudiv_main .footer_section .footer_menu ul li { width:auto; float:left; padding:0 10px; }
.menudiv_main .footer_section .footer_menu ul li a { font-size:14px; line-height:22px; color: #fff; }
.menudiv_main .footer_section .footer_menu ul li a:hover {  color:#996632; }


/*--menu_area---*/
.menu_area { padding:0; background:#fff; }
.menu_area .ark-page-center { max-width:1400px; display:flex; }
 
.row-fluid .menu_area .menudiv_wrap { width:25%; float:left; border-right:2px solid #2B2F2E; padding:55px 0; }
.menu_area .mainmenu { margin-bottom:60px; }
.menu_area .mainmenu ul { width:100%; float:left; padding:0; margin:0; list-style:none; }
.menu_area .mainmenu ul li { width:100%; float:left; margin-bottom:25px; }
.menu_area .mainmenu ul li:last-child { margin-bottom:0; }  
.menu_area .mainmenu ul li a { width:100%; float:left; color:#2B2F2E; font-size:22px; line-height: 24px; font-weight: 400; position:relative; text-transform: uppercase; }
.menu_area .mainmenu ul li a:hover { color:#996632;}
.menu_area .mainmenu ul li a:after { position:absolute; opacity:0; visibility:hidden; transition:all .4s ease; content:""; right:-34px; top:0; border: 16px solid transparent; border-left-color: #2B2F2E; border-top-width: 10px; border-bottom-width: 12px; }
.menu_area .mainmenu ul li.active a:after { opacity:1; visibility:visible; transition:all .4s ease; }
.menu_area .mainmenu ul li.active { opacity:1; }
.menu_area .mainmenu ul li { opacity:0.5; }

.menu_area .menudiv_wrap .book_btn { border:1px solid transparent; background:#996632; float:none; text-align:center; display:inline-block; width:auto; /*border-radius:5px;*/ font-weight:500; color:#fff; font-size:16px; line-height:24px; text-transform:uppercase; padding:10px 10px; } 
.menu_area .menudiv_wrap .book_btn:hover { background:transparent; border-color:#996632; color:#996632; }

.active .menudiv_main { top:0; transition:all .6s ease;  transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.menudiv_main { position:fixed; top:-100%; left:0;  width:100%; height:100%; z-index:9999; background:#fff; transition:all .6s ease; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); }  

.row-fluid .menu_area .allmenu_wrap { width:75%; float:left; position:relative; min-height:500px; }
.menu_area .allmenu_wrap .submenu_area { position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all .6s ease; height:700px; }
.menu_area .allmenu_wrap .active.submenu_area { opacity:1; visibility:visible; transition:all .6s ease; }
.header_main .widget-type-custom_widget { min-height:0 !important; }  


.submenu_area .submenu_left { width:60%; float:left; padding:30px 30px 30px 60px; }
.row-fluid .header_section .header_btn b {
    font-weight: normal;
}

/* 24-07-2020 */
.row-fluid .headsticky_main { position: fixed; overflow: visible !importnant; }
.header-container-wrapper .row-fluid [class*="span"] { min-height: 0; }
body.active { overflow: hidden; }
.row-fluid .menudiv_main .menu_area { overflow: auto; max-height: calc(100vh +  53px); }

.header_main_v2 .header_logo { width: 90px; }
.header_main_v2 .header-simple-menu { display: inline-block;  vertical-align: middle;  width: calc(100% - 482px); padding-top: 0; /*padding-left: 130px;*/ }
.header_main_v2 .menu_bar { width: 390px; padding-top: 12px; }

.header-simple-menu ul { margin: 0; padding: 0; width: 100%; display: inline-block; text-align: center; }
.header-simple-menu ul li{ list-style: none; }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 {    float: none; display: inline-block; /* padding: 39px 80px 39px 0;*/ }
.header-simple-menu ul li a { text-decoration: none;  display: inline-block; }
.header-simple-menu ul li:last-child { padding-right: 0; }

.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul { opacity: 0; visibility: hidden; position: absolute; transition: all 0.5s;}
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 {  padding: 16px 28px; transition: all 0.5s; position: relative; line-height: normal; }

.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 a{ transition: all 0.5s; color: #fff; }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li { float: left; width: 100%; transition: all 0s; }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li:hover{ background: #996632;}
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li:hover a{ color: #fff; }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li a { padding: 20px; color: #3f4727; font-weight: 300; width: 100%; }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper { top: 52px; background: #fff; box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2) ;border-radius: 3px; transition: all 0s; opacity: 1; visibility: visible; display:none; width: 280px; font-size: 14px; left: 50%; transform: translateX(-50%); }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper:before { content: none; }
.header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 ul.hs-menu-children-wrapper li:last-child {border-radius: 0 0 5px 5px; }

/* 30-07-2020 */
.row-fluid .headsticky_main { background: transparent; }
img.logo_white { display: none; }

.headsticky_main .header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 a { color: #2b2f2e; }
.row-fluid .header_section.headsticky_main .header_main .header_btn { color: #2b2f2e; border-color: #2b2f2e; }
.row-fluid .header_section.headsticky_main .header_main .header_btn:hover { color: #fff; background: #2b2f2e; }
.row-fluid .header_section.headsticky_main .header_main .menu_bar .menu_btn i, .row-fluid .header_section .header_main .menu_bar .menu_btn i:before , .row-fluid .header_section .header_main .menu_bar .menu_btn i:after { background: #2b2f2e; }
.row-fluid .header_section.headsticky_main .header_main .menu_bar .menu_text { color: #2b2f2e; }

.fixed .headsticky_main { background: #fff; box-shadow: 0 0 22px -6px rgb(0 0 0 / 0.5); }
.header_section .header_logo img { max-width: 75px; }

.row-fluid .header_section .header_main .menu_bar .menu_btn.active i:after { background: #fff; }
.menudiv_main .header_section .menu_bar { position: relative; top: 4px; }
.header_section .menu_bar.active .menu_text { font-size: 0; }
.header_section .menu_bar .active .menu_text { color: #2b2f2e; }
.header_section .menu_bar .menubar_wrap.active .menu_text:before { background: transparent; }

/* .menudiv_main .header_section { background: transparent; box-shadow: 0 0 22px -6px rgb(0 0 0 / .5); }
.header_section .menu_bar .menubar_wrap.active .menu_text{ color:#fff; }
.header_section .menu_bar .menubar_wrap.active .menu_text:before { background: #fff; color: #2b2f2e; } 
.menudiv_main .header_section .menu_bar { position: relative; top: 4px; } */
.row-fluid .our_story_header .headsticky_main { overflow: visible !important; }

body:not(.active).media_body .header_main { background: #fff; }

.headsticky_main.header_hide { display: none; }

@media (max-width:1390px){
    .header-simple-menu ul li.hs-menu-item.hs-menu-depth-1 { padding: 16px 20px; }
}

@media (min-width:1200px){
  .row-fluid .menu_area .menudiv_wrap { min-height: 100vh; }
  .row-fluid .menu_area .allmenu_wrap { min-height: 100vh; }
 
}

@media(min-width:1100px) and (max-width:1600px) { 
   
  .menu_area .allmenu_wrap .submenu_area { height:700px; }
  .submenu_contnet .contact_address a { word-break: break-all; }  
  
}


@media(min-width:30px) and (max-width:1099px) {
  .header_section { display: none; }
  .menudiv_main { display: none; }
  .mobile_menu { padding:0 !important; }
  
  .row-fluid .tabcontent_area.mainmenu { position: fixed; z-index: 50; top: 0;  right: 0;  width: 100%; max-width: 375px; }
  .row-fluid .tabcontent_area.mainmenu ul li a { font-size:16px; }
  .mainmenu.js-enabled .hs-menu-flow-horizontal {  }
  
  
}