/* =====================================
   DEFAULT MAGIC MIRROR THEME
   Virtooal (c) 2015
   ===================================== */
.layer {position:absolute;}
.btn.disabled {opacity:0.25}

body {
font-family: 'Raleway', sans-serif;
letter-spacing: 0.3px;
}

#virtooalProdNameline {
    left: 5%;
    top: 1.5%;
    position: absolute;
    z-index: 1111111111;
    font-size: 140%;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 5px black;
}

.sidebar-offcanvas {z-index:1000; background-color: white;
    height: 100%;}

.progress {background-color:#777;}
.progress-bar {background-color:#ddd;}

.progress {
    height: 2px;
    margin-bottom: 4px;
    background-color: #777;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress.active .progress-bar, .progress-bar.active {
  animation: load 3s normal forwards;
}

#alertFRAMEtext {font-size:12px;}

.editMenuText {font-size:11px; }
.editMenuText select {width:45px; }

.canvas-buttons {position:absolute; bottom:0px; z-index:100; background:#fff; padding:5px 0 1px; width:100.1%; border-top: 2px solid #25be73;
max-width:100%;
margin-bottom: 0px !important;
padding-bottom: 5px;
}
#model, #before-imageCanvas, #virtooal-ShareDialog, #jeeFaceFilterCanvas {border:none;}
#liveCamContainer {position:absolute; width:100%; height:auto;
overflow: hidden; display:none;   left:0; right:0; margin: 0 auto;
}
#jeeFaceFilterCanvas {
    transform: translate(-0%, -0%) rotateY(180deg);
    transform: translateZ(-4000px) translate(-0%, -0%) rotateY(180deg);
    transform-style: preserve-3d;
    z-index: 0 !important;
}

#canvasVideoID1, #canvasVideoID1Front  {
    -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH;
    z-index: 0;
    height: 98%;
    position:absolute;
    top: 0;
    left: -38%;
    filter: saturate(103%) brightness(103%);
}



#makeupLive, #makeupLiveNew {
    z-index: 1;
    position:absolute;
    top: 0;
    left: -38%;
    height: 98% !important;
    width: auto !important;
}

#makeupLiveNew {
  z-index:0;
}

#VirtooalLiveGlasses {
    z-index: 1;
    position:absolute;
    top: 0;
    left: -38%;
    height: 98% !important;
    width: auto !important;
}

#bgcanvasVideoID1 {
  height: 1px;
}

#canvasforHeight {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
    top: 0;
    left: 0;
}

#liveCamContainer {
    overflow: hidden;
}

#jeelizFaceFilterFollow {

display: none;
    position: absolute;
    z-index: 1;
    background-size: cover;
        height: 200px;
    width: 200px;

}

#jeelizFaceFilterFace {
    background: url(https://widget.virtooal.com/images/virtooal_facelines.svg) 50% 100px no-repeat;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 45%;
    opacity: 0;
    transition: opacity 1s ease-out;
    top: 0;
}

#jeelizFaceFilterPreloader {
    z-index: 2;
    opacity: 1;
    color: #ddd;
    background-color: rgba(0,0,0,1);
    height:98%;
}



#mobileBuy {
    position: absolute;
    bottom: 150px;
    left: 20px;
    z-index: 10;
}

#liveInfoSq {

position:absolute;
top:calc(24% - 50px);
right:-1px;
z-index:2;
cursor: pointer;
}

#virtooal-snapX, #virtooal-snapContinueX, #virtooal-CameraBack2X, #virtooal-snapSave, #virtooal-snapFacebook {
position:absolute;
top:calc(24% - 50px);
left:0px;
z-index:2;
cursor: pointer;
width: 90px;
text-shadow: 0px 0px 5px black;
}

#virtooal-CameraBack2X {
top:calc(35% - 50px);
}

#virtooal-snapFacebook {
top:calc(46% - 50px);  
}

#virtooal-snapSave {
top:calc(57% - 50px);  
}

#virtooal-snapX:hover, #virtooal-snapContinueX:hover, #virtooal-CameraBack2X:hover, #virtooal-snapSave:hover, #virtooal-snapFacebook:hover {
opacity:0.8;}

#liveInfoSq.btn-default .menubtns_new.circleSilver {
color:white !important;
border:1px solid white !important;
background: red !important;
cursor: pointer;
line-height: 42px;
}


#virtooal-snapX.btn-default .menubtns_new.circleSilver, #virtooal-snapContinueX.btn-default .menubtns_new.circleSilver, #virtooal-CameraBack2X.btn-default .menubtns_new.circleSilver, #virtooal-snapSave.btn-default .menubtns_new.circleSilver, #virtooal-snapFacebook.btn-default .menubtns_new.circleSilver {
color:white !important;
border:none;
background: transparent;
cursor: pointer;
}

#liveInfoSq .fa-2x, #virtooal-snapX .fa-2X, #virtooal-snapContinueX .fa-2X, #virtooal-CameraBack2X .fa-2X {
  font-size:18px !important;
}

#virtooal-snapSave .icon, #virtooal-snapFacebook .icon{
  font-size:18px !important;
}

