@import url('https://fonts.googleapis.com/css?family=Montserrat|Tangerine');
@import url(//db.onlinewebfonts.com/c/3a861ecacbb23f33b2bb683e90c45e31?family=Optima+nova+LT);
@font-face {font-family: "Optima nova LT"; src: url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.eot"); 
src: url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.eot?#iefix") format("embedded-opentype"), 
("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.woff2") format("woff2"), 
url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.woff") format("woff"), 
url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.ttf") format("truetype"), 
url("//db.onlinewebfonts.com/t/3a861ecacbb23f33b2bb683e90c45e31.svg#Optima nova LT") format("svg"); }
@import url('https://fonts.googleapis.com/css2?family=Arsenal&display=swap');

html {
    font-family: 'Montserrat', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	zoom:1;
}

.header, #navMenu, #body, .body, body, #footer{
	}
body{
	
	}
	body, html{
	min-width:640px;
	min-height:100%;/* was 875 */
	height:100%;
	font-family: 'Montserrat', sans-serif;!important;	
	}
	
body{
 
}
/* for the slider only */
.xxcontainer-fluid {
   /* margin: 100px 0; */
 xxmargin:320px 0 10px 0;
   
}
@viewport{
	zoom:1.0;
	width: extend-to-zoom;
	}
.xxcontainer-fluid {margin:340px 0 10px 0!important;} /*  SLIDER TO SET TO DISPLAY:BLOCK OR HIDE */

overflow: scroll;
-webkit-overflow-scrolling: touch;

.slicknav_menu{
	display:none;	
}
.freedelivery{height:50px!important;}
.freedelivery h2{line-height:50px!important;}
#pageHeader #mainmenu{display:none!important;}	
#pageHeader .mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
.js .mainmenu {	display:none;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:60%; float:left; z-index:1000;  text-decoration:none!important;}
.slicknav_menu li{ line-height:5; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 4px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important;  font-weight:500!important;
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}


.payments{width:20%; height:50px; float:right; margin:-50px 50px 30px 0;}
.payments img{width:50%; height:auto; float:right; mmargin:0 50px 30px 0;}



@media screen and (min-width:0px) and (max-width:0px){}
@media screen and (min-width: 640px) and (max-width: 670px){ /* mobile from this setting with menus collapsing */
#xpageheader{oveflow:hidden;} 

#pageHeader #mainmenu{display:none!important;}	
#pageHeader .mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
.js .mainmenu {	display:none;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:60%; float:left; z-index:1000;  text-decoration:none!important;}
.slicknav_menu li{ line-height:3; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 4px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important;  font-weight:500!important;
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}
#mainmenu{display:none!important;}

/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px!important; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto; }
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; max-height:50%!important; height:auto!important; float:right; margin:11px 0px 11px 0px!important; padding:0; xborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */

.container-fluid {margin:220px 0 0px 0!important; }
.topintro h1{font-size:2.5vw!important;}
.topintro h2{font-size:2vw!important;}

#content .midcontainer .products{ width:40%; margin:0 2vw 60vh 6vw!important; bborder:1px solid #00f;}
.products p{font-size:2vw!important;  margin-top:8%!important;}
#content .midcontainer .products span h2{font-size:1.95vw!important; line-height:24px!important; }

.prod_discription{width:82%!important; margin:0% 0 5% 0% !important;}
.prod_discription p{width:100%; font-size:1.6vw; letter-spacing:1px; line-height:2; font-weight:normal;  margin:0 10% 0 12%!important; text-align:left; }

.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP p{font-size:1.6vw!important; bborder:1px solid #00f;}
.productsPP span h2{font-size:1.6vw!important; height:32px; line-height:29px!important; font-weight:normal;}
.productsPP span h3{font-size:1.6vw!important; }
.productsPP span h4{font-size:1.6vw!important;  }
.productsPP  #form1 #button{font-size:1.6vw!important; height:26px; line-height:28px;}
.productsPP .outofstockmessage{height:26px;}
.productsPP .outofstockmessage h3{font-size:1.6vw!important;letter-spacing:1.85px!important; line-height:26px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f; */
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.8vw!important; font-weight:normal!important; letter-spacing:1px!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.65vw!important;}
.eyeshadow_details span h2{ font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.65vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.8vw!important; line-height:3!important; font-weight:600;}

.productsPP p1{font-size:1.9vw!important;}
.productsPP span h32{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.8vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.8vw!important; height:30px; margin-top:5px;}

#paypal_button{width:40%!important; margin:0 0 5% 2%!important; position:relative;}
.paypal_button{width:100%; height:auto;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px!important; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%!important; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }
#contshopping{/* yellow continue shopping when nothing in cart */
	width:30%;	height:4.4vh; float:right!important; margin:0 5% 20% 0%!important; }/* to have the footer displayed at the bottom of the page */

/* footer */
.barcontent p{font-size:1.85vw!important; }
.footer2_option li{ font-size:1.85vw!important; }
.payments{width:58%; height:80px;}
.payments img{width:30%;}

/* cart something in cart ------ */
#cartheading{width:98%!important; margin:0 auto!important;}
#cartcontent{width:98%!important; float:left;  margin:10px 0 0 0!important; border:none;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}
.discountamt p{ font-size:1.99vw; mmargin-top:1.25%;} /* subtotal, discount; delivery, total */
.continueShopping{width:25%; margin-left:5%; height:35px;}
#messageEmpty{width:35%; height:35px;}

#checkout_complete{width:80%!important; padding-top:30%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif!important;	font-size:2.1vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/
 .prescriptionlargeimgPP {width:80%;  float:left; bborder:1px solid #f00; margin:0 0% 5% 11%;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%; */

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:40%;  float:left;  margin-left:12% } /* text Now  Value select  label  Container */
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 5%; width:40%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:14px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif!important; margin:1.5% 0 8% 0; height:3.6vh; font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
		.preLensesPrice {width:100%;  margin:0 0 0px 0px; padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
 .preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 40%!important; margin:0; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}
 
	}
