#virtooal-cameraBtn {display: none !important}

/* =====================================
   DEFAULT MAGIC MIRROR THEME
   Virtooal (c) 2015
   ===================================== */

/* BASE
   ===================================== */

a {
	color: #84dce6;	
	font-family:"Oswald"; font-weight:400;
}
a:hover, a:focus {
	color: #000000;	
}


/* MAIN NAVIGATION 
   ===================================== */
   
.nav-main {
	height: 36px ;
}
   
.nav-main .nav-level1 > li.active > a {
		color: #FFF;
		background-color: #52aab4;	
	}
	.nav-main .nav-level1 > li > a {
		color: #8c8c8c;
		background-color: #efefef;
	}

.nav-main ul.nav-level2 {
	padding:2px 0;
}

.nav-main:before {
	height:1px; top: 30px;   background-color:#888;
}

.nav-main ul.nav-level2 > li > a {
	color: #bbb;
	background-color: none;	
	font-size: 17px;
	padding: 0 15px
}

.nav-main ul.nav-level2 > li > a:hover {
	color: #84dce6;	
}

.nav-main ul.nav-level2 > li.active > a {
	color: #84dce6;	
}
.nav-main ul.nav-level3 > li > a{
	color: #84dce6;
	background: #fff;
	text-transform:lowercase;
	font-size:14px;
}

.nav-main ul.nav-level3 > li > a:first-letter {
	text-transform: uppercase;
}

.nav-main .nav-level3 > li.active > a, .nav-main .nav-level3 > li > a:hover {
	color: #fff;
	background: #84dce6;
}

.nav-main ul.nav-level3 {top:34px;}

/* happyhair */
.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 {border-color: #84dce6; color: #84dce6;}

.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 {border-color: #84dce6; color: #84dce6;}

ul.circles-nav-level2 li a:hover, ul.circles-nav-level2 li a.active {border-color: #84dce6; color: #84dce6;}
ul.circles-nav-level2 li ul.circles-nav-level3 li.active a {color: #84dce6;}


/* LEFT SIDE
   ===================================== */
.leftside {margin-top:46px;}

.edit_btns h4.description-title {font-family:"Oswald"; color:#84dce6; font-size:14px; text-transform:uppercase;}
.product-edit {margin-top:5px;}
.edit_btns .btn-default {border: 0px solid transparent; margin: 0; padding: 5px 10px;}

.leftside h4.hiddenline {border-top: 1px solid #ddd; width: 100%; padding-top: 15px; margin-top: 10px;}

.leftside .product-description {}
.leftside .insertline, .rightside .insertline {border-top: 1px solid #ddd; margin-top: 15px; width: 101%; padding-top: 15px;}
.rightside .insertline {width:100%;}

a.chosen-single {font-family:"Roboto";}

.pager li>a:hover, .pager li>a:focus {
	border: 1px solid transparent;
	color: #84dce6;
}

.pager li>a, .pager li>span {
	background-color: #FFF;
	border: 1px solid #999;
	color: #999;
	border: 1px solid transparent;
	border-radius: 4px;
	font-weight: 300;
	padding-left: 0px;
	padding-right: 0px;
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
	color: #DDD;
	background-color: #FFF;
	cursor: not-allowed;
	border: 1px solid transparent;
}

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

a.thumbnail {/*border: 1px solid transparent;*/ border:none;}
.thumbnail {padding: 1px; margin-bottom: 1px; border-radius: 0px; padding-bottom: 5px;}
.product-image {background-size:100%;}
.thumb {padding-left: 1px; padding-right: 1px;}
  
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { 
	border-color: #6bc3cd;
	border: none;
	
	/*
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	*/
}
.thumb:hover {border: none;}

.btn-primary {
	color: #FFF;
	background-color: #52aab4;
	border-color: #000000;
}

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




.nav-mobile .nav-level1 li a {
	background-color: #000000;
}

.nav-mobile .nav-level2 li a {
	background-color: #000000;
}
.nav-mobile .nav-level3 li a {
	background-color: #0f0f0f;
}


.styleselector .active {
	border-color: #6bc3cd;
}


/* CENTER */

.canvas-buttons .btn-default {
	border: 1px solid transparent;
}


/* RIGHT SIDE*/
.rightside {/*padding-left:20px;*/ margin-top: 46px;}
.rightside .prodimg {left:0; width:100%; max-width:200px;}

.rightside .sharing {
	border-top: 1px solid #ddd;
	width: 100%;
	margin-top: 0px;
}

.rightside .sharing h4 {
	font-family: "Oswald";
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
	font-weight:700;
}

.fa-2xb {
	font-size: 1.5em;
}

.rightside .canvas-buttons a{color:#bbb; cursor:hand !important; }
.rightside .canvas-buttons a:hover, .rightside .canvas-buttons a:focus{background-color:#fff;}
a#share_facebook2:hover, a#share_facebook2:focus {color:#3b5998;}
a#share_twitter2:hover, a#share_twitter2:focus {color:#4099FF;}
a#share_pinterest2:hover, a#share_pinterest2:focus {color:#C92228;}

.beforeCanvasSigns {font-family:"Oswald";}

.demoversionframe h3 {color:#84dce6;}


#multicolors {display:none;position:absolute; top:65px; margin:0px; width:98%; 
  padding:10px 40px;
    text-align: center;}  

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  border-color: rgba(255, 255, 255, .8);
    border-width: 3px;
}

.btn-circle:hover, .btn-circle:focus, .btn-circle .active, .btn-default.active {
border-color: #FFF;
}

#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%;
}

@media screen and (max-width: 767px) {
#multicolors {top:0px; }



}

@media screen and (max-width: 320px) {
.btn-circle {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 4px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 10px;

}
}