#liveInfoSq.btn-default .menubtns_new, #virtooal-snapX.btn-default .menubtns_new,  #virtooal-snapContinueX.btn-default .menubtns_new, #virtooal-CameraBack2X.btn-default .menubtns_new, #virtooal-snapSave.btn-default .menubtns_new, #virtooal-snapFacebook.btn-default .menubtns_new, #virtooal-snapSave.btn-default, #virtooal-snapFacebook.btn-default {
  padding-top:10px !important;
}


#liveCamBtns {
/*position:absolute;
bottom:80px;
left:0;
right:0;
z-index:10; */
}

#liveInfoSqOn {display:none;}


#liveInfoSqOn.btn-default .menubtns_new, #liveInfoSq.btn-default .menubtns_new,  #virtooal-snapX.btn-default .menubtns_new,  #virtooal-snapContinueX.btn-default .menubtns_new, #virtooal-CameraBack2X.btn-default .menubtns_new, #virtooal-snapSave.btn-default .menubtns_new, #virtooal-snapFacebook.btn-default .menubtns_new {
font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 900;
    padding-top:13px;
}

#virtooal-snapX.btn-default .menubtns_new,  #virtooal-snapContinueX.btn-default .menubtns_new, #virtooal-CameraBack2X.btn-default .menubtns_new, #virtooal-snapSave.btn-default .menubtns_new, #virtooal-snapFacebook.btn-default .menubtns_new  {
font-size: 10px !important;
}






