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; }

.header_section.new-header a, .header_section.new-header p, .header_section.new-header h1, .header_section.new-header h2,
.header_section.new-header h3, .header_section.new-header h4, .header_section.new-header h5, .header_section.new-header h6,
.header_section.new-header span { font-family: 'Gotham',sans-serif; letter-spacing: 0; }
.new-header .ark { line-height: 1.5; }
.header_section.new-header p { font-size: 16px; line-height: 24px; }
.header_section.new-header { background:#fff; z-index:999; position: fixed; }
.header_section.new-header.fixed { box-shadow: 0 0 22px -6px rgb(0 0 0 / 0.5); }
.header_section.new-header.fixed .header_main { /*padding: 15px 0;*/ transition: all 0.5s ease-in-out; }
.header_section.new-header .header_top { background:#27313F; padding:10px 0; color:#fff; text-align:center; }
.header_section.new-header .header_top a{ color: #fff; }
.header_section.new-header .ark-page-center { max-width:1400px;float: none !important; width: 100%; padding: 0 60px !important; display: flex; flex-wrap: wrap; }
/* .header_section.new-header .header_main { padding:20px 0; }  */
.header_section.new-header .header_logo { line-height:0; width: 246px; float: left;}
.header_section.new-header .header_logo img { max-width: 100%; transition: all .5s ease-in-out; }
.header_section.new-header.fixed .header_logo a img { transition: all .5s ease-in-out; }
.header_section.new-header.fixed .header_logo img { max-width: 190px; object-fit: cover; }

.header_section.new-header .header-menu { float: left; width: calc(100% - 246px); line-height: normal; display: flex; justify-content: flex-end; align-items: center; }
.header_section.new-header .header-menu img { height: 22px; max-width: 22px; width: 22px; }
/* .header_section.new-header .header-menu .header-simple-menu { width: 73%; text-align: right; } */
.header_section.new-header .header-menu .header-simple-menu { width: 72%; text-align: right; padding: 0; }
.header_section.new-header .header-menu .header-simple-menu ul { margin: 0; }
.header_section.new-header .header-menu .header-simple-menu ul li { display: inline-block; padding: 0 10px; }
.header_section.new-header .header-menu .header-simple-menu ul li:last-child a { display: inline-block; padding: 4px 20px; border: 1px solid #b89d80; border-radius: 35px; color: #b89d80; }
.header_section.new-header .header-menu .header-simple-menu ul li a { color: #000; text-transform: uppercase; font-weight: 700; font-size: 14px; line-height: 24px; letter-spacing: 0; }
.header_section.new-header .header-menu .header-simple-menu ul li a:hover { color: #b89d80; }
.header_section.new-header .header-menu .header-simple-menu ul li:last-child a:hover {background: #b89d80;color: #ffffff;}
.header_section.new-header .header-menu .header-right { width: 27%; display: flex; float: right; align-items: center; }
.header_section.new-header .header-menu .header-right > div { width: 25%; padding: 0 15px; }
.header_section.new-header .header-menu .header-right > div:last-child { padding-right: 0; }
.header_section.new-header .header-menu .header-right > div:first-child { padding-right: 10px; }

.lan-selector ul.lang_list_class { border: 0; padding: 0px 0 15px; min-width: 170px; left: 55px; text-align: left; background-color: #fff; top: 45px; border-radius: 5px; /* overflow: hidden; */ box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.2); }

.lan-selector ul.lang_list_class li { border: none; padding: 15px 35px; position: relative; }
.header_section.new-header .lan-selector ul.lang_list_class li:first-child { padding-top: 30px; }
.lan-selector ul.lang_list_class li:before {content: '';position: absolute;height: 15px;width: 15px;border: 1px solid #D8D8D8;border-radius: 100%;left: 10px;top: 14px;}
.lan-selector ul.lang_list_class li:after { content: ''; position: absolute; height: 9px; width: 9px; border-radius: 100%; left: 11px; top: 15px; border: 3px solid #ffffff; background: #b89d80; opacity: 0; visibility: hidden; }
.header_section.new-header .lan-selector ul.lang_list_class li:first-child:before { top: 28px; }
.header_section.new-header .lan-selector ul.lang_list_class li:first-child:after { top: 29px; }

.lan-selector ul.lang_list_class li.selected:after { opacity: 1; visibility: visible; }
.lan-selector ul.lang_list_class li a { color: #4e4f54; font-size: 15px; }
.lan-selector ul.lang_list_class:before {content: "";position: absolute;width: 30px;height: 30px;background: #ffffff;transform: rotate(45deg);top: 0;left: 25px;box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.2); }
.row-fluid .lan-selector .globe_class { background-image: none; width: 100%; }
.lan-selector .globe_class span.selected_lang { text-transform: uppercase; font-weight: 700; color: #000; display: flex; padding-bottom: 40px; font-size: 14px; line-height: 22px; }
.row-fluid .lan-selector .globe_class:hover span.selected_lang { color: #b89d80; }
.lan-selector .globe_class span.selected_lang:after {content: '\f107';font-family: 'FontAwesome'; display: inline-block; margin-left: 5px; font-size: 20px;/*transition: all 0.5s;*/ position: relative; }
.lan-selector .globe_class:hover span.selected_lang:after {content: '\f106'; top: -1px; }

/* .active .header_section.new-header .header_main { box-shadow: inset 0 -7px 5px -7px rgba(0,0,0,0.15); } */


/* .header_section.new-header .menu_bar { width:50%; float: none; display: inline-block; vertical-align: middle; margin-right: -4px; } */
.header_section.new-header .menu_bar .menubar_wrap { float:right; width:auto; max-width:40px; text-align:center; cursor:pointer; }   
.header_section.new-header .menu_bar .menu_text { width:100%; float:none; display:inline-block; /* transition:all .6s ease;*/ position:relative; line-height: 20px; text-transform: uppercase; font-size: 12px; font-weight: 700; bottom: 3px; color: #000000; font-size: 10px; bottom: 5px; }
.header_section.new-header .menu_bar .menu_text:before{ position:absolute; content:"CLOSE"; width:100%; font-size:10px; display:none; left:0; top:0; background-color: #ffffff; }
/* .header_section.new-header .menu_bar .menubar_wrap.active .menu_text:before { display:block; } */

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


/*---footer---*/
/* position:fixed; bottom:0; left:0; */

.active .footer_section { bottom:0; transition:all .6s ease; }
.header_section.new-header .footer_section { background: #ffffff; padding: 30px 0; position:fixed; bottom:0; left:0; transition:all .6s ease; }
.header_section.new-header .footer_section ul { padding:0; margin:0; list-style:none; width:100%; }
.header_section.new-header .footer_section .ark-page-center { max-width:1400px; }

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

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


.header_section.new-header .footer_section .footer_follow ul li a { color: #4e4f54; font-size: 30px; font-weight: 700; }



/*--menu_area---*/
.new-header .menu_area { padding:0; background:#ffffff; height: 100vh; box-shadow: 0 -8px 5px -7px rgba(0,0,0,0.15); }
.new-header .menu_area .ark-page-center { max-width:1400px; display:flex; height: 100vh; }
.new-header .menu_area .menudiv_wrap { width:25%; float:left; border-right:1px solid rgba(0,0,0,.15); padding:55px 0; }
.new-header .menu_area .mainmenu { margin-bottom:60px; height: calc(100vh - 250px); }
.new-header .menu_area .mainmenu ul { width:100%; float:left; padding:0; margin:0; list-style:none; }
.new-header .menu_area .mainmenu ul li { width:100%; float:left; margin:15px 0; }
.new-header .menu_area .mainmenu ul li a { }
.new-header .menu_area .mainmenu ul li:last-child { margin-bottom:0; }  
.new-header .menu_area .mainmenu ul li a { width:100%; cursor: default; float:left; color:#000000; font-size:21px; line-height: 26px; font-weight: 300; position:relative; padding: 5px 15px; border-left: 2px solid transparent; box-sizing: border-box; }
.new-header .menu_area .mainmenu ul li a:hover { color:#b89d80; }
.new-header .menu_area .mainmenu ul li.active a { color:#b89d80; border-color: #b89d80; }


.new-header .menu_area .menudiv_wrap .book_btn { border:1px solid transparent; background:#27313F; 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; } 
.new-header .menu_area .menudiv_wrap .book_btn:hover { background:transparent; border-color:#27313F; color:#27313F; }

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

.new-header .menu_area .allmenu_wrap { width:75%; float:left; position:relative; }
.new-header .menu_area .allmenu_wrap .submenu_area { position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all .6s ease; height:calc(100vh - 130px); padding: 50px 50px 20px 50px; }
.new-header .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; }


.menu_repeater {}

.submenu_area .submenu_wrap .menu_repeater h6 { text-transform: uppercase; font-size: 14px; margin-bottom: 20px; line-height:1.5; }
.submenu_area .submenu_wrap .menu_repeater h6 a { color: #000000; }
.submenu_area .submenu_wrap .menu_repeater h6 a:hover { color: #b89d80; }
.submenu_area .submenu_wrap .menu_repeater { width: calc(33.33% - 50px); margin: 0 25px 50px; }
.submenu_area .submenu_wrap { display: flex; flex-wrap: wrap; margin: 0 -25px; }
.submenu_area .submenu_wrap .menu_repeater ul li a { font-weight: 400; font-size: 14px; line-height: 22px; color: #8D8D8F;; }
.submenu_area .submenu_wrap .menu_repeater ul li { margin-bottom: 10px; }
.submenu_content { margin-bottom: 50px; color: #8D8D8F; font-weight: 300; }
.submenu_area .submenu_wrap a.see-all-btn { text-transform: uppercase; font-size: 14px; color: #8D8D8F; }
.submenu_area .submenu_wrap a.see-all-btn:hover { color: #b89d80; }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #4e4f54 !important; }
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0,0,0,0.15) !important; }



.footer_box.footer_follow p { display: inline-block; width: auto; margin: 0; }
.footer_box.footer_follow { line-height: normal; display: flex; align-items: center; float: left; width: 100%; position: fixed; bottom: 20px; left: 0; right: 0; max-width: 1400px; margin: 0 auto; padding-left: 80px; }
.footer_box.footer_follow ul { margin: 0; padding: 0 20px 0; display: inline-block; }
.footer_box.footer_follow ul li { display: inline-block; padding: 0 10px; }
.footer_box.footer_follow ul li a i { font-size: 24px; font-weight: 700; color: #4e4f54; transition: all 0.5s; }
.footer_box.footer_follow ul li a:hover i { color: #b89d80; }

.search-icon { cursor: pointer; }
.search-box { opacity: 0; visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: fixed; background: #F9FAFB; overflow: hidden; will-change: transform; top: 0; left: 0; width: 100vw; height: 100vh; border-radius: 0; box-shadow: 0 0 0; z-index: 99;  }
.search-wrap.open-search .search-box { display: block; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-animation-name: fadeInOpacity; animation-name: fadeInOpacity; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-duration: 0.1s; animation-duration: 0.1s; visibility: visible; }

.search-box > div { max-width: 1200px; margin: 0 auto; padding: 50px 0; }
.close-icon { cursor: pointer; position: absolute; right: 15px; top: 40px;}
.search-wrap.open-search .search-box form { position: relative; }
.header_section.new-header .header-menu .hover-icon { display: none; }
.header_section.new-header .header-menu a:hover .hover-icon { display: inline-block; }
.header_section.new-header .header-menu a:hover .normal-icon {display: none;}   
.header_section.new-header .header-menu .search-icon:hover .normal-icon { display: none; }
.header_section.new-header .header-menu .search-icon:hover .hover-icon { display: inline-block; }
.submenu_wrap .menu_repeater { position: relative; top: 20%; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; cursor: pointer; opacity: 0; }
.body_open.active .submenu_wrap .menu_repeater { opacity: 1; animation: MoveUpDown .5s linear; top: 0; }
.header_section.new-header .menu_bar .menubar_wrap:hover i,.header_section.new-header .menu_bar .menubar_wrap:hover i:before, 
.header_section.new-header .menu_bar .menubar_wrap:hover i:after { background-color: #b89d80; }
.header_section.new-header .menu_bar .menubar_wrap:hover span.menu_text, .header_section.new-header .menu_bar .menubar_wrap:hover .menu-text:before { color: #b89d80; }
.header_section.new-header .search-box > div { max-width: initial; padding:0; }
.header_section.new-header .search-box input { height: 100px !important; background: #ffffff; border: none; background-image: url(https://f.hubspotusercontent10.net/hubfs/3439767/digitalsmiledesign.clinic/Images/search-icon-black.svg); background-repeat: no-repeat; background-position: left 15px center; padding: 15px 55px; font-family: 'Gotham';  font-size: 24px; color: #000000; font-weight: 100; caret-color: #B89D80; }
.header_section.new-header .search-box input:focus { border-color: #ffffff; }
.header_section.new-header .search-box .hs-search-field__bar {background: #ffffff;}
.header_section.new-header .search-box form {max-width: 1200px;margin: 0 auto;}
.header_section.new-header .search-box input::placeholder { font-size: 24px; color: #000000; font-weight: 100; }
.header_section.new-header .header-menu > div { width: auto; padding: 0 10px; }
.header_section.new-header .header-menu > div:last-child { padding-right: 0; }
.header_section.new-header .header-menu > div:nth-child(2) { padding-right: 10px; }
.header_section.new-header .mobile-bottom-menu { display: none; }

/* 09-12-2020 */
 .header_section.new-header .menu_bar .menu_btn i { height: 4px; position: absolute; left: 0; right: 0; margin: auto;}
.header_section.new-header .menu_bar .menu_btn { height: 22px;}
.header_section.new-header .menu_bar .menu_btn i:after { bottom: 0; height: 4px; }
.header_section.new-header .menu_bar:hover .menu_btn i:after { background: transparent; }
.header_section.new-header .menu_bar .menu_text {font-size: 10px; bottom: 5px; }
.header_section.new-header .menu_bar .menu_btn i:before { height: 4px; top: -8px; }
/* .header_section.new-header .menu_bar .menu_btn.active i:after { width: 22px; background-color: #000; top: 0; height: 4px; margin: auto; }
.header_section.new-header .menubar_wrap:hover .menu_btn.active i:after { background-color: #b89d80; }
.header_section.new-header .menu_bar .menu_btn.active i { width: 22px; top: 12px; height: 4px; margin: auto;  }
  */

.header_section.new-header .menu_bar .menu_btn.menuclose_btn i:after { width: 22px; background-color: #000; top: 0; height: 4px; margin: auto; }
.header_section.new-header .menubar_wrap:hover .menu_btn.menuclose_btn i:after { background-color: #b89d80; }
.header_section.new-header .menu_bar .menu_btn.menuclose_btn i { width: 22px; top: 12px; height: 4px; margin: auto;  }

.new-header .menu_area {  box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.15); }
/* .header_section.new-header.fixed .header_logo img { height: 70px; } */   
.submenu_area .submenu_wrap .menu_repeater h6 { color:#000; } 

.body_open.active .submenu_wrap .menu_repeater { margin-bottom: 40px; }
.submenu_content { margin-bottom: 30px; }
.allmenu_wrap .submenu-with-btn .header-btn { padding-top: 30px; }

      
/* .header_section.new-header .menu_bar .menu_btn i { background: transparent; } */
.header_section.new-header .menu_bar .menu_btn i:after { background: #000; top: 0; height: 4px; }
/* .header_section.new-header .menu_bar .menu_btn.active i:before { transform: rotate(45deg); opacity: 1; width: 22px; }
.header_section.new-header .menu_bar .menu_btn.active i:after { transform: rotate(-45deg); }
.header_section.new-header .menu_bar .menu_btn.active i { transform: none; background-color: transparent; }
.header_section.new-header .menu_bar .menu_btn.active i:after { transform: rotate(45deg); }
.header_section.new-header .menu_bar .menu_btn.active i:before { transform: rotate(-45deg); width: 22px; top: 0; } */


.header_section.new-header .menu_bar .menu_btn.menuclose_btn i:before { transform: rotate(45deg); opacity: 1; width: 22px; }
.header_section.new-header .menu_bar .menu_btn.menuclose_btn i:after { transform: rotate(-45deg); }
.header_section.new-header .menu_bar .menu_btn.menuclose_btn i { transform: none; background-color: transparent; }
.header_section.new-header .menu_bar .menu_btn.menuclose_btn i:after { transform: rotate(45deg); }
.header_section.new-header .menu_bar .menu_btn.menuclose_btn i:before { transform: rotate(-45deg); width: 22px; top: 0; }


@media (max-width:1300px){
/*   .header_section.new-header .menu_bar .menu_btn { width: 48px; } */
}

@media(min-width: 1100px){
  button.ebiz-toggle, span.menu-text { display: none; }
  
  .new-header .menu_area .mainmenu ul { display: block !important; height: auto !important; opacity: 1 !important; } 
}
@media(min-width:1100px) and (max-width:1600px) { 

  .menu_area .allmenu_wrap .submenu_area { height:500px; }
  .submenu_contnet .contact_address a { word-break: break-all; }  

}


@media(min-width:30px) and (max-width:1099px) {
  .header_section.new-header { display: none; }
  .menudiv_main { display: none; }
  .mobile_menu { padding:0 !important; }

}


