/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0

*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */

/*ARROWS*/
@font-face {
    font-family: 'Arrows';
    src: url('fonts/arrows/Glyphter.eot');
    src: url('fonts/arrows/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/arrows/Glyphter.woff') format('woff'),
         url('fonts/arrows/Glyphter.ttf') format('truetype'),
         url('fonts/arrows/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*ICONS*/
@font-face {
    font-family: 'Icons';
    src: url('fonts/icons/Glyphter.eot');
    src: url('fonts/icons/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/icons/Glyphter.woff') format('woff'),
         url('fonts/icons/Glyphter.ttf') format('truetype'),
         url('fonts/icons/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Glyphter (http://www.glyphter.com) on  Wed Sep 07 2016*/
@font-face {
    font-family: 'Glyphter';
    src: url('fonts/Glyphter.eot');
    src: url('fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('fonts/Glyphter.woff') format('woff'),
         url('fonts/Glyphter.ttf') format('truetype'),
         url('fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-facebook:before{content:'\0041';}
.icon-twitter:before{content:'\0042';}
.icon-googleplus:before{content:'\0043';}
.icon-youtube:before{content:'\0044';}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;	
	font-family: 'Roboto', sans-serif;
}
html, body{font-family: 'Roboto', sans-serif;	font-size: 14px;	line-height: 17px; }




html {  position:relative; overflow-x:hidden; }

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
img{ max-width:100%;}
h1{
	color:#434343;
	font-size:24px;
	font-weight:bold;
}
h3{
	color:#434343;
	font-size:24px;
	line-height: 26px;
	font-weight:normal;
	font-style:italic;
	font-family: "Times New Roman", Times, serif;
	margin: 24px 0 0;
}

ol, ul{ margin-left:20px; padding-left:5px; }

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter{ text-align:center; }
img.aligncenter {display: block;margin-left: auto;margin-right: auto;height: auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a:hover, a:link, a:visited{
	color:black;
	text-decoration:none;
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box;}

.nodisp{ display:none; }
.ninesixty{width: 1130px;position:relative;margin:0 auto;}
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, li{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

::selection {
  background: #8a838a; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #8a838a; /* Gecko Browsers */
   color:#FFF;
}

/*What's new*/
	.dialog {  z-index: 99999; }
	.dialog button {padding: 1em 2em;outline: none;font-weight: 600;border: none;color: #fff;background: #c73b73;position: absolute;top: -49px;margin-left: -40px;cursor: pointer;}
	.videocontent iframe{ width:100%; border:0; margin:0; max-width:1020px; overflow:hidden; }
	.articletitle{ width:30%; float:left; }
	.article_filters{ position:relative; float:right; width:70%; text-align:right;}
		.article_filters li{ list-style:none; display:inline-block; font-size:14px; text-transform:uppercase; background:#fbfbfb; padding:0 10px;  cursor:pointer; }
			.article_filters li, .article_filters li *, .article_filters li a{ color:#74bfc3; }
			.article_filters li.activefilter { background:rgb(116, 191, 195) !important; color:#FFF !important; }
			.article_filters li:hover{ background:rgba(116, 191, 195, 0.18); color:#aaa; }
			.home_post.hidepost{/* width: 100%; */height: 0px !important;overflow:hidden;float:left;margin: 0;background:#FAF9F8;opacity:0;/* visibility: visible; */}
			
/*FOOTER*/
	.footer{ background:#221D51; padding:40px 0 }
	.flogo{ max-width:300px; margin:0 auto; margin-bottom:40px; }
	.footercontent{ width:960px; margin:0 auto; position:relative;  }
	.menu-footer-menu-container{width: 25%;float:left;}
	.footercontent li{ list-style:none }
	.footercontent ul{ margin:0 }
	.footercontent ul:first-of-type li.menu-item-has-children{display:block;width: 100%;float: none;}
		.footercontent ul:first-of-type li.menu-item-has-children a, .footercontent ul:first-of-type li.menu-item-has-children a, .footercontent ul li  a{font-size: 17px;color: #FFF;padding: 0;
		line-height: 35px; font-weight:bold; }
		.footercontent ul ul li a{ font-weight:400 !important; }
		.footercontent .page_item a:first-of-type { color:#d58e9b; }  
	.footercontent a{color:#FFF;text-transform:uppercase;line-height:30px;font-weight: 400;}
	.footercontent .sub-menu a{font-size: 13px !important;font-weight: 300;}
	.footermiddle{color:#FFF;width: 42%;float: left;margin-right: 3%;}
	.footerleft{color:#FFF;width: 30%;float: left;}
		.nlsignup{ display:block; margin:10px 0; position:relative }
		.nlsignup input{ background:#4F4B75; border:0; margin-bottom:5px; height:40px; width:100%; box-sizing:border-box; padding:0 10px; }
		.nlsignup input::placeholder{ color:#FFF; }
		.flefttitle{ font-size: 17px; text-transform:uppercase; color:#FFF; padding-bottom:15px;   }
		.footersocmed{text-align:justify;width:100%;position: relative; }
			.footersocmed span{ display:inline; }
			.footersocmed span:after{ color:#FFF; font-size:25px; padding:0 27px 0 0}
			.footersocmed a{ color:#FFF;text-transform:uppercase;line-height:30px;font-weight: 400;  }

			
/*DEFAULT*/
	.header{top:0;position: fixed;top: 0;z-index: 999999999;}
	.nav-up {  }
	.nav-up .logo{  }
	
	.pagecontent{  }
		#contentflexible h2{ padding:20px 0; }
		.pagecontent h1{/* font-family: "Times New Roman", Times, serif; */font-size:72px;line-height:62px;display:block;padding-bottom:20px;color:#a09fa0;/* text-align:center; */margin:0px 0 40px;}
		.pagecontent .prod_left h1{line-height:24px;padding: 30px 0;margin-bottom: 0;}
	.sublogo{max-width:200px;max-height:50px;position:absolute;top:-80px;left: 80px;}
	

	.header_banner{display:block;width:100%;position: fixed;clear:both;z-index: 10000;background: #FFF;top:0;height: auto;}
		.call_now{ display:block; position:absolute; bottom:25px; left:50%; margin-left:-800px;}
			.call_text{ text-align:center; }
			.call_icon{ display:block; width:24px; height:24px; background:url("img/icon_call.svg"); background-repeat:no-repeat; background-position:50%; background-size:contain; position:relative; left:50%; margin-left:-12px; margin-bottom:10px;}
			.ct_title{ font-size:13px; }
			.ct_phone{ font-size:18px; line-height:20px; padding:6px 0 2px;}
			.ct_comment{ font-size:10px; }
		.header_banner.nav-up, .header_banner.nav-down{ top:-143px; box-shadow:0 0 15px 0 }
		.nav-up .call_now, .nav-down .call_now{ opacity:0; }
		.nav-up .sublogo, .nav-down .sublogo{top: 150px;}
		.nav-up .menubar, .nav-down .menubar{margin: 20px 0 0;}
		.nav-up .first_level_submenu, .nav-down .first_level_submenu{ top:70px }
		.header_partpay{ max-width:140px; float:right; position:relative; top:10px; }
		.footer_partpay{max-width: 129px;position:absolute;bottom: 18px;left:0;}
	.header_slider{height:535px;margin-top: 223px;position: relative;display: block;}
		.hs_image{ height:535px; background-size:cover !important; background-position:50% !important; position:absolute; top:0; left:0; width:100%; }
		.flexslider{width: 100%;margin:0;}
		.flexslider .slides > li {position: relative;width:60%;height: 535px;background: transparent;}
		.slider_text{width:50%;max-width:550px;position: relative;top: 50%;transform: translateY(-50%);z-index: 9;left: 50%;margin-left: -550px;}
			.textalign_Right .slider_text{right: 0;margin-right: 250px;}
			.textalign_Left .slider_text{ left:50%; margin-left:-550px; }
			.slider_text h1{font-family: "Times New Roman", Times, serif;font-size: 70px;line-height: 51px;display:block;padding-bottom:20px;color:#a09fa0;}
			.slider_text h2{ font-size:22px; color:#a09fa0; }
			.slider_text a{margin-top:20px;border:1px solid #a09fa0;width:auto;position:relative;display:block;width: 140px;text-align:Center;line-height:24px;text-transform:uppercase;color:#a09fa0;padding: 1px 10px 0;}
			.slider_text a:hover{ background:#a09fa0; color:#FFF;  }
	.header_image{margin-top:223px;width:100%;height: 349px;background-size:cover !important;background-position: 50% 40% !important;}
		.titletext{width:480px;position:relative;position: relative;top: 43%;transform: translateY(-50%);left:50%;margin-left:-600px;color:#FFF;}
		.fs_title{ font-family: "Times New Roman", Times, serif; font-size:50px; font-weight:bold;  line-height:45px; padding-bottom:10px;}
		.fs_subtitle{ font-size:18px; font-weight:300; line-height:22px }
		.textalignright{ left:50%; position:relative; display:block; margin-left:5%; }
	.topbar{height:50px;/* float:right; */text-align: right;}
		a.myaccount{ font-size:14px; color:#a3a2a3; text-transform:uppercase; line-height:50px; position:relative; }
			.myaccount:before{content:'';position:absolute;width:1px;height:34px;background:#cac9c9;right: -13px;}
			.myaccount:after{ content:'A'; font-family:'Arrows';  line-height:50px; padding:5px 10px 5px 20px; position:relative; top:0px;  font-size:12px; }
		.instagram{ padding-left:10px; height:50px;  display:inline-block; line-height:50px; text-align:center;}
			.instagram:after{ content:'C'; font-family:'Icons'; color:#a3a2a3; padding-right:15px; padding-left:20px;}
			.facebook:after{ content:'B'; font-family:'Icons'; color:#a3a2a3; padding-right:15px;}
			.twitter:after{ content:'F'; font-family:'Icons'; color:#a3a2a3; padding-right:15px;}
			.pinterest:after{ content:'D'; font-family:'Icons'; color:#a3a2a3; padding-right:15px;}
			.youtube:after{ content:'G'; font-family:'Icons'; color:#a3a2a3; padding-right:15px;}
	.logo{max-width:400px;display:block;margin:0 auto;clear: both;}

	.language_search{width: 25%;float:left;display:block;margin: 20px 0;}
		.searchbar{width: 80%;padding-left: 0;float:left;box-sizing: border-box; height:30px;  position:relative; top:2px; }
			.searchbar form{ display:block; padding:0;margin:0;}
			.searchbar input{ margin:0; display:block; line-height:30px; text-transform:uppercase; font-size:13px; border:0; }
				.searchbutton{ width:100%;  display:block; position:relative; height:30px;  }
					.searchbutton:after{position:absolute;right:0;width:30px;height:30px;content:'E';font-family:'Icons';display:block; top:0;padding:0;margin:0; line-height:30px;}
					.searchbar input[type="text"]{width:80%;float:left; border:1px solid #FFF; padding:0 10px; }
					.searchbar input[type="button"]{border:0;float:left;height:30px;background:transparent;position:relative;width: 0%;overflow:hidden; display:none;}
				.searchbar:hover input[type="text"]{ border:1px solid #a2a2a2  }
				.searchbar:hover input[type="button"]{ background:#a2a2a2; width:auto; font-family:'Icons'; font-size:13px; color:#FFF; padding:0 10px; width:40px; z-index:999; height:32px; display:block; cursor:pointer; }
				
		.headbar_cart{width:20%;float:left;position:relative;cursor: pointer;}
			.headbar_cart:after{ content:'A'; font-family:'Icons'; line-height:30px; font-size:21px; padding-top:0px; position:relative; display:block; width:100%;  text-align:center;   }
			.headbar_cart .hcart{ position:absolute; top:-15px; border-radius:50%; width:20px; height:20px; left:50%; margin-left:-12px; color:#FFF; line-height:20px; font-weight:bold; font-size:12px;  text-align:center;  box-sizing:border-box; background:#221d52; }
			
			.mobilmenu .headbar_cart{ background: #efc3cb; left:20px; height:40px; top:10px; }
			.mobilmenu .headbar_cart .hcart{top: 10px; left:20px;background:#a7888e;width: 100; }
			.mobilmenu .headbar_cart:after{ left:10px; top:5px;}
/*HOME*/
	.home_boxes{ width:100%; position:relative; margin-bottom:50px; display:block;  }
		.box{width:25%;float:left;display:block;background: #E0D9C8;height: 380px;position:relative; }
			.box.doublebox{ width:50%; }
				.trigger{background-size:cover !important;background-position:50% !important;cursor: pointer;}
					.trigger:after{content:'';width: 100px;height: 100px;x;display:block;position:absolute;top:50%;left:50%;background: url('img/videobutton.png');background-size: contain;transform: translate(-50%, -50%);}
					.howtovideos .trigger:after{ margin-top:-70px; }
				.howtousevideo{width:100%;height:350px;display: block;clear: both;position: relative; margin-bottom:30px;}
			.box span:before{width:100%;height:100%;content:'';position:absolute;background: rgba(0,0,0,0.3);transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
			.box span:after{ 
				 transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s;
				content:'';
				display:block; width:100%; height:100%; bottom:0; left:0; position:absolute;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e2d5+1,e7e2d5+100&0.8+0,0+100 */
				background: -moz-linear-gradient(45deg, rgba(231,226,213,0.8) 0%, rgba(231,226,213,0.79) 1%, rgba(231,226,213,0) 50%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, rgba(231,226,213,0.8) 0%,rgba(231,226,213,0.79) 1%,rgba(231,226,213,0) 50%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, rgba(231,226,213,0.8) 0%,rgba(231,226,213,0.79) 1%,rgba(231,226,213,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce7e2d5', endColorstr='#00e7e2d5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}

			.bestsellers{display:block; width:100%; height:100%; position:absolute; top:0;  background-image:url('img/20plus.jpg'); background-size:cover; background-position:50%; }
			.collections{display:block; width:100%; height:100%; position:absolute; top:0;  background-image:url('img/30plus.jpg'); background-size:cover; background-position:50%; }
			.superfood{display:block;width:100%;height:100%;position:absolute;top:0;background-image: url('img/anti-age.jpg');background-size:cover;background-position:50%;}
			.whatsnew{display:block; width:100%; height:100%; position:absolute; top:0;  background-image:url('img/50plus.jpg'); background-size:cover; background-position:50%; }
			.box h1{ font-size:60px; color:#FFF;  display:block;   position: relative;  top: 50%;  transform: translateY(-50%); text-align:center; line-height:50px; font-family:'Times New Roman', serif; }
			.box .boxtitle{position:absolute;z-index:9000;display:block;bottom:100px;width:100%;text-align:center;text-transform:uppercase;color:#FFF;font-size:20px;text-shadow: 0 0 7px rgba(0,0,0,0.5);}
		.box:hover span:after{ width:0; height:0;  }
		.box:hover span:before{ background:transparent; }
		.box:hover .boxtitle{ text-shadow:0 0 15px rgba(0,0,0,0.5)}

	.home_bestsellers h1{ font-family: "Times New Roman", Times, serif; text-align:center; color:#EAE9E9; font-size:52px; line-height:60px; margin-bottom:30px;  }
		.hometab{ padding:4px 0 0 0; background:#F3F3F3; width:25%; float:left; text-align:center; line-height:40px; border-right:4px solid #FFF; box-sizing:border-box; cursor:pointer;  color:#75BFC3; text-transform:uppercase; font-size:14px; font-weight:600; }
		.activehometab, .hometab:hover{ background:#E4F4F4; }
		
		.bestsellercontent{ width:100%; height:300px; overflow:hidden; position:relative}
		.tabcontent{ height:0; width:100%; position:absolute; top:-100%;  }
			.tabcontent .img_photo{ padding:10px; }
			.activecontent{ height:auto; top:0;}
			.homeprod{ width:25%; float:left;  }
			.newsprods{ width:33.33%; float:left; margin:30px 0; }
			.homeprod img, .newsprods img{ display:block; margin:0 auto; max-width:90%; max-height:150px;  }
			.home_prodname span{ display:block; float:left; margin-left:10%; width:40px; height:40px; background:#9DD1D4; position:relative; color:#FFF; border-radius:50%; text-align:center; line-height:40px; left:10px; }
			.home_prodname div{ display:block; float:left; width:calc( 80% - 60px ); padding-left:20px; color:#a3a2a3; font-family: "Times New Roman", Times, serif;  font-weight:bold; }

	.lotuseveryday{background:#F2F2F2;margin: 0;padding:40px 0;}
		.lotuseveryday .ninesixty{ width:1667px;  }
		.lotuseverydaytitle{ color:#A3A3A3;  font-family: "Times New Roman", Times, serif;  font-weight:bold; font-size:40px; line-height:26px }
		.lotuseverydaytitle span{ font-size:20px; display:block; font-weight:normal; margin-bottom:40px; }
		.posts:after{ content:''; clear:both; display:block; }
		.home_post{width:32%;float:left;margin-right:2%;background:#FAF9F8;margin-bottom:2%;height: 385px !important;transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;position: relative;}
			.home_post:nth-of-type(3n+3){ margin-right:0px; }
			.hp_image{ width:100%; height:240px; background-size:cover !important; background-position:50% !important; }
			.hp_content{ padding:20px; font-size:14px; color:#a3a2a3; }
			.hp_content h1{ font-size:18px; color:#a3a2a3; }
			.hp_content a{ display:block; margin-top:10px; color:#a3a3a3; border:1px solid #a3a3a3; width:80px; text-align:center; padding:3px 10px; text-transform:uppercase; font-size:12px; }

	.new_products{ margin-bottom:30px; display:block; }
	.new_products .homeprod{ width:32%; margin-right:2%; padding:20px; box-sizing:border-box; background:#FFF; margin-top:2%; }
	.new_products .homeprod:nth-of-type(3n+3){ margin-right:0;  }
/*CONTACT*/
	#sending, #sent{display:none;}
	.fields input, .fields textarea{ width:80%; display:block; margin-bottom:10px; padding:5px 10px; font-size:16px;  }
	.fields textarea{ height:150px;}
	.fields label{ text-transform: uppercase; font-family: 'Raleway', sans-serif;}
	.fields input[type="submit"]{ width:90px; float:right; margin-right:20%; background:#DFDDDC; border:0; }
	
	.contact_content{ margin:70px 0; }
	.mapdiv{ width:100%; height:500px; background:black; }
	.contactformpage input, .contactformpage select, .contactformpage textarea{ width:100%; box-sizing:border-box; border:1px solid #DDD; height:30px; background:#FFF; color:#d58e9b !important; padding:0 10px;  }
	.contactformpage input[type="submit"], .contactformpage input[type="button"]{ background:#d58e9b; color:#FFF !important; text-transform:uppercase; }
	.contactformpage textarea{ height:200px; margin-top:12px;} 
	.mapdiv{width:100%;height: 520px;background:#EFEFEF;}
	.footermap{width: 100%;height: 265px;display:block;float:left;}
	.contactinfo{ text-align:center;}
	.contactform{ width:50%; float:left; }
		.contactform p{ font-size:18px; line-height:20px; padding-bottom:5px; }
	.contactmap{width:50%;float:left;height: 650px;box-sizing:border-box;padding-left:50px;   }
	.contactmap .mapdiv {    width: 100%;   background: #EFEFEF; margin-top:20px; }

	.wheretobuymap{ width:100%; height:450px; }
/*MENU*/
	.main_menu{ z-index:9999; position:fixed; top:0; left:0; width:100%; box-sizing:border-box; background:rgba(255,255,255,0.7);  }
	.menubar{width: 75%;text-align: right;bottom:0;position:relative;box-sizing:border-box;margin: 20px 0 0;margin-left: 0px;float:left;}
	.submenu{ display:none; }
	

	.page_item	{		list-style: none;		padding: 0;		margin: 0;	display:inline-block; position:relative; position:relative;}
	.page_item:hover:after, .current_page_item:after, .parent_of_current_page:after, .current_page_parent:after, .current-menu-item:after {content:'';width:100%;height:2px;/* background:#1ac0dd; */position:absolute;bottom: 0;left:5px;}
	.page_item a:first-of-type{line-height: 40px;color: #221d52;}
	.page_item > li	{		position: relative;		float: right;		height: 40px;		width: auto;		background: transparent;		display:block;		padding:100px 10px 20px 0px; 	}
	/*.current-menu-item, .current_page_parent {background: #be001a !important;}*/
	.page_item a {text-transform:uppercase;padding: 0 20px;display: block;font-weight:600;}
	.menu_item_has_children:hover .first_level_submenu{visibility:visible; opacity:1; height:auto; }
	.first_level_submenu{position: fixed;top: 203px;width:1130px;left:50%;margin-left: -565px;background: rgba(34,29,81,0.9);list-style: none;margin-top: 0;clear:both;text-align:left;box-sizing:border-box;padding: 0 35px;display:block;z-index: 1; opacity:1; height: 0;overflow: hidden;transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;/* height: auto; */}
	.first_level_submenu li{position:relative;left:-50%;display:block;top:auto;/* background:rgb(0,194,223); */margin-left:-30px;}
	.first_level_submenu li:first-child{/* border-top:10px solid rgb(0,194,223); */}
	.first_level_submenu li:last-child, .first_level_submenu li:last-child(1), .first_level_submenu li:last-child(2){ border-bottom:10px solid rgb(0,194,223);  }
	.first_level_submenu a{ line-height:30px !important; white-space:nowrap; text-transform:none; padding:0 20px; text-align:center;transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ;  }
	.first_level_submenu li:hover a, .current-submenu-item a{ background:#00aac6; display:block; }
	.menu_item:hover .first_level_submenu{ z-index: 4; padding:23px 35px; height:auto; }

	.submenu_item_has_children{ position:relative; }
	.submenu_item_has_children:after{content:'A';font-family:'Arrows';-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);position:absolute;right:10px;color: #264348;z-index: 999;top: 4px;}
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.submenu_item_has_children:hover .second_level_submenu{visibility:visible; opacity:1; height:auto;  }
	.second_level_submenu{ width:auto;position:absolute;top:0;left: 100%; z-index:10; list-style: none;margin-top:-10px;clear:both;text-align:left;box-sizing:border-box;padding:10px 0px;width: auto; display:block; visibility:hidden; opacity:0; transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ; height:0; }
	.first_level_submenu .second_level_submenu li{ position:relative; left:0%;display:block; top:auto; background:rgba(255,255,255,0.4) !important; margin-left:-20px; }
	.second_level_submenu li:first-child, .second_level_submenu li:last-child{ border:0; }
	.second_level_submenu a{ line-height:30px !important; white-space:nowrap; text-transform:none; background:rgba(255,255,255,0.4) !important; padding:0 20px; text-align:center;transition:all 0.2s ;  -webkit-transition:all 0.2s ;  -o-transition:all 0.2s ;  -moz-transition:all 0.2s ;  }
	.second_level_submenu a:hover, .current-submenu-item a{ background:#fff !important; display:block; }
	.first_level_menu .menu_item:first-child .first_level_submenu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(2) .first_level_submenu .second_level_submenu, .first_level_menu .menu_item:nth-of-type(3) .first_level_submenu .second_level_submenu{ left:unset; right:100%;}

	.navbox{ display:block; width:32%; margin-right:2%; float:left; text-align:left; }
		.navbox:nth-of-type(3n+3){ margin-right:0; }
		.navboxtitle{color:#FFF;text-transform:uppercase;font-weight:600;padding-bottom: 15px;}
			.navboxtitle a{color:#FFF;text-transform:uppercase;font-weight:600 !important; padding-bottom: 0; display:block; float:left; padding-right:70px !important;  }
		.navbox a{text-align:left;padding:0;color: #FFF !important;font-weight:400;white-space: pre-wrap;line-height: 16px !important;padding-bottom: 18px;}

	.mobileonly{ display:none; }
	.smartphoneonly{ display:none; }
	.mobilemenu_button{margin-top:19px;position: fixed;z-index:999999999;right:20px;cursor:pointer;top:0px;}	
	.mobilemenu_button:before{ content:'a'; font-family:'Arrows'; color:#FFF; display:block; position:absolute;right:0px; font-size:39px; top:px; line-height:40px; padding:0 10px;  color:#efc3cb; }
	.mobilemenu_button:hover:before{ color:rgb(0,40,86); }
	.mobilmenu{left: 0%;position: fixed;width: 100%;background: rgba(0,0,0,0.9);height: 100%;top: -100%;z-index: 0;box-sizing: border-box;padding: 5px 20px 50px 0px;overflow: scroll;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
	.mobilmenushow{ top:0; z-index:99999999999 }
	.mobilmenu ul{clear:both;position: relative;top: 0;text-align: left;padding: 0 0 6px;float: none;}
	.mobilmenu li{list-style: none;float: none;display: block !important;clear:both;display:block;width:100%;padding: 10px 6px;background: #efc3cb;box-sizing:border-box;margin-bottom:5px;text-align: left;left: 0px;}
	.mobilmenu li ul {margin-left:30px;left: 20px;/* background: rgba(0,0,0,0.3); */}
	.mobilmenu li ul li{padding:5px;text-align: left;background: rgba(0,0,0,0.1);}
	.mobilmenu a{color: #FFF !important;display:block;clear:both;padding:10px;text-transform: uppercase;line-height:20px !important;}
	.mobilmenu li ul li a{text-transform: none;text-align: left;}
	.mobilmenuclose{ float:right; background:rgba(255,255,255,0.1); color:#FFF; font-size:40px; padding:15px 10px 5px; text-align:Center; margin-bottom:5px; cursor:pointer;}
	.mobilmenuclose span{ color:inherit; display: block; font-size:10px; padding-top:5px;}

	.mobmenu{ width:100%; box-sizing: border-box; clear:both;}
	.mobmenu span{ text-transform: uppercase; background:rgba(255,255,255,0.1); width:100%; display:block; padding:20px 30px; margin-bottom: 5px; box-sizing:border-box;}

/*POSTS*/

	.blogpage{ position:relative; margin-top:223px;  }
		.post_content{ width:65%; float:left; position:relative }
			.post_content h1{font-family: "Times New Roman", Times, serif;   line-height:23px; margin-bottom:40px;  }
				.post_content h1 span{ font-size:16px; font-style:italic; float:right; font-weight:400; }
			.post_content iframe{ max-height:400px; width:100% !important;  }
			.post_content a{ text-decoration:underline; color:#c6b07e	 }
		.post_archives{ width:30%; float:left; margin-left:5%; }
		.post_archives img{ height:auto; }
		.blog_rightside{ width:100%; margin-left:5%; float:left;  box-sizing:border-box; background:#FFF;  }
		.blog_rightside h1 a{ float:right; font-style:italic; font-size:18px; color:#999}
		.blog_rightside h1{font-weight:normal;border-bottom:3px solid #221d52;color:#221d52;line-height: 21px;margin-bottom: 15px;padding-bottom: 15px;}
			.recentpostlink{ cursor:pointer;  }
			.recentpostlink span{ font-size:11px; float:right; padding-left:0; display:block;  text-align:right; font-style:italic;  width:20%; }
			.recentpostlink div{ font-size:14px; float:left; padding-left:0; display:block;  font-family: "Times New Roman", Times, serif;  font-weight:600; width:80%;  }
		.archives li{ list-style:none; padding:0 0 0 20px; margin:0; width:100%; }
		.archives li b{ position:relative; left:-30px; }
		.archives li a{ line-height:25px; font-size:18px; color:#221d52}
		.blogpage h4{ display:block; font-weight4500; padding:20px 0 0; font-family: "Times New Roman", Times, serif; font-size:22px; line-height:20pxl }

/*PRODUCT MAIN PAGE*/
	.prodcat{ WIDTH:48%; float:left; margin-right:4%; margin-bottom:50px; box-sizing:border-box; padding:0 20px 50px; color:#a3a2a3; font-style:italic; font-size:14px; position:relative; } 
		.prodcat:nth-of-type(2n+2){ margin-right:0;  }
		.prodcat img{display:block;margin: 0;max-width:90%;max-height:220px;padding-bottom:20px;}
		.webshop_content .prodcat h4{color:#000;font-style:normal;font-family: "Times New Roman", Times, serif;font-weight:600;font-size:22px;text-transform: uppercase;}
		.prodcat a{position:absolute;display:block;bottom:0;text-transform:uppercase;border:1px solid #000;font-style:normal;padding:3px 19px;font-weight: 600;font-size: 13px;}
		.prodcat a:hover{ background:#000; color:#FFF; transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s }

		
		.pbp_title{background: #221d52;color:#FFF;text-align:center;padding:15px 0; margin-bottom:20px;  font-family: "Times New Roman", Times, serif;  font-weight:600; font-size:28px;  }
		.pbp_blog{ WIDTH:48%; float:left; margin-right:4%; margin-bottom:50px; box-sizing:border-box; padding:0 0px; color:#a3a2a3; font-style:italic; font-size:14px; position:relative; cursor:pointer; }
			.pbp_blog:nth-of-type(2n+2){ margin-right:0;  }
			.pbp_blog .bgimg{width:100%;height:200px;background-size:cover !important;margin-bottom: 10px;background-position:50% !important;}
			.webshop_content .pbp_blog h4{  color:#a3a2a3; font-style:normal; padding-bottom:0 }
.bgimg {}
		
/*WEBSHOP*/
	.webshop_announcement{background: #221d52;color:#FFF;text-align:center;padding:15px 0;}
	.ib_price{position: absolute;bottom: 40px;left:10px;display:block;height:20px;overflow:hidden;font-weight: 900;}
	.morethanoneprice{padding-top:10px;}
	.morethanoneprice:before{ content:'from '; position:absolute;top:-5px; font-size:12px; font-style:italic; }
	.emphasized_elements{ width:68%; float:left; }
	.products.homeproducts .item_box{ width:23%; height:260px; }
	.products .item_box{width:32.333%;height: 300px;margin-right:1.5%;margin-bottom: 20px;}
	.products .item_box:nth-of-type(3n+3){ margin-right:0;  }
	a.request_a_treatment, span.request_a_treatment{font-size: 15px !important;letter-spacing:-0.5px;margin:0 !important;position:absolute !important;bottom: 0px;left: 0px;display:block;color:#FFF;text-transform:uppercase;padding: 8px 10px;box-sizing: border-box;width: 50%;font-weight: 600;text-align: center;}
	.products a.quickview, .products span.quickview{background:rgb(251, 225, 229); border-left:2px solid #FFF; font-size: 15px !important; letter-spacing:-0.5px; margin:0 !important; position:absolute !important; bottom: 0px;left: 50%;display:block;color:#FFF;text-transform:uppercase;padding: 8px 10px;box-sizing: border-box;width: 50%;font-weight: 600;text-align: center;}
	
	.products a {    background: #efc3cb;}
	.products .ib_price, .mlb1802 .mostpopulartitle {    color: #efc3cb; }
	.item_box{ float:left;height:260px;margin-top:40px;position:relative;padding-bottom: 10px; overflow:hidden;}
	.item_box:hover{ box-shadow:0 0 15px 2px rgba(0,0,0,0.3); }
	.image_box{ width:100%; height:120px; }
		.awardwinner{ position:absolute; right:0; top:0; width:50px; }
	.image_box img{ max-height:100%; display:block; margin:0 auto; }
	.ib_service_title{font-size:12px;text-transform:uppercase;padding:5px 10px;color:#a3a2a3;font-weight: 500;line-height:14px;}
	.ib_service_subtitle{ font-size:12px;  font-style:italic; padding:0px 10px; color:#a3a2a3; font-size:600; line-height:14px;  }
	

	.left_product_filter{position:relative;display:block;width: 25%;float:left;}
	.filterbox{ border-bottom:1px solid #191C45; padding:20px 0 }
	.left_product_filter img{ margin:0; padding:0; display:block; width:100%; border-top:20px solid #191C45; border-bottom:20px solid #191C45; }
	.searchbar input[type="text"]{border:0;height:30px;background:transparent;width:80%;float:right;font-size: 16px;line-height:20px;padding:0 5px;text-transform: unset;font-weight: 300;}
	.searchbar input[type="text"]:focus{ box-shadow:0 0 5px 2px rgba(0,0,0,0.3)}
	.searchbar input[type="button"]{ border:0; font-family: 'Glyphter'; color:#FFF; background:transparent; height:24px; width:15%; font-size:20px;  }

	.headbar_cart span{right: -10px;position: absolute;top: 32px;font-weight:bold;} /*line-height: 67px; right: 54%;*/
	
	.searchbar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
		  color: #FFF;
		}
		.searchbar::-moz-placeholder { /* Firefox 19+ */
		  color: #FFF;
		}
		.searchbar:-ms-input-placeholder { /* IE 10+ */
		  color: #FFF;
		}
		.searchbar:-moz-placeholder { /* Firefox 18- */
		  color: #FFF;
		}

	.filterby{/* background:rgba(25,25,25,.13); */padding: 0;}
	.producttype{/* background:rgba(25,25,25,.07); */padding:10px 25px 30px;}
	.lpf_filter{color: #221d52;font-weight: 600;padding:10px 0;font-size:26px;line-height: 26px;margin-bottom: 11px;position:relative;}
		.lpf_filter:after{ background:#221d52; position:absolute; content:''; width:40px; height:2px; bottom:0; left:0;  }
		.filtertitle{ font-size:14px; text-transform:uppercase; font-weight:600 !important; padding-bottom:0;  }
		.filtertitle:after{ display:none;}
	.filter{font-size: 14px;color: #221d52;line-height: 18px;font-weight: 500;cursor:pointer;position:relative;margin-bottom:6px;padding: 0 0 10px 0px;}
		.filterbox  a{display:block; font-size: 14px;color: #221d52;line-height: 18px;font-weight: 500;cursor:pointer;position:relative;margin-bottom:6px;padding: 0 0 10px 20px;}
	.filter:before{ content:''; width:20px; height:20px; float:left; background:#FFF; margin-right:10px; position:relative; top:5px;  }
	.filter:after{content:'';width:14px;height:14px;float:left;background:#d88c9b;margin-right:10px;position:absolute;top: 1px;left:3px;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
	.filter:hover:after, { opacity:1;  }
	.filter.currentcategory:after{ opacity:1; }
	

	
	
	.webshop_content{width: 75%;float:left;box-sizing:border-box;padding-left: 30px;}
	.webshop_content h3{color:#d88c9b; font-size:21px; line-height:21px; font-weight:bold; padding-bottom:10px;  }
	.webshop_content h4{color:#d88c9b; font-size:16px; line-height:20px; font-style:italic;  padding-bottom:10px;}
	.wc_top{ margin-bottom:30px; }
	.wc_top_left{ width:65%; float:left; padding-right:40px; box-sizing:border-box; }
	.wc_top_left p, .wc_top_left a{ color:#a3a2a3; font-size:14px; line-height:17px; }
	.wc_top_left a{ color:#482334; }
	.wc_top_right{ width:35%; float:left;  }
	.questionnairebutton{ cursor:pointer; }

	.products{ position:relative;  }
		.noproducts{ text-align:center; padding:70px; font-style:italic; color:#a3a2a3; }
	.similarproducts:before{ content:'Complete the regime'; width:100%; position:absolute; text-transform:uppercase; font-weight:bold; color:#EFC3CB; }
	.loading_products{ position:relative;  }
	.loading_products:before{width:100%;height:150px;content:'Please wait, loading prodcuts';background:#eee url('img/ring.gif') no-repeat;background-position:50%;position:absolute;text-align:center;top:0;left:0;padding-top:230px;color:#d88c9b;font-size:14px;opacity: 1;z-index: 999;animation: sheen 1s forwards;}
	.products .ib_price{ font-weight:bold;}
	
	.bc_category_headbar{position:relative;height: 47px;width:100%;color:#FFF;font-size:40px;line-height: 47px;}
	.bc_category_headbar span{z-index:9;position:absolute;line-height: 47px;padding: 0 30px 0 20px;font-size: 25px;font-weight:bold;text-transform: uppercase;}
	.bc_category_headbar:after{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		content:'';
		width:100%;
		height: 47px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efc3cb+0,efc3cb+100&1+0,1+25,0+66 */
		background: -moz-linear-gradient(left,  rgba(239,195,203,1) 0%, rgba(239,195,203,1) 25%, rgba(239,195,203,0) 66%, rgba(239,195,203,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(239,195,203,1) 0%,rgba(239,195,203,1) 25%,rgba(239,195,203,0) 66%,rgba(239,195,203,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(239,195,203,1) 0%,rgba(239,195,203,1) 25%,rgba(239,195,203,0) 66%,rgba(239,195,203,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc3cb', endColorstr='#00efc3cb',GradientType=1 ); /* IE6-9 */
	}

	.bc_category_headbar:before{background:#efc3cb;background-size:cover;background-position:right 50%;width:100%;height:47px;content:'';position:absolute;top:0;left:0;z-index:0;}
	.bc_subcategory_headbar{ font-size:24px; font-weight:900; text-transform:uppercase; color:#efc3cb; padding:20px 0px 0 20px; }

	.bc_subcategory_headbar{ font-size:24px; font-weight:900; text-transform:uppercase; color:#efc3cb; padding:20px 0px 0 20px; }

	.item_box:hover .item_hover{ top:0;}
	.item_hover{top:-100%;position:absolute;width:100%;height: 88%;background:rgba(52,14,32,0.2);box-sizing:border-box;padding-top:50px;z-index: 999;}
	.item_hover span{color:#FFF;text-align:center;width:100%;display:block; font-size: 11px;line-height: 12px; padding:8px 5px; box-sizing:border-box; border-top: 1px solid; }
	.item_hover span.orbuyasgift{text-shadow: 0 0 15px rgba(0,0,0,0.5);font-weight:bold;text-transform:uppercase;border-top:0;background: #cd0a0a00;margin: 10px 0;font-size: 20px;}
	.item_hover span:hover{ box-shadow:inset 0 0 4px 1px rgba(255,255,255,1); color:#efc3cb }
	.item_hover a{position:relative;display:block;width:90%;margin:0 auto;color:#FFF;text-transform:uppercase;text-align:center;line-height:30px;margin-bottom: 1px;font-size:12px;background:#330E1F;}
	.mlb49 .item_hover{ background:rgba(0,0,0,0.5)}
	.mlb49 .item_hover a{ background:#a0c3c2; }
	.mlb49 .item_hover a:hover span, .mlb49 .item_hover a:hover{  background:#7ca7a5; }
	.mlb47 .item_hover{ background:rgba(0,0,0,0.5)}
	.mlb47 .item_hover a{ background:#A99197; }
	.mlb47 .item_hover a:hover span, .mlb47 .item_hover a:hover{background:#a08289; }
	
	.item_hover a:hover{ color:#efc3cb; }
	.selectbutton{position:relative;overflow:hidden;text-transform: none;}
	.loadingbutton:before{ width:100%; height:100%; top:0; left:0; content:''; background:#330E1F url('img/ring.gif') no-repeat; background-position:50%;  position:absolute; text-align:center; color:#d88c9b;; font-size:14px; opacity:0;  animation: sheen 1s forwards; background-size:30px; }
	.addedtocart:before{ width:100%; height:100%; top:0; left:0; content:'Item has been added to cart.'; background:#efc3cb; position:absolute; text-align:center; color:#000;; font-size:10px;  line-height:50px;}

	.closeup{ height:0 !important; opacity:0; overflow:hidden; margin:0; padding:0;  }

	.productdetails{width:100%;height: 80%;max-width:960px;background:#FFF;position:fixed;z-index:99999;top: 30px;left:50%;margin-left:-460px;padding:30px;box-shadow:0 0 15px 1px rgba(0,0,0,0.3 ); display:none; height:87%; overflow-y: scroll; }
	.showproductdetails{ display:block; }
	.product_details{ color:#a3a2a3;  }
	.breadcrumb{ display:none; }
	.breadcrumb, .breadcrumb a, .breadcrumb span{ color:#a3a2a3; text-transform:uppercase; padding:0 10px; font-size:14px; margin-bottom:20px; }
	.breadcrumb a:first-of-type, .breadcrumb{ padding-left:0; }
	.prod_left{ width:60%; float:left; }
		.prod_partpay{ max-width:150px; margin:20px 0 0 0;}
	.prod_left h1{color:#d88c9b;padding-bottom:20px;font-size:24px;/* text-transform:uppercase; */font-weight:600;}
	h2.howtotitle{color:#efc3cb;padding-bottom:10px; padding-top:15px;  font-size:15px;/* text-transform:uppercase; */font-weight:600; text-transform:uppercase;}
	.prod_right{width:40%;float:left;text-align:center;box-sizing: border-box;padding-left: 40px;}
	.prod_right img{display:block; margin:0 auto; padding-bottom:20px;}
	.prod_price{color:#efc3cb;width:50%;float:left;font-size: 28px;font-weight:900;line-height:50px; height:50px;text-align: center;background: #FFF;border: 1px solid #efc3cb;box-sizing: border-box; overflow:hidden; }
		.giftvoucheramount{ height:52px; position:relative; top:-1px; color:#efc3cb;font-size: 28px;font-weight:900;line-height:40px; width:79%; border:0; }
	.prod_addtocart{background:#efc3cb;width:50%;float:left;box-sizing: border-box;text-align: center;border: 1px solid #efc3cb;}
	.prod_addtocart a{color:#FFF;line-height:50px;height: 50px;text-transform:uppercase;display: block;}
	.prod_right .prod_addtocart a, .prod_left .prod_addtocart a{content:'+';font-weight:600;font-size: 16px;}
	.prod_right .prod_addtocart a:before, .prod_left .prod_addtocart a:before{ content:'+ ';  }
	.prod_addtocart a:hover{ color:#efc3cb; }
	.prod_addtocart:hover{ background:#f8f8f8; box-shadow:0 0 10px 1px rgba(52,14,32,0.2); }

	.prod_sep{ clear:both; display:block; border-bottom:2px dotted #DDD; }

	.bc_cart_table tr td.nothidden{ display:table-cell !important; }
	.bc_cart_table tr td.giftvouchersenditto{
		display: table-cell !important;
		width:100%;
		background:#;
		box-shadow: inset 0 -15px 34px 3px rgba(0,0,0,0.05);
		border-top:1px solid #FFF;
		position:relative;
		top:-1px;
		z-index:12;
		background: #e1e1e1;
		padding-bottom:30px;
		}
		.giftvouchersenditto h3, .giftvouchersenditto, .giftvouchersenditto label{color: #686868;display:block;font-weight:lighter;}
		.giftvouchersenditto input, .giftvouchersenditto select, .giftvouchersenditto textarea{background: #ffffff;border:1px solid #999;width:90%;display:block;margin:0 auto;line-height:20px;padding:5px;color:#888;}
		.giftvouchersenditto textarea{height:80px;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 20px;top: 0;}

	.badge{ width:15%; float:left; margin-right:2%; box-sizing:border-box; padding:0 10px; margin-bottom:20px; }
		.badge:nth-of-type(6n+6){ margin-right:0; }
		.badgeimg{ width:100%; height:100px; padding-bottom:20px;  }
		.badgeimg img{ max-height:100px;}
		.badge span{ font-size:12px; text-align:center; display:block; line-height:16px; font-style:italic;}

	#bc_pickupaddr{ padding:20px 10px; display:block; border:1px solid #d88c9b;}

/*RESPONSIVE*/
	
	@media only screen and (max-width:1920px){
		.lotuseveryday .ninesixty{ width:1350px;  }
	}

	@media only screen and (max-width:1650px){
		.call_now{ bottom:25px; left:50%; margin-left:-700px;}
	}

	@media only screen and (max-width:1500px){
		.nav-up .menusearch, .nav-down .menusearch{ width:100%;  }
		.nav-up .menubar, .nav-down .menubar { width: 90%; }
		.nav-up .language_search, .nav-down .language_search {width: 10%;  position:fixed; right:0; }
		.nav-up .language_search:hover , .nav-down .language_search:hover {width:25%;background:#FFF}
			.nav-up .searchbar:hover input[type="button"], nav-down .searchbar:hover input[type="button"] {position:absolute; right:0;    height: 30px; }
	}

	@media only screen and (max-width:1435px){
		.call_now{ bottom:75px; left:0%; margin-left:50px;}
	}

	@media only screen and (max-width:1150px){
		.sublogo {  left: 20px; }
	}


	@media only screen and (max-width:1368px){
			.header_slider{height:335px;}
			.hs_image{ height:335px;  }
			.flexslider .slides > li {    height: 335px; }
			.slider_text h1 {    font-size: 45px;    line-height: 35px;	}
			.box h1 {    font-size: 45px; }
			.box {    height: 300px; }

	}





	@media only screen and (max-width:1280px){
		.lotuseveryday .ninesixty{ width:100%;  }
	}


	@media only screen and (max-width:960px){
		.mobilemenu_button{ display: block; }
		body, html{max-width:100%; position:relative; }
		.desktoponly{ display:none !important;}		
		.ninesixty{ width:100%;}
	

		 .mobileonly{/* display:block; */}
	   body, html{ width:100%;}
	  .ninesixty{ width:100%;}
	  .topbar, .menusearch, .logo{ display:none; }
	  .sublogo{ display:block !important; top:10px; }
	  .header_slider {    height: 235px;    margin-top: 70px;}
	  	.hs_image {		background-position: 45% 50% !important;	top: 0;	left: unset;right:0px;	}
	  .flexslider, .hs_image{height:235px;width: 100%;}
		  .slider_text {		width: 50%;		top: 110px;	left: 20px;	margin-left: 0%;			}
			.slider_text h1{font-size: 24px;line-height: 20px;}
			.slider_text h2{ font-size:12px; line-height:15px !important; }

		.box, .box.doublebox {    width: 100%;    height: 230px;}
		.box h1 { padding:0 20px;    font-size: 40px;    line-height: 40px;  }
		.home_bestsellers h1 {	font-size: 32px;	line-height: 40px;	margin-bottom: 30px;	}
		.hometab {	padding: 14px 5px;	width: 25%;		line-height: 14px;	font-size: 12px;	}
			.tabcontent {	top: -1000px; }
			.activecontent {      top: 0; }
			.bestsellercontent {    width: 100%;    height:900px;    overflow: hidden;    position: relative; 

			}
		.homeprod{ width:50%; float:none; height:220px; display:block; clear:both; }
			.newsprods{ width:100%; float:none; margin:30px 0; }
			.homeprod img, .newsprods img{ display:block; margin:0 auto; max-width:50%; max-height:150px;  }
			.home_prodname span{ display:block; float:left; margin-left:10%; width:40px; height:40px; background:#9DD1D4; position:relative; color:#FFF; border-radius:50%; text-align:center; line-height:40px; left:10px; }
			.home_prodname div{ padding-top:10px; }
		.new_products .homeprod {
			width: 49%;
			margin-right: 2%;
			padding: 20px;
			margin-top: 2%;
			float: left;
			clear: unset;
		}
		.new_products .homeprod:nth-of-type(2n+2) { margin-right:0 !important; }
		.new_products .homeprod:nth-of-type(3n+3) { margin-right:2%; }



		.lotuseverydaytitle { text-align:center;font-size: 32px;	line-height: 28px;	}
			.home_post {    width: 50%;    float: left;    margin-right: 0%;      margin-bottom: 2%; }

		
		.footercontent {width: 100%;}
		.menu-footer-menu-container {	width: 100%;	text-align:center;	}
		.footermiddle {   width: 100%;    margin-right: 0%; }
		.footerleft { box-sizing:border-box; padding:0 20px; margin-top:30px;  text-align:center;   width: 100%;    float: left; }
		.footersocmed { text-align: center; }

		 .flexslider, .hs_image{height:235px;width: 100%;}
		  .slider_text {		width: 50%;		top: 110px;	left: 20px;	margin-left: 0%;			}
			.slider_text h1{font-size: 24px;line-height: 20px;}
			.slider_text h2{ font-size:12px; line-height:15px !important; }

		.header_image {    margin-top: 70px; 	background-position: 45% 50% !important; height:400px;	}
			.titletext {    width: 50%;    position: relative;    position: relative;    top: 50%;    transform: translateY(-50%);    left: 0%;    margin-left: 20px;    color: #FFF; }
			.fs_title {font-size: 28px;line-height: 20px;	}
			.fs_subtitle{  font-size:16px; line-height:20px !important;  }

		.mobilmenu .first_level_submenu {width: 95%;left:-10px;height: auto;background: transparent;box-sizing: border-box;padding: 0px;}
			.navbox {display: block;width: 100%;margin-right: 0%;background: rgba(0,0,0,0.3);margin-bottom: 10px;padding: 10px;box-sizing: border-box;}
				.navboxtitle {    font-weight: 600;    padding-top: 15px; padding-bottom:5px; text-align:center }	
			.mobilmenu a {    color: #FFF !important;    display: block;    clear: both;    padding: 7px 10px;    text-transform: uppercase;    line-height: 15px !important;    text-align: center;}
		
		.header_banner{ height:70px; }
		.header_banner.nav-up, .header_banner.nav-down { top:0; }
		.nav-up .sublogo, .nav-down .sublogo {    top: 10px; }

		.call_now{bottom:0;transform: translateX(-50%);left: 50%;margin-left:50px;max-width: 300px;}
	}

	@media only screen and (max-width:767px){
	  .mobileonly{/* display:block; */}
	   body, html{ width:100%;}
	  .ninesixty{ width:100%;}
	  .topbar, .menusearch, .logo{ display:none; }
	  .sublogo{ display:block !important; top:10px; }
	  .header_slider {height: 235px;margin-top: 120px;}
	  	.hs_image {		background-position: 45% 50% !important;	top: 0;	left: unset;right:0px;	}
	  .flexslider, .hs_image{height:235px;width: 100%;}
		  .slider_text {		width: 50%;		top: 110px;	left: 20px;	margin-left: 0%;			}
			.slider_text h1{font-size: 24px;line-height: 20px;}
			.slider_text h2{ font-size:12px; line-height:15px !important; }

		.box {    width: 100%;    height: 230px;}
		.box h1 { padding:0 20px;    font-size: 40px;    line-height: 40px;  }
		.home_bestsellers h1 {	font-size: 32px;	line-height: 40px;	margin-bottom: 30px;	}
		.hometab {	padding: 14px 5px;	width: 25%;		line-height: 14px;	font-size: 12px;	}
			.tabcontent {	top: -1000px; }
			.activecontent {      top: 0; }
			.bestsellercontent {    width: 100%;    height:900px;    overflow: hidden;    position: relative; 

			}
		.homeprod{ width:100%; float:none; height:220px; display:block; clear:both; }
			.newsprods{ width:100%; float:none; margin:30px 0; }
			.homeprod img, .newsprods img{ display:block; margin:0 auto; max-width:50%; max-height:150px;  }
			.home_prodname span{ display:block; float:left; margin-left:10%; width:40px; height:40px; background:#9DD1D4; position:relative; color:#FFF; border-radius:50%; text-align:center; line-height:40px; left:10px; }
			.home_prodname div{ padding-top:10px; }
		.new_products .homeprod {
			width: 100%;
			margin-right: 0%;
			padding: 20px;
			margin-top: 2%;
		}

		.lotuseverydaytitle { text-align:center;font-size: 32px;	line-height: 28px;	}
			.home_post {    width: 100%;    float: left;    margin-right: 0%;      margin-bottom: 2%; }

		.footercontent {width: 100%;}
		.menu-footer-menu-container {	width: 100%;	text-align:center;	}
		.footermiddle {   width: 100%;    margin-right: 0%; }
		.footerleft { box-sizing:border-box; padding:0 20px; margin-top:30px;  text-align:center;   width: 100%;    float: left; }
		.footersocmed { text-align: center; }
	.footer_partpay{ bottom:-30px; left:50%; transform:translateX(-50%); }
		.header_banner{height: 120px;}
		.header_banner.nav-up, .header_banner.nav-down {top:0;height: 70px;}
			.nav-up .call_now, .nav-down .call_now{ opacity:0}
		.nav-up .sublogo, .nav-down .sublogo {    top: 10px; }

		.mobilmenu .first_level_submenu {width: 89%;left:-10px;height: auto;background: transparent;box-sizing: border-box;padding: 0px;}
			.navbox {display: block;width: 100%;margin-right: 0%;background: rgba(0,0,0,0.3);margin-bottom: 10px;padding: 10px;box-sizing: border-box;}
				.navboxtitle {    font-weight: 600;    padding-top: 15px; padding-bottom:5px; text-align:center }	
			.mobilmenu a {    color: #FFF !important;    display: block;    clear: both;    padding: 7px 10px;    text-transform: uppercase;    line-height: 15px !important;    text-align: center;}

		.blogpage {    margin-top: 20px; }	
		.post_content {    width: 100%; box-sizing:border-box; padding:0 20px;}
	
			.post_content img{ height:auto !important; }

		.post_archives {    width: 100%;    margin-left: 0%; background:#9a8a8a }
		.blog_rightside {background:#d6cfcf;    width: 100%; padding:20px 20px;    margin-left: 0%; }
		.header_image {    margin-top: 70px; 	background-position: 45% 50% !important; height:235px;	}
			.titletext {    width: 50%;    position: relative;    position: relative;    top: 50%;    transform: translateY(-50%);    left: 0%;    margin-left: 20px;    color: #FFF; }
			.fs_title {font-size: 24px;line-height: 20px;	}
			.fs_subtitle{  font-size:12px; line-height:15px !important;  }


		.left_product_filter {text-align:center;position: relative;display: block;width: 100%;float: left;height: 50px;border-bottom: 2px solid #221d52; margin-bottom:10px; overflow:hidden; }
			
			.lpf_filter:after { display:none; }
				.lpf_filter:before{ content:'A'; font-family:'Arrows'; position:absolute; right:20px; font-size:14px; }
			.left_product_filter.activatefilter{height:auto;background: rgba(0, 0, 0, 0); border:4px solid #efc3cb; box-sizing:border-box;}
				.activatefilter .lpf_filter:before{ transform:rotate(180deg); }
					.lpf_filter.filtertitle:before{ display:none;}
		
		.webshop_content {    width: 100%;    padding:0 10px; }
			.prodcat {WIDTH:100%;float: left;margin-right: 0%;text-align:center;border-bottom:1px solid;padding-bottom:30px;height: auto !important;}  
				.prodcat a {
					position: relative;
					margin-top:10px;
					margin-bottom: 16px;
				}

				.products .item_box {    width: 100%;    height: 260px;    margin-right: 0%;    margin-bottom: 40px; }

			.prod_left, .prod_right{width:100%;float:left;padding: 0 20px;box-sizing: border-box;}
			.pbp_blog {    WIDTH:100%;    margin-right: 0%; }

	
		.call_now{bottom: 2px;transform:none;left: unset;right:0;margin-right: 39px;max-width: 300px;margin-left: 0;}
			.ct_title{display: block;text-align: left;}
			.call_icon{display: inline-block;left:unset;position:absolute;left: -39px;margin: 0;top: 7px;}
			.ct_phone{ padding:0; line-height:15px; font-size:15px;}
			.call_text{margin-right: -10px;text-align:right;}
			.ct_phone, .ct_comment{ display:inline-block; line-height:20px;}
	}
			
	@media only screen and (max-width:414px){
		.bc_del {display:inline-block;position: absolute !important;top: 31px !important;left: 47px !important;}
	}

	@media only screen and (max-width:350px){	
		.products .item_box {  width: 100%;   height: 270px;    margin-right: 0%;    margin-bottom: 40px;}
	}