#beforeV2 {position:absolute; top: 24%; z-index:1; right:0px;}
#liveInfoSqOn {position:absolute; top: -50px; }
#before-faceV2, #before-bodyV2, #moodboardBtn {display:none; }
#mobileListIcon {position:absolute; top: 0px; right:0;}
#moodboardBtnDiv {position:absolute; top: -50px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline: none !important;}
.btn:active, .btn.active { -webkit-box-shadow: none; box-shadow: none; }
.beforeCanvasSigns {background: #fff; color: #25be73; text-transform:uppercase; font-size:12px;}
.beforeCanvasSigns .col-xs-6 {padding: 0 10px;}
#beforeCanvas {border: 0px solid #dadada;}

@media screen and (min-width: 767px) {
.centerside { border:1px solid #dadada;}
.centerside {width:57%; }
}

@media screen and (min-width: 998px) {
.leftside, .rightside {width:29%; }
.leftside {padding-right:15px;}

.centerside {width:42%; }
}



/* BASE
   ===================================== */
button {cursor: pointer !important;}

.row.insertline.visible-sm  {
margin-top:40px;
}
.row.insertline.visible-sm .description {padding-right:20px;}


a{
	color: #25be73;
}
a:hover, a:focus{
	color: #11aa5f;
}


/* MAIN NAVIGATION
   ===================================== */
.nav-main ul.nav-level2 {display:block !important; position:relative; width: auto; left: 0%; }

.nav-main:before {
display:none;
}

.nav-main .nav-level1 > li.active > a, .nav-main .nav-level1 > li > a:hover{
		color: #25be73;
	}
	.nav-main .nav-level1 > li > a{
		color: #888;
    font-weight:700;
    width:auto;
    height:auto;
        padding: 0 12px;

	}
.nav-main ul.nav-level2 > li > a{
	color: #888;
	background-color: none;
  font-size:12px;
  padding: 0 12px;
  line-height:24px;
}
.nav-main ul.nav-level2 > li.active > a, .nav-main ul.nav-level2 > li>a:hover{
	color: #25be73;
}

.nav-main ul.nav-level3 {
left: auto;
right: auto;
top: 22px;
margin-left:4px;
}

.nav-main ul.nav-level3 > li > a{
	color: #888;
  font-size:11px;
     padding: 0 8px;
}
.nav-main .nav-level3 > li.active > a, .nav-main .nav-level3 > li > a:hover{
	color: #25be73;
}

.nav-main {  text-align:center; height:52px;     position: relative;
    z-index: 2;}

/* LEFT SIDE
   ===================================== */

.pager li>a:hover, .pager li>a:focus:hover, .btn-default.pgstyle:hover {
  background-color: #008c41;
}
.pager li>a:focus, .btn-default.pgstyle:focus{
background-color: #25be73;
}

.btn-default.pgstyle:focus {border:0; color:#fff; outline:none;}

.pager li>a, .pager li>span, .pager2 li>a, .pager2 li>span,  .btn-default.pgstyle {
  background-color: #25be73;
  border: 0px solid #008c41;
  color: #fff;
  font-size:9px; text-transform:uppercase;  line-height:160%;
  padding:9px 6px;
  min-width:90px;
  margin:0;
}

 .btn-default.pgstyle {font-size:11px; padding:9px 12px;
 border-radius:15px;
 min-width:110px;
 }

.btn-default.pgstyle:hover {border:0; color:#fff;}

.pager li>a i, .btn-default.pgstyle span i {font-size:14px;  vertical-align:middle; }

.pager .next>a, .pager .next>span, .btn-default.pgstyle.right {float:none;
/*-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;*/
margin-left:2px;
border-left: 1px solid #008c41;
}
.pager .next>a i, .btn-default.pgstyle.right span i {float:right;}
.pager .previous>a, .pager .previous>span, .btn-default.pgstyle.left {float:none;
/*-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;*/
margin-right:2px;
}
.pager .previous>a i, .btn-default.pgstyle.left span i {float:left;}
.pager .disabled {
  display: none;
}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span, .pager2 .disabled>a, .pager2 .disabled>a:hover, .pager2 .disabled>a:focus, .pager2 .disabled>span {
  color: rgba(255,255,255, 0.5);
  background-color: #25be73;
  cursor: not-allowed;
  border: 0;
}

.pager .next.disabled>a {
 border-left: 1px solid #008c41;
}

.edit_btns .btn-default, .edit_btns .btn-default:active, .edit_btns .btn-default:hover, .edit_btns .btn-default:focus   {
   color:#25be73;
}
.edit_btns .btn-default:hover {color: #008c41;}


.insidepager button:hover, .insidepager button:focus {
  background-color: #FFF;
  border: 1px solid #25be73;
  color: #25be73;
}
.insidepager button, .insidepager li>span {
  background-color: #FFF;
  border: 1px solid #999;
  color: #999;
}


.thumbnail {border-width:1px; border-radius:0px; padding:2px; border-color:#dadada;}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{border-color: #25be73;	}

.circle_color_btn {
width: 15px;
    height: 15px;

    background-size: 50% 50%;

    background-repeat: no-repeat;
    border-radius: 50%;
    position: absolute;
    bottom: 15%;
    right: 10%;
}

.input-sm {border-radius:0px;}
.form-control {border-color:#dadada; border-radius:0px;}

.btn-primary {
  color: #FFF;
  background-color: #25be73;
  border-color: #0ca55a;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
  color: #FFF;
  background-color: #11aa5f;
  border-color: #009146;
}

.rightside {
padding-right: 15px;
padding-left:20px;
}

.rightside .prodprice {margin-top:10px;}



.nav-mobile li {background-color:transparent;}
.nav-mobile li a {font-size:12px;}
.nav-mobile .nav-level2 {display:block;}
.nav-mobile .nav-level1 li a{
	background-color: #16af64;
}

.nav-mobile .nav-level2 li a{
	background-color: #25be73;
}
.nav-mobile .nav-level3 li a{
	background-color: #34cd82;
}





.product-description .description .description-title, .product-edit .description-title { font-size: 13px; }
.product-description .description .description-text {color:#888;}

p.product-price {font-size:34px; font-weight:normal; text-align:left; margin-top:0px; color: #000; }
.row.insertline.visible-sm  p.product-price {font-size:18px;  margin-top:5px; text-align:center;}
p.product-cart .cartbtn, p.product-cart .cartbtn:focus {background-color:#fff; border-radius:15px; color: #000; border-color: #000; border-width:2px; padding:5px 20px; min-width:100px; font-weight:700; text-transform:uppercase;}
p.product-cart .cartbtn:hover, p.product-cart .cartbtn:focus:hover {color: #191919; border-color: #191919;}


.uploadframe h3 { font-weight:bold;  }
.uploadframe h2, .videoframe h2 { font-weight:bold;  font-size:24px; margin-top:2px; margin-bottom:2px;}
.uploadframe h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color:#25be73;
}
.uploadframe {padding-left:20px;}

.plusminus{
background-color:#25be73;
border-radius:40px;
width:40px;
height:40px !important;
color:#fff;
font-size:60px;
line-height:0;
margin-right:10px;
border:none;

}

#leftlenseM div {
position: relative; top: -5px;
}

.plusminus:hover {
background-color:#008c41}



.uploadframe p { padding: 10px 10%; }
.uploadframe span p, .videoframe p {
    padding: 10px 0px;
    font-size:13px;
}

.uploadframe .col-sm-3 img, .videoframe .col-sm-3 img {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
max-width:170px;
}

.uploadframe .resizingbtns p {padding: 0;}
.uploadframe .btn-primary {    text-transform: uppercase;
    font-weight: bold; margin-bottom:20px;
    border: 2px dotted #25be73;
    color:#25be73;
    padding: 10px 15px;
    }
.uploadframe .btn-primary:hover {

    border: 2px dotted #009146;
    color:#009146
}

.cartlist {
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    width: 100%;
    margin: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 0px rgba(0,0,0,0);
    box-shadow: 0 0 0px rgba(0,0,0,0);
    z-index:99;
    padding-bottom:60px;
}


.cartlist h4, .cartlist .h4 {font-weight:bold; text-transform: uppercase; font-size:12px; color:#888;}
.cartlist:first-child > .row {margin:0; border-bottom:1px solid #ddd; margin-bottom:10px;}
.cartlist h5 {font-size:12px;}
.cartlist h5 a, .cartlist .small {color:#888;}
.cartlist .content .row ~ .row {    border-top: 1px solid #dadada;}

.btn-primary {color:#000; background:#fff; border:1px solid #000;}
.btn-primary:hover {color:#404040; background: #fff; border:1px solid #404040;}

.btn-default, .btn-default:active, .btn-default:hover, .btn-default:focus {
border:none; background:transparent; color:#fff;

}



.closebtn, .closeleft {color:#000;}



#myPhotoUploadedDiv {
display: inline-block;
position: relative;
  width: 84px;
  height: 84px;
  overflow: hidden;
  border-radius: 50%;
  border:2px solid #fff;
  margin-bottom:5px;
}

#myPhotoUploadedDiv img {
width: 110%;
    height: auto;
    margin-top: -12%;
    margin-left: -5%
   }

#myPhotoUploadedDivBtns {
  margin-top: -5px;
  margin-bottom: 5px;
}



.model-chosen img, .model-chosenC img {border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
  border:2px solid #fff;
}

.model-chosen:hover img, .model-chosenC:hover img, #myPhotoUploadedDiv:hover {
border:2px solid #25be73;
}

.menuopen {font-size:12px;     color: #FFF;
    background-color: #25be73;
    border-color: #25be73;}
.menuopen:hover {background-color:#008c41; color:#fff;}
.breadcrumbs {font-size:9px;}

.swiper-multi, .swiper-Skin {
        background: #fff;
    padding: 8px 0 5px;
    width: 100;

}

.swiper-Skin {position:relative;}

.swiper-container, .swiper-container_6, .swiper-container_40, .swiper-container_1, .swiper-container_7, .swiper-containerSkin, .swiper-1416products {
        width: 80%;
        height: 100%;
        padding:2px 2px 0;
    }

.swiper-container_6, .swiper-container_40, .swiper-container_1, .swiper-container_7, .swiper-containerSkin, .swiper-1416products {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.swiper-containerSkin .swiper-slide {width:auto;}

    .styleselector .swiper-slide {

        width:auto;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.styleselector .swiper-slide button {
border:1px solid #dadada; background-color:#fff; margin-left:2px;
}

.styleselector .swiper-slide .active, .styleselector .swiper-slide button:hover  {
border-color: #25be73;
}

.styleselector .swiper-slide img {width: 42px;}


.swiper-button-next, .swiper-button-prev {height:20px; width:20px; background-size:20px 20px; top:65%;

}

.productstyles .swiper-button-next, .swiper-button-prev {top:80%;

}

#multicolors .swiper-button-next, .swiper-button-prev {top:65%;}

#multiproducts {background:none; border: none; padding:0; height: 55px; top: -56px;}



#multiproducts .swiper-multi {background:none; padding:0; }

#multiproducts .btn-square {opacity:0.7; padding:5px; background-color:#fff;}
#multiproducts .btn-square:hover {opacity:0.85;}
#multiproducts .btn-square.active {opacity:1; height: 65px; margin-top:-10px; width: 120px;}




#multiproducts .btn-square .swipe-img {width:100%; height: 80%; background-repeat: no-repeat; background-position: center; background-size:contain;}
#multiproducts .btn-square .swipe-title, #multiproducts .btn-square .swipe-title-pg { height: 20%;
    width: 80px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-align:left;
    font-weight: bold;
    font-size:9px;
    color:#000;
    line-height:110%;
    }

#multiproducts .btn-square .swipe-title-pg {
  height:100%;
  font-size:12px;
  text-align:center;
  line-height: 50px;
}

#multiproducts .btn-square .swipe-title .product-price {
display:none;
font-size:8px;
font-weight:100;
}

#multiproducts .btn-square.active .swipe-title .product-price {
display:none;
}

#multiproducts .cartbtn {position:absolute; top:-8px; right:0px; z-index:1; border:none; background:transparent; font-size:10px; display:none;}
#multiproducts .cartbtn.active {display:block;}

.productstyles {padding-left:10px; padding-right:10px;}
.productstyles .swiper-button-prev, .swiper-Skin .swiper-button-prev{
    left:6px;
}



.swiper-Skin .swiper-button-next {
top:75%;
}

.productstyles .swiper-button-next, .swiper-Skin .swiper-button-next{
    right:6px;
}

.swiper-button-next {
background-image: url(/assets/img/icons/ic-slider-silver.svg);
}
.swiper-button-prev {
background-image: url(/assets/img/icons/ic-slider-silverP.svg);
}

.nav-mobile {top:35px;}

.canvas-buttons .btn-default .menubtns_new, #beforeV2 .btn-default .menubtns_new, #mobileListIcon .btn-default .menubtns_new, #liveInfoSqOn.btn-default .menubtns_new, #liveInfoSq.btn-default .menubtns_new, .edit_btnsMainBodyUpload .btn-default .menubtns_new{
 border:1px solid #25be73;
    width:40px;
 height:40px;
 border-radius:40px;
 padding: 0 !important; 
 line-height: 40px;
 margin:0 auto;
 color:#25be73;
 font-size:20px;
   }



   #mobileListIcon .btn-default .menubtns_new, #liveInfoSqOn.btn-default .menubtns_new, #liveInfoSq.btn-default .menubtns_new {
   background-color:#fff;
   }

.canvas-buttons .transformBtns .btn-default .menubtns_new {
font-size:14px;

}

.canvas-buttons .btn-default .menubtns_new>span, #beforeV2 .btn-default .menubtns_new>span, #beforeV2 .btn-default .menubtns_new>i,  #mobileListIcon .btn-default .menubtns_new>span, #liveInfoSqOn.btn-default .menubtns_new>span, #liveInfoSq.btn-default .menubtns_new>span,   .edit_btnsMainBodyUpload .btn-default .menubtns_new>span, .edit_btnsMainBodyUpload .btn-default .menubtns_new>i{
margin-top:8px;   display:block;
}

#beforeV2 #moodboardBtn.btn-default .menubtns_new>i {font-style:normal; font-size:8px; text-align:center;margin-top:9px;}

.canvas-buttons .transformBtns .btn-default .menubtns_new>span  {
 line-height:36px;
margin-top:0px;
}

.canvas-buttons .btn-default:hover .menubtns_new>span  {
  color:  #008c41;

}

#beforeV2 .btn-default .menubtns_new.circleSilver { border:1px solid #dadada; background-color:#fff;}

#beforeV2 .btn-default .menubtns_new.bgWhite { background-color:#fff;}

  .canvas-buttons .btn-default .menubtns_new>div , #beforeV2 .btn-default .menubtns_new>div, #mobileListIcon .btn-default .menubtns_new>div, #liveInfoSqOn.btn-default .menubtns_new>div, #liveInfoSq.btn-default .menubtns_new>div {
   width:100%;
 height:100%;
  background-color: #25be73;

  }

.canvas-buttons .btn-default .menubtns_new.upmenuBtn {
 background-color: #25be73;
 color: #fff;

}

.canvas-buttons .btn-default .menubtns_new.upmenuBtn>span {
 color: #fff;

}

.canvas-buttons .btn-default:hover .menubtns_new.upmenuBtn {
  transition: all 0.5s ease;
   background-color:  #008c41;

}

.canvas-buttons .btn-default .menubtns_new.sWT {
    font-size: 11px;
    text-align: center;
    padding: 7px 0!important;
    font-weight: bold;
    line-height: 120%;
}

.canvas-buttons .btn-default .menubtns_new.sWT.sWTA {
  background-color: #CE6261;
  color:white;
}

.icon-ic-adjust-white, .icon-ic-photo-white, .icon-ic-basket-white, .icon-ic-list-white {margin-left:2px;}
.icon-ic-reset-white {margin-left:-1px;}
.icon-ic-compare1-white {margin-top:12px; margin-left:1px;}
.canvas-buttons .btn-default .menubtns_new>span.icon-ic-list-white, #beforeV2 .btn-default .menubtns_new>span.icon-ic-list-white, #beforeV2 .btn-default .menubtns_new>i {font-size:15px; margin-top:11px;}

#beforeV2 .btn-default .menubtns_new>i {color:#dadada; font-size:18px;}



.icon-ic-compare1-white {color:#dadada;}



#beforeV2 .btn-default:hover .menubtns_new.circleSilver  {
  transition: all 0.5s ease;
   border:1px solid  #25be73;

}

#beforeV2 .btn-default:hover .menubtns_new.circleSilver>div  {
 transition: all 0.5s ease;
background-color:  #25be73;

}
#beforeV2 .btn-default:hover .menubtns_new.circleSilver .icon-ic-compare1-white, #beforeV2 .btn-default:hover .menubtns_new.circleSilver>i {
transition: all 0.5s ease;
color: #25be73;
}

#beforeV2 .btn-default.activeBF .menubtns_new.circleSilver  {
   border:1px solid  #25be73;
   background-color:  #25be73;

}
#beforeV2 .btn-default.activeBF .menubtns_new.circleSilver .icon-ic-compare1-white:before {
content: "\e905";  color:#fff;
}

#beforeV2 .btn-default.activeBF:hover .menubtns_new.circleSilver .icon-ic-compare1-white {
color:#fff ;
}

#beforeV2 .btn-default.activeBF .menubtns_new.circleSilver>i {
color:#fff;
}


#beforeV2 .btn-default.activeBF .menubtns_new.circleSilver>div  {
background-color:  #fff;
}

.insidepager button.lipsbtns {font-size:11px;
 border:1px solid  #25be73;
 color: #25be73;
}

.insidepager button.lipsbtns.activeB, .insidepager button.lipsbtns.activeB:focus   {
 background-color:  #25be73;
 border:1px solid  #25be73;
 color:#fff;
}

.canvas-buttons .btn-default .menubtns_new>div.icon-bg {
   background-repeat: no-repeat;
   background-position: 50% 15%;
   background-size: 20px 20px;
   background-color: transparent;
}



.canvas-buttons .btn-default .menubtns_new>div.icon-bg.icon-fb {
    background-image: url('/assets/img/icons/ic-facebook-white.svg');
}

.canvas-buttons .btn-default .menubtns_new>div.icon-bg.icon-print {
    background-image: url('/assets/img/icons/ic-print-white.svg');
}

.canvas-buttons .btn-default .menubtns_new>div.icon-bg.icon-download {
    background-image: url('/assets/img/icons/ic-download-white.svg');
}


.canvas-buttons .btn-default:hover .menubtns_new, #mobileListIcon .btn-default:hover .menubtns_new, #liveInfoSqOn.btn-default:hover .menubtns_new, #liveInfoSq.btn-default:hover .menubtns_new {
   transition: all 0.5s ease;
   border:1px solid  #00782d;
   color:#00782d;

}

 .uploadframe .btn-default:hover .menubtns_new {
 color:#00782d;
 }

   .canvas-buttons .btn-default.activeB .menubtns_new, #mobileListIcon .btn-default.activeB .menubtns_new, #liveInfoSqOn.btn-default.activeB .menubtns_new, #liveInfoSq.btn-default.activeB .menubtns_new,  .edit_btnsMainBodyUpload .btn-default.activeB .menubtns_new{

   border:1px solid  #25be73;
   background-color:  #25be73;
   color:#fff;

  }

  .canvas-buttons .btn-default.activeB:hover .menubtns_new>span, #mobileListIcon .btn-default.activeB:hover .menubtns_new>span, #liveInfoSqOn.btn-default.activeB:hover .menubtns_new>span, #liveInfoSq.btn-default.activeB:hover .menubtns_new>span,  .edit_btnsMainBodyUpload .btn-default.activeB:hover .menubtns_new>span {
   color:#fff;
  }

  .canvas-buttons .btn-default:hover .menubtns_new>div, .canvas-buttons .btn-default.activeB .menubtns_new>div, #mobileListIcon .btn-default.activeB .menubtns_new>div, #liveInfoSqOn.btn-default.activeB .menubtns_new>div, #liveInfoSq.btn-default.activeB .menubtns_new>div,  .edit_btnsMainBodyUpload .btn-default.activeB .menubtns_new>div {
  transition: all 0.5s ease;
   background-color:  #00782d;

  }

  .canvas-buttons .btn-default:hover .menubtns_new>div.icon-bg, .edit_btnsMainBodyUpload .btn-default:hover .menubtns_new>div.icon-bg {
  background-color:transparent;}

 #beforeV2 .btn-default .menubtns_new, .uploadframe .btn-default .menubtns_new  {
 color: #25be73;
 }

