/* DEV
   ===================================== */
.width{
	width: 100%;
	line-height: 2;
	text-align: center;
	background-color: #AFA;
}

/* BASE
   ===================================== */
body{
	font-family: Roboto, Arial, Sans-serif;
  -ms-touch-action:none;
}


  
.container-fluid {
  padding-right: 0;
  padding-left: 0;
  /*overflow-x: hidden;*/
}


/* MAIN NAVIGATION
   ===================================== */
.nav-main{
	height: 60px;
	text-transform: uppercase;
}
	.nav-main:before{
		content: '';
		position: absolute;
		top: 26px;
		width: 100%;
		height: 2px;
		background-color: #000;
		left: 0;
		right:0;
	}
	.nav-main ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: inline-block;
		clear: both;
	}
		.nav-main ul li {
			display: block;
			float: left;
		}
			.nav-main ul li a,.nav-main ul li a:hover {
				text-decoration: none;
			}

.nav-main .nav-level1 {
	display: inline-block;
	position: relative;
}
	.nav-main .nav-level1 > li > a{
		display: block;
		width: 86px;
		text-align: center;
		padding: 0 8px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		/*color: #000;
		background-color: #AAA;	*/
	}
		.nav-main .nav-level1 > li:only-child > a{
			text-indent: -9999px;
			width: 0;
			padding: 0;
		}
		.nav-main .nav-level1 > li.active > a{
			/*background-color: #ABC;	*/
		}

.nav-main .nav-level2, .nav-level3{
	position: absolute;
}

.nav-main ul.nav-level2{
	left: 100%;
	top: 0;
	width: 620px;
	display: none;
}
	.nav-main ul.nav-level2 > li > a{
		display: block;
		text-align: center;
		padding: 0 8px;
		height: 24px;
		line-height: 28px;
		font-size: 18px;
		/*color: #333;
		background-color: #CCC;	*/
	}
		.nav-main ul.nav-level2 > li.active > a{
			/*background-color: #CDE;	*/
		}

.nav-main ul.nav-level3{
	position: fixed;
	left: 0;
	top: 30px;
	display: none;
}
	.nav-main ul.nav-level3 > li > a{
		display: block;
		text-align: center;
		padding: 0 8px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		margin-right: 1px;
		/*color: #666;
		background-color: #EEE;	*/
	}
		.nav-main .nav-level3 > li.active > a{
			/*background-color: #dEF;	*/
		}

/*.logo{
	position: absolute;
	right: 10px;
	top: 0;
	height: 24px;
	width: 100px;
	background: url('../img/logo.png') 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}   */


/* LEFT SIDE
   ===================================== */
.leftside{
	padding-left: 15px;
}

.filters{
	height: 48px;
}
.hairfilters{display: none;}
.productfilters{display: none;}
.pager,.pager2{
	margin-bottom: 0;
} 
.ajaxcontent{
	position: relative;
}