@media screen and (min-width: 671px) and (max-width: 732px){
#pageHeader #mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
#pageHeader .mainmenu{display:none!important;}	
.js .mainmenu {	display:none;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:60%; float:left; z-index:1000;  text-decoration:none!important;}
.slicknav_menu li{ line-height:3; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 4px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important;  font-weight:500!important;
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}

.freedelivery{bborder:1px solid #f00!important; }
.xmenu-nav li a { padding:1px 4px; font-size:12px!important; font-weight:500!important; letter-spacing:0px!important;}
#mainmenu{display:none!important;}

/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px!important; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; mmax-height:50%!important; height:auto!important; float:right; margin:11px 40px 11px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */

.container-fluid {margin:220px 0 0px 0!important; }
.topintro h1{font-size:2.5vw!important; }
.topintro h2{font-size:2.2vw!important;}
#content .midcontainer .products{width:40%; height:50vh; margin:0 4.5vw 26vw 4.5vw!important; float:left;} /* width:24%; height:50vh; margin:0 4.5% 6.5% 4.5%; float:left;  border:1px solid #f00;*/
.products p{font-size:1.9vw!important; letter-spacing:2px; margin-top:8%!important;}
#content .midcontainer .products span h2{font-size:1.8vw!important; line-height:24px!important; }

.prod_discription{width:87%!important; margin:0% 10% 5% 10%!important;}
.prod_discription p{width:100%; font-size:1.5vw; letter-spacing:1px; line-height:2; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }

.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP p{font-size:1.6vw!important; bborder:1px solid #00f;}
.productsPP span h2{font-size:1.6vw!important; height:32px; line-height:29px!important; font-weight:normal;}
.productsPP span h3{font-size:1.6vw!important; }
.productsPP span h4{font-size:1.6vw!important;  }
.productsPP  #form1 #button{font-size:1.6vw!important; height:26px; line-height:28px;}
.productsPP .outofstockmessage{height:26px;}
.productsPP .outofstockmessage h3{font-size:1.6vw!important;letter-spacing:1.85px!important; line-height:26px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f; */
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.3vw!important; font-weight:600!important; letter-spacing:1px;!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.65vw!important;}
.eyeshadow_details span h2{ font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.65vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.65vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg {width:100vw!important; margin:0 auto!important; padding:0!important; }
.midcontainerLip .prodimg a img{width:60%!important;  margin:0 20% 0 22%!important; bborder:1px solid #f0f!important; padding:0!important;}/* width:30%; margin:0 5% 0 0; */
.liplinercolours .colourOptions{width:100%!important;  margin:0 0 0 2.5%; bborder:1px solid #f00;  }/* the colour selection container with all colours */
.liplinercolours{width:100%!important; height:auto; margin:0px 0% 0 0!important;}
.liplinercolours h4{font-size:1.8vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.8vw!important; line-height:3.8!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h3{font-size:1.8vw!important: line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details span h4{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.8vw!important; line-height:28px!important; height:30px; margin:22px 0 0 8%!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:10%; height:8vh!important;  margin:0 2% 2.3% 0%!important; padding:0.5%!important; }
.liplinercolours .colourOptions #form2 #col{width:10%!important; height:8vh!important; bborder:1px solid #f00; margin:0% 0 0% -12%!important;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.3vw!important; line-height:36px!important; font-weight:550;}

.productsPP p1{font-size:1.45vw!important;}
.productsPP span h32{font-size:1.35vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.35vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.35vw!important; height:30px; margin-top:5px;}

/* footer */
.barcontent p{font-size:1.75vw!important; }
.footer2_option li{ font-size:1.75vw!important; }
.payments{width:58%; height:80px;}
.payments img{width:30%;}

#paypal_button{width:40%!important; margin:0 0 5% 2%!important; position:relative;}
.paypal_button{width:100%; height:auto;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px!important; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%!important; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }
#contshopping{/* yellow continue shopping when nothing in cart */
	width:30%;	height:4.4vh; float:right!important; margin:0 5% 20% 0%!important; }/* to have the footer displayed at the bottom of the page */

/* cart something in cart ------ */
#cartheading{width:98%!important; margin:0 auto!important;}
#cartcontent{width:98%!important; float:left; margin-top:10px!important; }/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}
.discountamt p{ font-size:1.99vw; mmargin-top:1.25%;} /* subtotal, discount; delivery, total */

#checkout_complete{width:80%!important; padding-top:30%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif;!important;	font-size:1.9vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option ----------------------------------------- */
 .prescriptionlargeimgPP {width:80%;  float:left; bborder:1px solid #f00; margin:0 0% 5% 11%;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%; */

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:40%;  float:left;  margin-left:12% } /* text Now  Value select  label  Container */
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 5%; width:40%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:14px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
	.preLensesPrice {width:100%;  margin:0 0 0px 0px; padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
 .preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 40%!important; margin:0; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}

.holiday{width:90%;
	xmargin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin:15px auto!important;
	
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:14px!important;
	color:#3484C5;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px; 
 }
	}
	
/* new galaxy Note 9 */	
@media screen and (min-width: 733px) and (max-width: 779px){
#pageHeader #mainmenu{display:none!important;}	
#mainWrapper{max-width:100vw; width:100vw; height:100vh!important;}
#pageHeader{max-width:100vw; width:100vw;}
#xxpageHeader .mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
.xxjs .mainmenu {	display:none;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:60%; float:left; z-index:1000;  text-decoration:none!important;}
.slicknav_menu li{ line-height:3!important; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 6px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important; 
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}	
.freedelivery{bborder:1px solid #f00!important;  }
.menu-nav li a { padding:1px 6px!important; font-size:12px!important; letter-spacing:0px!important;}
#mainmenu{display:none!important;}
.xxmainmenu{display:none!important;}

/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px!important; background:#404353; list-style-type:none; padding:0; text-aligh:center;  bborder:1px solid #f00;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; mmax-height:50%!important; height:auto!important; float:right; margin:11px 40px 11px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto; bborder:1px solid #f00;}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */

.container-fluid {margin:220px 0 0px 0!important; }
.topintro{margin-top:0:}
.topintro h1{font-size:1.8vw!important;}
.topintro h2{font-size:1.7vw!important;}
#content .midcontainer .products{width:40%; height:auto!important; margin:0 0vw 8vw 7vw; } /* width:40%; height:50vh;  margin:0 0vw 14vh 7vw; float:left;  margin:0 0vw 14vh 7vw; */
.products p{font-size:1.8vw!important; letter-spacing:2px; margin-top:8%!important;}
#content .midcontainer .products span h2{font-size:1.8vw!important; }

.prod_discription{width:87%!important; margin:0% 7% 5% 7%!important;}
.prod_discription p{width:100%; font-size:1.5vw; letter-spacing:1px; line-height:1.8; font-weight:normal;  margin:0 0% 0 0%!important; text-align:left; }

.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP p{font-size:1.6vw!important; }
.productsPP span h2{font-size:1.6vw!important; height:32px; line-height:29px!important; font-weight:normal;}
.productsPP span h3{font-size:1.6vw!important; }
.productsPP span h4{font-size:1.6vw!important;  }
.productsPP  #form1 #button{font-size:1.6vw!important; height:26px; line-height:28px;}
.productsPP .outofstockmessage{height:26px;}
.productsPP .outofstockmessage h3{font-size:1.6vw!important;letter-spacing:1.85px!important; line-height:26px!important;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f; */
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.3vw!important; font-weight:600!important; letter-spacing:1px!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.65vw!important;}
.eyeshadow_details span h2{ font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.6vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg{width:40%; margin:0 5% 0 0; }/* width:30%; margin:0 10% 5% 5%; */
.liplinercolours .colourOptions{width:100%; margin:0 2% 0 2%;  }/* the colour selection container with all colours */
.liplinercolours{width:50%!important; height:auto; margin:-10px 0 0 0!important;}
.liplinercolours h4{font-size:1.4vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.6vw!important; line-height:24px!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.5vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h3{font-size:1.5vw!important: line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h4{font-size:1.5vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.5vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details #form1 #button{font-size:1.5vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:12%; height:6vh!important;  margin:0 2% 2.3% 1.2%; padding:0.5%; }
.liplinercolours .colourOptions #form2 #col{height:6vh!important; bborder:1px solid #f00;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.3vw!important; line-height:36px!important; font-weight:550;}

.productsPP p1{font-size:1.45vw!important;}
.productsPP span h32{font-size:1.35vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.35vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.35vw!important; height:30px; margin-top:5px;}

/* footer */
.barcontent p{font-size:1.6vw!important; }
.footer2_option li{ font-size:1.6vw!important; }
.payments{width:55%; height:80px;}
.payments img{width:30%;}

#paypal_button{width:40%!important; margin:0 0 5% 2%!important; position:relative;}
.paypal_button{width:100%; height:auto;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px!important; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%!important; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }
#contshopping{/* yellow continue shopping when nothing in cart */
	width:30%;	height:4.4vh; float:right!important; margin:0 5% 20% 0%!important; }/* to have the footer displayed at the bottom of the page */

/* cart something in cart ------ */
#cartheading{width:98%!important; margin:0 auto!important;}
#cartcontent{width:98%!important; float:left; margin-top:0px!important; }/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}
.discountamt p{ font-size:1.7vw; mmargin-top:1.25%;} /* subtotal, discount; delivery, total */
.continueShopping{width:24%; margin-left:5%; height:35px;}
.continueShopping a{}
#checkout_complete{width:80%!important; padding-top:30%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif!important;	font-size:1.7vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option ----------------------------------------- */
 .prescriptionlargeimgPP {width:80%;  float:left; bborder:1px solid #f00; margin:0 0% 5% 11%;}/* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%; */

 .prodsel_powersel2 {width:85%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:40%;  float:left;  margin-left:12% } /* text Now  Value select  label  Container */
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 5%; width:40%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif;!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:14px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif;!important; margin:1.5% 0 8% 0; height:3.6vh;/* height:3.2vh; */ font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
.preLensesPrice {width:100%;  margin:0 0 0px 0px; padding:0; xfloat:left;} /* was width:50% margin:0 0 0 15px */
 .preLensesPrice span h5{font-family: 'Montserrat', sans-serif!important;  font-size:1.3em!important; color:#6ec9c0; 
line-height:2.5!important; text-align:left!important; text-transform:none!important; padding:0 0 0 40%!important; margin:0; xfloat:left!important;
letter-spacing:1px;	display:block;  bborder: 1px solid #092a22; font-weight:bold;}

.holiday{width:90%;
	xmargin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin:15px auto!important;
	
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:14px!important;
	color:#3484C5;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	letter-spacing:0px; 
 }
}
@media screen and (min-width: 780px) and (max-width: 856px){

#mainWrapper{max-width:100vw; width:100vw; height:100vh!important; }
#pageHeader{max-width:100vw; width:100vw; }
#pageHeader #mainmenu{display:none!important; border:2px solid #f00!important;}
#pageHeader .mainmenu{display:none!important;}	
.js .mainmenu {	display:none;}	
.js #mainmenu {	display:none!important;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:60%!important; float:left!important; z-index:1000!important;  text-decoration:none!important; mmargin-top:200px!important; }
.slicknav_menu li{ line-height:3; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 6px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important; text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}
#mainmenu{display:none!important;}

/* New top bar, header ing, basket */
.headblock{display:none!important; max-width:100vw; width:100vw;}
.headblockmobile{display:block!important; width:100vw; height:60px!important; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto; max-width:100vw; width:100vw; bborder:4px solid #f00!important;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; mmax-height:50%!important; height:auto!important; float:right; margin:11px 40px 11px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto; bborder:1px solid #00f!important;}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */

.container-fluid {margin:220px 0 0px 0!important; }/* margin:210px 0 10px 0!important; */
.topintro{margin-top:0px!important;}
.topintro2 h1{font-size:1.4vw!important; bborder:1px solid #f00!important;}
.topintro2 h2{font-size:1.2vw!important;}
#content .midcontainer .products{width:40%; height:auto!important; margin:0 0vw 6vw 7vw; } /* width:40%; height:50vh; margin:0 4.5% 6.5% 4.5%; float:left;  margin:0 0vw 14vh 7vw;*/
.products p{font-size:1.85vw!important; margin-top:8%!important; }
#content .midcontainer .products span h2{font-size:1.7vw!important;  }

.prod_discription{width:80%; margin:0px 15% 50px 15%!important; }
.prod_discription p{font-size:1.6vw; letter-spacing:1px; line-height:2; font-weight:normal; margin: 0 auto!important; text-align:left; }
.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP  #form1 #button{}


.productsPP{width:60%!important; margin:0 20% 8% 20%!important;} 
.productsPP p{font-size:1.6vw!important; bborder:1px solid #00f;}
.productsPP span h2{font-size:1.6vw!important; height:32px; line-height:29px!important; font-weight:normal;}
.productsPP span h3{font-size:1.6vw!important; }
.productsPP span h4{font-size:1.6vw!important;  }
.productsPP  #form1 #button{font-size:1.6vw!important; height:26px; line-height:28px;}
.productsPP .outofstockmessage{height:26px;}
.productsPP .outofstockmessage h3{font-size:1.6vw!important;letter-spacing:1.85px!important; line-height:26px!important;}

.eyeshadow_topintro{margin-top:-20px!important; }
.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f; */
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:0px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.3vw!important; font-weight:600!important; letter-spacing:1px!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.65vw!important;}
.eyeshadow_details span h2{ font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.6vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg{width:40%; margin:0 5% 0 0; }/* width:30%; margin:0 10% 5% 5%; */
.liplinercolours .colourOptions{width:100%; margin:0 2% 0 2%;  }/* the colour selection container with all colours */
.liplinercolours{width:50%!important; height:auto; margin:-10px 0 0 0!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.6vw!important; line-height:2!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.6vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h3{font-size:1.6vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h4{font-size:1.6vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.6vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details #form1 #button{font-size:1.8vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:12%; height:7vh!important;  margin:0 2% 2.3% 1.2%; padding:0.5%; }
.liplinercolours .colourOptions #form2 #col{height:7vh!important; bborder:1px solid #f00;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.3vw!important; line-height:36px!important; font-weight:550;}

.productsPP p1{font-size:1.45vw!important;}
.productsPP span h32{font-size:1.35vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.35vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.35vw!important; height:30px; margin-top:5px;}

/* footer */
.barcontent p{font-size:1.65vw!important; }
.footer2_option li{ font-size:1.65vw!important; }
.payments{width:50%; height:80px;}
.payments img{width:30%;}

#paypal_button{width:40%!important; margin:0 0 5% 2%!important; position:relative;} /* margin:0 0 5% 2%!important  */
.paypal_button{width:100%; height:auto;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%!important; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }
#contshopping{/* yellow continue shopping when nothing in cart */
	width:30%;	height:4.4vh; float:right!important; margin:0 5% 20% 0%!important; }/* to have the footer displayed at the bottom of the page */

/* cart something in cart ------ */
#cartheading{width:98%!important; margin:0 auto!important;}
#cartcontent{width:98%!important; float:left; margin-top:10px!important;  border:none;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}
.discountamt p{ font-size:1.7vw; mmargin-top:1.25%;} /* subtotal, discount; delivery, total */
.continueShopping{width:24%; margin-left:5%; height:35px;}
.continueShopping a{line-height:2.5;}
#xmessageEmpty{width:32%; height:35px; }
#messageEmpty a{line-height:2.5;}

#checkout_complete{width:80%!important; padding-top:20%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif!important;	font-size:1.6vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option -----------------------------------------*/
 .prescriptionlargeimgPP {width:80%;  float:left; bborder:1px solid #f00; margin:0 0% 5% 10%;} /* width:40%; hheight:20%; float:left; bborder:1px solid #f00; margin:0 3% 3% 3%; */

 .prodsel_powersel2 {width:80%; float:left;  padding:0 0 0 0%; margin-left:15%;  } /* the selection container */
  
 .valueselect2{width:37%;  float:left;  margin-left:15% } /* text Now  Value select  label  Container */
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:16px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 5%; width:40%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:16px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 25px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:80%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:16px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif!important; margin:1.5% 0 8% 0; height:3.6vh; font-size:1em!important; color:#092a22;
	width:80%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
 
 /* ----------------------------------------------- */ 
  .preLensesPrice{width:100%;  margin:0 0 0px 15px; padding:0;  ffloat:left;}
 .preLensesPrice p{font-family: 'Montserrat', sans-serif!important;  font-size:1.1em!important; color:#6ec9c0;
line-height:2!important; text-align:left!important; text-transform:none!important; padding:0; margin:0; xfloat:left!important;
letter-spacing:1px;	xdisplay:block;  bborder: 1px solid #092a22; font-weight:bold;}

.holiday{width:90%;
	xmargin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin:15px auto!important;
	
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:16px!important;
	color:#3484C5;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.2px; 
 }

}


@media screen and (min-width: 857px) and (max-width: 1042px){

#pageHeader #mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
.js .mainmenu {	display:none!important;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:60%; float:left; z-index:1000;  text-decoration:none!important; }
.slicknav_menu li{ line-height:3; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 8px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important; 
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}
#mainmenu{display:none!important;}
#pageHeader .mainmenu{display:none!important; xborder:2px solid #f00;}
/* New top bar, header ing, basket */
.headblock{display:none!important;}
.headblockmobile{display:block!important; width:100%; height:60px!important; background:#404353; list-style-type:none; padding:0; text-aligh:center; margin:0 auto;}
.basket{display:none!important; }
.basketmobile{display:block!important; max-width:100px!important; width:100px!important; mmax-height:50%!important; height:auto!important; float:right; margin:11px 40px 11px 0px!important; padding:0; bborder:1px solid #f00;}
.basketmobile a img{display:block!important; width:35px!important; height:auto!important; bborder:1px solid #00f;}
.basketmobile span{width:20px; height:20px; background-color:#ffffff; float:right; padding:1px; margin:-30px 35px 0 0px!important; webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px;-ms-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	}
.basketmobile span p{	font-size:1em!important; color:#000000;	line-height:20px; margin-left:auto;	margin-right:auto; 	margin:0 auto; 	text-align:center; font-family: 'Montserrat', sans-serif; font-weight:bold;}
.HeadMidcontent{display:none!important;}
.HeadMidcontentmobile{display:block!important; width:40%; height:60px!important; list-style-type:none; padding:0; text-aligh:center; margin:0 auto; bborder:1px solid #ff0}
.HeadMidcontentmobile a img{display:block!important; margin:auto auto!important; background-repeat:no-repeat; max-width:260px; height:auto; display:block;  padding:3px 0 0px 0; }
/* New end of top bar, header ing, basket */
.container-fluid {margin:110px 0 0px 0!important;  width:100%!important; float:left!important;}
.topintro{margin-top:12px!important; }
.topintro h1{font-size:1.9vw!important; margin-top:20px!important; }
.topintro h2{font-size:1.7vw!important;}
#content .midcontainer .products{width:40%; height:auto; margin:0 0vw 6vw 7vw; float:left;} /* width:24%; height:50vh; margin:0 4.5% 6.5% 4.5%; float:left; */
.products p{font-size:1.1em!important; margin-top:8%!important; }
#content .midcontainer .products span h2{font-size:1.8vw!important; line-height:24px!important; }

.footer2_content2{width:100%!important;  margin:0vw 0 0 0; }
.barcontent2 {width:25%!important; margin:3vw 0 0 4vw; font-size:10vw!important; }
.footer2_content2 .barcontent2 p{font-size:1vw!important; line-height:2!important; letter-spacing:1px!important;  }
.footer2_option2 li a{ font-size:1vw!important; letter-spacing:2px; bborder:1px solid #0ff; }
.payments{width:20%!important; height:50px!important; margin:-50px 50px 30px 0!important;}
.payments img{width:50%!important;  mmargin:0 50px 30px 0;}

.menu-nav li a {font-size:11px!important; padding:1px 6px;}

.prod_discription{width:90%; margin:0px 5% 50px 5%!important;}
.prod_discription p{font-size:1.3vw!important; letter-spacing:1px; line-height:1.7em; font-weight:normal; text-align:left;  }

.productsPP p{font-size:1.4vw!important; bborder:1px solid #00f;}
.productsPP span h2{font-size:1.4vw!important; height:32px; line-height:29px!important; font-weight:normal;}
.productsPP span h3{font-size:1.4vw!important; }
.productsPP span h4{font-size:1.4vw!important;  }
.productsPP  #form1 #button{font-size:1.154vw!important; height:26px; line-height:28px;}

.productsPP .outofstockmessage{height:26px;}
.productsPP .outofstockmessage h3{font-size:1.156vw!important; letter-spacing:1.85px!important; line-height:26px!important;}
.productsPP h5{	
	font-family: 'Montserrat', sans-serif!important;	
	text-decoration:none!important; 
	font-size:12px!important; 
	line-height:1.5!important; 
	text-align:justify!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:575;	
	margin:12px 0 12px 0;
	xletter-spacing:1px!important;	
	}


.eyeshadow_description{margin:-100px 0 0 0;}
.eyeshadow_topintro{margin-top:-20px!important; }
.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% border:1px solid #00f;*/
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:130px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.2vw!important; font-weight:normal!important; letter-spacing:1px!important; line-height:20px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.65vw!important;}
.eyeshadow_details span h2{ font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.6vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.6vw!important; line-height:2.8vh!important; height:37px;}

.midcontainerLip .prodimg{width:40%; margin:0 5% 0 0; }/* width:30%; margin:0 10% 5% 5%; */
.liplinercolours .colourOptions{width:100%; margin:0 2% 0 2%;  }/* the colour selection container with all colours */
.liplinercolours{width:50%!important; height:auto; margin:-10px 0 0 0!important;}
.liplinercolours h4{font-size:1.4vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.6vw!important; line-height:2!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h3{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h4{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details #form1 #button{font-size:1.3vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:12%; height:7vh!important;  margin:0 2% 2.3% 1.2%; padding:0.5%; }
.liplinercolours .colourOptions #form2 #col{height:7vh!important; bborder:1px solid #f00;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.154vw!important; line-height:36px!important; font-weight:550;}

.productsPP p1{font-size:1.3vw!important;}
.productsPP span h32{font-size:1.159vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.159vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.159vw!important; height:30px; margin-top:5px; }

#xxpaypal_button{width:36%!important; margin-left:2%!important; position:relative; border:1px solid #00f; xfloat:left;}
.xxpaypal_button{width:100%; height:auto; margin-top:30%;}

#xxmessageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#xxmessageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.xxcontinueShopping{width:40%; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.xxcontinueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }

#paypal_button{width:40%!important; margin:0 0 5% 2%!important; position:relative;}
.paypal_button{width:100%; height:auto;}

#messageEmpty{width:40%; height:35px; margin:0 5% 2% 0; float:right!important; display:flex; }
#messageEmpty a{font-size:2vw!important; line-height:35px; width:100%!important; text-align:center!important; text-decoration:none; font-weight:normal;
color:#fff!important; margin-left:auto; margin-right:auto; margin:0 auto; font-family: 'Montserrat', sans-serif!important;}	
.continueShopping{width:40%!important; height:35px; margin:15px 5% 2% 95%!important; float:right!important; background-color:#404353; display:flex;}
.continueShopping a{font-family: 'Montserrat', sans-serif!important; text-align:center!important; font-size:2vw!important; line-height:35px; color:#fff;
text-align:center!important; text-decoration:none; font-weight:normal; margin-left:auto; margin-right:auto; margin:0 auto; }
#contshopping{/* yellow continue shopping when nothing in cart */
	width:30%;	height:4.4vh; float:right!important; margin:0 5% 20% 0%!important; }/* to have the footer displayed at the bottom of the page */

/* footer */
.footer2_content2{width:100%!important;  margin:1.5vw 0 0 0; }
.barcontent2 {width:25%!important; margin:3vw 0 0 4vw; font-size:10vw!important; }
.footer2_content2 .barcontent2 p{font-size:1.3vw!important; line-height:2!important; letter-spacing:1px!important;  }
.footer2_option2 li a{ font-size:1.3vw!important; letter-spacing:2px; bborder:1px solid #0ff; }
.payments{width:20%!important; height:50px!important; margin:-50px 50px 30px 0!important;}
.payments img{width:60%!important;  mmargin:0 50px 30px 0;}

/* cart something in cart ------ */
#cartheading{width:98%!important; margin:0 auto!important;}
#cartcontent{width:98%!important; float:left; margin:10px 0 0 0!important;}/* cart position with verything including title */
#cartproduct{width:98%!important; margin:0 auto!important;}
.discountamt p{ font-size:1.5vw; mmargin-top:1.25%;} /* subtotal, discount; delivery, total */
.xcontinueShopping{width:24%; margin-left:5%; height:35px;}
.continueShopping a{}
#xxmessageEmpty{width:32%; height:35px;}
#xxmessageEmpty a{}

#checkout_complete{width:80%!important; padding-top:20%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif!important;	font-size:1.5vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option ----------------------------------------- */
 .prodsel_powersel2 {width:50%; float:left;  padding:0 0 0 0%; margin-left:0%;  } /* the selection container */
  
 .valueselect2{width:31%;  float:left;  } /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; ffont-weight:bold; text-align:center;  }
   
 .colourselect2{margin:0 4px 10px 0%; width:20%; float:left; padding:0 0 0 5px;   }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important; text-align:center;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 25px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:100%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:14px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif!important; margin:1.5% 0 8% 0; height:3.6vh; font-size:1em!important; color:#092a22;
	width:100%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
#contentPP .preLensesPrice{width:100%;  margin:0 0 0px 15px; padding:0;  ffloat:left;}
#contentPP .preLensesPrice p{font-family: 'Montserrat', sans-serif!important;  font-size:1.1em!important; color:#6ec9c0;
line-height:2!important; text-align:left!important; text-transform:none!important; padding:0;	 margin:0; xfloat:left!important;
letter-spacing:1px;	xdisplay:block;  bborder: 1px solid #092a22; font-weight:bold;}

.holiday{width:90%;
	xmargin-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin:15px auto!important;
	
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:16px!important;
	color:#3484C5;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.2px; 
 }
.productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:7%;
	height:3.45vh;
	font-size:1.156vw!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:1.156vw!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}
}



@media screen and (min-width: 1043px) and (max-width: 1189px){

#pageHeader #mainmenu{display:none!important;}	
.js #mainmenu {	display:none;}
.js .mainmenu {	display:none!important;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:60%; float:left; z-index:1000;  text-decoration:none!important; }
.slicknav_menu li{ line-height:3; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 8px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important; 
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}
#mainmenu{display:none!important;}
#pageHeader .mainmenu{display:none!important; bborder:2px solid #f00;}	
	
.freedelivery h2{font-size:14px; letter-spacing:2px!important;}	
.container-fluid {margin:280px 0 10px 0!important;}

.topintro h1{font-size:1.5vw!important;  }
.topintro h2{font-size:1.4vw!important;}
#content .midcontainer .products{}
.products p{font-size:1.25vw!important; margin-top:8%!important; }
#content .midcontainer .products {font-size:1.2vw!important; line-height:26px!important; margin:0 0vw 20vw 7vw; }
#content .midcontainer .products span h2{font-size:1.2vw!important; line-height:26px!important; }

.productsPP span h2{font-size:1.35vw!important; height:32px; line-height:29px!important;}
.productsPP span h3{font-size:1.35vw!important; height:32px; line-height:29px!important;}
.productsPP span h4{font-size:1.35vw!important; height:32px; line-height:29px!important;}
.productsPP h5{	
	font-family: 'Montserrat', sans-serif;!important;	
	text-decoration:none!important; 
	font-size:12px!important; 
	line-height:1.5!important; 
	text-align:justify!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:575;	
	margin:12px 0 12px 0;
	xletter-spacing:1px!important;	
	}
/* ------------------------------ end home index page */
#pageHeader .mainmenu{display:none!important;}
.mainmenu{ display:table!important; height:40px; }
.mainmenu .menu-nav{background:#fff; padding:0; display:inline-block!important; vertical-align: middle!important; list-style: none; text-align: center;}
.menu-nav ul{display:inline-block!important; list-style-type:none!important; position:relative!important;}
.mainmenu .nav li{display:inline-block!important; position:relative; margin:0 auto!important; bborder:1px solid #ff0;}
.mainmenu .nav li a {
	display:block; color:white; text-align: center; padding:8px 12px; text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:12px!important; 
	text-align:center!important; font-weight:500; vertical-align:middle!important; text-transform:none!important; list-style:none!important; color:#404353; 	letter-spacing: 2px;  }
	
.prod_discription{width:90%; margin:0px 5% 50px 5%!important;}
.prod_discription p{font-size:1.1vw; letter-spacing:1px; line-height:1.9; text-align:left; }	
	
.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% */
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:20px auto!important;}
.eyeshadow_description{width:100%!important; display:block!important; }
.eyeshadow_description p{font-size:1.2vw!important; font-weight:normal!important; letter-spacing:1px;!important; line-height:30px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.6vw!important;}
.eyeshadow_details span h2{ font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.4vw!important; line-height:2.8vh!important; height:37px;}

.liplinercolours{width:50%!important; margin:-10px 0 0 0!important;}
.liplinercolours h4{font-size:1.4vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.6vw!important; line-height:2!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h3{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details span h4{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:22px 0 0 0!important;}
.lipliner_details #form1 #button{font-size:1.3vw!important; line-height:26px!important; height:30px; margin:22px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:12%; height:8.7vh!important;  margin:0 2% 2.3% 1.2%; padding:0.5%; }
.liplinercolours .colourOptions #form2 #col{height:8.7vh!important; bborder:1px solid #f00;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.154vw!important; line-height:36px!important; font-weight:550;}

.productsPP p1{font-size:1.3vw!important;}
.productsPP span h32{font-size:1.159vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.159vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.159vw!important; height:30px; margin-top:5px;}

/* footer */

.barcontent p{font-size:1.2vw!important; }
.footer2_option li{ font-size:1.2vw!important; }
.payments{width:50%; height:80px;}
.payments img{width:30%;}

/* cart something in cart ------ */

#cartcontent{mmargin:19.5vh 1% 0 10%!important;}/* cart position with verything including title */
.discountamt p{ font-size:1.3vw; mmargin-top:1.25%;} /* subtotal, discount; delivery, total */
.continueShopping{width:24%; height:35px;}
.continueShopping a{}
#messageEmpty{width:35%; height:35px;}
#messageEmpty a{}

#checkout_complete{width:80%!important; padding-top:20%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif!important;	font-size:1.5vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option ----------------------------------------- */
 .prodsel_powersel2 {width:50%; float:left;  padding:0 0 0 0%; margin-left:0%;  } /* the selection container */
  
 .valueselect2{width:25%;  float:left; } /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:28px; ffont-weight:bold;  }
   
 .colourselect2{margin:0 4px 10px 2%; width:25%; float:left; padding:0 0 0 5px;    }   /* text Now select colour label */
 .colselect{ margin:0 4px 0 3%; float:left; height:25px; }
 .colselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:14px; line-height:25px; font-weight:600!important;  }

 .product_power_selection2{width:35%; float:left; margin:-10px 2% 0 25px; hheight:100px;  position: relative; } /* Power selection drop down */
 .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}

 
 .selectiomessage{width:100%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{font-family: 'Montserrat', sans-serif!important; font-size:16px; text-decoration:none!important; color:#092a22; text-align:center; 	font-weight:bold; }

 .form-action{width:100%;}
  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif!important; margin:1.5% 0 8% 0; height:3.6vh; font-size:1em!important; color:#092a22;
	width:100%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
  #buttonx:hover{border:1px solid #092a22; color:#fff; background-color:#092a22;	background-position: left bottom;	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	transition: all .6s ease-out; display:block;  hheight:auto;	}
	
 /* ----------------------------------------------- */ 
#contentPP .preLensesPrice{width:100%;  margin:0 0 0px 15px; padding:0;  ffloat:left;}
#contentPP .preLensesPrice p{font-family: 'Montserrat', sans-serif!important;  font-size:1.1em!important; color:#6ec9c0;
line-height:2!important; text-align:left!important; text-transform:none!important; padding:0;	 margin:0; xfloat:left!important;
letter-spacing:1px;	xdisplay:block;  bborder: 1px solid #092a22; font-weight:bold;}

.holiday{width:90%;
	margin-left:auto;
	margin-right:auto;
	margin:0 auto;
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:14px!important;
	color:#3484C5;
	line-height:0.6;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px; 
 }
.productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:6%;
	height:3.45vh;
	font-size:1.156vw!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:1.156vw!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
}
}

@media screen and (min-width: 1190px) and (max-width: 1599px){

#pageHeader #mainmenu{display:none!important;}
#pageHeader .mainmenu{display:none!important; }		
.js #mainmenu {	display:none!important;}
.js .mainmenu {	display:none!important;}
.js .slicknav_menu {display:block!important;}
.slicknav_menu{display:block!important; width:40%; float:left; z-index:1000;  text-decoration:none!important; }
.slicknav_menu li{ line-height:3; background:#092a22; padding:0!important; margin:0!important; width:100%!important; border-bottom:1px solid #175747!important; text-decoration:none!important;  }
.slicknav_nav a:hover{ background:transparent!important; text-decoration:none!important; color:#fff;}	
.menu-nav li a { padding:1px 8px; color:#fff; text-align:left!important; letter-spacing:2px; color:#fff; text-transform:uppercase!important; 
				text-decoration:none!important;  }
.menu-nav li a::before{content:""; display:none; }
.menu-nav  li a:hover{color:#fff;}
#mainmenu{display:none!important;}
	
	
.freedelivery h2{font-size:14px; letter-spacing:2px!important;}	
.container-fluid {margin:280px 0 10px 0!important;}

.topintro h1{font-size:1.5vw!important; }
.topintro h2{font-size:1.4vw!important;}
.products {margin:0 0vw 35vw 7vw;!important; bborder:1px solid #f00; height:auto!important;}/* margin:0 4.5% 8.5% 4.5%!important; height:58vh!important; */
.products p{font-size:1.2vw!important; margin-top:10%; }
#content .midcontainer .products span h2{font-size:1vw!important; line-height:26px!important; }

.footer2_content2{width:100%!important;  margin:1.5vw 0 0 0; }
.barcontent2 {width:25%!important; margin:3vw 0 0 4vw; font-size:10vw!important; }
.footer2_content2 .barcontent2 p{font-size:1vw!important; line-height:2!important; letter-spacing:1px!important;  }
.footer2_option2 li a{ font-size:1vw!important; letter-spacing:2px; bborder:1px solid #0ff; }
.payments{width:20%!important; height:50px!important; margin:-50px 50px 30px 0!important;}
.payments img{width:50%!important;  mmargin:0 50px 30px 0;}
/*  end of index home page */

#pageHeader .mainmenu{display:none!important;}
.mainmenu{ display:table!important; height:40px; }
.mainmenu .menu-nav{background:#fff; padding:0; display:inline-block!important; vertical-align: middle!important; list-style: none; text-align: center;}
.menu-nav ul{display:inline-block!important; list-style-type:none!important; position:relative!important;}
.mainmenu .nav li{display:inline-block!important; position:relative; margin:0 auto!important; bborder:1px solid #ff0;}
.mainmenu .nav li a {
	display:block; color:white; text-align: center; padding:10px 10px;/* was 14px 16px */ text-decoration: none; font-family: 'Montserrat', sans-serif; text-decoration:none!important; font-size:16px!important; 
	text-align:center!important; font-weight:500; vertical-align:middle!important; text-transform:none!important; list-style:none!important;color:#404353; 	letter-spacing: 2px;  }

.prod_discription{width:90%; margin:0px 5% 50px 5%!important; }
.prod_discription p{font-size:1.1vw; letter-spacing:1px; line-height:1.9; text-align:left;  }

.productsPP p{font-size:1.4vw!important; }
.productsPP span h2{font-size:1.154vw!important; height:32px; line-height:29px!important; font-weight:normal;}
.productsPP span h3{font-size:1.154vw!important; }
.productsPP span h4{font-size:1.154vw!important;  }
.productsPP  #form1 #button{font-size:1.154vw!important; height:30px; }
.productsPP .outofstockmessage h3{font-size:1.154vw!important;letter-spacing:1.85px!important; }
.productsPP h5{	
	font-family: 'Montserrat', sans-serif!important;	
	text-decoration:none!important; 
	font-size:14px!important; 
	line-height:1.5!important; 
	text-align:justify!important; 
	vertical-align:middle!important; 
	text-transform:none!important;
	color:#092a22;
	font-weight:575;	
	margin:12px 0 12px 0;
	xletter-spacing:1px!important;	
	}

.barcontent p{font-size:14px!important;}
.footer2_option li a{font-size:14px; letter-spacing:1.5px;}

.eyeshadowPP{width:100%!important; margin:0 auto!important;}/* margin:1.5% 0 5% 5% */
.eyeshadowPP a img{width:80%!important; height:auto; margin:0 auto;}
.descriptiondetail{width:100%!important; margin:35px auto!important;}
.eyeshadow_description{width:100%!important; margin:0px 0 0 0; }
.eyeshadow_description p{font-size:1.2vw!important; font-weight:normal!important; letter-spacing:1.5px!important; line-height:30px!important;}
.eyeshadow_details{width:90%; margin:0 0% 0 10%;}
.eyeshadow_details p{font-size:1.6vw!important;}
.eyeshadow_details span h2{ font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h3{font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details span h4{font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details .outofstockeyeshadow h3{font-size:1.4vw!important; height:35px; line-height:32px!important;}
.eyeshadow_details  #form1 #button{	font-size:1.4vw!important; line-height:2.8vh!important; height:37px;}

.liplinercolours{width:50%!important; margin:-10px 0 0 0!important;}
.liplinercolours h4{font-size:1.4vw!important;}

.liplinercolours .lipliner_details .selectedcol p{font-size:1.6vw!important; line-height:2!important; margin-left:5px;}
.lipliner_details span h2{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:28px 0 0 0!important;}
.lipliner_details span h3{font-size:1.3vw!important: line-height:28px!important; height:30px; margin:28px 0 0 0!important;}
.lipliner_details span h4{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:28px 0 0 0!important;}
.lipliner_details .outofstockeyeshadow{}
.lipliner_details .outofstockeyeshadow h3{font-size:1.3vw!important; line-height:28px!important; height:30px; margin:28px 0 0 0!important;}
.lipliner_details #form1 #button{font-size:1.3vw!important; line-height:26px!important; height:30px; margin:28px 0 0 0!important;}

.liplinercolours .colourOptions a img{width:12%; height:9.5vh!important;  margin:0 2% 2.3% 1.2%; padding:0.5%; }
.liplinercolours .colourOptions #form2 #col{height:9.35vh!important; bborder:1px solid #f00;}/* button size when clicking and the selected option */
/* sale */
#contentPP .discountwithcode{height:32px;}
#contentPP .discountwithcode h3{font-size:1.154vw!important; line-height:36px!important; font-weight:550;}

.productsPP p1{font-size:1.3vw!important;}
.productsPP span h32{font-size:1.159vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP span h42{font-size:1.159vw!important; height:28px; letter-spacing:2px; line-height:32px; font-weight:550;}
.productsPP  .form1 .button{font-size:1.159vw!important; height:30px; margin-top:5px;}

/* footer */
.payments{width:50%; height:80px;}
.payments img{width:30%;}

/* cart something in cart ------ */
#cartproduct{}
#cartcontent{}/* cart position with verything including title */
.discountamt p{ font-size:1.3vw; mmargin-top:1.25%;} /* subtotal, discount; delivery, total */
#messageEmpty{width:30%; height:35px;}/* empty cart button */
.continueShopping {height:35px;}
.continueShopping a{}
#pageContent{}
#shoppingcartmenu{} /* main div with shopping cart heading and titles, product, unit price, quantity, total, remove */ 
#shoppingcrtc{}/* shopping cart menu only */
#shoppingcrtc p{} /* shopping cart menu paragraph  */

#paypal_button{width:30%!important; margin:260px 0 0 0!important; pposition:fixed; }

.ssl{ width:20%; height:35%; margin:1% 0 1% 0; padding:0;} /* gdpr */
.ssl img{max-width:100%; width:55%!important;} /* gdpr */
/* --------------------------------- Other pages --------------------- */
#checkout_complete{width:80%!important; padding-top:20%!important; margin:0 auto!important;  }
#checkout_complete p{font-family: 'Montserrat', sans-serif!important;	font-size:1.3vw!important; line-height:30px!important; text-align:center!important; letter-spacing:1px; }

 /* new options for new index prescription contacts ------------- new page with message option ----------------------------------------- */
  .valueselect2{width:25%;  float:left;  } /* text Now  Value select  label  Container*/
 .valselect{margin:0 4px 0 3%; float:left; hheight:25px;  padding:0 0 0 5px;} /* div with h2 in */
 .valselect h2{font-family: 'Montserrat', sans-serif!important; text-decoration:none!important;  color:#000; 
   font-size:16px; line-height:28px; ffont-weight:bold;  }
   
 .colourselect2{margin:0 4px 10px 2%; width:25%; float:left; padding:0 0 0 5px;    }   /* text Now select colour label */
 .prodsel_powersel2 {width:50%; float:left;  padding:0 0 0 0%; margin-left:0%; } /* the selection container */
 .product_power_selection2{width:35%; float:left; margin:-10px 9% 0 0px; hheight:100px;  position: relative; } /* Power selection drop down */
  .prodsel_powersel2 .product_power_selection2 select{width:100%; border:1px solid #BFBFBF; margin:20px 0px 0 0px; height:40px; text-shadow:0 1px 0 rgba(0,0,0,0.4); background:#EFEFEF; line-height:1; 
 padding-left:10px; letter-spacing:1px; text-decoration:none!important; font-family: 'Montserrat', sans-serif!important; text-decoration:none!important; font-size:14px;}
 .prodsel_powersel2  .product_power_selection2 option{background-color: #fff; padding:0 0 10px 20px;  } 
 .product_colour_selection2{width:30%;  float:left;  margin-left:100px;}
 
 .selectiomessage{width:100%; float:left; margin:20px 0 20px 0%; border:1px solid #092a22;}
 .selectiomessage p{
	font-family: 'Montserrat', sans-serif!important;
	font-size:16px;
	text-decoration:none!important;
	color:#092a22;
	text-align:center;
	font-weight:bold;
}

 .form-action{width:100%;}
  #buttonx{	background-color:#fff; font-family: 'Montserrat', sans-serif!important; margin:1.5% 0 8% 0; height:3.6vh; font-size:1em!important; color:#092a22;
	width:100%!important; line-height:2.5vh!important; text-align:center!important;	vertical-align:middle!important; text-transform:none!important;	float:left!important;
	letter-spacing:1px;	display:block;	transition: all .5s ease-out;   background-position: right bottom; 	}
	
  #buttonx:hover{border:1px solid #092a22; color:#fff; background-color:#092a22;	background-position: left bottom;	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	transition: all .6s ease-out; display:block;  hheight:auto;	} 
 
 /* ----------------------------------------------- */ 

 .holiday{width:90%;
	margin-left:auto;
	margin-right:auto;
	margin:0 auto;
}
.holiday h2{
	font-family:Montserrat, SansSerif, serif, Calibri!important;
	font-size:16px!important;
	color:#3484C5;
	line-height:0.6;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px; 
 }
/* -------------- contact lenses modifed NEW -------------------- */
.productsPP  #form1 #buttonContactLenses{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:7%;
	height:3.45vh;
	font-size:1.156vw!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	xletter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1 #buttonContactLenses:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;	
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
	
}	
.productsPP  #form1b #buttonContactLensesb{
	xborder:1px solid #f00!important;
	font-family: 'Montserrat', sans-serif;!important;	
	background-color:#fff;
	margin-top:3%;
	height:3.45vh;
	font-size:1.156vw!important;
	color:#092a22;
	mmax-width:66%!important;
	width:100%!important;
	line-height:20px!important; 
	text-align:left!important;
	padding-left:4px; 
	vertical-align:middle!important; 
	text-transform:none!important;
	letter-spacing:1px;
	display:block;
	font-weight:bold;
	float:left!important;
	border:1px solid #092a22;
	/*-- New -- */	
	transition: all .5s ease-out;
    background-position: right bottom;
	}
.productsPP #form1b #buttonContactLensesb:hover{
	border:1px solid #092a22;
	color:#fff;
	background-color:#092a22;	
	background-position: left bottom;
	background: linear-gradient(to right, #092a22 50%, white 50%);
	background-size: 200% 100%;
	transition: all .6s ease-out;	
	display:block;
	font-weight:normal;
} 
}