.canvas-buttons .btn-default .menubtns_new.nocircle, #beforeV2 .btn-default .menubtns_new.nocircle {
  border:1px solid transparent;
}

.canvas-buttons .btn-default:hover .menubtns_new.nocircle, .canvas-buttons .btn-default.activeB .menubtns_new.nocircle {
border:1px solid transparent;
}

.menubtns_new.nocircle .fa {
font-size:18px; line-height:36px;
}

.menubtns_new.nocircle.xsbtn .fa {
font-size:14px;
}

.menubtns_new.nocircle.mdbtn .fa {
font-size:22px;
}

.menubtns_new.nocircle.lgbtn .fa {
font-size:30px;
}

.menubtns_new.nocircle .fa.selected {
display:none;
}

.brush-sizeEdit.selectedB .fa.selected {
display:block;
}

.brush-sizeEdit.selectedB .fa.deselected {
display:none;
}

.transformBtns  .menubtns_new.nocircle .fa {font-size:14px;}
.canvas-buttons .transformBtns .btn-default .menubtns_new  {width:10px; height:40px;}
.canvas-buttons  .btn-default.smaller {padding:6px 6px;}
.menubtns_new.nocircle.smaller  {width:20px; }

.ED_zoom_class_all .fa {color:#dadada; font-size:18px; margin-top:1px;}
.ED_zoom_class_all {margin-top:16px;}

.cartcontrols .btn-primary, .cartcontrols .btn-primaryt:active, .cartcontrols .btn-primary:hover, .cartcontrols .btn-primary:focus {
border:none;
transition: all 0.5s ease;
}

.btn-default:active, .btn-default:hover, .btn-default:focus {
color:#ddd;
}

 .cartcontrols .btn-primary:active, .cartcontrols .btn-primary:hover, .cartcontrols .btn-primary:focus {
 opacity:0.8;
 }

.menubtns_new {line-height:11px; position:relative;}
.menubtns_new div {font-size:10px;}
#virtooalCartNum {position:absolute; color:white; text-shadow:none; top:2px; right:-2px;  border-radius: 50%;
    padding: 0px;
width: 14px; height:14px;
line-height:12px;
    background: #000;
    font-size: 9px;
    font-weight:bold;
    margin: 0 auto;
    text-align: center;}