.leftside .product-description {display:none !important; }
.ajaxcontent:before{
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.ajaxcontent.loading:before{
	top: 0px; left: 0;
	right: 0; bottom: 0;
	content: '';
	display: block;
	z-index: 2000;
	position: absolute;
/*	background: #FFF url('../img/ajax-loader.gif') center center no-repeat;    */
  background: #FFF url('../img/preloader2.gif') center center no-repeat;  
	opacity: 1;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.thumbnail {
	margin-bottom: 10px;
	padding: 2px;
	/*border-width: 2px;*/
	text-align: center;
}
.thumbnail:hover, .thumbnail:focus {text-decoration: none;}
.thumbnail.price {
	font-family: "Oswald";
	font-weight: bold;
	color: #000;
}
.thumbnail .price_vat, .product-price .price_vat {font-weight: normal; font-size: 12px;}
.thumbnail .price-before, .product-price .price-before {text-decoration:line-through; color:#000; font-size:11px;}
.thumbnail .price-discount, .product-price .price-discount {display:inline; color:#ED5683; font-size:14px;}
.product-price .price-discount {font-size:18px;}
.thumbnail .fa.fa-shopping-cart {display:inline-block; margin-top:5px; color:#80DAE5; font-size:18px;}

.thumbnail .fa-tint{
	position: absolute; 
	/*bottom: 15px; */
	top: 10px;
	left: 10px;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}

.thumbnail h4 {
	color: #000;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
  height:26px; 
  overflow: hidden;
}

.product-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain !important;
	padding-bottom: 85%;
	width: 100%;
	margin: 0px auto;
}

.product-image.hairin {
background-size:cover !important;
	padding-bottom: 110%;
}

.tooltip-inner {
	white-space: nowrap;
	width: 100%;
	max-width: 100%;
}
p.product-price {
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	margin-top: 5px;
	/*margin-top: 16px;*/
}
p.product-price span.price {display: inline-block; margin-bottom: 5px;}
.product-description .description .description-title, .product-edit .description-title{
	font-weight: 700;
	font-size: 14px; /*16px*/
}
.product-description .description .description-text {
	max-height: 100px;
	overflow: hidden;
	font-size: 12px;
}
#page,#page2{display: inline-block; width: auto;}

.edit_btns {display:none;}

.discount-badge {
	position: absolute; 
	top: 3px; 
	right: 3px; 
	background-color: #80DAE5; 
	color: #fff; 
	width: 40px; 
	height: 40px; 
	border-radius: 20px; 
	text-align: center; 
	font-size: 18px; 
	letter-spacing: -2px; 
	padding-top: 8px; 
	transform: rotate(45deg);
}
.discount-badge {}

/* CENTER - CANVAS
   ===================================== */ 

.circle-buttons.on-canvas-top {position: absolute; left: 0; width: 100%;}
.circle-buttons.on-canvas-bottom {position: absolute; width: calc(100% - 125px);} /*100% - 142px*/
.circle-buttons.on-canvas-top {top: 27px; text-align: center;}
.circle-buttons.on-canvas-bottom {bottom: -14px; left: 20px; text-align: left;}
.circle-buttons.on-canvas-bottom a {bottom: -14px; text-align: center;}

.circle-buttons.on-canvas-left {position: absolute; top: 135px; left: -30px; width: 80px;}
.circle-buttons.on-canvas-right {position: absolute; top: 135px; right: -30px; width: 80px;}

   
.circle-buttons a, .circle-buttons button, .circle-buttons .removebtn {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 6px solid #D2D2D2;
	border-radius: 31px;
	-moz-border-radius: 31px;
	-webkit-border-radius: 31px;
	background-color: #fff;
	color: #C0C0C0;
	margin: 0;
	padding-top: 8px;
}

.circle-buttons .ED_remove_all, .btn-circle-bottom {
	display: inline-block;		!important;
	width: 50px					!important;
	height: 50px				!important;
	border: 6px solid #D2D2D2	!important;
	border-radius: 31px			!important;
	-moz-border-radius: 31px	!important;
	-webkit-border-radius: 31px	!important;
	background-color: #fff		!important;
	color: #C0C0C0				!important;
	margin: 0					!important;
	padding-top: 8px			!important;
	outline: none				!important;
	box-shadow: none			!important;
}
.circle-buttons .ED_remove_all:hover, .btn-circle-bottom:hover {
	border-color: rgba(128,218,229,1) !important;
	color: rgba(128,218,229,1) !important;
}

#eyelinerstyle button:first-child, #blushstyle button:first-child, #mascarastyle button:first-child, #browstyle button:first-child {margin-left: 3px; }
#eyelinerstyle button, #blushstyle button, #mascarastyle button, #browstyle button {padding: 0; outline: none; box-shadow: none;}
.btn-pfx {padding: 8px 10px !important;}
#eyelinerstyle button img, #blushstyle button img , #mascarastyle button img, #browstyle button img {border-radius: 20px; width: 39px; height: 39px; margin-top: -1px;}


.ED_zoom_class_7 .range-wrapper {max-width: 125px;}
.ED_zoom_class_6 {max-width: 160px;}
.ED_zoom_class_6 .range-wrapper {margin-left: 24px !important;}

.circle-buttons.on-canvas-top a:hover,
.circle-buttons.on-canvas-right a:hover,
.circle-buttons.on-canvas-bottom a:hover,
.circle-buttons.on-canvas-left a:hover,
.circle-buttons.on-canvas-top button:hover,
.circle-buttons.on-canvas-right button:hover,
.circle-buttons.on-canvas-bottom button:hover,
.circle-buttons.on-canvas-left button:hover {border-color: rgba(128,218,229,1); color: rgba(128,218,229,1); text-decoration: none;}

.circle-buttons.on-canvas-top a:focus,
.circle-buttons.on-canvas-right a:focus,
.circle-buttons.on-canvas-bottom a:focus,
.circle-buttons.on-canvas-left a:focus, 
.circle-buttons.on-canvas-top button:focus,
.circle-buttons.on-canvas-right button:focus,
.circle-buttons.on-canvas-bottom button:focus,
.circle-buttons.on-canvas-left button:focus {border-color: rgba(128,218,229,0.85); color: rgba(128,218,229,0.85); text-decoration: none;}

.circle-buttons a .fa, .circle-buttons button .fa {font-size: 21px;}
.circle-buttons .edit_btns button {padding-top: 2px;}

/* circles ul menu */
ul.circles-nav-level3 {display:none;}
ul.circles-nav-level2 {list-style: none; margin: 0; padding: 0; position: relative;}
ul.circles-nav-level2 li a {
	display: block;
	width: 76px;
	height: 76px;
	border: 9px solid #D2D2D2;
	border-radius: 47px;
	-moz-border-radius: 47px;
	-webkit-border-radius: 47px;
	background-color: #fff;
	color: #919191;
	margin: 0;
	vertical-align: middle;	
	font-family: "Roboto", sans-serif !important;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 500;
	padding-top: 20px;	
	text-align: center;
}

ul.circles-nav-level2 li a:hover, ul.circles-nav-level2 li a.active {border-color: rgba(128,218,229,1); color: rgba(128,218,229,1); text-decoration: none;}
ul.circles-nav-level2 li ul.circles-nav-level3 {
	list-style: none;
	position: absolute;	
	right: -162px;
	/*width: 195px;*/
	
	width: 150px;
	padding: 0;
	
	/*
	background-color: #fff;	
	*/
	margin: 0; 
	/*
	padding: 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	*/
}
ul.circles-nav-level2-left li ul.circles-nav-level3 {right: 40px; padding-right: 40px; padding-top: 6px;}
ul.circles-nav-level2-right li ul.circles-nav-level3 {left: 35px; padding-left: 40px; padding-top: 6px;}
/*
ul.circles-nav-level2-left li ul.circles-nav-level3:after {
	content:'';
    position: absolute;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right:6px solid #fff;
	left:-6px;
	top: 10px;
}
ul.circles-nav-level2-right li ul.circles-nav-level3:after {
	content:'';
    position: absolute;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left:6px solid #fff;
	right:-6px;
	top: 10px;
}
*/


ul.circles-nav-level2 li ul.circles-nav-level3 li a {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px 5px;
	text-align: left;
	border: none;
	text-align: right;
	text-shadow: 
	-1px -1px 0 rgba(255,255,255,0.75), 
	1px -1px 0 rgba(255,255,255,0.75), 
	-1px 1px 0 rgba(255,255,255,0.75), 
	1px 1px 0 rgba(255,255,255,0.75);
	background: none !important;
}

.circles-nav-level2.circles-nav-level2-right li ul.circles-nav-level3 li a {text-align: left; background-color: transparent !important;}

ul.circles-nav-level2 li ul.circles-nav-level3 li.active a {
	color: rgba(128,218,229,1);
	font-weight: bold;
}

.circle-buttons.on-canvas-top a {margin-right:-3px;}
.circle-buttons.on-canvas-left a, .circle-buttons.on-canvas-right a {
	display: block;
	width: 76px;
	height: 76px;
	border: 9px solid #D2D2D2;
	/*
	border-radius: 47px;
	-moz-border-radius: 47px;
	-webkit-border-radius: 47px;
	background-color: #fff;
	*/
	color: #919191;
	margin: 0;
	vertical-align: middle;
}



.circle-buttons.on-canvas-left a, .circle-buttons.on-canvas-right a {
	font-family: "Roboto", sans-serif !important;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 500;
	padding-top: 20px;
}

.canvas-buttons {
	max-width: 610px;
	border-spacing: 5px 0;
  	margin: 0 auto 5px;
}
.btn-group.canvas-buttons > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.btn-group.canvas-buttons > .btn:last-child:not(:first-child),
.btn-group.canvas-buttons > .btn:first-child:not(:last-child):not(.dropdown-toggle)	{
	border-radius: 5px;
}

/* filter - rounded select boxes */ 
.filters select {box-shadow: none; border: 1px solid #C0C0C0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
div.hairfilters-hairtypes, div.hairfilters-hairsubtypes {padding: 0;}
select#hairtypes, select#hairsubtypes {border: none; box-shadow: none; border: 1px solid #C0C0C0;}
select#hairtypes {border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px;}
select#hairsubtypes {border-left: none; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;}

.chosen-container-single .chosen-single {
	border: 1px solid #C0C0C0;
	border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-left: none;
	box-shadow: none;
}
.chosen-container-single .chosen-single:focus {outline: none;}
.chosen-container-active.chosen-with-drop .chosen-single {box-shadow: none; -webkit-box-shadow: none;}

/* pager */
.pager .next>a, .pager .next>span, .pager .previous>a, .pager .previous>span {/*float: none; margin-right: 5px;*/}
.pager .form-inline {display: inline-block; margin-top: 8px;}
.pager .next>a span i, .pager .next>span i, .pager .previous>a span i, .pager .previous>span i {font-size: 30px;}

/*.move-canvas-left {margin-left: -35px;}*/

/* shopping cart row */
#cart-row-wrapper {}
.cart-row {margin-top:30px; border-top: 1px dotted #C4C4C4; border-bottom: 1px dotted #C4C4C4;}
.cart-row .summary {width:245px; float:left;}
.cart-row .summary .texts {padding: 15px 0 0 15px;}
.cart-row .summary .texts h2 {
	margin:0;
	padding:0;
	font-size:23px;
	font-weight:normal;
	color:#212A51;
	text-transform:uppercase;
	font-family:'Roboto',sans-serif;
	letter-spacing:-0.5px;
}
.cart-row .summary .texts .price {color: #ED5683; font-family: 'Roboto',sans-serif; font-weight: bold; font-size: 16px;}
.cart-row .cart-carousel {width: calc(100% - 490px); float: left;}
.cart-row .show-cart-corner {width: 245px; height: 100px; float: right; background-color: #80DAE5; position: relative; overflow: hidden; }
.cart-row .show-cart-corner .curve {width: 1000px; height: 1000px; background-color: #fff; position: absolute; right: -195px; bottom: -4px; border-radius: 850px;}
.cart-row .show-cart-corner .icon {position: absolute; right: 9px; bottom: 8px; cursor: pointer;}
.cart-row .show-cart-corner .icon-icon {float: left; margin-right: 6px; padding-top: 0px;}
.cart-row .show-cart-corner i {font-size: 28px; color: #212A51;}
.cart-row .show-cart-corner .icon-text {float: left; padding-top: 2px;}
.cart-row .show-cart-corner span.icon-text-1st {color: #212A51; text-transform: uppercase; font-size: 11px; letter-spacing: -0.5px; line-height: 10px; font-weight: normal; display: block;}
.cart-row .show-cart-corner span.icon-text-2nd {color: #212A51; font-size: 16px; font-weight: bold; line-height: 16px; display: block;}

.cart-row .owl-item .item .cartcontrols2 {height: 60px; padding-right: 15px; border-right: 1px dotted #D7D7D7; text-align: right;}
.cart-row .owl-item .item .cartcontrols2 a.cartbtn {
	/*width:23px !important; margin-bottom: 3px !important;*/
	float: right;
	width: 22px;
	height: 22px;
	font-size: 16px;
	background-color: #fff;
	border: none;
	color: #212A51;
	text-align: center;
	font-size: 18px;
	outline: none;
	box-shadow: none;
	margin-right: 2px;
}
.cart-row .owl-item .item .cartcontrols2 a.removebtn {
	float: right;
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
	background-color: #C0C0C0;
	text-align: center;
	outline: none;
	box-shadow: none;	
}

.cart-row .owl-item .item {font-family: 'Roboto', sans-serif; padding-top: 20px;}
.cart-row .owl-item .item .img {margin: 0 6px;}
.cart-row .owl-item .item .img img {width: 60px; height: 60px; border: 1px solid #D1D1D1;}
.cart-row .owl-item .item h5 {margin: 0; padding: 0; max-width: 200px; color: #A7A7A7; font-size: 13px; font-weight: normal; text-transform: uppercase; display: inline-block;}
.cart-row .owl-item .item span {color:#6E6E6E; font-size: 13px; font-weight: bold;}

#EDIT_SETTINGS, #EDIT_REFRESH {
	width: 50px;
	height: 50px;
	border-radius: 31px;
	background-color: #fff;
	border: 6px solid #D2D2D2;
	color: #C0C0C0;
	box-shadow: none;
	outline: none;
	padding: 0;
	font-size: 21px;
}

#EDIT_SETTINGS:hover, #EDIT_REFRESH:hover {color: #84dce6; border-color: #84dce6;}

.cartlist {
	position: absolute;
	top: 5px;
	left: 5px;
	/*left: -65px;*/
	right: 5px;
	bottom: -20px;
	max-width: 700px;
	/*width: calc(100% - 10px);*/
	width: calc(100% + 60px);
	margin: auto;
	margin-left: -35px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	z-index: 5000;
	display: none;
	padding: 5px;
}

.cartlist .content{	
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100% - 50px);
	position: relative;
}
.cartlist .content .row{
	padding: 5px;
	position: relative;
}
.cartlist .content .row ~ .row{
	border-top: 1px solid #AAA;
}
.cartlist .closebtn{
	margin-bottom: 10px;
}
.colorbox{
	height: 10px;
	width: 20px;
	display: inline-block;
	margin-right: 10px;
}

.cartcontrols{
	position: absolute;
	bottom: 8px;
	right:10px;
	
}
#model, #before-imageCanvas, #gallery-imageCanvas, #hotlook-imageCanvas{
	margin-top:46px;
	max-width: 100%;
	height: auto;
	border: 10px solid #D2D2D2;
  border-radius: 40px;
}
#before-imageCanvas, #gallery-imageCanvas, #hotlook-imageCanvas {
display:none;
}
.beforeCanvasDiv {margin:0 auto; position:relative; width:80%;}
.beforeCanvasSigns {position:absolute; left:6px; top:1px; width:99.8%; background:#000; color:#fff; }
.beforeCanvasSigns div {padding:2px 0;}
.beforeCanvasSigns .first { 
    border-right: 1px solid #fff;
}

#beforeCanvas{
	max-width: 100%;
	height: auto;
	border: 1px solid #AAA;
  
}

#modelUPLOAD{
	max-width: 100%;
	height: auto;
	border: 10px solid #D2D2D2;
  padding:0.1px;
}

#modelUPLOAD-pointCanvas { position:absolute; top:0px; left:0px; 	height: auto; max-width: 100%; border: 10px solid #D2D2D2
  padding:0.1px;}

#virtooal-imageLoader, #virtooal-imageLoader2{
	margin-left:-145px;
	padding:10px 0;
	top:0;
	height:auto;
	position:absolute;
	cursor:pointer;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

#fotopreloader { 
	z-index:2000;
	display:none;
	background: url('../img/loading.gif') center center no-repeat;
	width:50px;
	height:50px;
	position:absolute; 
	top:70px; left:30px;
}
#fotopreloader-cartrow {padding: 30px 0; background: url('../img/loading.gif') center center no-repeat;}
#hotlookpreloader, #favpreloader {
	z-index:2000;
	display:none;
	background: url('../img/loading.gif') center center no-repeat;
	width:50px;
	height:50px;

}

#fotopreloaderUPLOAD{ 
	background: url('../img/loading.gif') center center no-repeat;
	width:100%;
	height:50px;
}

#photo_edit_icons {
	position: absolute;
	bottom: -14px;
	right: 20px;
}

/* RIGHT SIDE
   ===================================== */
.rightside{
	padding-right: 0px;
}
.rightside .product-description{
}



.rightside .product-description{
	position:static;
}

#before img {width:80%; text-align:center;}


/* MOBILE MENU
   ===================================== */
.menuopen{
	margin-bottom: 5px;
}  
.nav-mobile{
	width: 100%;	
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 9000;
}
.nav-mobile ul{
	margin: 0;
	padding: 0;
	display: none;
	list-style-type: none;
	width: 100%;
}
.nav-mobile .nav-level1{
	display: block;
}
.nav-mobile .nav-level1, .nav-mobile .nav-level2, .nav-mobile .nav-level3{
	
	position: relative;
}
.nav-mobile li {
	display: block;
	background-color: #F6F6F6;
}

.nav-mobile li a {
	display: block;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #FFF;
	text-decoration: none;
	position: relative;
}


.nav-mobile .nav-level1 > li > a:after, .nav-mobile .nav-level2 > li > a:after {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent rgba(0,0,0,0.2);
}


#zoomer-holder, #zoomer-holderUPLOAD {
	position: absolute; 
	/*bottom: 34px;*/
	bottom: 47px;
	left: 22px; 
	background-color: #F7F7F7; 
	width: 40%; 
	height: 22px; 
	text-align: center; 
	padding-top: 9px; 
	border-radius: 3px;
}
#zoomer-holderUPLOAD {margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
	bottom: 50px;
}
#zoomer, #zoomerUPLOAD {
	/*position:absolute; bottom:42px; left:22px; z-index:2;*/ 
	margin: 0px auto;
}

.edit_btns .range-icon {
	position: absolute;
	left: 0;
	top: 4px;
	width: 36px;
	height: 36px;
	padding: 4px 0px 0px 6px;
	background-color: #D2D2D2;
	text-align: center;
	border-radius: 18px;
	color: #fff;
}

.edit_btns .range-wrapper {
	margin-left: 29px;
	background-color: #F7F7F7;
	border-radius: 0 3px 3px 0;
	margin-top: 10px;
	padding-left: 13px;
	padding-right: 10px;
	margin-right: 5px;
	border: 1px solid #D2D2D2;
}

.edit_btns .range-wrapper input[type=range] {width: 100%;}

#zoomer-holder {opacity: 0.8;}
#zoomer-holder:hover {opacity: 1; transition-duration: .35s;}

/* fix new rotate */
#zoomer-holder {transform: rotate(270deg);
  -moz-transform: rotate(270deg); /*do same for other browsers if required*/
  top: 70% !important;
  right: -30px !important;
  left: auto !important;
  width: auto !important;
  bottom: auto !important;
  }

input[type=range] {
	-webkit-appearance: none;
	width: 90%;
	/*margin: 0 0 20px 10px;*/
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 4px;
	cursor: pointer;
	background: rgba(192,192,192,0.6);
	border-radius: 0px;
	border: 0px solid transparent;
}
input[type=range]:focus::-webkit-slider-runnable-track {
	background: rgba(132,220,230,0.6);
}
input[type=range]::-webkit-slider-thumb {
	height: 12px;
	width: 12px;
	border-radius: 6px;
	background: rgba(192,192,192,1);
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -4.3px;
}
input[type=range]:focus::-webkit-slider-thumb {
	background: rgba(132,220,230,1);
}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 7px;
	cursor: pointer;
	box-shadow: 0.8px 0.8px 7px rgba(0, 34, 0, 0.2), 0px 0px 0.8px rgba(0, 60, 0, 0.2);
	background: #ffffff;
	border-radius: 0px;
	border: 0px solid #18d501;
}
input[type=range]::-moz-range-thumb {
	box-shadow: 2.6px 2.6px 3.7px rgba(0, 0, 0, 0.1), 0px 0px 2.6px rgba(0, 0, 0,0.1);
	border: 1px solid rgba(0, 0, 0, 1);
	height: 20px;
	width: 20px;
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
}
input[type=range]::-ms-track {
	width: 100%;
	height: 7px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
input[type=range]::-ms-fill-lower {
	background: #f2f2f2;
	border: 0px solid #18d501;
	border-radius: 0px;
	box-shadow: 0.8px 0.8px 7px rgba(0, 34, 0, 0.2), 0px 0px 0.8px rgba(0, 60, 0, 0.2);
}
input[type=range]::-ms-fill-upper {
	background: #ffffff;
	border: 0px solid #18d501;
	border-radius: 0px;
	box-shadow: 0.8px 0.8px 7px rgba(0, 34, 0, 0.2), 0px 0px 0.8px rgba(0, 60, 0, 0.2);
}
input[type=range]::-ms-thumb {
	box-shadow: 2.6px 2.6px 3.7px rgba(0, 0, 0, 0.1), 0px 0px 2.6px rgba(0, 0, 0,0.1);
	border: 1px solid rgba(0, 0, 0, 1);
	height: 20px;
	width: 20px;
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
	height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
	background: #ffffff;
}
input[type=range]:focus::-ms-fill-upper {
	background: #ffffff;
}
input[type=range].productrange {
  width: 80%;
  margin: 10px 0;
}

.hidden-edit {display:none;}

#before{cursor:pointer;
 transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

#before:hover {
    opacity: 0.6;
}

.othermodals {
position:absolute; height: 100%;
    background-color: rgba(255,255,255,0.8);  
    position: absolute;
    top: 0px;
    right: 0;
    left: 0; width:100%; z-index:10000;
    text-align:center;
    }
.demoversionframeTOP, .hotlooksframeTOP, .favframeTOP {display:none; z-index:10001;}    
.demoversionframe, .hotlooksframe, .favframe {
width: 60%;
background:#fff;
border:1px solid #ccc;
margin:10% auto 0;
padding: 1%; 
}    
    
.hotlooksframe {text-align:left;} 

/* UPLOAD FRAME */
.uploadframe, .uploadframeCLOTHES, .beforeafterframe, .videoframe {display:none;
position:absolute; height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0; width:100%; z-index:10000}
    
.videoframe {z-index:10001;} 
    
.uploadframePROCESS {display:none;
position:absolute; height: 100%;
    background: rgba(255, 255, 255, .8);
    position: absolute;
    top: 0px;
    right: 0;
    left: 0; width:100%; z-index:10001;
    
    }  
    
.uploadframePROCESS .lessdiv {
      width:70%; margin:20% auto; height:40%;  background-color:#fff; border:1px solid #000; padding:20px; text-align:center; 
      display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
} 

.uploadframe h4 {font-size:28px;}
.uploadframe p {font-size:16px;}

.UFstep2 {display:none;}


.hair-right-side {display:none; padding-right:10px; padding-bottom:10px;}

.insidepager {   
   position:absolute; bottom:10px; margin:0px; width:100%; 
    list-style: none;
    text-align: center;
  }
  
  
.edittip {display:none;position:absolute; top:0px; margin:0px; width:100%; 
    background-color: #fff; opacity:0.9; padding:10px;
    text-align: center;}  
  
input[type=button]#leftlenseM, input[type=button]#leftlenseM2 {
    background: url('//widget.virtooal.com/images/ikonky.png') no-repeat !important;
    background-position: -120px -60px !important;
    width: 60px;
    height: 60px !important;
    padding: 0 !important;
    border: none !important;
}  

