/*---------------------------------- GLOBAL DECLARATIONS --------------------------------------*/
body{ background-color:#fff; padding:0; margin:0; font-family: '../fonts/avenir'; font-size:15px; color:#000; overflow-x:hidden; }

.template_overlay{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; opacity: 0.6; background-size: cover; background-repeat: no-repeat; }

section, div, h1,h2,h3,h4,h5,h6,p,a, ul ,li, svg{ transition: all 0.5s;  }
section{ min-height: 800px !important; height:auto !important; background-color: rgba(255,255,255,1); overflow: hidden; }

h1,h2,h3,h4,h5,h6{ margin: 10px 0; padding: 0; line-height: 0.9em; transition: all 0.2s; color: #000; }
h1{ font-size: 500%; }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{  }
p{ margin: 10px 0; padding: 0; font-family: '../fonts/avenir'; line-height:1.7em; /*font-size:12px;*/ font-size: 90%; color:#000; }
a{ color: #000; transition: all 0.2s; font-family: '../fonts/avenir'; color: #fff; text-decoration: none; }
a:hover{ text-decoration: none;  }
img{ width:100%; height:auto; }
ul, ol{ display:block; padding:0 0 0 40px; font-family: '../fonts/avenir'; line-height:1.3em; font-size:13px; text-align:left; }
ul li, ol li{ padding:0 0; }
li.widget{ list-style-type:none; }
.blockquote{ font-style:italic; font-family: '../fonts/PlayfairDisplay-SemiBold'; }


input, textarea, button, label, select, .input_field { width:100%; display:block; background-color: #dcdcdc; border:1px solid #969394; height: auto; }
label{ font-size:15px; font-family: '../fonts/PlayfairDisplay-Regular' !important; display:block; padding:10px 0 0 0; color: #1c8439 !important; margin:20px 0 0px 0; }
input, select, textarea,.input_field{ border:1px solid #000; border-radius:0px; padding:8px 20px !important; margin:6px 0 8px 0; }
textarea{ min-height: 150px; }
input[type="button"], button{  background-color:#fbb03b !important; color: #000 !important; border:3px solid #000; width:auto; border: none; padding: 10px 20px; }
input[type="button"]:hover, button:hover{ background-color:#000 !important; color: #fbb03b !important; border:3px solid #000; }
::placeholder{ color: #8b8b8b; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8b8b8b; }
::-moz-placeholder { /* Firefox 19+ */ color: #8b8b8b; }
:-ms-input-placeholder { /* IE 10+ */ color: #8b8b8b; }
:-moz-placeholder { /* Firefox 18- */ color: #8b8b8b; }

.btn{ border-radius: 0px !important; text-transform: capitalize; letter-spacing: 0.03em; margin-top:20px; transition: all 0.2s; position: relative; font-size:18px !important; }
.btn_submit, .form_wrapper input[type="button"]{ background-color: #1e8c3e; width: auto; margin: 20px 0 0 0; padding: 15px 30px !important; border: none !important; }
a.btn{ color: #000 !important; }
a.btn:hover{ color: #5F5F5F; }

a.btn_black{ min-width:180px; font-style: italic; padding-right:70px !important; margin-right: 150px; }
a.btn_black:hover{ color: #000; }
a.btn_black:hover:after{ background-color:#ffc300; color: #fff; }
a.btn_black:after{ content:"\f054"; font-family:"FontAwesome"; font-size:18px; margin-right: 20px; background-color: #000; color:#ffc300; padding:7px 12px;  position: absolute; right:0; top: 0; bottom: 0; }
/*a.btn_blk:after{ content:"\f00a"; font-family:"FontAwesome"; font-size:18px; margin-right: 20px; background-color: #000; width:100px; height:100px; }*/

a.bttn_book{ border:2px solid #000 !important; text-transform: uppercase; font-family: '../fonts/avenir'; font-weight: 700; font-weight: 500; font-size: 12px !important; float: right; }
i{ font-family: "FontAwesome"; }


button.slick-arrow{
     position:absolute;
     z-index:9;
    /*width:30px;
     height: 60px;
     */
     top:40%;
     border: none;
     outline:none;
     padding: 0;
     color: #fff;
     background:transparent;
     font-size: 0px !important;
     cursor: pointer;
	background-color: transparent !important;
}
 button.slick-arrow:hover{
     color:#00a1e2;
	 background-color: transparent !important;
}
 .slick-prev{
     left:-10%;
}
 .slick-prev::before{
     content: "\f104";
     font-family: 'FontAwesome';
     font-size: 70px;
}
 .slick-next{
     right:-10%;
}
 .slick-next::before{
     content: "\f105";
     font-family: 'FontAwesome';
     font-size: 70px;
}
 ul.slick-dots{
     position: absolute;
     z-index: 9;
     bottom: -40px;
     left: 0;
     display:inline-block;
     text-align: center;
     background-color: transparent;
     width:100%;
     height: auto;
     overflow: hidden;
     padding:0 !important;
}
 ul.slick-dots li{
     text-align:center;
     width: 15px !important;
     height: 15px !important;
     overflow: hidden;
     border-radius: 50%;
     background-color: #fff;
     display: inline-block !important;
     margin: 0 5px !important;
     cursor: pointer;
	 padding: 0 !important;
}
 ul.slick-dots li:hover{
     background-color: #00a1e2;
}
 ul.slick-dots li button{
     width: 15px;
     height: 15px;
     border-radius: 50%;
     background-color:transparent;
     font-size: 0px;
     border: none;
     outline: none;
     margin: 0;
     padding:0 !important;
}

.for_desktop{ display: block; }
.for_mobi{ display: none; }

.overlay{ position:absolute; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100%; background-color: rgba(0,0,0,0.4); }
.global_wrapper{ position: relative; z-index:3; width: 90%; height: auto; margin: 0 auto; padding: 40px 0; display: block; overflow: hidden;/* transition:0.6s; transform: translateY(30%); opacity: 0;*/}
.universal_container{ display:block; width: 100%; height: auto; overflow: hidden; position: relative; }
.universal_container.on{ transform: translateY(0%); opacity: 1;}
.full_bg_image{ background-size:cover; background-position: center center; background-repeat:no-repeat; }
.top_spacer{ margin-top:140px; }

.bg_color_green{ background-color: #1c8439; }
.bg_color_yellow{ background-color: #f69f1b; }


#preloader{ position:fixed; z-index:9; top:0; bottom: 0; left: 0; right:0; background-image: url("../images/lotus.png"); background-size: cover; display: flex; align-items: center; justify-content: center; color: #ccc; cursor: pointer; transition: .2s linear; }
#preloader .logo img{ width:100%; }
.loader { width: 100px; height: 100px; background: linear-gradient( 165deg, rgba(255, 195, 0, 0.6) 0%, rgb(220, 195, 0) 40%, rgb(170, 195, 0) 98%, rgb(10, 195, 0) 100% ); border-radius: 50%; position: relative; }
#video{ min-width: 100%; min-height: 100%; width: 100% !important; height: 100% !important; position: fixed !important; top:0; right: 0; bottom:0; left:0; z-index: 1; object-fit: cover; /*filter:drop-shadow(8px 8px 10px gray); filter: grayscale(50%);*/ }

#preloader .overlay{ position:absolute; background-color: rgba(0,0,0,0.4);  width:100%; height:100%; top:0; right: 0; bottom:0; left:0; z-index: 3 !important; }

.loader:before { position: absolute; content: ""; width: 100%; height: 100%; border-radius: 100%; border-bottom: 0 solid #ffc30005; box-shadow: 0 -10px 20px 20px #ffc30040 inset,  0 -5px 15px 10px #ffffff50 inset, 0 -2px 5px #ffc30080 inset, 0 -3px 2px #ffc300bb inset, 0 2px 0px #ffc300, 0 2px 3px #ffc300, 0 5px 5px #ffc30090, 0 10px 15px #ffc30060, 0 10px 20px 20px #ffc30040; filter: blur(15px); animation: 2s rotate linear infinite; }

@keyframes rotate { 100% { transform: rotate(360deg) } }

.horizon_straight{ width: 40%; height: 5px; background-color: #ffc300; overflow: hidden; }
.horizon_straight::before{ content: ""; position:absolute; width: 10%; height: 5px; background-color: #5c0834; animation: 2s straight forwards infinite; }

@keyframes straight {
	0%{ transform: translateX(0%); }
	50%{ transform: translateX(300%); }
	100%{ transform: translateX(0%); }
}
      

header{ padding:0 0; margin: 0; width: 100%; height: auto; position: fixed; top: 0; right:0; left: 0; z-index: 7; transition: all 0.2s; }
header.on{ background-color: rgba(246,159,27,1); }
header.on .top_logo{ /*width: 150px; margin-bottom: 10px;*/ }
header .global_wrapper{ padding: 0 0 !important; width: 90% !important; }

.top_logo{ width:300px; height: 50px; margin: 50px auto; background-repeat: no-repeat; background-size: contain; }
.top_logo img{ width: 100%; height: auto; }
.inside img{ color: #000; filter: invert(1); }
.top_logo.white{ }
.top_logo.black{ }


ul.bwl_socials{ display: block; font-family: '../fonts/BebasKai'; text-align:right;  }
ul.bwl_socials li{ display: inline-block; padding:0 10px !important; }
ul.bwl_socials li a{ color:#fff; font-family: '../fonts/BebasKai'; font-size: 20px; }
ul.bwl_socials li a:hover{ color:#fbb03b; text-decoration: none; }


.mobi_menu_icon{ display:none; }
.mobile_logo{ display:none; }

header.on .mobi_menu_icon span{ background-color:#000 !important; }
.mobi_menu_icon{ position:fixed; z-index:7; padding: 10px 0 0 0px; width:40px; height:40px; top:50px; right:40px; display:none; cursor:pointer; overflow:hidden;}
.mobi_menu_icon span{ transition:all 0.4s; height:3px; display:block; background-color:#283680; float: right; }
.mobi_menu_icon:hover span{  }
.mobi_menu_icon span:nth-child(3n+1){ width:96%; margin:0 0 2px 0; background-color:#000; position:relative; top:auto; transform:rotate(0deg); }
.mobi_menu_icon span:nth-child(3n+2){ width:96%; margin:2px 0 2px 0; background-color:#000; position:relative; opacity:1; float: right; }
.mobi_menu_icon span:nth-child(3n+3){ width:96%; margin:2px 0 0 0; background-color:#000;  position:relative; top:auto; transform:rotate(0deg); }
.mobi_menu_icon:hover span:nth-child(3n+1){ width:60%; }
.mobi_menu_icon:hover span:nth-child(3n+2){ width:100%; }
.mobi_menu_icon:hover span:nth-child(3n+3){ width:70%; }
.mobi_menu_icon.active span:nth-child(3n+1){ width:60%; margin:0 0 0 0; transform:rotate(45deg); position:absolute; top:20px; left:20%; }
.mobi_menu_icon.active span:nth-child(3n+2){ width:100%; opacity:0; }
.mobi_menu_icon.active span:nth-child(3n+3){ width:60%; margin:0 0 0 0; transform:rotate(-45deg); position:absolute; top:20px; right:20%; }


.mainnav{ position: fixed; z-index: 6; top: 0; right: 0; bottom: auto; left:0; width: 100%; height: auto; min-height: 150px; height: auto; overflow: visible; }
.mainnav.on{ /*background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0) );*/ background-color: rgba(255,255,255,1); min-height: 90px; height:auto; }
.mainnav nav{ width:100%; height:auto; position:absolute; top:0; right:0; bottom: 0; z-index:2; display: block; vertical-align: middle; padding: 25px 30px 0; transition: all 0.4s; transition-delay: 0.8s; }
.mainnav nav.on{ opacity: 1; transform: translateX(0%);  }
.mainnav nav ul{ display:block; /*text-align: center;*/ vertical-align: middle !important; font-family: '../fonts/avenir'; text-transform:capitalize; margin:0; padding:0; letter-spacing: 3px; }
/*.mainnav nav ul:first-child{ padding-right: 30px;}*/
.mainnav nav ul li{ display: inline-block; float: none; font-size: 11px; transition:0.6s; transform: translateY(0%); opacity: 1; /*padding: 0 11px;*/ }
.mainnav nav ul li.on{ transform: translateY(0%); opacity: 1; }
.mainnav nav ul li.current-menu-item a{ /*border-bottom:3px solid #ffbe3a;*/ }
.mainnav nav ul li a{ display: inline-block; width: auto; color: #fff; text-decoration: none; text-transform: uppercase; /*padding: 15px 10px;*/ margin:0; border-bottom: 0px solid #fff; transition:all 0.4s; position:relative; outline:none; font-family: '../fonts/avenir'; font-weight: 500; padding-bottom: 5px; padding-top: 5px; padding-right: 40px; }
.mainnav nav ul li a:hover, .mainnav nav ul li a.active{ color:#ffbe3a; text-decoration: none; /*border-bottom: 2px solid #fff;*/ transition:all 0.4s; /*border-bottom:3px solid #ffbe3a;*/ }

.mainnav nav ul li a.scrolled{ color:#000 ; }
.mainnav nav ul.scrolled li ul li a.scrolled{ color:#fff !important; }

.mainnav nav ul li ul li a, .mainnav nav ul li ul li a:hover{ color:#ffbe3a !important; }

.mainnav nav ul li ul{ position: absolute; width: 200px; height:auto; display: block; background-color:rgba(0,0,0,0); /*background-image: linear-gradient( to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90% );*/ padding: 10px; }
.mainnav nav ul li ul li{ display:block; margin:0; padding: 0; font-size: 9px;  }
.mainnav nav ul li ul li a{ padding-right:10px; }
.mainnav nav ul li ul li a:after, .mainnav nav ul li ul li a:after, .mainnav nav ul li.current-menu-item ul li a:hover { -webkit-transform-origin:left; transform-origin:left; -webkit-transform:scaleX(1); transform:scaleX(1); }


header nav ul li ul{ position:absolute; padding:10px 0; margin:0; top:30px; left:0px; width:140px; display:block; transform:translateY(-10%); opacity:0; transition:all 0.4s; visibility:hidden; }
header nav ul li ul.show{ display:block; visibility:visible; transform:translateY(0%); opacity:1; }
header nav ul li ul li{ display:block; width:100%; /*padding:0 20px; margin:2px 0;*/ }
header nav ul li ul li a{ /*margin:0; padding:15px 0;*/ padding-bottom: 5px; padding-top: 5px; }

header nav ul li ul li ul{ display:none; }

.nav_left{}
.menu-main-navigation-left-container{}
ul#menu-main-navigation-left{ text-align:right !important; }

.nav_right{}
.menu-main-navigation-right-container{ width: auto !important; display: inline-block !important; }
ul#menu-main-navigation-right{ text-align:left !important; width: auto !important; display: inline-block !important; }
.music_icon{ width: auto !important; display: inline-block !important; }


.nav_left, .nav_right{ position: relative; z-index: 3 !important; }

.nav_left{ width:50%; height: auto; float: left; display: block; display: inline-block; text-align: right; }
.nav_right{ width:50%; height: auto; float: right; display: block; display: inline-block;  text-align: left; }

.nav_left.scrolled, .nav_right.scrolled{ width: 40%; }

/*.mainnav .logo{ position: absolute; top:10px; left:50%; transform: translateX(-50%); width:150px; height:50px; }*/
.header_logo{ opacity: 1; transition: all 0s; position: absolute; top:10px; left:50%; transform: translateX(-50%); width:120px; height:20px; z-index: 2 !important; transition-delay: 0.5s;  transition-property: opacity; }
.header_logo.off{ top:15px; opacity: 0 !important; transform: translateX(-50%); transition-delay: 0.1s; }

.logo img{ width:100%; height: auto; }

.mainnav nav ul li a:after, .mainnav nav ul li.current-menu-item a:after { content:""; position:absolute; bottom:0; left:0; width:90%; height:2px; background-color:#ffbe3a; -webkit-transform-origin:right; transform-origin:right; -webkit-transform:scaleX(0); transform:scaleX(0); transition:-webkit-transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1); }
.mainnav nav ul li a.active:after, .mainnav nav ul li a:hover:after, .mainnav nav ul li.current-menu-item a:hover/*,.current-menu-item ..mainnav nav ul li a:after*/ { -webkit-transform-origin:left; transform-origin:left; -webkit-transform:scaleX(1); transform:scaleX(1); }

.mainnav nav ul li ul li a:hover{ padding-left:10px; }

.mainnav nav ul li ul li a{ color:#fff !important; }

.mainnav nav ul li ul li a:after, .mainnav nav ul li.current-menu-item a:after { content:""; position:absolute; bottom:0; left:0; width:90%; height:2px; background-color:#ffbe3a; -webkit-transform-origin:right; transform-origin:right; -webkit-transform:scaleX(0); transform:scaleX(0); transition:-webkit-transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1); transition:transform .9s cubic-bezier(.19,1,.22,1),-webkit-transform .9s cubic-bezier(.19,1,.22,1); }

/*.mainnav nav ul li ul li a:after, .mainnav nav ul li.current-menu-item ul li a:after { content:""; height:1px; width:130px; }*/
/*.mainnav nav ul li ul li a:after, .mainnav nav ul li.current-menu-item ul li a:after { content:""; height:1px; background-color:#fff; width:130px; }*/
.mainnav nav ul li ul li a.active:after, .mainnav nav ul li ul li a:hover:after, .mainnav nav ul li ul li.current-menu-item a:hover { -webkit-transform-origin:left; transform-origin:left; -webkit-transform:scaleX(1); transform:scaleX(1); background-color:#ffbe3a; }

.mainnav nav ul li.book a { /*border:2px solid #ffffff;*/ padding:5px 24px !important; }
.mainnav nav ul li.book a.scrolled { /*border:2px solid #000; padding:12px 24px;*/}
.mainnav nav ul li.current-menu-item.book a { /*border:2px solid #ffbe3a;*/ }

.mainnav nav ul li.book a.scrolled{ border:2px solid #000; }
.mainnav nav ul li.book a::before{ content: ''; position: absolute; top:0; bottom:0; left:0; right: 0; border:2px solid #ffffff; }

.icon_music{ position: relative; right: auto; display: inline-block; top:5px !important; padding: 0 !important; margin:0 0 0 20px !important; cursor: pointer; width: 15px; height: 15px; overflow: hidden; background-image: url('../images/music_icon_sprite_white.png'); background-repeat: no-repeat; background-size: cover; background-position: top left; transition: all 0.5s; }
.icon_music:hover, .icon_music.off{ background-position: bottom left; }
.icon_music.scrolled, .scrolled .icon_music{ background-image: url('../images/music_icon_sprite.png'); }
.icon_music.scrolled:hover, .icon_music.scrolled.off{   }

.mainnav nav ul li.music_icon { padding: 0; margin: 0; }

.universal_container{ text-align:center; }
.universal_container h1{ font-family: '../fonts/Montserrat-Bold'; font-size: 40px; color: #1c8439; display: block; width:100%; overflow:hidden; margin: 10px 0; }
.universal_container h2{ font-family: '../fonts/Montserrat-Bold'; font-size: 17px; color: #f69f1b; }
.universal_container p, .universal_container ul, .universal_container ol{ width:90%; margin:30px auto 30px; }


/*---------------------------------HOME PAGE-----------------------------------------*/


.home_logo{ position: absolute; z-index: 2; top: 0vh; left:50%; opacity: 0; transform:translateX(-50%); width:120px; height:20px; opacity: 1; background-repeat: no-repeat;  background-size: contain; background-position: center center; transition: all 0.5s; }
.home_logo.active{ opacity: 1; z-index: 3; /*top: 18vh;*/ top: 15%; margin: 0 auto 100px;  width:300px; height:260px; }

h1.home_text_header{ position: absolute; z-index: 2; /*top: 0vh;*/ top: 500vh; bottom:auto; left:50%; opacity: 0; transform: scale(1) translateX(-50%); text-align: center; width: 900px; height:auto; opacity: 1; transition: all 2s; color: #fff; font-family: '../fonts/PlayfairDisplay-Regular'; }
h1.home_text_header.active{ opacity: 1; z-index: 3; top: 60vh; bottom:auto; margin: 0 auto 100px; height:auto; transition: all 0.5s; }

.kikoi{ width:200px; height:25px; /*background-color:brown;*/ background-size: cover; background-repeat: no-repeat; display: block; position: fixed; z-index: 9; /*bottom: 60px;*/ left: 50%; bottom: 10%; transform: translate(-50%, 0%); transition: all 0.5s; }
.kikoi.active{ background-color: transparent; z-index: 9;  left: 50%; bottom: 46%; transform: translate(-50%, -43%); }

.main_banner .logo{ width:300px; height:260px; margin: 0 auto 50px; transform: scale(1); opacity: 1; transition: all 0.2s; }
.main_banner .logo.off{ /*position: absolute; transform: scale(0) translateX(-50%); opacity: 0; left: 50%;*/ }

.logo img{ width:100%; height: auto; display:block; margin-bottom: 70px; }
.logo div.off{ /*display:none;*/ opacity:0; transform: translateY(100%); }
.logo div{ /*display:block;*/ opacity:1; transform: translateY(0%); }
.logo div:nth-child(2n+1){ display:none; }

.logo div{}

/*.kikoi{ width:200px; height:25px; display: block; margin: 20px auto 0; overflow: hidden; background-size: cover; background-repeat: no-repeat; transition: all 0.5s; }
.kikoi img{ object-fit: cover; object-position: center center; transition: all 0.5s; }*/
.pattern_one{ background-image: url('../images/pattern_one.png'); }
.pattern_two{ background-image: url('../images/pattern_two.png'); }
.pattern_three{ background-image: url('../images/pattern_three.png'); }

.main_banner .logo.hidden{ transform: scale(0); opacity: 0; transition: all 1s; }


.home_pattern.off{ position:absolute;  bottom: 0;  }


.main_banner{ width: 100%; min-height: 100vh !important; height: auto !important; position: relative; background-attachment: fixed; font-family: '../fonts/Brandon_blk_it'; }

.main_banner .overlay{  z-index: 2 !important; }
.main_banner #video{ z-index: 1 !important; }

.single_banner{ background-size: cover; position: relative; z-index: 4 !important; }
/*ul.slick-dots{ position: absolute; z-index: 3; left: 0; top: 50%; }
ul.slick-dots::before{ position: absolute; left: 5px; top: 0; width: 10px; height: 50px; background-color: #fff; }
ul.slick-dots::after{}
ul.slick-dots li{ display: block; width:15px; height: 15px; border-radius: 50%; overflow: hidden; margin: 10px 0; font-size: 0; color:transparent; }
ul.slick-dots li button{ display: block; width:15px; height: 15px; border-radius: 50%; overflow: hidden; color: #e4e0e0; border: none; background-color: #fff !important; }
ul.slick-dots li.slick-active button{  background-color: #ffc300 !important; }*/

.main_banner .global_wrapper{ padding:40px 0; }
.home_banner_txt{ display:table; width: 90%; height: 100vh; position: relative; left: 5%;  color: #fff; }
.home_banner_txt article{ display:table-cell; vertical-align: middle; text-align: center; }

.main_banner h1{ color: #fff; font-family: '../fonts/PlayfairDisplay-Regular'; }
.main_banner h1 span{ color: #ffc300; font-family: '../fonts/Brandon_blk_it'; }
.main_banner p{ font-size: 16px; color:#000; font-family: '../fonts/avenir'; position: relative; margin: 0 auto; padding: 0 0 0 0; text-align: left;  }




ul.icon_list{ display: block; height: auto; list-style-type: none; position: relative; width: 650px; margin: 0 auto; padding: 0 0 0 230px; text-align: left; left: 3%; overflow: hidden; }
ul.icon_list li{ width:80px; height: auto; margin: 0 10px 10px 0 !important; float: left; padding: 0 !important; }
ul.icon_list li .icon_pic{ width:100%; height: 70px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; }
ul.icon_list li .icon_title{ width:100%; height: 70px; display: block; text-align: center; padding: 5px 0 0 !important; overflow:hidden; margin: 0 0 0 0;  }
ul.icon_list::before{ content: ""; background-image: url("../images/header_stripes.png"); background-size: contain; background-repeat: no-repeat; overflow: hidden; position: absolute; width: 200px; height: 100%; left: 0; top: 0; }


/*.section_banner{ width: 50%; height: 400px; background-color: aqua; background-repeat: no-repeat; background-size: cover; background-position:fixed; position: fixed; top: 20%; left: 0; z-index: 1; }*/

#home{ z-index:1; }
#home .home_banner_txt{ width:960px; margin: 0 auto; left: 0 !important; }





.sector_image_holder{ width:50%; height: 50vh; position: absolute; top: 0%; transform: translateY(50%); overflow: hidden; z-index: 1; }
.sect_image{ width:100%; height: 200%; background-size:cover; background-repeat: no-repeat; }

.about_image_container{ width:50%; height: 60vh; background-color: #1e8c3e; overflow: hidden; position: absolute; }
.about_image{ width:100%; height: 100%; background-color: #5c0834; position: absolute; top:0; bottom: 0; left: 0; right: 0; }

#about{ z-index: 2; position: relative; transform-style: preserve-3d; }
#about .section_banner{ width: 50%; height:60vh; background-repeat: no-repeat; background-size: cover; background-position:fixed; position: absolute; top: 20%; left: 0; z-index: 1; /*transform: translateZ(-5px) scale(1.5) rotate(2deg);*/ }
#about .home_banner_txt { display: block; width: 40%; min-height: 100%; height: auto; position: absolute !important; right: 5% !important; left: auto; top:50%; transform: translateY(-40%); /*left: 52%; top:50%; transform: translate(0 , 50%); color: #000;*/ }
#about .home_banner_txt article{ /*display:table-cell; vertical-align: middle; text-align: center;*/ display: block; width: 100%; height: auto; position: relative; top: 50%; transform: translateY(50%); }
#about h1{ color:#fff; text-shadow:#000 1px 1px 1px; position: absolute; z-index: 2; /*top:15%;*/ top: 4%; left: 18%; }
#about .single_banner { min-height: 100vh; }
#about .home_banner_txt p{ margin:0 0 20px 0 !important; }
#about .home_banner_txt p:first-child{ padding:80px 0 0 0; }
#about .home_banner_txt p:first-child::before{ content: ""; background-image: url('../images/icon_lotus.png'); background-repeat: no-repeat; background-position: center; position: absolute; top:-10px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; display: block; background-size: contain; border-bottom:3px solid #fbb03b; }


#working{ z-index: 2; height: auto !important; min-height: 300px !important; color: #fff; position: relative; }
#working::before{ content: ""; position: absolute; z-index: 2; top:0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); }
#working .single_banner { position: relative; z-index: 4; width: 70%; margin: 0 auto; }
#working .single_banner article{ display: table; min-height: 300px; }
#working .single_banner article div{ display: table-cell;  vertical-align: middle; }
.right{ width:50%; float: right; }
.left{ width:50%; float: left; text-align: right; }

ul.working_hrs_list{ display: block; padding: 0; margin: 0 0 0 50px; list-style-type: none; }
ul.working_hrs_list li{ padding:10px 0; border-bottom: 1px solid #fff; }
ul.working_hrs_list li span:nth-child(2n+1){ text-align: left; }
ul.working_hrs_list li span:nth-child(2n+2){ text-align: right; float: right; }
   

#services { z-index: 4; background-color: #fff; position: relative; width: 100%; min-height: 100vh; height: auto; overflow: hidden; transition: all 3s; }

#services > div{ width: 100%; min-width: 100vh; height: auto; min-height: 100vh; }

#services > div:nth-child(2n+1){ background-color: rgba(255,255,255,1.00); }
#services > div:nth-child(2n+2){ background-color: rgba(0,0,0,1.00); color: #fff !important; }
#services > div:nth-child(2n+1) article h1::before{ background-position:top center; }
#services > div:nth-child(2n+2) article h1::before{ background-position:bottom center; }
#services > div:nth-child(2n+2) article h1, #services > div:nth-child(2n+2) article h2, #services > div:nth-child(2n+2) article h3, #services > div:nth-child(2n+2) article h4, #services > div:nth-child(2n+2) article h5, #services > div:nth-child(2n+2) article h6, #services > div:nth-child(2n+2) article p, #services > div:nth-child(2n+2) article a{ color: #fff; }
#services > div:nth-child(2n+2) ul.listed_more li, #services > div:nth-child(2n+2) a.view_more { border-bottom: 1px solid #fff; }

.service div:nth-child(2n+1) .banner_txt::before { background-image: linear-gradient(to bottom , rgba(255,255,255,1) , rgba(255,255,255,0)); }
.service div:nth-child(2n+2) .banner_txt::before { background-image: linear-gradient(to bottom , rgba(0,0,0,1) , rgba(0,0,0,0)); }

.service div:nth-child(2n+1) .banner_txt::after { background-image: linear-gradient(to bottom , rgba(255,255,255,0) , rgba(255,255,255,1)); }
.service div:nth-child(2n+2) .banner_txt::after { background-image: linear-gradient(to bottom , rgba(0,0,0,0) , rgba(0,0,0,1)); }



.servicebadge{ width:200px; height: 200px; background-color: transparent; position: absolute; z-index: 9; top: 20%; left: 5%; transform: translateY(-50%); background-size: cover; background-position: center; }

#services h1{ font-family: '../fonts/avenir'; font-size: 60%; text-transform: uppercase; letter-spacing: 0.4em; }
#services h2{ font-family: '../fonts/PlayfairDisplay-Medium'; font-size: 28px; }
#services h3{ font-family: '../fonts/PlayfairDisplay-Medium'; font-size: 14px; }


.parallax { position: relative; min-height: 300px; height: 60vh; display: flex; justify-content: center; align-items: center; transform-style: preserve-3d; z-index: -1; }
.parallax div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; background-position: center; background-size: cover; filter: contrast(1.2); box-shadow: 0px 0px 8px rgb(255 255 255 / 70%); }
.parallax h2 { position: relative; z-index: 1; }

.background { transform: translateZ(-6px) scale(2) rotate(-5deg); opacity: 0.6; }
.foreground { transform: translateZ(-5px) scale(1.5) rotate(2deg); opacity: 0.8; width: 50%; }

/*.box {
	padding: 1em 2em;
	margin: 0 .5em;
	background: #ddd;
	will-change: transform;
}

.box::before {
	content: attr(data-timing);
}

.easeBox { transform: translateY(var(--ty)); }*/


.single_banner{ display:block; /*overflow: hidden;*/ position: relative; }

/*.gradient_top{ position:absolute; z-index: 3; top: 0; left: 0; right: 0; width: 100%; height: 40px; background-color: hotpink; }
.gradient_bottom{ position:absolute; z-index: 3; bottom: 0; left: 0; right: 0; width: 100%; height: 40px; background-color: violet; }*/

/*.service .home_banner_txt { display: block; background-color: #283680; transition: all 0.5s; overflow: hidden; }
.service .home_banner_txt article{ position: relative !important; background-color: #f69f1b !important;  z-index: 8; display: block; width: 40%; height: 300px !important; top:0%; transform: translateY(0%, 0%) !important; transition: all 0.5s; padding: 120px 0; overflow: auto; }*/
.service .banner_txt { display: block; position: relative; overflow: hidden; width: 35%; height: 450px; /*top:51% !important; left:14%;*/ transform: translateY(40%); text-align: center; }
.service .banner_txt::before{ content:''; position: absolute; z-index:9; top:0; left:0; right:0;  width:100%; height:70px; display: block; }
.service .banner_txt::after{ content:''; position: absolute; z-index:9; bottom:0; left:0; right:0; width:100%; height:70px; display: block; }
.service .banner_txt article{ position: relative; display: block; width: 100%; height: 450px; overflow: auto; padding: 35px 20px; }
.timePricing{  font-family: '../fonts/TheMixSemiBold-Plain'; font-size: 18px !important; padding: 20px 0; }

.service .banner_txt { }
.service div:nth-child(odd) .banner_txt, .service div:nth-child(2n+1) .banner_txt{ /*display:table;*/  margin-right:auto; margin-left:10%; }
/*.service div:nth-child(odd) .home_banner_txt article{ width:100%;  }*/

.service div:nth-child(even) .banner_txt, .service div:nth-child(2n+2) .banner_txt{ /*display:table;*/ margin-right:15%; margin-left:auto; }
/*.service div:nth-child(even) .home_banner_txt article{ width:100%; }*/




.serv_wrap_content{ position:relative; z-index: 2; width: 100%; min-height: 300px !important;  height: auto !important; overflow: auto; padding: 40px 20px; transition: all 0.5s; }

.more_on_service.off{ position: absolute !important; opacity: 0; /*transform: translateY(100%);*/ width: 0px !important; height: 0px !important; display: none; }
.more_on_service{ position: relative !important; opacity: 1; /*transform: translateY(0%);*/ transition: all 0.5s; margin: 0 auto !important; width: 90% !important; height: auto !important; display: block; }





/*.service .home_banner_txt article div.serv_wrap_content{ position: absolute; z-index: 2; display: block; width: 100%; height: auto; background-color: yellowgreen; overflow: auto;  }*/
/*.service .home_banner_txt article::before{ content:''; position: fixed; z-index:9; top:0; left:0; right:0; background-image: linear-gradient(to bottom , rgba(255,255,255,1) , rgba(255,255,255,0)); width:100%; height:100px; display: block; }
.service .home_banner_txt article::after{ content:''; position: fixed; z-index:9; bottom:0; left:0; right:0; background-image: linear-gradient(to top , rgba(255,255,255,1) , rgba(255,255,255,0));  width:100%; height:100px; display: block; }*/

/*.service div:nth-child(odd) .home_banner_txt{  width:35%; height:100vh; position:relative; color:#fff; margin-right:auto; margin-left:10%; }
.service div:nth-child(odd) .home_banner_txt article{ width:100%;  }

.service div:nth-child(even) .home_banner_txt{  width:35%; height:100vh; position:relative; color:#fff; margin-right:15%; margin-left:auto; }
.service div:nth-child(even) .home_banner_txt article{ width:100%; }
*/


.service div:nth-child(odd) .section_banner_small_col_1 { /*width: 400px; height: 300px;*/ width:25%; height:50vh; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: absolute; top:50%; right: 0; z-index: 2; transform: translateY(-50%);  }
.service div:nth-child(odd) .section_banner_small_col_2 { /*width: 300px; height: 400px;*/ width:25%; height:70vh; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: absolute; top:50%;  right: 23%; z-index: 1; transform: translateY(-70%); }

.service div:nth-child(even) .section_banner_small_col_1 { /*width: 400px; height: 300px;*/ width:25%; height:50vh; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: absolute;  top:50%;  left: 0; z-index: 2;  transform: translateY(-50%);  }
.service div:nth-child(even) .section_banner_small_col_2 { /*width: 300px; height: 400px;*/ width:25%; height:70vh; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: absolute;  top:50%; left: 23%; z-index: 1; transform: translateY(-70%); }

.view_more{ display: block; width: 80%; height: auto; border-bottom: 1px solid #000; color: #000; text-align: left; padding: 10px 0 10px 20px; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-size: 14px; background-position:center right; font-size: 100% !important; margin:6% auto; }

.service > div:nth-child(odd) a.view_more, .service > div:nth-child(2n+1) a.view_more{ background-image: url("../images/arrow_down.png"); }
.service > div:nth-child(even) a.view_more, .service > div:nth-child(2n+2) a.view_more{ background-image: url("../images/arrow_down_white.png"); }

.service div:nth-child(odd) a.view_more.on, .service div:nth-child(2n+1) a.view_more.on{  background-image: url("../images/arrow_up.png");  }
.service div:nth-child(even) a.view_more.on, .service div:nth-child(2n+2) a.view_more.on{  background-image: url("../images/arrow_up_white.png");  }

/*.view_more.on{  background-image: url("../images/arrow_up.png");  }*/
a.view_more{ text-decoration: none; color: #000; }
a.view_more:hover{ text-decoration: none; color: #000; }

.service .banner_txt article h1{ position:relative;}

.service .banner_txt article h1::before{ background-repeat: no-repeat; background-position:top center; position: relative; top:-10px; left: 50%; transform: translateX(-50%); width: 50px; height: 40px; display: block; background-size: 100% auto; /*border-bottom:3px solid #fbb03b;*/ margin: 0 0 20px 0; }

.service .banner_txt article h1::after{ content:''; width:50px; height:3px; background-color:#fbb03b; position:absolute; top:52%; left:50%; right:0; transform: translateX(-50%); }



.massage h1::before, #massage h1::before { content: ""; background-image: url('../images/icon_massage.png'); }

.facial h1::before, #facial h1::before{ content: ""; background-image: url('../images/icon_facial.png'); }

.exfoliation h1::before, #exfoliation h1::before{ content: ""; background-image: url('../images/icon_body_treatment.png');  }

.hand_and_feet h1::before, #hand_and_feet h1::before{ content: ""; background-image: url('../images/icon_hand_and_feet.png'); }

.haircut h1::before, #haircut h1::before{ content: ""; background-image: url('../images/icon_haircut.png'); }

.grooming h1::before, #grooming h1::before{ content: ""; background-image: url('../images/icon_haircut.png'); }

.wax_treatment h1::before, #wax_treatment h1::before{ content: ""; background-image: url('../images/icon_wax_treatment.png'); }

.steam_bath h1::before, #steam_bath h1::before{ content: ""; background-image: url('../images/icon_steam_bath.png'); }



ul.listed_more{ padding:0 0 0 20px; }
ul.listed_more li{ border-bottom: 1px solid #000; }
ul.listed_more p{ font-size:90%; }

#newsletter{ z-index: 4; height: auto !important; min-height: 300px !important; color: #fff; position: relative; overflow: hidden; padding: 100px 0 !important; }
#newsletter::before{ content: ""; position: absolute; z-index: 2; top:0; right: 0; left: 0; bottom: 0; background-color: rgba(255,255,255,0.5); }
#newsletter .single_banner { position: relative; z-index: 4; width: 70%; margin: 0 auto; }
#newsletter .single_banner article{ display: table; }
#newsletter .single_banner article div{ display: table-cell;  vertical-align: middle; }
.right{ width:50%; float: right; }
.left{ width:50%; float: left; text-align: right; }

#newsletter h1{ font-size: 45px; margin: 0 40px 0 0; color: #000 !important; }
#newsletter input[type="text"]{ float: left; width: 38%; padding: 8px 5px !important; margin: 50px 5px 0 0; color: #000 !important; font-size: 13px !important; font-family: '../fonts/avenir'; border: 2px solid #000; }
#newsletter button{ float: left; width: 20%; margin: 50px 0 0 0; padding: 9px 5px; text-align: center; background-color: #606060 !important; font-size:13px !important; text-transform: uppercase; font-family: '../fonts/avenir'; border: none !important; }
#newsletter input::placeholder{ color:#000 !important; opacity: 1 !important; }


#etiquette{ z-index: 4; position: relative; }
#etiquette .home_banner_txt { display: table; width: 40%; height: 100vh; position: relative; left: 52%; color: #000; }
#etiquette .section_banner{ width: 300px; height: 400px; background-color: aqua; background-repeat: no-repeat; background-size: cover; background-position:fixed; background-position: center center; position: absolute; top: 30%; left: 20%; z-index: 1; }
#etiquette h1{ width: 200%; color:#000; position: relative; margin-top:-50px; left: -20%; font-family: '../fonts/PlayfairDisplay-Regular'; }
#etiquette .home_banner_txt ul , #etiquette .home_banner_txt ol { margin:0 0 10px 0 !important; padding: 0 !important; }
#etiquette .home_banner_txt ul li, #etiquette .home_banner_txt ol li{ margin:0 0 10px 0 !important; }
#etiquette .home_banner_txt p{ margin:0 0 20px 0 !important; }
#etiquette .home_banner_txt p:first-child{ padding:80px 0 0 0; }
#etiquette .home_banner_txt p:first-child::before{ content: ""; background-image: url('../images/icon_lotus.png'); background-repeat: no-repeat; background-position: center; position: absolute; top:-10px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; display: block; background-size: contain; border-bottom:3px solid #fbb03b; }



#more{ z-index: 4; height: auto !important; min-height: 300px !important; color: #fff; position: relative; overflow: hidden; padding: 200px 0 !important; }
#more::before{ content: ""; position: absolute; z-index: 2; top:0; right: 0; left: 0; bottom: 0; background-color: rgba(255,255,255,0.9); }
#more .single_banner { position: relative; z-index: 4; width: 70%; margin: 0 auto; }
ul.more_items{ display:block; text-align: center; width:100%; padding:0 !important; }
ul.more_items li{ width: 30%; display: inline-block; color:#000; font-size: 25px; color: #000 !important; font-family: '../fonts/PlayfairDisplay-Regular'; line-height:0.98em; }
.more_items h1, .more_items p{ font-size: 25px; /*margin: 0 40px 0 0;*/ color: #000 !important; font-family: '../fonts/PlayfairDisplay-Regular'; }



#contact{ z-index: 4; position: relative;  }
#contact .single_banner { position: relative; z-index: 4; width: 70%; height: 80vh; margin: 0 auto; display: table; }
#contact .wrapper{ display: table-cell;  vertical-align: middle; }
#contact .wrapper article{ width:100%; }
#contact h1{ color:#000; position: relative; margin-top:0px; left: 0%; font-family: '../fonts/PlayfairDisplay-Regular'; text-align:center; }
#contact iframe{ width:100% !important; height: 400px !important; }
#contact .wpcf7{ width:70%; margin:0 auto; }



.content_wrapper{ display: block; overflow: hidden; width: 100%; height: auto; }
.content_wrapper h1, .content_wrapper h2, .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6{ font-family: '../fonts/PlayfairDisplay-Regular'; margin:30px 0 20px 0; }
.inside_banner{ width: 100%; height: 60vh; background-repeat: no-repeat; background-size: cover; background-position:fixed; background-position: center center; position: relative; top: 0; left: 0; right:0; z-index: 1; }
.inside_banner::before{ content:''; position: absolute;  top: 0; left: 0; right: 0; bottom: 0; /*background-color: rgba(0,0,0,0.5); background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1) 20%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); */}
.inside_banner h1{ color:#fff; position: absolute; bottom:0; left: 15%; right: 15%; font-family: '../fonts/PlayfairDisplay-Regular'; margin:20px 0 50px; font-size: 50px; text-shadow: #000 0px 2px 5px; }

.inside_content{ width: 70%; margin:0 auto; height: auto; padding:40px 0; overflow: hidden; }




footer{ color:#fff; text-align: center; position: relative; z-index: 4; bottom:0; left: 0; right: 0; font-size: 11px; }

/*footer .kikoi{ width:200px; height:25px; position: fixed; z-index: 2; bottom: 80px; left: 50%; transform: translateX(-50%); opacity:1; transition: all 0.5s; }
footer .kikoi.off{ bottom: -50px; opacity:0; }*/

footer .kikoi{ width:200px; height:25px; position: fixed; z-index: 2; bottom: 80px; left: 50%; transform: translateX(-50%); opacity:0; transition: all 0.5s; }

#footer_top{  width:100%; height:300px; overflow: hidden; background-color:grey; }



#footer_bottom{ width:100%; height:auto; overflow: hidden; background-color:#000; color: #fff; padding: 40px 0; }
#footer_bottom .row{ width:80% !important; margin: 0 auto; text-align: left !important; }
#footer_bottom .row:nth-child(even){ padding: 80px 0 0 0; }
#footer_bottom .col-lg-4{ width: 25% !important; }

footer h1{ color:#fff; position: relative; margin-top:0px; left: 0%; font-family: '../fonts/PlayfairDisplay-Regular' !important; font-size: 20px;  }
footer p{ display: inline-block; font-size: 11px; color: #fff; width:80%; }
footer a { color:#fff; text-decoration: none; padding: 0; margin: 0; line-height: normal; font-size: 11px; }
footer a:hover{ color:#fff; text-decoration: underline; }
footer.grey, footer.grey a, footer.grey p{ color: #686464 !important; }

footer ul.footer_nav{ display:block !important; list-style-type: none !important; padding: 0 !important; margin: 0 !important; }
ul.working_hours{ width: 80%; display: block; list-style-type: none; padding: 0 !important; margin: 0 !important;  }
ul.working_hours li{ padding: 10px 0 !important; margin: 0 !important;  border-bottom: 1px solid #fff; }

.extralinks{ font-size: 11px; }
.extralinks a{ padding:0 5px !important; margin:0 5px !important; }
span.work_day{ width: 40%; display: inline-block; }

#footer_bottom{}


@media only screen and (max-width: 1540px) {

/*body{ display: none; }*/
.kikoi.active{ bottom: 42%; }
#about h1 {top: 13%;}
	
}


@media only screen and (max-width: 1200px) {

h1 { font-size: 390%; }   

.mainnav nav ul li { font-size: 10px;}
.mainnav nav ul li a { padding-right: 10px !important; }
.mainnav nav ul li.book a { padding: 5px 6px !important; }
#about h1 { top: 6%; }	
#about .home_banner_txt { transform: translateY(-55%);}
.servicebadge { width: 150px; height: 150px;}
.service div:nth-child(2n) .banner_txt, .service div:nth-child(2n+2) .banner_txt { margin-right: 10%; }
#newsletter .single_banner article.left, #newsletter .single_banner article.right { display: table; width: 100%; float: none; }
#etiquette .section_banner { width: 300px; height: 400px; top: 20%; left: 15%;}
#etiquette h1{ margin-top: 0; }
#etiquette .home_banner_txt { padding-top: 50px; }
#footer_bottom .col-lg-4, #footer_bottom .col-lg-6 { width: 50% !important; float: left; padding-bottom: 30px; }

}


@media only screen and (max-width: 1024px) {


	
}

@media only screen and (max-width: 960px) { 
	


.mobi_menu_icon{ display:block; background-color: rgba(255,255,255,1); padding: 12px 6px; }
.mobile_logo { display: block; }	

	
header{ display: block; transform:translateX(-100%); width:100%; height: 100%; }
header.active{ display: block; transform:translateX(0%); }
	
header nav{ position:fixed; left:0; top:60px; bottom:0; /*transform:translateX(-200%);*/ transition:all 0.4s; width:80%; height:100%; background-color:rgba(255,255,255,1); overflow:auto; }
header.active nav{ /*transform:translateX(0%);*/ background-color:rgba(255,255,255,1); }
header nav ul{ display: block; float: none; width:92%; margin: 0 auto; }
header nav ul li { display:block; float: none; margin: 10px 0px; transition: 0.6s;  transform: translateY(0%); opacity: 1; }
header nav ul li a { padding: 20px 0px; }
header.on nav ul li a { padding: 20px 0px; }
header nav ul li.current-menu-item a{ border-bottom:none; background-color:#fff; color:#000; }
header.on nav ul li.current-menu-item a{ border-bottom:none; background-color:#000; color:#fff; }
	
.header_logo { top: 20px !important; left: 20px !important; transform: translateX(0%); width: 150px; position: absolute;  display: none; }	

.header_logo.off { top: 100px; opacity: 1; transition: all 0.5s; position: fixed !important; }	
.header_logo a > div:nth-child(2n+1){ display: none; }
.header_logo a > div:nth-child(2n+2){}
.logo div.off { display: block; transform: translateY(0%); }

.mobile_logo{ position: fixed; top:20px; left: 20px; z-index: 7; width: 150px; height:auto;  }	
.mobile_logo a > div:nth-child(2n+1){ display: none; }
.mobile_logo a > div:nth-child(2n+2){}
	
	
.col-lg-4{ width:100%; float: none; display: block; }	
.col-lg-8{ width:100%; float: none; display: block; }
.col-lg-6{ width:100%; float: none; display: block; }


.mainnav{ position: fixed; z-index: 6; top: 0; right: 0; bottom: auto; left:0; width: 100%; height: auto; min-height: 150px; height: 100%; overflow: visible; }
.mainnav.on{ background-image: none; background-color: rgba(115,141,151,0.9); min-height: 100px; height: 100%; }
.mainnav nav{ width:80%; height:100vh; position:absolute; top:0; right:0; bottom: 0; z-index:2; display: table; vertical-align: middle; padding: 0 30px; transition: all 0.4s; transition-delay: 0.8s; }
.mainnav nav.on{ opacity: 1; transform: translateX(0%);  }
.mainnav nav ul{ display:table-cell; text-align: left; vertical-align: middle !important; font-family: '../fonts/avenir'; font-size: 12px; text-transform:capitalize; margin:0; padding:0; letter-spacing: 1px; height: auto; }
/*.mainnav nav ul:first-child{ padding-right: 30px;}*/
.mainnav nav ul li{ display: block; float: none; margin:10px 0; transition:0.6s; transform: translateY(0%); opacity: 1; }
.mainnav nav ul li.on{ transform: translateY(0%); opacity: 1; }
.mainnav nav ul li.current-menu-item a{ border-bottom:2px solid #fff;  }
.mainnav nav ul li a{ display: block; width: auto; color: #000; text-transform: uppercase; padding: 2px 10px; margin:0; border-bottom: 0px solid #000; transition:all 0.4s; position:relative; outline:none; font-family: '../fonts/avenir'; font-weight: 500; }
.mainnav nav ul li a:hover, .mainnav nav ul li a.active{ color:#000; text-decoration: none; /*border-bottom: 2px solid #fff;*/ transition:all 0.4s; }

.mainnav nav ul li a.scrolled{ color:#000 !important; }

.mainnav nav ul li ul{ position: relative; width: 100%; height:auto; display: block; top:auto; padding: 20px 0 0 20px; background-color: transparent !important; background-image: none !important; }
.mainnav nav ul li ul li{ display:block; margin:0; padding: 0; text-align: left; }


header nav ul li ul{ position:relative; padding:10px 0; margin:0; top:58px; left:20px; width:140px; display:block; transform:translateY(0%); opacity:1; transition:all 0.4s; visibility:visible; text-align: left; }
header nav ul li ul.show{ display:block; visibility:visible; transform:translateY(0%); opacity:1; }
header nav ul li ul li{ display:block; width:100%; padding:0 20px; margin:2px 0; }
header nav ul li ul li a{ margin:0; padding:10px 0; text-align: left;}
header nav ul li ul li ul{ display:none; }
	
	
.main_banner .logo { width: 200px; height: auto; margin: 0 auto 50px; }	
.main_banner h1 { font-size:50px; }
	
.home_banner_txt{ display:table; width: 90%; height: 100vh; position: relative; left: auto; margin:0 auto;  color: #fff; }

#about {  padding: 200px 0 0 0; }

#about .section_banner { margin:100px auto 20px; width: 90%; height: 200px; position: relative; top: auto; left: 0; z-index: 1; }

	
#about p{ text-align: center; }

#about .home_banner_txt { display: block; width: 90%; margin: 0 auto; text-align: center !important; height: auto; position: relative; left: auto; color: #000; }	

	

.nav_left{ width:100% !important; height: auto; float: none; display: block; display: block; text-align: left; }
.nav_right{ width:100% !important; height: auto; float: none; display: block; display:block;  text-align: left; }

.home_banner_txt{ left:auto !important; right:auto !important; }	
	
.service .home_banner_txt article{ display:block; vertical-align: middle; text-align: center; width: 40%; height:auto; position: relative; }
.service div:nth-child(odd) .home_banner_txt { display: block; width: 100%; height: auto; position: relative; color: #fff; margin-right: auto; margin-left:auto; padding: 50px 0 30px; }
.service div:nth-child(odd) .home_banner_txt article{ width:60%; margin: 0 auto;  }
.service div:nth-child(even) .home_banner_txt { display: block; width: 100%; height: auto; position: relative; color: #fff; margin-right: 10%; margin-left: auto; }
.service div:nth-child(even) .home_banner_txt article{ width:60%; margin: 0 auto;  }	
	
	
.service div:nth-child(odd) .section_banner_small_col_1 { width: 400px; height: 300px; background-color: aqua !important; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; right: 0; z-index: 2; transform: translate(25%,80%);  }
.service div:nth-child(odd) .section_banner_small_col_2 { width: 300px; height: 400px; background-color: aqua; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; right: 0%; z-index: 1; transform: translate(150%,-50%); }

.service div:nth-child(even) .section_banner_small_col_1 { width: 400px; height: 300px; background-color: aqua !important; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; left: 0; z-index: 2;  transform: translate(25%,80%);  }
.service div:nth-child(even) .section_banner_small_col_2 { width: 300px; height: 400px; background-color: aqua; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; left: 0%; z-index: 1; transform: translate(150%,-50%); }	
	
	
.left { width: 100%; float: none; text-align: center; }
.right { width: 100%; float: none; }
	
ul.working_hrs_list { display: block; padding: 0; margin: 0 0 0 0; list-style-type: none; }	
ul.working_hrs_list li span:nth-child(2n+1) { text-align: center; }
ul.working_hrs_list li span:nth-child(2n+2) { text-align: center; float: none; }
ul.working_hrs_list li span{ display: block; padding: 10px 0; }	
	
#working .single_banner article { display: table; min-height: auto; }	
#working .single_banner { position: relative; z-index: 4; width: 70%; margin: 0 auto; padding: 90px 0; }	
	
#etiquette .home_banner_txt { display: table; width: 80%; margin:0 auto; height: auto; position: relative; left: auto; color: #000; padding: 40px 0; margin: 70px auto; }
#etiquette .section_banner {  width: 90%; height: 300px; position: relative; top: auto; left: auto; z-index: 1; margin:140px auto 20px; }	
#etiquette h1 { top: -60px; margin-top: 0px; left: auto; font-family: '../fonts/PlayfairDisplay-Regular'; text-align: center; }	
	
ul.more_items li { width: 90%; display: block; margin: 0 auto 30px; }	
	
#contact .wrapper article { width: 90%; margin: 0 auto; min-height: auto !important; }	
#contact h1 { text-align: center; }
#contact input[type="button"], #contact button { width: 100%; }	
section {  min-height: auto !important; height: auto !important; }
	
	
#footer_bottom .col-lg-4 { width: 100% !important; padding: 0 0 20px 0; }
#footer_bottom .row { width: 80% !important; margin: 0 auto; text-align: center !important; }
	
ul.working_hours { width: 80%; margin: 0 auto !important; }


.inside_banner{ width: 100%; height: 60vh; background-repeat: no-repeat; background-size: cover; background-position:fixed; background-position: center center; position: relative; top: 0; left: 0; right:0; z-index: 1; }
.inside_banner h1{ left: 5%; right: 5%; margin:2% 0 5%; font-size: 20px; }

.inside_content{ width: 90%; padding:20px 0;  }
	
#footer_bottom .col-lg-4 { width: 100% !important; margin: 0 0 20px; display:block; }
ul.bwl_socials { margin: 30px 0 100px 0; text-align: center; }
	
/*-------------------------*/
.home_logo.active { top: 15%; }
.kikoi.active { bottom: 43%; }
h1.home_text_header{ width:80%; }
#about h1 { margin-top: 0px; left: 10%; text-align: center; top:10px; font-size:40px;  width: 80%; }
.sector_image_holder { width: 90%; height: 50vh; position: relative; top: 0%; transform: translateY(-20%); overflow: hidden; z-index: 1; margin: 0 auto; }

.service div:nth-child(odd) .section_banner_small_col_1 { width: 400px; height: 300px; background-color: aqua !important; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; right: 0; z-index: 2; transform: translate(25%,80%);  }
.service div:nth-child(odd) .section_banner_small_col_2 { width: 300px; height: 400px; background-color: aqua; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; right: 0%; z-index: 1; transform: translate(150%,-50%); }

.service div:nth-child(even) .section_banner_small_col_1 { width: 400px; height: 300px; background-color: aqua !important; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; right: 0; z-index: 2; transform: translate(25%,80%); }
.service div:nth-child(even) .section_banner_small_col_2 { width: 300px; height: 400px; background-color: aqua; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; right: 0%; z-index: 1; transform: translate(150%,-50%); }

.service .banner_txt { width: 80%; height: auto; transform: translateY(30%); }
.mobi_logo{ opacity: 1; transform: translateX(0px); position: fixed; top:0; left: 0; z-index: 5; width:200px; height:120px; background-color: #fff; }
.mobi_logo.off{ opacity: 0; transform: translateX(-300px); }


.service div:nth-child(2n+1) .banner_txt, .service div:nth-child(2n+1) .banner_txt { margin-left:auto; }
.servicebadge { width: 100px; height: 100px; }

.service .banner_txt { transform: translateY(0%); }
#etiquette h1{ width: 100%; top: 0px; }
	
	
	
}

@media only screen and (max-width: 700px) { 
	

/*#services > div { width: 50%; min-width: 50vh; margin: 0 auto; }	
	
.service div:nth-child(odd) .home_banner_txt article, .service div:nth-child(even) .home_banner_txt article{ width:100%; margin: 0 auto;display: block; }
.service div:nth-child(even) .home_banner_txt, .service div:nth-child(odd) .home_banner_txt { display: block; width: 100%; height: auto; position: relative; color: #fff; margin-right:auto; margin-left: auto; }

.service div:nth-child(2n+1) .section_banner_small_col_2, .service div:nth-child(2n+2) .section_banner_small_col_2 { transform: translate(0%,-70%); }*/
	
.service div:nth-child(2n+1) .banner_txt, .service div:nth-child(2n+1) .banner_txt { margin-left:6%; }	
.service div:nth-child(odd) .section_banner_small_col_1, .service div:nth-child(even) .section_banner_small_col_1 { position: relative; transform: translate(0,0) !important; width: 50%; }
.service div:nth-child(odd) .section_banner_small_col_2, .service div:nth-child(even) .section_banner_small_col_2 { position: relative; transform: translate(70%,-80%) !important; width: 50%; }

.service .banner_txt article { height: auto; }	
.serv_wrap_content { min-height: auto !important; }

#services > div { min-height: auto; }
#newsletter input[type="text"] { float: none; width: 100%; margin: 20px 5px 0 0; }
#newsletter button { float: none; width: 100%; margin: 20px 0 0 0; }

#footer_bottom .col-lg-4, #footer_bottom .col-lg-6 { width: 100% !important; float: none; padding-bottom: 0px; }
#footer_bottom .row:nth-child(2n) { padding: 20px 0 0 0; }
ul.bwl_socials { padding: 0 0 0 0 !important; }
	


}

@media only screen and (max-width: 500px) { 

.service div:nth-child(2n+1) .banner_txt, .service div:nth-child(2n+1) .banner_txt { margin-left: 6%; width: 52%; }
/*.section_banner_small_col_1 { position: relative;  transform: translate(0,0) !important; width: 33%; }
.section_banner_small_col_2 { position: relative; transform: translate(75%,-80%) !important; width: 37%; }*/


}