.owl-prev, .owl-next {border:none !important;}
.owl-prev:hover, .owl-next:hover {border:none; color:#888; background:#fff;}


 #multicolors {display:none;/*position:absolute; top:0px; margin:0px; width:100%; */

    text-align: center;

    }

 #multicolors_right, #multicolors_left {margin-top:10px;}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-style: solid;
  border-radius: 15px;
  border-color: #fff;
    border-width: 2px;
    margin-right:4px;
    border-color: #FFF;
    box-shadow: 0 0 0 1px #dadada;
    margin-bottom:4px;
}

.btn-circle.multicolorBtnBig {
  width: 30px;
  height: 30px;
   border-radius:15px;
}

.btn-square.multicolorBtnBig {
   width: 100px;
   height: 55px;
   border-radius:0px;
}

.row.insertline.visible-sm .btn-circle {
  width: 20px;
  height: 20px;

}

.row.insertline.visible-sm .btn-circle.multicolorBtnBig {
      width: 30px;
   height: 30px;
}



.btn-circle:hover, .btn-circle:focus, .btn-circle .active, .btn-default.active, .btn-circle.active:focus, #multiproducts .btn-square.active, #multiproducts .btn-square{
 border-color: #fff; border-style: solid; border-width: 2px; box-shadow: 0 0 0 1px #25be73;  outline:none;
}