input[type=button]#leftlenseM:hover, input[type=button]#leftlenseM2:hover {
    background-position: -181px -61px !important;
}


input[type=button]#leftlenseP, input[type=button]#leftlenseP2 {
    background: url('//widget.virtooal.com/images/ikonky.png') no-repeat !important;
    background-position: -120px -120px !important;
    width: 60px;
    height: 60px !important;
    padding: 0 !important;
    border: none !important;
}

 input[type=button]#leftlenseP:hover,  input[type=button]#leftlenseP2:hover {
    background-position: -181px -121px !important;
}


.big-thumb-show {background:#fff; width:100%; height:100%; z-index:100; position:absolute; top:0; left:0; display:none; text-align:center;}
.big-thumb-show img{max-width:100%; max-height:400px; margin:0 auto;}

.ED_zoom_class_all {margin-top:0;/*2px*/}

.btn-dark {background-color:#212950; color:#fff;}
.btn-dark:hover, .btn-dark:focus {background-color:#000; color:#fff;}



.divider {
    border-top: 1px solid #ddd;
    margin: 15px 0 15px;
    display: block;
    line-height: 0px;
    position: relative;
    text-align: center;
}

.divider .divider-title {
    background: #fff;

    font-size: 9px;
    text-transform: uppercase;
        padding: 0 20px;
}


@media (min-width: 992px) {
/*	.col-md-3-custom {width: 18% !important;}

	.col-md-1-custom {width: 11% !important;}
	
	.col-md-5-custom {width: 41.66666667% !important;}
	.col-md-2-custom {width: 16.66666667% !important;}   */
  
  
  	.col-md-3-custom {width: 16% !important;}
	/*.col-md-1-custom {width: 10.83333333% !important;}*/
	.col-md-1-custom {width: 9.9% !important;}
	
	.col-md-5-custom {width: 41.6% !important;}
	.col-md-2-custom {width: 22% !important;}
}

/* OFF CANVAS
   ===================================== */
@media screen and (max-width: 767px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		-o-transition: all .25s ease-out;
		transition: all .25s ease-out;
	}

	.row-offcanvas-right {
		right: 0;
	}

	.row-offcanvas-left {
		left: 0;
	}

	.row-offcanvas-right
	.sidebar-offcanvas {
		right: -100%; /* 11 columns */
	}

	.row-offcanvas-left
	.sidebar-offcanvas {
		left: -110%; /* 11 columns */
	}

	.row-offcanvas-right.active {
		right: 100%; /* 11 columns */
	}

	.row-offcanvas-left.active {
		left: calc(110% + 5px); /* 11 columns */
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 100%; /* 11 columns */
	}
	.container-fluid{
	  	margin-top: 5px;
	}
	.breadcrumbs{
		display: inline-block;
		padding-left: 10px;
		line-height: 34px;
	}
	
	.breadcrumbs span ~ span {
		margin-left: 2px;
		padding-left: 16px;
		background: url('../img/breadcrumbs-right.png') center left no-repeat;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
	.closeleft{
		position: absolute;
		top: 5px;
		right: 10px;
	}
	
	#model, #before-imageCanvas{margin-top:0; border: 1px solid #D2D2D2;}
	
	.move-canvas-left {margin-left: 0;}
	.cartlist {position: absolute; left: 5px !important;}
  .leftside {    margin-top: 0px !important;}
  h2 {font-size:14px;}
    .mobileeditbtns {position:absolute; background:rgba(255, 255, 255, .7); z-index:1000; width:100%; padding:5px 20px;}
    .mobileeditbtns h4{font-size:14px; font-weight:bold;}
  /*.tooltip {display:none !important;} */
  
  .col-xs-3.thumb {
  width:20%;
  }
  
  .demoversionframe, .hotlooksframe {width:90%;}
}

@media screen and (max-width: 1359px) {
	.circle-buttons.on-canvas-top a, 
	.circle-buttons.on-canvas-top button,
	.circle-buttons.on-canvas-bottom a, 
	.circle-buttons.on-canvas-bottom button, 
	.circle-buttons.on-canvas-bottom .removebtn,
	
	.circle-buttons .ED_remove_all, 
	.btn-circle-bottom,
	
	#EDIT_SETTINGS, 
	#EDIT_REFRESH {
		width: 40px 				!important;
		height: 40px 				!important;
		border-radius: 24px			!important;
		-moz-border-radius: 24px	!important;
		-webkit-border-radius: 24px	!important;
		border: 4px solid #D2D2D2	!important;
		font-size: 19px				!important;
		outline: none				!important;
		margin-bottom: 3px			!important;
		margin-right: -1px			!important;
		padding: 0 					!important;
	}
	.circle-buttons.on-canvas-bottom {bottom: -8px;}
	#photo_edit_icons {bottom: -8px;}
	
	
	.circle-buttons.on-canvas-top a, 
	.circle-buttons.on-canvas-top button {
		padding-top: 0px;
	}
	.circle-buttons.on-canvas-top a .fa,
	.circle-buttons.on-canvas-top button .fa {
		font-size: 19px;
	}
	
	#eyelinerstyle button img, #blushstyle button img, #mascarastyle button img, #browstyle button img {width: 32px; height: 32px;}
	.on-canvas-left, .on-canvas-right {top: 135px;}
	#cart-row-wrapper {margin-top: 80px;}
	
}

@media screen and (max-width: 1300px) {
.price_vat {display:none;}
.thumbnail .fa.fa-shopping-cart {display:none;}
}

@media screen and (max-width: 1159px) {
	ul.circles-nav-level2-left li ul.circles-nav-level3 {padding-right: 35px;}
	ul.circles-nav-level2-right li ul.circles-nav-level3 {padding-left: 25px;}

	.on-canvas-bottom {bottom: initial; top: 100%;}
	#photo_edit_icons {bottom: initial; top: calc(100% + 5px);}
	
	.col-md-1.col-md-1-custom {display: block;}
	
	.cartlist {
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: -20px;
		width: calc(100% - 10px);
		margin: auto;
	}
	
	.ED_zoom_class_all {margin-top: -3px;}
	
	.on-canvas-left, .on-canvas-right {top: 77px !important;}
	
	.circle-buttons.on-canvas-left {left: -22px;}
	.circle-buttons.on-canvas-right {right: -38px;}
	
	.circle-buttons.on-canvas-left a, 
	.circle-buttons.on-canvas-right a {
		width: 60px;
		height: 60px;
		border: 5px solid #D2D2D2;
		font-size: 0.78em;
		padding-top: 18px;
	}
  	#cart-row-wrapper {display: none;}	
}

@media screen and (max-width: 990px) {
	.cartlist {
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: -20px;
		max-width: 700px;
		width: calc(100% - 10px);
		margin: auto;
	}
	 
	.product-description {display: none !important;}
}

@media screen and (max-width: 500px) {
	.circle-buttons.on-canvas-top a, 
	.circle-buttons.on-canvas-top button,
	.circle-buttons.on-canvas-bottom a, 
	.circle-buttons.on-canvas-bottom button,
	.circle-buttons.on-canvas-bottom .removebtn,
	#EDIT_SETTINGS, 
	#EDIT_REFRESH {
		width: 32px;
		height: 32px;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border: 2px solid #D2D2D2;
		outline: none;
		margin-bottom: 3px;
	}
	
	.circle-buttons .edit_btns button {padding-top: 0;}
	
	.circle-buttons.on-canvas-top a .fa, 
	.circle-buttons.on-canvas-top button .fa, 
	.circle-buttons.on-canvas-bottom a .fa, 
	.circle-buttons.on-canvas-bottom button .fa {
		font-size: 16px;
	}	
	
	#zoomer-holder {
  top: 50% !important;
  right: -40px !important;

  }
}

@media screen and (max-width: 1300px) {
	/*
	.leftside {width: 27%;}
	.mirrorbox {margin-left: 16.5%; width: 40%;}
	*/
	
}

@media screen and (min-width: 768px) and (max-width: 990px) {
	/*
	.leftside {width: 27%;}
	.mirrorbox {margin-left: 16.5%; width: 40%;}
	*/
	.leftside {width: 22%;}
	.mirrorbox {margin-left: 15%; width: 48%;}
}


@media (max-width: 768px) {                                                  
.uploadframe, .videoframe {top:0px;} 
.uploadframe .closebtn {margin-top:0px; } 
body {padding:10px;}  

                         
}