.paginate {text-align:center; margin-top:20px;}
.paginate a {padding:5px 5px; }
.paginate a:hover {color: #000; text-decoration:none;}
.paginate a.active {font-weight:900;}
.paginate a:focus {text-decoration:none;}

#modelUPLOAD-pointCanvas, #modelUPLOAD {border-color:#dadada;}

.edittip {
background: #fff;
    padding: 1px 0 5px;
    width: 100;
    border-bottom: 2px solid #DA413D;
    font-size:12px;
}

/* upmenus */
.upmenu {background-color:#fff; border-top: 2px solid #25be73; width:100%;
position:absolute; height:60px; top:-62px;  padding-top:3px;
display:none;
}

#multicolors.upmenu {
  bottom:0;
  top: auto;
  z-index: 1;
  height:42px;
border-top: 1px solid #25be73;

}

#multicolors.upmenu .swiper-multi {
  padding:0;
}

.upmenu .closebtn, .alertFRAME .closebtn, .counterFrame .closebtn {color:#dadada; position:absolute; right:0px; top:0px; }
.upmenu .closebtn:hover, .alertFRAME .closebtn:hover, .counterFrame .closebtn:hover {color:#25be73;}
.counterFrame {z-index: 10001;}

/* fix new rotate */
#zoomer, #zoomerBody {position:relative; margin: 0px auto; width:90%; height:20px; background:none;}

#zoomerBody {width:200px;}
#zoomer-holder, #zoomer-holderBody {transform: rotate(270deg);
  -moz-transform: rotate(270deg); /*do same for other browsers if required*/
  position:absolute;
  top: 50% !important;
  right: -80px !important;
  width: 200px !important;
  }
#zoomer-holderBody {transform: rotate(0deg);
  -moz-transform: rotate(0deg); /*do same for other browsers if required*/
  bottom: 80px !important;
  right: 0px !important;
  left: 0px !important;
  width: 100% !important;
  top:auto !important;
  }



input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	/*margin: 0 0 20px 10px;*/
}
input[type=range]:focus {
	outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	background: #dadada;
	border-radius: 0px;
	border: 0px solid transparent;
  box-shadow:none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
	background: #dadada;
}
input[type=range]::-webkit-slider-thumb {
	height: 18px;
	width: 18px;
	border-radius: 9px;
	background: #dadada;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -8px;
  border:none;
   box-shadow:none;



}

#upBtnsCat-1 .btn, #upBtnsCat-2 .btn{padding:12px 12px; font-size:15px;}


/* Make slider buttons bigger on touch */
@media (pointer:coarse) {
    input[type=range]::-webkit-slider-thumb {
	height: 40px;
	width: 40px;
	border-radius: 20px;
  margin-top: -19px;
  background: #fff;
  border: 1px solid #dadada;

    }
}

input[type=range]:focus::-webkit-slider-thumb {
	background: #dadada;
}
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: 2px;
	cursor: pointer;
	background: transparent;
	border-radius: 0px;
	border: 6px solid transparent;
  box-shadow:none;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
	background: #dadada;

	box-shadow: 0;
}
input[type=range]::-ms-fill-upper {
	background: #dadada;
	box-shadow: 0;
}
input[type=range]::-ms-thumb {
	height: 18px;
	width: 18px;
	border-radius: 9px;
	background: #dadada;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: 1px;
  border:none;
   box-shadow:none;
}
input[type=range]:focus::-ms-fill-lower {
	background: #dadada;
}
input[type=range]:focus::-ms-fill-upper {
	background: #dadada;
}

input[type=range].productrange {
width:100%; margin-top: 9px;
}

/* for edge */
@supports (-ms-ime-align:auto) {
input[type=range].productrange {
width:100%; margin-top: -1px;
}
}


.bodyshapes {background: #fff; border:none;}
.bodyshapes img {opacity:0.3;}
.bodyshapes.selected img, .bodyshapes:hover img {opacity:1;}
.bodyshapes:focus {outline:0 !important; box-shadow: none; }

.poweredVirtooal {
position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 10px;
    background: #f7f7f7!important;
    border-radius: 6px;
    padding: 8px 12px 8px 12px;
    color:#888;
    }
.poweredVirtooal:hover {color:#000; text-decoration:none;}
.poweredVirtooal img {vertical-align: sub; margin-right:2px;}

.roundedShare {
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.roundedShare img {
  height: 150%;
  width: auto;
}


@media screen and (max-width: 767px) {
.mainmenubtns {padding-left: 8%; width: 88%;}
#jeelizFaceFilterFace {top:-29px;}
/*#liveCamBtns {bottom:60px;}  */
#myPhotoUploadedDiv {width:40px; height:40px;}
/*#moodboardBtnDiv {top: 600%;}*/
.mobileFixUpload  {position:absolute; left:0; right:0; margin:0 auto; z-index:50;}
.uploadframe {padding-left:5px;}

#upBtnsCat-1 .btn.btn-default, #upBtnsCat-2 .btn.btn-default{padding: 6px 8px; font-size:14px;}

.btn-default .material-icons {font-size:30px !important;}
.canvas-buttons {padding: 1px 0 1px;}
.container-fluid {margin-top:0;}
#model, #before-imageCanvas, #modelUPLOAD-pointCanvas, #modelUPLOAD, #bodyModelUPLOAD, #virtooal-ShareDialog, #jeeFaceFilterCanvas {border:none;}
.edit_btnsMainBodyUpload,.edit_btnsBodyUpload {text-align:center;}
.col-xs-absolute {    position: absolute;
    z-index: 1000000000000000;
    width: 100%;}
.insidepager button, .insidepager li>span, .insidepager button:hover, .insidepager li>span:hover {    -webkit-text-stroke: 0px black;  text-shadow: none !important;}
.insidepager button:hover, .insidepager li>span:hover {color:#000;}
.col-xs-absolute h2 {    display:none !important;}

    .swiper-slide {

        width:auto;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

  #zoomer-holder, #zoomer-holderBody {
  top: 60% !important;
  }

.canvas-buttons .btn-default .menubtns_new.smaller, #beforeV2 .btn-default .menubtns_new.smaller
{
 font-size:14px;
}

.canvas-buttons .btn-default .menubtns_new>span.icon-ic-list-white  {
 font-size:10px;
 margin-top:7px;
}

.menubtns_new.smaller .fa {
font-size:16px;
}

.canvas-buttons .btn-default .menubtns_new.smaller>span {
   line-height:36px;
margin-top:0px;
}

.canvas-buttons  .btn-default.smaller {
padding: 6px 0px;
}
    .canvas-buttons .btn-default .menubtns_new, .edit_btnsMainBodyUpload .btn-default .menubtns_new{
width:26px;
height:26px;
border-radius:26px;
font-size:14px;
   }

.canvas-buttons .btn-default .menubtns_new>span, .edit_btnsMainBodyUpload .btn-default .menubtns_new>span, .edit_btnsMainBodyUpload .btn-default .menubtns_new>i
 {
 margin-top: 5px;
 }
 .UM-99 {padding-top:8px;}

 #virtooalCartNum {top:-3px;}

   .canvas-buttons .btn-default .menubtns_new.smaller, #beforeV2 .btn-default .menubtns_new.smaller {
   width:20px; height: auto;
   }

.canvas-buttons {margin-bottom:5px;}


.canvas-buttons .btn-default .menubtns_new.sWT {
    font-size: 8px;
    padding: 4.2px 0!important;
    line-height: 100%;
}
}
@media screen and (max-width: 420px) {
#beforeV2 { top: 15%;}
#liveInfoSq  { top: calc(15% - 50px);}
#virtooal-snapX, #virtooal-snapContinueX  { top: calc(15% - 50px);}
#virtooal-CameraBack2X   { top: calc(26% - 50px);}
#virtooal-snapFacebook {
top:calc(37% - 50px);  
}

#virtooal-snapSave {
top:calc(48% - 50px);  
}

.edit_btnsMainBodyUpload {margin-top:-8px;}
/*#moodboardBtnDiv {top: 550%;}*/
.uploadframe h2, .videoframe h2 {font-size:14px; margin-top:10px;}




}


@media screen and (max-width: 360px) {
/*#moodboardBtnDiv {top: 500%;} */

  #zoomer-holder, #zoomer-holderBody {
  top: 65% !important;
  }



.uploadframe h2, .videoframe h2 {font-size:14px; margin-top:10px;}
.uploadframe .form-group {margin-bottom: 5px; }
}


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

.hidden-xs-down {display:none;}
/*#moodboardBtnDiv {top: 400%;} */
.upmenu .closebtn, .alertFRAME .closebtn, .counterFrame .closebtn {right:5px;}
#beforeV2 { top: 15%; right:8px}
#liveInfoSq  { top: calc(15% - 50px); right:7px;}
#virtooal-snapX, #virtooal-snapContinueX  { top: calc(15% - 50px);}
#virtooal-CameraBack2X   { top: calc(26% - 50px);}

#zoomer {width:60%;}

.btn-circle {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 4px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 10px;
  margin-top:4px;

}
.cartlist h4, .cartlist .h4 {
    font-size: 11px; margin-top: 12px; margin-left:5px;
}

.cartlist h5 a {color:#000;}

.cartlist h5, .cartlist .h5 {font-size:11px;}
.uploadframe h3 { font-size: 11px; margin-top: 12px; text-transform: uppercase;}
.uploadframe p { font-size: 11px; }
.owl-nav div {    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;}
.uploadframe .btn-primary {     margin-bottom:10px;}
.btn-default .material-icons {
    font-size: 30px !important;
    text-shadow: 0px 0px 1.5px #000;
}
.btn-default {padding: 6px 8px; }
.mobileeditbtns {padding: 0 15px;}
.mobileeditbtns p {padding:10 0 0;}

.mainmenubtns .btn-default {padding:6px 0;}

}





@media screen and (max-width: 280px) {
/*#moodboardBtnDiv {top: 350%;} */
.btn-default .material-icons {
    font-size: 24px !important;
    text-shadow: 0px 0px 1.5px #000;

}
.btn-default {padding: 6px 4px; }

.transformBtns .btn-default {padding: 6px 7px; }



}

@media screen and (max-width: 350px) {
.swiper-container  {padding:0;}
}
.centerside {overflow:hidden}


#share_facebook {
      display: none !important;
    }