html, body { /*font-family: 'Lato', serif;*/ font-family: 'Lato', sans-serif;font-weight:400; font-size: 62.5%; margin: 0; padding: 0; border: 0;background: transparent;color:#333333; 
/* background: transparent url("/images/020216-valentine-pattern.jpg") repeat-x scroll 0 200px;*/ }
body  { font-size: 1.3em;} /* =13px */
div.clear {    clear:both;}
body input { cursor:pointer;}
a img { border:0;}
#DinairFluid img, img { max-width: 100%} 
#DinairFluid a{ border:0; color:#333; text-decoration:none;}
#DinairFluid a.dinairPink:hover {  text-decoration:underline;}
#DinairFluid h1, #DinairFluid h2.sameH1{ font-size: 2.2em; font-weight:300; margin:0; font-family: 'Raleway' !important;} /* =22px */
#DinairFluid h2.super{ font-size: 3em; font-weight:300; margin:0; font-family: 'Raleway' !important;} /* =30px */
#DinairFluid h2.extreme{ font-size:4.5em; font-family: 'Raleway' !important;}
#DinairFluid h2{ font-size: 1.7em; font-weight:300; margin:0; font-family: 'Raleway' !important;} /* =17px */ 
#DinairFluid h3{ font-size: 1.4em; font-weight:300; margin:0; font-family: 'Raleway' !important;} /* =15px */
#DinairFluid h4{ font-size: 1.3em; font-weight:300; margin:0;} /* =13px */
#DinairFluid p { font-size: 1.25em;} /* =12px */
#DinairFluid h2.small { font-size:2em; }
 #DinairFluid h1.xFont, h2.xFont , .xFont{ font-size:3em !important; font-family: 'Raleway' !important;}
.desktopV {display:block; } 
.mobileV { display:none;}
/*desktopmob version for phone landscape*/
.desktopV3 {display:block; }
.mobileV3 {display:none; }
/*desktopmob version for phone landscape*/
.displayNone{ display:none !important;}
p.miniText,   { font-size:.8em !important;}
span.miniText { font-size:.7em !important;}
.kitPage #panel2_2 span.miniText { font-size:.5em !important;}
.shadeDesc1 { height: 100px; }
.kitPage .shadeDesc1 p { display: block;}
.kitPage .modelshow:hover .shadeDesc1 p { display: block !important;}
.proDis, .colormatchDis{ display:none;margin:3.5% 0; padding:1%;border-radius:5px; text-align:center;  color:#fff; font-size:10px;letter-spacing:1px;} 
.elearningTV { margin:1% 10% 0 0;}
.colormatchDis { width:190px; padding:5% 0; background:#fff;}
.gregHairDis { background-color: #FEC7CD; margin-left: 1.5%; padding: 10px !important;  }
.hidefromhomepage { display: none; }
.showonlyongo { display: none; }

/*
.makeupPage #width30 .kitBtnPinkGrad, .kitPage #width30 .kitBtnPinkGrad { border: 1px solid white; }
.makeupPage #width30 .kitBtnPinkGrad:hover, .kitPage #width30 .kitBtnPinkGrad:hover { border: 1px solid black; }

.makeupPage #width50 .kitBtnPinkGrad { border: 1px solid white; }
.makeupPage #width50 .kitBtnPinkGrad:hover { border: 1px solid black; }
*/
.headerairbrushclean {    border: 1px solid #cccccc;    float: right;    font-size: 11px;    margin: 0.6% 0 0;    text-align: center; }
.headerairbrushclean:hover {  border:1px solid #000000; }
@font-face {    font-family: BebasKai-Regular;    src: url(/fonts/BebasKai-Regular.otf);}
@font-face {		font-family: 'helveticaneue';		src: url('/fonts/HelveticaNeueLTCom-Lt.ttf');}
#rightColumnHead {    float: right;    margin-top: 0.5%;    width: 20%;}
#rightColumnHead img {max-width:100%; }
.upperCaseText {text-transform: uppercase; }
.largeHomeBan li {list-style-type:none;}
button, input [type="button"]{ -webkit-appearance: none; border:0 !important;}
 input.blockText {    display: block;    height: 25px;    margin: 20px auto;    padding: 4px;    width: 25px;}
.defaultPosition {   position: static !important;}
/*===============================================Fluid blocks========================================*/
#DinairFluid{ max-width: 950px; min-width: 300px; padding: 15px 25px;  background-color: #fff; color: #333333; height: auto; margin: 0 auto; overflow: hidden; position:relative;} 
#width10{ width:10%;float:left;}
#width15{ width:15%;float:left;}
#width20{ width:20%;float:left;-webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out; }
#width25{ width:25%;float:left;}
#width30{ width:30%;padding: 0 1.5%; float:left;}
#width40{ width:40%;float:left;}
#width45{ width:45%;float:left;}
#width50{ width:50%;float:left;}
#width55{ width:55%;float:left;}
#width60{ width:60%;float:left; }
#width70{ width:70%;float:left;} 
#width75{ width:75%;float:left;}
#width80{ width:80%;float:left;}
#width90{ width:90%;float:left;}
#width100{ width:100%;float:left; overflow:hidden;}
.neighbors { width: 47.5%; float:left; }
.neighbors:nth-child(odd) {   margin-right: 3%;}

/*ContainerSpecing*/
.kitimgmaxwidth { max-width: 98%; }
.Fluidspacing { margin: 2% 0 ;}
.topBlockSpacing { margin:2% 0 0;}
.newtopbottomspacing { margin: 6% 0 6% 0; }
.topbottomspacing2 { margin: 2% 0 2% 0; }
.topbottomspacing3 { margin: 0 0 2% 0; }
#DinairFluid #tabs-11 h4 a:hover { color: #ec008c;; }

.nobulletpoints1 { list-style-type: none; }
.learnnavhover2 { border:solid 1px white; }
.learnnavhover2:hover { border:solid 1px black; }
.foundationheadlnheight h2 { line-height: 30px; font-size: 24px; }
.foundationheadlnheight2 {padding: 0px !important; color: #636363 !important; }
.hidebullets3 { list-style-type: none !important; }



/*=========================================Top Menu================================================*/
.logotaglineDis { display: block; font-weight: 800; letter-spacing: 1.5px; padding: 4% 0% 0% 2%; font-size: 13px; width: 150px; text-align: left; }
.colormatchDis { border-radius: 5px; color: #000; display: block; font-weight: 800; letter-spacing: 1.5px; padding: 1% 2%; font-size: 9px; }
.colormatchDis.floatRight > span {       font-weight: normal !important;}
#fluidProContnet ol li {    list-style-type: inherit;}  
.largeHomeBan img{     max-width: 100%;    margin: 0 auto;    display: block;}
#headerDesktop {    float: left;    width: 100%;z-index:99999;text-decoration:underline; position:relative; height:165px;}
#headerDesktop > div a {    text-decoration: none;}
#mobileHeaderBlk{display:none;}
#fluidPageHeader { max-width: 950px; min-width: 300px; padding: 0 25px; margin: 0 auto; }
#fluidPageHeader ul{  margin:0; padding:1% 0; display:inline; list-style:none; }
#fluidPageHeader li {   /*padding:10px 12px;*/ display: inline;}
#headerDesktopBottom ul li a {    padding: 10px 11px; height:19px;}
#headerDesktopTop{    font-family: 'Lato', serif  !important;z-index:9999; float:left; background-color: #000000;    color: #e7e7e7;    width: 100%;   font-size: .9em; /* =9px */  }
#headerDesktopTop a{ color:#e7e7e7;}
.workshophd:hover { font-weight: bold; color: #ec008c !important; }
#headerDesktopMiddle {  float:left;background-color: #fff; width:100%; height:88px; }
#logoBrand img, #logoBrandPro  img {    float: left; width:150px;   margin: 1.5% 0;}
#logoBrand, #fixedLogo, #mobileMenuDrop, #mobileSearch, #mobileLogo, #mobileAccount, #mobileCart  { display:block; margin: 0 auto;}
#logoBrandPro, #fixedLogoPro, #mobileMenuDropPro, #mobileSearchPro,  #mobileLogoPro, #mobileAccountPro, #mobileCartPro{ display:none;}
#fluidPageHeader #contactSection {  margin-top:1%;  float: right;}
#searchBar, #searchBar2 { font-size:1.1em;/* background-color: #ebebeb;*/background-color: #fff; background-image: url("/images/dinair_Search.png"); background-position: 170px 6px; background-repeat: no-repeat; border:solid 1px #aaa; border-radius: 5px; height:15px;color: #000; float: right; letter-spacing: 1px; padding: 5px 10px; width: 170px;}
#contactSection p {    margin: 4%;}
#headerDesktopBottom { float:left; /*border-top: 1px solid #efefef;*/ background-color: #fff; width:100%; z-index:998; font-size:1.2em; /*border-bottom:3px solid #000;*/ box-shadow: 0 5px 10px -11px #000}
#headerDesktopBottom a{ font-weight:400;color:#000;} 
#headerDesktopBottom a:hover, #headerDesktopTop a:hover{ color:#ec008c; text-decoration:none; } 
#headerDesktop #fluidPageHeader #brandTab li {font-size: 1.5em;    margin: 3px 7px 0 0;    padding: 6px 10px;    vertical-align: bottom;}
#headerDesktop #fluidPageHeader #brandTab a li.tabPersonalSec { background: none repeat scroll 0 0 #fff; color: #4a4949; border-bottom: 1px solid #fff;  }
#headerDesktop #fluidPageHeader #brandTab a li.tabProSec  {   background: #ddd;    border-bottom: 1px solid #000;    color: #000;  }
.header-logo {    max-width: 95%;    text-align: center;}
#fluidPageHeader li#countryTab  { padding-right:0;}
#countryTab ul img { float:left; margin-right:10px;} 
li.chatLive.floatRight {    padding:0% 0 3% !important}
#headerDesktopTop ul#accountTab li.Pic {    padding-top: 1%;}
.chatLive img { max-width:80%;} 
li.chatLive.floatRight div.talk { display:block !important; }
.dina {    height: 62px;    margin: 1% 0 0;float:left;} 
#headerDesktop li hr {width: 72%; margin-right: 20%; float:left;margin-bottom: 4% !important;height:1px; border:0; background-color:#ccc; }
.largeVer {display:block;margin-top:1% !important; }
.smallVer{ display:none;}
/*#headerDesktop li hr {    width: 90%; float:left;}*/
.mobileRateUs {width:10px;margin:3px 3px 0 0;}
/***SPECIAL***/
.headerPromo, .shippingHeader { padding: 5px 1.5%; position: relative; display: none; z-index:997; letter-spacing: 1px; background-color:  #000 ; color: #ffc8e1 !important ; float: left; font-size: 13px; width: 97%;	text-align:center;  }
/*.headerPromo:hover {background-color: #363636; }*/
/*display: none when multiple statements. display:block when 1 statement*/
.headerPromo a, .shippingHeader a { color:#ffc8e1 !important ;}
.headerPromo a:hover, .shippingHeader a:hover { font-weight:bold; !important;}
.headerPromo .borderSolid { border:2px solid #000;}
.shippingHeader a  { display:block;}
.headerPromo a span { color:#fff;  }
.headerPromo:hover a span { font-weight:400;}
.whitefont, .navdivider1 { color: white !important; }
.workshopdatepadd { padding: 5px 8px 0px 17px !important; }
.navDropColPop #DinairFluid li a {    color: #6b6a6a;    font-size: 12px;    text-transform: capitalize;}
.navDropColPop #DinairFluid li.headerLARGER a  { font-size:14px; color:#404040; }
#rightColumnHead {    float: right;    /*margin-top: 0.5%;*/    width: 19%;}
#rightColumnHead img {max-width:100%; }
.navDropColPop #DinairFluid li a:hover , .navDropColPop a li  strong:hover {    color: #FF00A5 }

/*christmas time, oh christmas time, how lovely is your snow fall!?
@font-face { 	font-family: Androgyne; 	src: url('/fonts/Androgyne_TB.otf'); } 
 #snow{
font-family: Androgyne; 
background-image: url('/images/h1.png'), url('/images/h2.png'), url('/images/h3.png');
-webkit-animation: snow 25s linear infinite;
-moz-animation: snow 25s linear infinite;
-ms-animation: snow 25s linear infinite;
animation: snow 25s linear infinite;
}
#snow img { z-index:9999;}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
  
}*/

 h1.headerForKits { display:none !important;}
.newAcne li{   /*background: #eee none repeat scroll 0 0;    border-radius: 0 10px;*/color:#107275;}
.headerPromo  p, .shippingHeader p {    margin: 3px auto;    max-width: 1000px;  } 
.headerPromo img { max-width:100%;}
.headerPromoDesk { display: none; }
 .headerPromo sup { font-size: 0.7em;    font-weight: 700;    vertical-align: 2px; }
 .headerPromo  p span.tiny { font-size:10px; font-weight:700; color:#ec008c;}
/***dropdown***/
.hrshortline { width: 70% !important;}
#headerDesktopBottom{ position:relative;}
#headerDesktopBottom ul div, #headerDesktop #headerDesktopTop ul div.drops { visibility: hidden;transition: .0s ease-in-out .0s;	}
#headerDesktopBottom ul div:before, #headerDesktop #headerDesktopTop ul  div:before { position: absolute; top: -9px; left:5px; display: inline-block; border-right: 9px solid transparent; border-bottom: 9px solid #000; border-left: 9px solid transparent;    content: '';    }
#headerDesktopBottom ul li:hover >  div , #headerDesktop #headerDesktopTop ul li:hover >  div  { visibility: visible;	}
#headerDesktopBottom ul#topMenu, #headerDesktopTop ul#accountTab,  #headerDesktopTop ul#brandTab   {   width: 100%; padding:0;	position: relative;	display: inline-table;}
#headerDesktopTop ul#accountTab  { width:68%;} 
#headerDesktopTop ul#accountTab li {border-left: 1px solid #404040;    height: 15px;    padding: 10px;} 
#headerDesktopTop ul#brandTab  { width:33%; display:none;} 
#headerDesktopBottom ul li.helpvideosactive div a , #headerDesktopBottom ul li.protabactive div a, #headerDesktopBottom ul li#signInTabBar div a {    padding: 1px;    color: #404040;}
#midComennt { float: left; font-size: 16px;    padding: 2% 0 0 10%;    width: 43%; color:#aaa !important; tex-align:center;}
#midComennt p { text-align:center;}
#headerDesktopBottom ul:after, #headerDesktop #headerDesktopTop  ul:after { content: ""; clear: both; display: block;	}
#headerDesktopBottom ul li, #headerDesktop #headerDesktopTop ul li {		float: left;	}
#headerDesktopBottom ul li a, #headerDesktop #headerDesktopTop ul li a {			display: block;}
#headerDesktopBottom ul  div, #headerDesktop #headerDesktopTop ul  div.drops {transition: .0s ease-in-out 0s; background: #fff; border-radius: 0px; padding: 0; position: absolute; top: 100%; z-index:9999999 !important; width:20%; border: solid 1px #ccc;}
#headerDesktopBottom ul div.doubleCol { width:65%;}
#headerDesktopBottom ul div.doubleCol ul { width:50%;float:left;}
#headerDesktopBottom ul div.doubleCol ul.acrossTheBoard{  width:100%;display:none !important; }
#headerDesktopBottom  ul div.doubleCol ul.acrossTheBoard  li{text-align:center;}
#headerDesktopBottom ul div.tripleCol { width:100%;}
#headerDesktopBottom ul div.tripleCol ul { width:33.3%;float:left;}
.tripleCol img{max-width:100%; }
#headerDesktopBottom ul ul li, #headerDesktop #headerDesktopTop ul ul li {color:#000;font-weight:400; text-align:left;float: none; position: relative; display:list-item;padding: 5px 8px;}
#headerDesktopBottom ul ul a, #headerDesktop #headerDesktopTop ul ul a  { color:#4a4949; }
#headerDesktopBottom ul ul a:hover li, #headerDesktop #headerDesktopTop ul div a:hover li{ /* background-color: #4a4949; color:#fff;*/ color:#ec008c;}
#headerDesktop #headerDesktopTop ul li#countryTab div  { width:30%;}
#headerDesktop #headerDesktopTop ul li#countryTab div a:hover li{  background-color: #fff; color:#4a4949;}
#headerDesktop #headerDesktopTop ul li#countryTab div { width:580%;right:0;}
#headerDesktop #headerDesktopTop ul li#searchArea div.drops

 {  overflow: hidden;    padding: 10px;    right: 0;    width: 195px; }
#headerDesktop #headerDesktopBottom ul li#signInTabBar div {right:0; }
#headerDesktopBottom ul li#proTab div { right:0;}
#headerDesktopBottom ul li.menuLar { font-weight:700;  font-size: 1.25em;}
#fluidPageHeader li#countryTab { position:relative;}
#headerDesktop #headerDesktopTop ul li#countryTab div::before, #headerDesktopBottom ul li#proTab div::before,  #headerDesktopBottom ul li#signInTabBar div::before{ right:5px;  left: auto;}
#topMenu li:hover a, #accountTab li:hover a, #topMenu a:hover,  #accountTab a:hover { color:#aaa;}
.menuBtn, .menuBtnBlue { color:#000 ;/*background:#ECCB6C;*/ border: #ffcccc solid 1px;margin:0 2%; border-radius:5px; width:65%;}    
.tabsForEasyAccess { background: #ccc none repeat scroll 0 0;    float: left;   padding: 1% 0;    width: 100%;}
.moreinf {    background: #fff none repeat scroll 0 0; float: left; font-size: 10px; margin: 0 0.9%; padding: 1.4% 0; text-align: center;width: 31.5%;border-radius:4px;}
a.matchingMobile {margin: 0px auto; display: block; text-align: center; color: #ec008c !important;}
.colorMatchHeader{ border: 1px solid #dcdfe4;    border-radius: 13px;    float: left;    margin-top: 8px;    max-width: 75% !important;    padding: 0 2%;}
.colorMatchHeader:hover { border: 1px solid black;}

.colormatchPopupguarantee { width: 40%; }

.menuBtnBlue {border: #B8CBD1 solid 1px; }
.specialsBlockNav{  /*background: #ddd;    border-radius: 20px 0; */ color:#f05a4c;}
.scroller-inner {	position: relative;}
.menu-trigger {	position: relative;	padding-left: 60px;	font-size: 0.9em;}
.menu-trigger:before {	position: absolute;	top: 2px;	left: 0;	width: 40px;	height: 6px;	background: #fff;	box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;	content: '';}
.mp-pusher {	position: relative;	left: 0;	height: 100%;	}
.mp-menu {	position: absolute; /* we can't use fixed here :( */	top: 0;	left: 0;	z-index: 1;	width: 270px;	height: 100%;	-webkit-transform: translate3d(-100%, 0, 0);	-moz-transform: translate3d(-100%, 0, 0);	transform: translate3d(-100%, 0, 0);}
.mp-level {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: #fff;	-webkit-transform: translate3d(-100%, 0, 0);	-moz-transform: translate3d(-100%, 0, 0);	transform: translate3d(-100%, 0, 0);}
/* overlays for pusher and for level that gets covered */
.mp-pusher::after,.mp-level::after,.mp-level::before {	position: absolute;	top: 0;	right: 0;	width: 0;	height: 0;	content: '';	opacity: 0;}
.mp-pusher::after,.mp-level::after {	background: rgba(0,0,0,0.3);	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;}
.mp-level::after {	z-index: -1;}
.mp-pusher.mp-pushed::after,.mp-level.mp-level-overlay::after {	width: 100%;	height: 100%;	opacity: 1;	-webkit-transition: opacity 0.3s;	-moz-transition: opacity 0.3s;	transition: opacity 0.3s;}
.mp-level.mp-level-overlay {	cursor: pointer;}
.mp-level.mp-level-overlay.mp-level::before {	width: 100%;	height: 100%;	background: transparent;	opacity: 1;}
.mp-pusher,.mp-level {	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}
/* overlap */
.mp-overlap .mp-level.mp-level-open {	box-shadow: 1px 0 2px rgba(0,0,0,0.2);	-webkit-transform: translate3d(-40px, 0, 0);	-moz-transform: translate3d(-40px, 0, 0);	transform: translate3d(-40px, 0, 0);}
/* First level */
.mp-menu > .mp-level, 
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {	box-shadow: none;	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);}
/* cover */
.mp-cover .mp-level.mp-level-open {	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {	-webkit-transform: translate3d(-100%, 0, 0);	-moz-transform: translate3d(-100%, 0, 0);	transform: translate3d(-100%, 0, 0);}
/* content style */
.mp-menu ul {	margin: 0;	padding: 0;	list-style: none;}
.mp-menu h2 {	margin: 0;	padding: 1em;	color: rgba(0,0,0,0.4);	text-shadow: 0 0 1px rgba(0,0,0,0.1);	font-weight: 300;	font-size: 1.5em;}
.mp-menu.mp-overlap h2::before {	position: absolute;	top: 0;	right: 0;	margin-right: 8px;	font-size: 75%;	line-height: 1.8;	opacity: 0;	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;	transition: opacity 0.3s, transform 0.1s 0.3s;	-webkit-transform: translateX(-100%);	-moz-transform: translateX(-100%);	transform: translateX(-100%);}
.mp-menu.mp-cover h2 {	text-transform: uppercase;	font-weight: 700;	letter-spacing: 1px;	font-size: 1em;}
.mp-overlap .mp-level.mp-level-overlay > h2::before {	opacity: 1;	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;	-moz-transition: -moz-transform 0.3s, opacity 0.3s;	transition: transform 0.3s, opacity 0.3s;	-webkit-transform: translateX(0);	-moz-transform: translateX(0);	transform: translateX(0);}
.mp-menu ul li > a {	display: block;	padding: 0.7em 1em 0.7em 1.8em;	outline: none;	box-shadow: inset 0 -1px rgba(0,0,0,0.2);	text-shadow: 0 0 1px rgba(255,255,255,0.1);	font-size: 1.1em;	-webkit-transition: background 0.3s, box-shadow 0.3s;	-moz-transition: background 0.3s, box-shadow 0.3s;	transition: background 0.3s, box-shadow 0.3s;}
.mp-menu ul li::before {	position: absolute;	left: 10px;	z-index: -1;	color: rgba(0,0,0,0.2);	line-height: 3;}
.mp-level > ul > li:first-child > a {	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);}
.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {	background: rgba(0,0,0,0.2);	box-shadow: inset 0 -1px rgba(0,0,0,0);}
.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {	box-shadow: inset 0 -1px rgba(0,0,0,0);}
.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {	box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {	background: rgba(0,0,0,0.1);	outline: none;	color: #fff;	text-transform: uppercase;	letter-spacing: 1px;	font-weight: 700;	display: block;	font-size: 0.8em;	padding: 1em;	position: relative;	box-shadow: inset 0 1px rgba(0,0,0,0.1);	-webkit-transition: background 0.3s;	-moz-transition: background 0.3s;	transition: background 0.3s;}
.mp-back::after {	position: absolute;	content: "<";	right: 10px;	font-size: 1.3em;	color: rgba(0,0,0,0.3);}
.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {	background: transparent;	box-shadow: none;	color: transparent;}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,.no-js .mp-pusher {	padding-left: 270px;}
.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {	display: none;}
.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {	display: block;}
.icon-arrow-left:before {	content: " > ";}
#headerDesktop #headerDesktopTop #countryTab ul  div:before  { display: none; }
.navDropColPop {float: left;    width: 100%; /*background:#efefef;*/ display:none; position: absolute; z-index:99999; top:163px;}
.navDropColPop {
background: -moz-linear-gradient(270deg, #ffffff 0%, #ffffff 50%, #efefef 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #efefef)); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, #ffffff 0%, #ffffff 50%, #efefef 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, #ffffff 0%, #ffffff 50%, #efefef 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, #ffffff 0%, #ffffff 50%, #efefef 100%); /* ie10+ */
background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #efefef 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* ie6-9 */
}
.navDropColPop ul {padding: 10px;    list-style: none;}
.navDropColPop li { padding:2px 0;    padding: 2px 0;    letter-spacing: .1em;    font-size: 14px; text-align:left;}
.navDropColPop #DinairFluid {background: transparent;}


#tabs .headLine.closed {    padding: 0;}

@media (max-width:600px){.navDropColPop { display:none;}	}


/****Scroll Navagaintion*****/
#fixedLogo, #fixedLogoPro { max-width:6%;  float:left; margin: 1% 1.8% 1% 0;}
#fluidPageHeader li#fixedAccount{ display:none; }
#fixedAccount img {max-width: 60%; } 
#fixedBrand{ display:none;}
#headerDesktop #headerDesktopBottom.fixed #fluidPageHeader #topMenu li.menuList.menuListP {    padding: 1.8% 1.6%;}
/*FLAGS COMBINATION*/
#countryTab #australia, #canada, #costarica, #czeh, #denmark, #ecuador, #estonia, #france, #germany, #guatemala, #hongkong, #kuwait, #malaysia, #mexico, #netherlands, #philippines, #russia, #singapore, #slovak, #uk, #venezuela {    background-image: url("/images/internationalflags.png");    float: left;    height: 15px;    width: 29px !important; background-repeat: no-repeat;  }
#countryTab #australia {  background-position: 0 0; }
#countryTab #canada {  background-position: -37px 0; }
#countryTab #costarica {  background-position: -76px 0; }
#countryTab #czeh {  background-position: -113px 0; }
#countryTab #denmark {  background-position: -153px 0; }
#countryTab #ecuador {  background-position: -190px 0; }
#countryTab #estonia {  background-position: -225px 0; }
#countryTab #france {  background-position: -263px 0; }
#countryTab #germany {  background-position: -299px 0; }
#countryTab #guatemala {  background-position: -263px -30px; }
#countryTab #hongkong { background-position: -300px -30px; }
#countryTab #kuwait { background-position: -336px -30px; }
#countryTab #malaysia { background-position: -375px -30px; }
#countryTab #mexico {  background-position: -338px 0; }
#countryTab #netherlands { background-position: -189px -30px; }
#countryTab #philippines { background-position: -225px -30px; }
#countryTab #russia { background-position: 0px -30px; }
#countryTab #singapore { background-position: -36px -30px; }
#countryTab #slovak { background-position: -75px -30px; }
#countryTab #uk { background-position: -111px -30px; }
#countryTab #venezuela { background-position: -150px -30px; }
/*FLAGS COMBINATION*/
/*********************mobile look******************/
#mobileDropDownMenu, #mobileDropDownAccount{  display:none; background:#fff;   width: 100%; font-size:16px;z-index:99999;}
#mobileDropDownMenu div, #mobileDropDownAccount div	{  letter-spacing:1.5px; background-image: none !important; position:relative;font-weight:400;    background-position: 98% center;    background-repeat: no-repeat;    background-size: 1% auto;    border-bottom: 1px solid #eee !important;    color: #000;    padding: 2.5% 1.5%; text-align: left;   /*text-transform: uppercase;*/ }
#mobileDropDownMenu #mobileSubCategory,#mobileSubCategoryPro #mobileDropDownMenu #mobileSubCategory2, #mobileDropDownMenu #mobileSubCategory22, #mobileDropDownMenu #mobileSubCategory3, #mobileDropDownMenu #mobileSubCategory4, #mobileDropDownMenu #mobileSubCategory5 ,#mobileDropDownMenu #mobileSubCategory44, #mobileDropDownMenu #mobileSubCategory10 {padding:0 !important;}
#mobileDropDownMenu #mobileSubCategory div, #mobileDropDownMenu #mobileSubCategory2 div, #mobileDropDownMenu #mobileSubCategory22 div, #mobileDropDownMenu #mobileSubCategory3 div, #mobileDropDownMenu #mobileSubCategory4 div, #mobileDropDownMenu #mobileSubCategory5 div, #mobileDropDownMenu #mobileSubCategory10, #mobileDropDownMenu #mobileSubCategory10 div, #mobileDropDownMenu #mobileSubCategory44 div,#mobileDropDownMenu #mobileSubCategory44,  #eyeMenu, #eyeMenuOpen div,  #correctiveMenu, #correctiveMenuOpen div, #skinMenu, #skinMenuOpen div,  #collectionseMenu, #collectionsMenuOpen div, #specialFXMenu, #specialFXMenuOpen div{ color:#5f6062; background-color:#F3F2F4; font-size:13px;padding-left: 30px;}
.menuHovers .menuDropDown.thinCol{width:150px; }
#mobileDropDownMenu > a div.mobileCategory {    border-bottom: 1px solid #eee !important;}
div#eyeMenuOpen, div#faceMenuOpen, div#collectionsMenuOpen, div#skinMenuOpen, div#correctiveMenuOpen, div#specialFXMenuOpen {    padding: 0 !important;}
div#eyeMenuOpen div, div#faceMenuOpen div, div#collectionsMenuOpen div, div#skinMenuOpen div, div#correctiveMenuOpen div, div#specialFXMenuOpen div {background-color:#fff !important;}
.mobDropBtn {    padding: 3% 1.5% !important;}

/************ Mobile Version***********/
#mobileHeaderBlk { font-weight: normal;margin-bottom: 5px;overflow: hidden;width: 100%;z-index: 999 !important; background: #fff;position:relative;  box-shadow: 1px -3px 15px #5f6062;}
#mobileHeaderBlk .item {float: left;padding: 1% 1%;position: relative;width: 8%;  /* border-right: 1px solid #000;*/}
#mobileHeaderBlk div img{max-width:100%;	padding: 5px 0;}
#mobileDropDownSearch  {background: none repeat scroll 0 0 #3b3b3b;padding: 1% 0;position: absolute;width: 100%;z-index: 999;margin-top:-15px;}
#mobileDropDownSearch input {float: none;margin: 2%;width: 90%;  background-color: #dad6d6;    background-image: none;}
#mobileSearchBTN:hover, #mobileMenuBTN:hover, #mobileAccountBTN:hover, #mobileCartBTN:hover, .highlightMenu{ /*background-color:#3b3b3b;*/ cursor:pointer;}
#mobileHeaderBlk div#mobileSearchBTN > img, #mobileHeaderBlk div#mobileMenuBTN > img, #mobileHeaderBlk div#mobileAccountBTN > img, #mobileHeaderBlk div#mobileCartBTN > img {padding: 8px 0 !important;}
#mobileSearchBTN:hover #mobileSearch{ display:block;}
#mobileDropDownSearch p{display:none;}
#mobileDropDownMenu div.mobDropBtn {  border: 0 !important; position: absolute !important; right: 3%; top: 30%; background-image: url('/images/mobileMenubtn.png') !important; z-index: 999999; /* height: 50px; */    /* width: 50px; */    background-size: 100%!important;}
div#topContactMobile {   background: #000 none repeat scroll 0 0;    padding: 1.5% 0;    width: 100% !important; float:left; z-index:99 !important; transition:2s}	/*  bottom: 0; padding: 0; position: fixed; width: 100% !important; background-color:transparent;*/
div#topContactMobile .topScrollStuck {     color: #efefef; float: left; font-size: 12px; padding: 0; text-align: center; width: 33%; border:0;}
 /* background: #000 none repeat scroll 0 0; border: 1px solid #fff; color: #efefef; float: left; font-size: 12px; margin: 0 0.5%; padding: 2% 0; text-align: center; width: 31%;*/ #swifttagdatacontainer86v7bxc2j3 img {    max-width: 80%;    padding: 0 !important;    margin-top: -2px;}
	 /*=======================================livechat tab=====================================================*/
/**ICON POSITION**/
div.slider-icons {position: fixed;right: 0;top:30%;width: 36px;z-index: 999;color:#fff;}
/**BLOCKS OPEN**/
.slider-icons span {cursor: pointer;display: block;margin-bottom: 0;position: relative;right: 0;transition-duration: 0.3s;z-index:}
/**Gerneal Forms
.slider-icons span#messageUsTab .slide-box {background: none repeat scroll 0 0 #8f8e8e;height: auto;left: 36px;padding: 20px;position: absolute;top: 0;width: 310px;}
.slider-icons span#messageUsTab {background: url("/images/generalIcon.png") no-repeat scroll 0 0 #8f8e8e;height: 37px;width: 36px;}
.slider-icons span#messageUsTab:hover, 
.slider-icons span#messageUsTab.activeTab {right: 350px;z-index: 0;} **/
#feedbackformBox input {    margin: 5px 0;}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 880px) {div.slider-icons { display:none; }}
/**liveChatTab**/.slider-icons span#liveChatTab .chat-box {background: none repeat scroll 0 0 #747272;height: 37px;left: 36px;position: absolute;top: 0;width: 147px;}
.slider-icons span#liveChatTab {
background: url("/images/livechat_off3_03.png") no-repeat scroll 0 0 #747272;height: 37px;width: 36px;}
.slider-icons span#liveChatTab:hover {right: 147px;}
/**liveChatTab**/.slider-icons span#helpTab .chat-box {height: 37px;left: 36px;position: absolute;top: 0;width: 147px;}
.slider-icons span#helpTab {
background: url("/images/airbrushHelp.jpg") no-repeat scroll ;height: 37px;width: 200px;top:4px;}
.slider-icons span#helpTab:hover {right: 164px;}
@media only screen and (min-device-width : 300px) and (max-device-width : 600px) { #headerDesktop{ display:none;} #mobileHeaderBlk, #mobileDropDownMenu{ display:block;}  } 
/*======================================Simple Styles=====================================*/
.floatLeft { float:left !important;}
.floatRight { float:right !important;}
.floatNone{ float: none !important;}
.italics { font-style:italic}
.weight300{font-weight:300 !important; }
.weight400{font-weight:400 !important; }
.weight500{font-weight:500 !important; }
.weight700{font-weight:700 !important; }
.centerAlign { text-align:center !important; margin:0 auto;}
.centerAlignBlock { margin:0 auto;}
sup {font-size: 0.45em; font-weight:300;}
.dinairPink { color:#ec008c;}
.softPink { color: #da6767; }
.dinairGray { color:#5f6062;}
.dinairLtGray { color:#9B9999}
.dinairGray03 { color: gray; font-weight: normal; }
.dinairGreen {background-color:#E7E8D1 !important;}
.dinairBlue { color:#6495ED !important;}
.dinairPinkLt{ color:#df6a7e;}
.popularcolorsfont { font-size: 18px; }
.underline{text-decoration:underline; }
.borderRadius { border-radius:10px;}
.footGray{ background-color:#f4f4f4!important;padding:2% 0;margin-top:3%;}
.{margin:1% 0 15%; }
.pinkBtn, .blackBtn, .redBtn { border:0;background-color: #ec008c; color: #fff; font-size: 14px; padding: 4px 10%;text-align:center;margin:5%;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.blackBtn:hover { background:#ec008c;}
.pinkBtnGo { width: 19%; border:0;background-color: white; color: gray; font-size: 14px; padding: 1px 2%;text-align:center;margin:0%;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
/*a:hover .pinkBtnGo {background-color:#4a4949;}*/
.GoFilterImg { width: 85%; }

.redBtn {  background-color: #b00500;}
a:hover .pinkBtn {background-color:#4a4949;}
.blackBtn { background-color:#404040; color:#fff;}
a:hover .blackBtn { background-color:#aaa;}
p.marginB, .marginB{ margin-bottom:0 !important;}
p.marginT, .marginT{ margin-top:0 !important;}
input:focus {    outline-width: 0;}
.strikethrough::before { border-color: inherit; border-top-style: solid; border-top-width: 2px; content: ""; left: 0; position: absolute; right: 0; top: 50%; transform: rotate(-15deg);}
.strikethrough {    position: relative;}
.bullets li{ list-style:disc; }
.spacing h1, .spacing p { margin:0 !important;}
.spacing { margin-bottom:20px;}
.borderSolid {    border: 1px solid #5f6062;}
.borderLtGray {    border: 1px solid #dcdfe4;}
#headerDesktop .borderSolid {    border: 1px solid #ccc;}
.borderSolidBottom{    border-bottom: 1px solid #939290;}
.borderSolidTop{    border-top: 1px solid #5f6062;}
.blueBtn { background-color:#2B5865 !important;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.blueBtn:hover { background-color:#767777 !important;}
 .gregredfont { color: red ; }
 .imghalfwidth { width: 50%; }
.flip-clock-wrapper { margin-top: 2% !important; }
.foundationshadedesc2 { font-size: 12px !important; }
.centerThisHere li { color: gray !important; }
.centerThisHere li span { color: black !important; }
#panel2 .naturalMatte li, #panel2 #colairFoundationLine .floatLeft li, #panel2 #softGlowFoundationLine .floatLeft li, #panel2 .ultraMatte li, .prodContain .swatchesInfo li { color: gray !important; }  

#foundationpositionfixed.borderLtGray, .borderLtGray2{ float:left; border: 0; border-bottom: 1px solid #dcdfe4; height:32px;}
.calendarloc { color: #847E7E !important; font-size: 12px !important; }
/*==================================================Responsive Tutorial Page starts==============================================================*/
#width20.learnVideos {    padding: 1% 2%;    width: 15%; }
#width20.learnVideos p { font-size:1em}
@media (max-width:550px) {    #width20.learnVideos { padding: 1% 4%;    width: 25%;}      }
/*================================================== Contact Page start==============================================================*/
 .blackbox1 { background-color: white !important; color:#666; font-weight: 700; }
.dropdown {    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    /*font-weight: bold;*/    /*color: #C3C;*/    line-height: 16pt;}
#customerServiceSignupbutton, #submit{   background-color: #ec008c;    border-radius: 5px;    color: #fff;    float: left;    font-size: 14px;    font-weight: bold;    margin-left: 10px;    padding: 3px;    text-align: center !important;    width: 100px;      border:0;}
.signupcustomwidth {  width: 50% !important;  margin-left: 14px !important;}
#customerServiceSignupEmail{    float: left;    padding: 1px 3px;    width: 250px;    height: 25px;    }
/* New Text Btns in contact Section */
.width115 {  width:115% !important; float:left !important;}
#width1 {  width:1% !important; float:left !important;}
.contactUsPage .width115 #width20{ margin-right: 4%;}
.contactUsPage .dropdown { width: 82.6% !important; }
.contactUsPage .forminputwidth { width: 80%; padding: 1%; }
.contactUsPage .paddingtextfield { padding: 4% 0 0 0; }

/*new contact us page*/
 #DinairFluid.contactUsPageNew h1,  #DinairFluid.contactUsPageNew h2 ,  #DinairFluid.contactUsPageNew h2.extreme{   font-family: 'BebasKai-Regular' !important;}
 #DinairFluid.contactUsPageNew h2, .contactUsPageNew img {  margin: 6% 0 3%;}
.contactUsPageNew .customerServiceInput { display: block; font-size: 1em; margin: 2.5% auto; padding: 1.5%; width: 82%; border:solid 1px #5f6062 }
.contactUsPageNew .customerServiceInputLarge { display: block; margin: 0% auto; width: 94%;font-size: 1.5em;padding: 1.5%; border:solid 1px #5f6062 }
.contactUsPageNew #width100{  padding: 2%;    width: 96%;	}
.contactUsPageNew .CustomerServicesubmit { background: #000 none repeat scroll 0 0; color: #fff;     display: block; font-size: 1em; margin: 0 auto; padding: 1%; text-align: center; width: 30%;}
 #DinairFluid.contactUsPageNew p{ font-size:.9em;margin:1% 0;}
@media (max-width:600px){
.contactUsPageNew .customerServiceInputLarge { width:82%;height:250px;}	
#DinairFluid.contactUsPageNew h2.extreme { font-size:2.2em}
#DinairFluid.contactUsPageNew .customerServiceInput.centerAlign {    text-align: left !important;} 
}
/*==================================================Tutorial Page start==============================================================*/


/*==================================================Redesigned Personal Page begins==============================================================*/
/*btn*/
.blackfont2 { color: black; }
.dinairgoairbrush1 { max-width: 71% !important; margin: 15% 15% 0; }
.mobileFoundationMove2 { padding: 0 7% !important; }
.imagespacing44 { margin-top: 2% !important; }
.gkkitBtn {    background: #ec008c; border-radius: 5px; color: #fff; display: block; font-size: 1.3em; font-weight: 700; margin: 0 0 0; padding: 0.5% 1%; width: 30%; text-align: center; color: white !important; float: right; margin-top: 1%; }
.gkmobileordernowbutton { position:relative; z-index: 980; margin-top: 3%; }
.gkmobilewistiaspacing { margin-top: 3%; margin-bottom: 3%; margin-right: 2%; }
.gkmobiletitlesspacing { margin-top: 2%; margin-bottom: 3%; }
.gksubvaluefont { font-size: 14px; font-weight: bolder; } 
.gregh2fontsize { font-size: 1.8em !important; }
.gregmobilepadding { padding-left: 2%; padding-right: 2%; }
.gkcontainerfont { background-color: black; color: white; text-align: left; padding-left:2%; padding-right: 2%; font-weight: bold; margin-bottom: 1%; font-size: 18px; height: 50px !important; }
.1stcontainertopmargin { margin-bottom: 2%; }
.2ndcontainermargins2 { margin-bottom: 2%; margin-top: 2%;}
.gkquestionscall { font-size: 12px;}
.kitHeader {  background-color: white;height: 25px;color: black;    font-size: 26px;    left: 0;    padding: 1% 3%;    position: absolute;    text-transform: capitalize;    top: 0;    width: 94%; border-top: 1px solid #bcbbba;}
.kitHeader span{font-size:.8em; }
.kitHeader a { color:#fff !important;}
.tipShade span{ display:none;}
#DinairFluid.kitPage p {  float:left; width:100%;  font-size: 1em;}
.dotted{ border-color:#ddd; border-style: dotted none none; border-width: 5px 0 0; margin: 3% 0; width: 100%; float:left;}
.width100 { width:100%; }
.half95{ width:95%;}
.half90{ width:90%;}
.half85{ width:85%;}
.half80{ width:80%;}
.half75{ width:75%;}
.half50{ width:50%;}
.half55, .half60{ width:60%; }
.half66{ width:66%; }
.half65{ width:65% !important; }
.half45, .half40 {width:40% ;}
.half30 { width:30%;}
.half33 { width:33%;}
.half25 { width:25%;}
.half20 { width:20%;}
.half15 { width:15%;}
.half18 { width:18%;} 
.half16 { width:16.5%;} 
.half10 { width:10%;}
.half6 { width:6%;}
.check-box > img {    float: left;    margin-right: 10px;}
.kitPage input { position: absolute; transform: scale(0.01); width: 1px; z-index: 0 !important;}
.kitPage .mainImg > img {    margin-top: -50px;} 
#panel1,#panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel2_2{ position:relative; }
#panel1.panelBlocks { display:block;padding:0;}
#panel1 .stepsBtn {  left:0;  margin-top: 30px;    position: relative;}
.blocks ul {    padding: 0 0 0 15px;}
/*Greg padding start*/
.gregpadding .panelBlocks { padding: 5% 80px 2% 5%; }
/*.gregminheight .panelBlocks { min-height: 448px !important; }*/
@media (max-width: 780px){.gregpadding .panelBlocks { padding: 7% 0 0 0; }}
/*Greg padding end*/
/*steps*/
.stepsBtn  {	font-weight:700;border-radius: 5%;z-index:99;padding:1% 5%; cursor:pointer;  display: inline-block;  vertical-align: middle;  -webkit-transform: translateZ(0);  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  position: relative;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform;  position:absolute;  bottom: 15px;	  right: 10px;  background:#ec008c;  color:#fff;}
.stepsBtn:hover  { background-color:#404040; }
.stepsBtn:before {  pointer-events: none;  position: absolute;  z-index: -1;  content: ''; bottom:-8px;   right:10px;  height: 10px;  width: 90%;  opacity: 0;    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);  /* W3C */  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform, opacity;  transition-property: transform, opacity;}
.stepsBtn:hover, .kitInfoTop:hover .stepsBtn{  -webkit-transform: translateY(-5px);  transform: translateY(-5px);}
.stepsBtn:hover:before, .kitInfoTop:hover .stepsBtn:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {  opacity: 1;  -webkit-transform: translateY(5px);  transform: translateY(5px); }
.kitPage input.stepsBtn{ position: absolute; text-transform: none; transform: scale(1); width: auto !important; z-index: 9 !important; }
/*panel1*/
.mainImg > img {    margin-top: -30px;}
.kitInfoTop, .leftKitInfo{ position:relative;}
/*.kitInfoTop{ height:215px;} */
.panelBlocks {   overflow: hidden;   padding: 80px 2% 5%;	}
/*.panelBlocks:nth-child(1) {    margin-top: 50px;}*/
/*progress*/
#progressBars {   z-index:99; font-size: 10px; position: absolute; right: 5px; top: 55px; width: 50px;}
#progressBars .steps {    float: left;    width: 100%;}
/*CIRCLE*/
/*#progressBars .proCircle {    border: 1px solid #f8bfc1;    border-radius: 20px;    float: right;    height: 10px;    margin: 2px 0;    width: 10px;}
#progressBars .currentStep {    background: #ec008c none repeat scroll 0 0;}
#progressBars .pastStep { background: #f8bfc1 none repeat scroll 0 0;}*/
/*HEART*/
#progressBars  .proCircle {position: relative;width: 15px;border: none;    border-radius: none;float:right;margin:0 0 16px;}
#progressBars .proCircle:before,#progressBars .proCircle:after {position: absolute;content: "";left: 8px;top: 0;width: 8px;height: 13px;background: #D1D1D1;-moz-border-radius: 50px 50px 0 0;border-radius: 50px 50px 0 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 0 100%;-moz-transform-origin: 0 100%;-ms-transform-origin: 0 100%;-o-transform-origin: 0 100%;transform-origin: 0 100%;}
#progressBars .proCircle:after {left: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform-origin: 100% 100%;-moz-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;-o-transform-origin: 100% 100%;transform-origin :100% 100%;}
#progressBars .proCircle.currentStep:before,#progressBars .proCircle.currentStep:after {    background: #ec008c; }
#progressBars .proCircle.pastStep:before,#progressBars .proCircle.pastStep:after {    background: #f8bfc1;}
 #selectNotice {    weight:700;left: 40%; position: absolute; bottom: 5%; cursor:pointer;}
#panel1 #progressBars {    top: 10px;}
#step2, #step3, #step4, #step5 { display:none;}
/*foundation*/
#panel2 #width25 .check-box > img {float:none;margin: 0; }
.foundationType {    font-size: 1em;    font-weight: 700;    margin: 1em 0.4em 0.4em;}
#panel2 ul {    margin-left: 15px;}
.shadeBlks, #colairFoundationLine, #glamourFoundationLine, #softGlowFoundationLine, #paramedicalFoundationlLine, .compRows, .hairBlock  { cursor:pointer;}
.shadeBlks .modelFace { max-width:75% !important;margin-bottom:20px; -webkit-transition: transition: opacity 2s ease-in-out;   -moz-transition: opacity 2s ease-in-out;   -webkit-transition: opacity 2s ease-in-out;   margin-bottom:15px;}
.shadeBlks:hover .modelFace { visibility:visible !important;opacity: 1 !important;}
#panel2 ul {    padding: 0 5%;}
#widthShades { float: left; margin: 0 1%; width: 23%;/*9 shades width: 8%; */ -we bkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s;}
#MightLike { cursor: pointer; }
.kitPage .check-box > img { float:none ; margin:10px 0 0; width:25px;}
.widthFoundations{ width:23%; margin:0 1%; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s;min-height:200px;}
.customwidthfoundation { min-height: 60px !important;}
div#paramedicalFoundationlLine {    display: none;}
#darkCrossSellBlk,#fairCrossSellBlk,#medCrossSellBlk,#tanCrossSellBlk { display:none;}
#whatsThisUp{ cursor:pointer;}
/*compressor*/
#DinairFluid .compressorSelectorBlock > img {    max-width: 65%;}
.compRows, .compressorSelectorBlock > span  {  width: 100%;}
.compressorSelectorBlock {    float: left;    font-size: 0.8em;    padding: 2.5%;    text-align: center;    width: 20%;}
.compressorSelectorBlock img { border:1px solid #fff;}
#compImageSelect {    margin-top: 10px;}
.compRows p {    margin-bottom: 0;}
#compressorNameSelcetion, #compressorTypeSelcetion{ text-transform:uppercase;}
.pricing { position:absolute; right:10px; bottom:50px; font-size:1.8em; width:170px; text-align:right;}
.soldoutkittextopacity {opacity: 0.5 !important;}
/*hair*/
.hairBlock{ width:100%; float:left;margin:0 0 0 0;}
#DinairFluid .hairBlock .color-swatch {    width: 30px;}
#panel5 .check-box > img,#panel4 .check-box > img,#panel6 .check-box > img,#panel7 .check-box > img  { float: left; margin: -2px 5px 0 0; }
.kitPage #panel4 #width50, .kitPage #panel5 #width50 {    margin-left: 1%;}
/*panel6*/
#mainImgCom, #mainImgShade, #bonusColors {    position: absolute;}
#panel6.panelBlocks {     -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;}
.goGoGO #panel6.panelBlocks {    min-height: 590px ;     padding: 0.1%;    transition-duration: 1s;}
.kitPage #displayPop {    border:0; border-radius:3px;  position: absolute;    transform: scale(1);		bottom:10px;    width: 220px;-moz-appearance:none;-webkit-appearance: none; cursor:pointer;}
.kitPage .naturalMatte,.kitPage .naturalsatin1,.kitPage .linediffusing1,.kitPage .ultraMatte {display: none;}
/*======reup design for kit and makeup pages=====*/
@font-face {    font-family: 'lemonmilk';    src: url('/fonts/LemonMilk.otf');}
@font-face {    font-family: 'champagne-limousines';    src: url('/fonts/Champagne-Limousines.ttf');}
/*.kitsactivestateborder { border-bottom: 1px solid black; }*/
.introheader { font-family: Champagne-Limousines !important; text-align: center; font-size: 22px; font-weight: bold;  }
.limo {font-family: Champagne-Limousines !important; }
.ultraMatte  { min-width: 200px;}
.naturalMatte { min-width: 185px;}
#panel2 ul { min-height: 75px; margin-bottom: 0;}
.widthFoundations { min-height: length; }
.panelBlocks {padding: 60px 2% 0%;}
#DinairFluid .hairBlock .color-swatch {    margin-bottom: 10px;    width: 20px;}
#step1,# step1-2 { cursor:pointer;}
.kitPage .mainImg > img {    margin-top: 0;}
#popInfoStuff {    float: left;    height: 0;    position: relative;    width: 100%;}
.centerPP img { margin:0 auto; display:block;}
.centerThisHere{ width:240px !important; margin:0 auto  !important; float:none !important;}
ul.centerThisHere {padding-bottom:4%; }
div.fadeMe {  opacity:    0.5;   background: #000;   width:      100%;  height:     100%;   z-index:    1000;  top:        0;   left:       0;   position:   fixed; }
#progressBars{ margin-top:-35px;}
.kitHeader {font-family:raleway; font-weight:300; padding:1%; width:98%;}
.aligningChecks {    float: left;    font-weight: bold;    height: 35px;    text-transform: uppercase;    width: 100%; font-weight: bold;    text-transform: uppercase;}
.aligningChecks .check-box > img {    float: left;    margin: -3px 3px 0 0;}
#DinairFluid h1.headerForKits { text-transform:uppercase; color:#000; font-size:3.3em; padding:0% 2% 2% ; font-weight:500; text-align: center; font-family: lemonmilk !important; }
.PinkGrad{background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(244,116,193,1) 92%, rgba(244,116,193,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(244,116,193,1)), color-stop(8%, rgba(244,116,193,1)), color-stop(92%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(244,116,193,1) 92%, rgba(244,116,193,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(244,116,193,1) 92%, rgba(244,116,193,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(244,116,193,1) 92%, rgba(244,116,193,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(244,116,193,1) 92%, rgba(244,116,193,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f474c1', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 */}
.kitBtnPinkGrad {/*background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(247,158,212,1) 92%, rgba(247,158,212,1) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247,158,212,1)), color-stop(8%, rgba(247,158,212,1)), color-stop(92%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); 
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(247,158,212,1) 92%, rgba(247,158,212,1) 100%);
background: -o-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(247,158,212,1) 92%, rgba(247,158,212,1) 100%); 
background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(247,158,212,1) 92%, rgba(247,158,212,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 8%, rgba(247,158,212,1) 92%, rgba(247,158,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f79ed4', endColorstr='#FFFFFF',GradientType=0 );  box-shadow: 0 1px 1px #ccc; border-radius: 10px;
*/   background:#DB7093;     color: #fff;    margin: 5% 0;   width:125px ;   padding:3% 1%;    text-align: center;	cursor:pointer;position:relative; border-radius: 12px;}
.kitColorShade {width:75%; margin-bottom:10%; display:none; }
#slideDownInfo2, #slideDownInfo1, #slideDownInfo3, #slideDownInfo4, #fairToggleOpen { float:left; width:100%; margin-bottom:15px; }
#DinairFluid .kitColorShade img {width:18%;}
#kittToggle .toggleContent {    margin: 1%;}
#width30:nth-child(2) .kitBtnPinkGrad{margin:5% auto;	}
#width30:nth-child(3) .kitBtnPinkGrad{float:right;}
#kitToggleOpen {    padding: 1% 5%;    float: left;    width: 89.8%;    border: solid 1px #dcdada;    margin-top: 1%;	display:none;}
#kitToggleOpen .table2Column:nth-child(2n+1) {    padding: 0 2% 1% 5%;}
#kitToggleOpen .table2Column {    height: 170px;}
#kitToggleOpen .table2Column > img {    float: left;    margin-top: 3%;    max-width: 40%;} 
#kitToggleOpen .table2Column > p {    margin-left: 5%;    text-align: left;    width: 50%;	font-size:1em;}
.kitPage #panel1 #width30, .makeupPage #panel1 #width30 {    width: auto;}
#panel1 > #width100 {    display: block;    float: none;    margin: 0 auto;    width: 450px;}
#midSectionBtnInfo {        margin: 0 auto ;    width: 430px;}
.arrow-down1, .arrow-down2, .arrow-down3, .arrow-down4,.arrow-down5, .arrow-down6, .arrow-down7, .arrow-down8, .arrow-down9, .arrow-down10, .arrow-down11, .arrow-down12, .arrow-down13, .arrow-down14 {border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-top: 5px solid #fff;    height: 0;    position: absolute;    right: 7px;    top: 10px;    width: 0;}
.arrow-down1.arrow-up1, .arrow-down2.arrow-up2, .arrow-down3.arrow-up3, .arrow-down4.arrow-up4, .arrow-down5.arrow-up5, .arrow-down6.arrow-up6, .arrow-down7.arrow-up7, .arrow-down8.arrow-up8, .arrow-down9.arrow-up9, .arrow-down10.arrow-up10, .arrow-down11.arrow-up11, .arrow-down12.arrow-up12, .arrow-down13.arrow-up13, .arrow-down14.arrow-up14 {  width: 0;   height: 0;   border-left: 5px solid transparent;  border-right: 5px solid transparent;     border-bottom: 5px solid #fff; position: absolute;    right: 7px;    top: 10px;  border-top: 0px solid #fff;}
.table2Column:nth-child(2n+1) {    border-right: 0 none;}
.table2Column {    margin: 0;    width: 45%;    border-bottom: 1px solid #dcdada;    border-right: 1px solid #dcdada;    padding: 0 2% 1% 0;    float: left;    text-align: center;    transition: width .2s;}
#includesHere #kitToggleOpen, #helpHere #tipsToggleOpen, #helpHere #videoToggleOpen, #waterHere #waterToggleOpen {    display: block !important;}
#videoToggleOpen, #tipsToggleOpen, #waterToggleOpen { display:none;}
#kittToggle dt {    border-bottom: 1px solid #aaa;    border-radius: 0;    box-shadow: initial;    float: left;    margin: 0 0 1%;    padding: 3% 1%;    text-align: left;   width: 100%;}
#kittToggle {display:none;}
#includesHere #kitToggleOpen { border:0;}
#kittToggle .toggleContent { margin:0;}
#carousel img  { border: solid 1px #ccc;}
.flexslider { margin: 0 0 10px;}
#carousel li {    margin: 10px;    width: 150px !important;}
#MightLike { display:none;}
#panel6.panelBlocks{ background: #000 none repeat scroll 0 0;    min-height: auto !important;    text-align: center;margin:30px auto;padding:15px 0; }
.kitPriceBlock {    color: #fff;    font-size: 1.5em;	margin-bottom:10px;}
#completePurchase {    background: #ec008c none repeat scroll 0 0;    border: 0 none;    border-radius: 5px;    color: #fff;    font-size: 1.5em;    max-width: 200px !important;    position: relative;    transform: scale(1);    width: 200px;}
.footerKitSec, .footerKitSec img { text-align:center !important; }
#studioPro_Kit .color-swatch02 {    font-family: "helveticaneue";    font-weight: bold;     height: 20px;    width: 98% !important;}
#studioPro_Kit .colorBlocks > span {    width: 10%;}
#DinairFluid.kitPage p.color-swatch02-T {    font-size: 10px;    margin: 1% 0 10%; text-align:center;}
#personalBeauty_Kit #DinairFluid .kitColorShade img {width:30%;}
#personal_acnecoverage #widthShades, #personal_acnecoverageStarter #widthShades { width:18%;}

.kitPage .kitmobarrow, .makeupPage .kitmobarrow { width: 3% !important; }
#DinairFluid.kitPage p.showallcomparelines { cursor: pointer;  font-size:1.2em}
.kitPage .showallcomparelines:hover { color: #ec008c; }
.indentKitText {    background: #f9f7fc none repeat scroll 0 0;    margin-bottom: 5%;    overflow: hidden;    padding: 0 6%;    width: 88%;}
.kitPage .introheader   { font-family: 'lato' !important ;  }
.reorderPage .kitmobarrow  { width: 2% !important; }
.kitPage .kitpricebigger { font-size: 22px; }



/****makeup specific***/
#width50 .kitBtnPinkGrad{margin:5% auto;}
select#selectQuantity {    padding: 10px;    border-radius: 10px;}
stepSec {    color: #000;    float: left;   margin-left: -3%;    width: 103%;margin-top:1em;}
.stepOrder {    background-color: #000; color: #fff; float: left; font-size: 20px; font-weight: 400;margin-right: 10px; padding: 0 3px;}
.stepTitl {   line-height: 0.8em;    margin: 0.5em 0 1em;font-weight:normal; font-size: 19px;}
.stepTitl > span {   font-style:italic; font-size: 0.8em;font-weight:normal;}
.selectionHere{ width:84%;float:left; }
input.sizeButton {webkit-appearance: none;-webkit-border-radius:0; background: none repeat scroll 0 0 #fff;    border: 1px solid #999;    border-radius: 10px;    color: #000;    font-size: 12px;    height: auto;    margin: .5%;    padding: 12px 8px;    width: 24%;}
 input.sizeButton:hover, .sectionBot:nth-child(2) input.sizeButton.selected{background-color:#b5b5b5; }
 input.sizeButton  {font-family: 'helveticaneue'; font-weight: 500;}
.makeupSwatch > div {      height:55px;  float: left;    padding: 1% !important;    text-align: center;    width: 16.2% !important;    border: solid 1px #fff;}
.makeupSwatch > div img {    height: 30px;    width: 80px;}
.layover_popup {    background: none repeat scroll 0 0 #ffffff;    border-radius: 10px;    box-shadow: 0 0 10px #5e5f61;    color: #5e5f61;    display: none;    font-family: Arial,Helvetica,san-serif;    font-weight: bold;    height: auto;    left: 35%;    padding: 10px;    position: fixed;    top: 15%;    width: 320px;    z-index: 99999;}
.layover_popup p{ text-align:center;}
.bottleWide {    width: 15%;    float: left;}
.selectionHere {    width: 80%;    float: left;}
 input.sizeButton { width:80px;}
.makeupPage .selectShade,.makeupPage .makeupSelectSize, .makeupPage .quantSelect {    max-width: 550px;    margin: 2% auto;}
#panel4 p:nth-last-child(1) {    display: none;}
.makeupPage .introheader .dinairPink  { color: #333333 !important }
.makeupPage .introheader .dinairPink2  { color: #ec008c !important; font-size: 15px !important; }
.makeupPage .introheader   { font-family: 'lato' !important; /*border: 1px solid #DB7093;*/ }
 /*==================================================Responsive Bridal Page begins==============================================================*/
.brideboldtext { font-weight: bold !important; }
.bridalwistiaborder { padding: 2%; }
.romaticbridepricetitle {color:#404040;font-size:.7em}
.bridalBtn {    background: #ec008c; border-radius: 5px; color: #fff; display: block; font-size: 0.5em; font-weight: 700; margin: 1% 0 0; padding: 0.5% 1%; }
/*=====================================TOGGLE=======================================*/
#productToggle {  float:left;  border-bottom: 3px solid #c9c8c8;    border-top: 3px solid #c9c8c8;    margin: 10% 0;    overflow: hidden;    width: 100%;}
#productToggle .headLine {    color: #000;    cursor: pointer;    font-weight: 700;    padding: 20px;}
#productToggle .toggle.width100 {    border-bottom: 1px solid #d4d3d3;    margin: 0;}
#productToggle .toggleContent {    margin-bottom: 50px;    margin-left: 20px;    width: 90%;}
#productToggle .headLine > span {    float: right; }
/*combine these to display the strike through behind text*/
 h3.sectionHeader{  font-weight: 400; display:inline-block;  background:#fff;  position:relative;top:10px;}
.sectionHeaderBlock {text-align:center;/* border-bottom:2px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;*/ margin: 5% 0 5%; text-align: center;}
/*end*/
 h3.sectionHeaderBold {font-weight: 700;margin-top:5%;  }
 #DinairFluid h3.sectionHeaderBold.mobileV{margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 400;
}
/** foudnation comapre*/
.makeupComparePages.foundationCompare .swatchesBTN {    margin: 0;    padding: 4% 2%;    width: 96%;}
.foundationCompare #width50 > img {max-width:75%;}
.foundationCompare #width50 .swatchesBTN {    padding: 2.5% 0;    width: 60%;}.limo.xFont{ margin: 0;}
.foundationCompare #width50:nth-child(2n+1) {    margin-left: 10%;    width: 40%;}
.foundationCompare #width50, .foundationCompare #width30 { margin:1.5% 0;}
 
/*===slurp====*/
#slurpCapture { width:95%; margin: 0 auto 20px;display:block;}
#slurpCapture  h3.sectionHeader{  font-weight: 400; display:inline-block;  background:#fff;  position:relative;top:60px;}
#slurpCapture .sectionHeaderBlock {text-align:center; /*border-bottom:2px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;*/ margin: 0% 0 2%; text-align: center;}
#photoslurp-galleria .galleria-info .galleria-info-product .galleria-info-product-pic a { cursor: pointer !important;}
#slurpCapture  h3 span{ border:0 !important;}
#slurptestcontainer .elastislide-list-container .elastislide-wrapper nav span{ background-color:#5f6062 !important;}
/*=======================bx slide wrapper=======================*/ 
/****Reset Layout****/
.bx-wrapper {	position: relative;	margin: 0 auto 80px;	padding: 0;	*zoom: 1;} 
.bx-wrapper img {	max-width: 100%;	display: block;margin:0 auto;}
.bxslider {    margin-top: 0;}
/****theme****/
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;	bottom: -30px;	width: 100%; display:none;}
/****Loader****/
/****Pager****/
.bx-wrapper .bx-pager {	text-align: center;	font-size: .85em;	font-weight: bold;	color: #666;	padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {	background: #ccc;	text-indent: -9999px;	display: block;	width: 15px;	height: 15px;	margin: 0 5px;	outline: 0;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {	background: #aaa;}
/****direction Controls****/
.bx-wrapper .bx-prev {	left: 10px;	display:none;	background: url("/images/controls.png") no-repeat 0 -32px;}
.bx-wrapper .bx-next {	right: 10px;	display:none;	background: url("/images/controls.png") no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {	background-position: 0 0;}
.bx-wrapper .bx-next:hover {	background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {	position: absolute;	top: 50%;	margin-top: -16px;	outline: 0;	width: 32px;	height: 32px;	text-indent: -9999px;	z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}
/****Auto Controls (stop and go)****/
.bx-wrapper .bx-controls-auto {	text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {	display: block;	text-indent: -9999px;	width: 10px;	height: 11px;	outline: 0;	background: url("/images/controls.png") -86px -11px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {	background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {	display: block;	text-indent: -9999px;	width: 9px;	height: 11px;	outline: 0;	background: url("/images/controls.png") -86px -44px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {	background-position: -86px -33px;}
/****Pager with auto-controls hybrid****/
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {	text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {	right: 0;	width: 35px;}
/****image control****/
.bx-wrapper .bx-caption {	position: absolute;	bottom: 0;	left: 0;	background: #666\9;	background: rgba(80, 80, 80, 0.75);	width: 100%;}
.bx-wrapper .bx-caption span {	color: #fff;	font-family: Arial;	display: block;	font-size: .85em;	padding: 10px;}
/*******for min images**********/
#bx-pager img {    max-width: 6.5%;}   
.bx-wrapper {    margin-bottom: 20px;  }
#bx-pager {    text-align: center;}
#bx-pager a {    margin: 0 3px;}
#bx-pager a img {    border: 1px solid #ccc;    padding: 3px; margin: 0 .5%;}
#bx-pager a:hover img, #bx-pager a.active img {    border: 1px solid #404040;}
.bx-pager-content{     float: left;    text-align: center;    width: 20%;    font-size: 12px;    margin: 1.5%;}
/*=======================home=======================*/
.fakeBanner {    background: none repeat scroll 0 0 #fff;    border: 1px solid #404040;    margin: 10px 20px 10px 0;    padding: 5px 10px; overflow:hidden;}
.workkshopHome { margin:15px 0;}
.fakeBanner  { margin-bottom:0;}
.stuff {  /*  border: 1px solid #ddd;*/    display: block;    float: none !important;    margin: 0 auto !important;    padding: 2% 0 2% 0;    width: 70% ;	/*background: #f4f4f4;*/}
.largeHomeBan img{     max-width: 100%;    margin: 0 auto;    display: block;}
.largeHomeBan ul{padding:0;}
/*@media (max-width: 600px){
.stuff {    padding: 6% 0;   }
}*/
/*=====================compare=======================*/
#specialCompareBlock {  position:relative; float: left;   margin: 5% 0;    width: 100%;background-repeat:no-repeat; background-position: 0 0; /*background-image: url('/images/kits/compare/freeGifBubble.png');*/}
#specialCompareBlock h4 {    margin: 8px 0 0 70px; text-align:left;}
#compareBullets{float: left;    font-size: 1.1em;    list-style: outside;    margin: 0;    padding: 20px; }
.specialBubble { background: #19abb8 none repeat scroll 0 0; border-radius: 30px 30px 0; color: #fff; height: 40px; line-height: 15px; padding-top: 10px; position: absolute; text-align: center;    width: 60px;}

.semipermcompare { width: 46%; }

#DinairFluid.compareKitPage h1 {font-size:1.8em; font-family: "Lato" !important;font-weight:500;margin-bottom:8%;}
#DinairFluid.compareKitPage ul {padding:0;} 
#DinairFluid.compareKitPage ul li {list-style-type:none;font-size:.8em }
.buyNowBtnSimple { border: 2px solid #000000; color: #000; font-size: 1em;  padding: 1% 2%;  width: 200px; font-family:Raleway}
.compareKitPage section { border-bottom: 1px solid #000; float: left; padding: 5% 0; width: 100%;}
.makeupComparePages #width100 .foundationPicktext { font-size: 17px; }
/*.compareKitPage section:nth-of-type(1) {padding-top:0; }*/


#mobileDropDownMenu > a:visited, #mobileDropDownMenu > a:link, #mobileDropDownMenu > a{   border-bottom: none !important}
/*=======================================Fluid PRO Template=======================================*/
#fluidProContainer{ width:100%; float:left; }
#fluidProContainer img {max-width:100%; }
#fluidProBanner{background-color:#dfd3c5;padding: 0 2%;}
#fluidProBanner div {max-width:950px; min-width:320px;margin:0 auto; }
#fluidProContent{  background: #fff none repeat scroll 0 0;    margin: 0 auto;    max-width: 950px;    overflow: hidden;    padding: 1%;}
#fluidLeftProContent{ width:70%;float:left;border-right:1px solid #c2c2c2;} 
#fluidRightProContent{float: left;padding-left: 2%;width: 26%; color:#9b907a}
#fluidProContent50{width:44%; padding: 0 3%; float:left;  }
#fluidProContent40{width:35%; float:left;  }
#fluidProContent60 { float: left;    padding: 0 5% 0 0;    width: 60%; }
a:link, a:visited, a:active {text-decoration: none !important; color: #000000; }
#fluidProContainer a:hover{color:#b00500}
#fluidProContainer a img{ border:0;}
#fluidProContainer h1{font-size:26px;font-weight:300;margin:0;padding: 5px 0;}
#fluidProContainer h1 span, #fluidProContainer h2 span { color:#b00600;}
#fluidProContainer h2{font-size:26px; font-weight:400; margin:0 0 20px 0;}
#fluidProContainer h2.super{font-size:46px; font-weight:300; transition: 2s; }
#fluidProContainer h2.small{ font-size:20px; }
#fluidProContainer h3 { font-size:24px;font-weight:400;}
#fluidLeftProContent > ul, #fluidLeftProContent div ul { padding: 0 0 0 5%;}
#fluidProContent > section {    float: left;    width: 100%;}
.specializeWorkshop ul {     float: left;    margin: 0;    padding: 3%;    width: 27%;}
.specializeWorkshop ul li {   font-size: 13px;    list-style: outside none disc;    padding: 3px 1px;}
.specializeWorkshop ul:nth-last-child(1){    list-style: outside none disc;    width: 80%;}
#fluidProContainer.newWork .location {    float: left;    width: 40%;}
#fluidProContainer.newWork .workshopCost {    float: left;    width: 25%;}
#fluidProContainer.newWork .kitCost {    float: left;    width: 25%;}
#fluidProContainer.newWork .total {    float: left;    width: 10%;}
.solidBorderRed {    border: 1px solid #b00600;      padding: 0% 1%;}
.workshopLearnUL {    padding: 0 15px;}
.workshopLearnUL > li {    list-style-type: initial;padding:3px 0;}
.workshopBtn {       border-radius: 5px; float: left; font-size: 12px; margin: 0 10px 0 0; max-width: 100%; padding: 10px; text-align: left;}
.workshopBtn img {    margin-right: 10px;}
.arrowSecShow {    background: #fff none repeat scroll 0 0; border-radius: 50px; padding: 15px; position: absolute; top: -40px; cursor:pointer;}
.arrowSecShow div{ background: #f8f8f8 none repeat scroll 0 0; border-radius: 50px; padding: 20px 10px; }
.aboutDinairBtn { position:absolute; bottom:100px;}
section.marginChange { padding:85px 0; -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;}
.rotateArrow {    -ms-transform: rotate(180deg); /* IE 9 */    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */    transform: rotate(180deg);	transition:1s }
.kitoutertopnav #DinairFluid { padding: 3px 25px; }

/*=======================================Pro Stuff====================================================*/
.acc{	float:left;	width:32%;	 margin: 10px 1% 0 0;}
.acc p {    color: #5f6062;}
.acc p.subheaderText, #fluidProContainer p.subheaderText {    color: #000;    font-size: 15px;   }
#fluidRightProContent .acc{width:100%;	}
.dinairRed{ color:#b00600;}
.dinairBlack{ color:#000 !important;}
.signUpBoxReseller {background-color: #faf8f5;padding:5%; overflow:hidden; margin:5% 0 5% 0;}
.signUpBoxReseller input, .signUpBoxReseller #state, .signUpBoxReseller #country {   border: 1px solid #cecece; float: left; margin: 0.5% 1%; padding: 1% 2%; width: 43.7%;box-shadow:inset 0 0 1px #aaa; -moz-box-shadow:inset 0 0 1px #aaa; -webkit-box-shadow:inset 0 0 1px #aaa;}
 .signUpBoxReseller #state, .signUpBoxReseller #country, .signUpBoxReseller #zip {  width: 13.2%; }
#resellerBlock #width30 { height:300px}
#resellerBlock p{ color:#5f6062;    font-size: 15px;    line-height: 22px;}
.signUpBoxReseller input:nth-child(3n) {    width: 94%;}
.signUpBoxReseller #subForm {    background: none repeat scroll 0 0 #b00500;    color: #fff;    float: right;    width: 48%;font-size:15px; weight:700;}
a.resellerSite{ color:#b00500;}
a.sellerContact{color:#9b9278; }
.monthBlock{background-color: #ebebeb;float: left;font-size: 13px;height: 150px;margin: 1px;padding: 1.5%;width: 21.7%;}
.monthTitle{font-weight:700;}
.monthDates {padding: 5px 0;}
ul.workshopList {    float: left;    list-style-type: none;    width: 60%;}
ul.workshopList:nth-of-type(1) {    width: 30%;}
#formWorkshop > div input,#formWorkshop > div select {   margin: 0 0 2%;}
.Form_Text_Field_style {    padding: 3%;    width: 92%;}
select.Form_Text_Field_style {    width: 100%;}
#capcha_div {    float: left;    width: 50%;}
#securityCode_div {    float: left;    width: 50%;}
#workshopPreReg > form {    overflow: hidden;}
.tryAgain{ float:left; width:50%;}
#fluidProContainer .tryAgain span img { margin-left: 20%; max-width: 50%;}
#formWorkshop input.button_submit { background-color: #000; border: 0 none; color: #fff; cursor: auto; height: 30px; margin: 10% 0 0; width: 100%;}
#workshopPreReg { background-color:#f4f4f4; border:solid 10px #d8d8d8; padding:5%;}
.excludesBlock {  background-color: #f7f4f1;    float: left;    width: 98%;} 
.excludesBlock p{ padding: 0 0 0 5%; font-szie:15px;}
.proCardSteps {color: #5f6062; width: 100%; float: left; font-size: 16px;  }
.proNumber, .proNumberMini { background: none repeat scroll 0 0 #000; border-radius: 20px; color: #fff; float: left; font-size: 35px; height: 35px; margin:0 5px 50px 0; position: relative; width: 35px;} 
.proNumberMini { width:25px; height:25px; font-size:25px; margin:20px 30px 0 0;}
.proNumber > span, .proNumberMini span { float: left;  margin-top: -2px;}
#proFormApp { overflow: hidden;font-size: 16px;margin-left: 5%;}
#proFormApp p {    margin: 23px 0 30px;}
.proFormBlock {    margin: 0 0 15px 3.5%;}
.proFormBlock > label { float: left; margin-right: 5%; text-align: right; width: 25%;}
.proFormBlock input {     border: 1px solid #e2e2e2;width: 65%; height:25px;box-shadow: 0 0 3px #e1e1e1 inset;}
.proFormBlock input[type="checkbox"] {   margin-top:-2px; width: 10%;}
 .proFormBlock select { width:66.5%;height:29px;}
.proPhoneBlock input {    width: 11% !important;}
.phonearea label, .phonedetail1 label, .phonedetail2 label { font-size:10px;}
.proFormBlock select.kitform {    width: 33%;}
.proBtn {    background: none repeat scroll 0 0 #211215;    color: #fff;    float: right;    margin: 1% 0;    padding: 1%;}
/*==========workshops==========*/
.newWork #fluidProContent{    background: transparent none repeat scroll 0 0;}
#fluidProContainer.newWork h2 {    float: left;    margin: 25px 0 20px ;   font-size:28px; width: 100%;}
.newWork section:nth-of-type(even) { background-color:#f8f8f8;}
.newWork section { position:relative; padding:20px 0 30px 0;}
.newWork #section4 #fluidProContent50 {    padding: 0;    width: 48%;}
.newWork #section4 #fluidProContent50:nth-last-of-type(even) {    padding-right: 2%;}
.newWork #section4 ul {  padding: 0 15px;margin:5px 0; }
.newWork #section4 ul li {    font-size: 13px;    list-style: outside none disc;padding:4px 0}
.newWork article, .newWork .masterClasses, .newWork .workShopClasses { display:none;}
.newWork .miniText { font-size:11px}
.newWork #section1 { padding:0 0 85px 0;}
.newWork .dinaBlock {background-color:#e9e7e8;padding:5%;}
.newWork .specializeWorkshop {background:#F8F8F8; }
.newWork h3.small { font-size:20px !important;}
.newWork #fluidProContent60 > p {    font-weight: 600;    line-height: 1.7;}
.newWork .signUpToLearn, .newWork .arrowSecShow, .newWork h2.super,.newWork .seeWorkshops,.newWork .seeMaster { cursor:pointer;}
.newWork .comboForm {    background: #f8f8f8 none repeat scroll 0 0;    padding: 0 10% 3%; overflow:hidden;}
.newWork .comboForm input[type="text"], .newWork .comboForm #width100 input[type="text"], .newWork .comboForm #width100 select,.newWork .comboForm .half33 select, .newWork textarea  {    border: 1px solid #aaa;    margin: 5px 0 20px;    padding: 1%;    width: 95%;}
.newWork .comboForm #width100 input[type="text"], .newWork .comboForm #width100 select, .newWork textarea {width:96.5%; }
.newWork #fieldsAfterZip {    display: none;float:left; width:100%;}
.newWork .tryAgain { width:75%;margin-left:25%;}
.newWork .comboForm .half33, .newWork .comboForm .half50, .newWork .comboForm .half66, .newWork .comboForm #width100 {    padding: 1% 0;	font-weight:600;}
.newWork .comboForm .blackBtn.workshopBtn {    margin-top: 12px;}
#fluidProContainer.newWork .tryAgain span img { margin:0;}
.newWork #capcha_div { margin:3% }
/*.listings { display:none;}*/


/*======================================= Blemish ====================================================*/
.mainText { color: #000000;  font-family: Lato; font-weight: 300; line-height: 1.5;}
.acneabouttitle { color: #5fccd1; font-family: Lato; font-weight: 500; font-size: 42px !important; }
.acnesubhead, .acnesubtitle2 { color: #5fccd1;  font-family: Lato; font-weight: 500; font-size: 20px !important; }
/*====================================== Resellers ====================================================*/
 /*Mexico start*/
.reselorigin { margin-top: 6%; margin-bottom: 2%; }
.reselorigintitle { font-size:48px !important; border-bottom:solid 2px #5f6062; width:306px; margin-top:-12px; text-align:center !important; }
.reseloriginsubtitle { font-size:25px !important; line-height:27px; }
.reselorlogo { margin:15px 0 24px 0px; }
.reselorcontactinfo { font-size:16px; }
.hoverlinks a:hover { color: #ec00bc !important; }
.reseloraddress { margin:0 0 0 69px; }
.reselorsecondlogo { margin:20px 0 37px 0px; }
.reselorsecondinfo { font-size:16px; margin:0px 0 0 0; }
/*Mexico end*/
/*======================================= Shop ====================================================*/
.category2 span { font-size: 21px; }
.infolink{ cursor:pointer;background: none repeat scroll 0 0 white; border: 1px solid #404040; border-radius: 2ex; color: #404040; display: inline-block; font-size: 11px; font-weight: bold; height: 1.8ex; line-height: 1.8ex; margin-right: 4px; margin-top: 2px; padding: 2px; text-align: center; text-decoration: none; width: 1.8ex;}
#width100 .infolink {    margin: 5px 0 0 5px;}
#width100  span.tooltip span { margin-left: -30px; text-align:left;	}
.skinUpsell  span.tooltip span {	margin:10px 0 0 -10px; text-align:left;	}
#sizeColorSelection{ width:100%; float:left;}
/*=======================================Lessons=======================================*/
body{font-size:13px;font-family: 'Lato', serif;font-weight: 400;color:#424242;margin:0;}
#lessonsContainer {max-width:942px; background-color:#fff; min-width:320px; margin:0 auto;  min-height:500px; letter-spacing:1px; overflow:hidden;}
#breadcrumbs{ overflow:hidden; margin-left:30px; margin-bottom:10px;}
#breadcrumbs div, #breadcrumbs #courseName h1, #courseQuiz h2, #courseCongrats h2, #videoName h2{ float:left; font-size: 14px; letter-spacing:1.5px;color: #3e3e3e; font-weight:normal;margin:0 5px;}
#breadcrumbs #course:hover, #breadcrumbs #home:hover, #breadcrumbs #courseName h1:hover, #courseQuiz h2:hover, #courseCongrats h2:hover, #videoName h2:hover{ color:#ec008c; text-decoration:underline;}
#lessonsHeader{   background-color: #E7E8D1;border-radius: 10px;margin: 30px 1% 10px ;padding: 10px 1%; }
#lessonsHeader img{max-width: 100%;}
.stepsBlk{width:100%; margin:0 auto;float:left;} 
.stepsBlk img { margin:0 auto; max-width:100%;display:block;margin-bottom:20px;}
#header{ width:100%; background-image: url('/images/lessons/play.png'); background-repeat:no-repeat; background-position:0 0;}
#header h1{ font-size:42px; font-style:italic; margin:0 0 0 70px;font-weight:normal;}
#header h2{font-size: 18px; font-weight:normal; margin:0 0 10px 67px;}
.lessonCont, .saveLesson, .shareLesson, .backCourse { background-color: #8E001C;border: 0 none;border-radius: 10px;box-shadow: -5px 0 0 #5F6062;color: #FFFFFF;float: right;font-size: 22px;font-weight: 
bold;letter-spacing: 2px;margin: 30px 10px; padding: 10px 30px;text-transform: uppercase; cursor:pointer;}
.saveLesson { background-color: #d3ceaa; float:left;  }
.shareLesson {background-color: #d3ceaa; float:left;}
 #lessonsContainer .addthis_toolbox.addthis_default_style.addthis_32x32_style {    float: left;}
#wistia_8_socialbar_facebook{width:100px;}
.lessonCont, .backCourse {    background-image: url("/images/lessons/next.png");background-position: 180px 10px;background-repeat: no-repeat;padding-right: 50px;}
.lessonCont:hover{ background-color:#424242;box-shadow: -5px 0 0 #000}
.backCourse { background-color:#d8a6b0 ; box-shadow: -5px 0 0 #bdbdbd}
.backCourse:hover{  background-color: #8E001C;border-radius: 10px;box-shadow: -5px 0 0 #5F6062;}
/************Landing Page************/
#lessonsContainer .mainBlk {width:100%; margin-bottom:50px;}
#lessonsContainer .mainBlk  img {display:block;margin: 0 auto;	}
#lessonsContainer .mobile{display:none;	}
#lessonsContainer .mainBlk h1{ text-align:center;text-transform:uppercase;font-size:18px;}
#lessonsContainer .mainBlk p{ text-align:center;font-size:14px; padding:0 20px;}
/******Courses Index**********/
#lessonsContainer #mainwrapper {float: left;height: 100%;width: 100%;margin-top:10px;}
#lessonsContainer #mainwrapper .box {  cursor: pointer;display: block;float: left;height: 230px;overflow: hidden;position: relative;width: 100%;}  
#lessonsContainer #mainwrapper .box img {  position: absolute;  left: 0;  -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;  display:block;transition: all 300ms ease-out;  }  
#lessonsContainer #mainwrapper .box .caption {  background-color: #424242;  position: absolute;  color: #fff;  z-index: 100;  -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out;  left: 0;  }  
#lessonsContainer #mainwrapper .box .simple-caption {  height: 100%;  width: 35%;  display: block;  left: -35%;  line-height: 25pt;  text-align: center;  }  
#lessonsContainer #mainwrapper .box:hover .simple-caption {  -moz-transform: translateX(100%);  -o-transform: translateX(100%);  -webkit-transform: translateX(100%);  transform: translateX(100%);  }  
#lessonsContainer #mainwrapper .box .caption2 {  background-color: #424242;  position: absolute;  color: #fff;  z-index: 100;  -webkit-transition: all 300ms ease-out;  -moz-transition: all 300ms ease-out;  -o-transition: all 300ms ease-out;  -ms-transition: all 300ms ease-out;  transition: all 300ms ease-out; right: 0;  }  
#lessonsContainer #mainwrapper .box .simple-caption2 {  height: 100%;  width: 35%;  display: block;  right: -35%;  line-height: 25pt;  text-align: center;  }  
#lessonsContainer #mainwrapper .box:hover .simple-caption2 {  -moz-transform: translateX(-100%);  -o-transform: translateX(-100%);  -webkit-transform: translateX(-100%);  transform: translateX(-100%);  }  
#lessonsContainer a #mainwrapper{ text-decoration:none;}
.caption.simple-caption > h3, .caption2.simple-caption2 > h3, .caption.simple-caption > h4, .caption2.simple-caption2 > h4 {line-height:1;font-size: 28px;font-style:italic;font-weight: normal;margin: 15px 0 0 10px;text-align: left;}
.caption.simple-caption > h4, .caption2.simple-caption2 > h4 {font-size: 18px;margin-left: 10px;margin-top: 0; font-style:normal; display:none;}
.caption2.simple-caption2 > h4, .caption2.simple-caption2 > h3{text-align:right;margin-right: 10px;}
.diffCourses{width:100%;/*margin:10px 0 0 0;*/	}
#backVideo {cursor:pointer;	}
#errorQuestions {z-index:999999;background-color: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 10px;box-shadow: 0 0 10px #5F6062;display: block;left: 25%;padding: 10px;position: fixed;right: 25%;text-align: center;top: 50%;}
#overlayBG {background-color: #000000;bottom: 0;height: 100%;left: 0;opacity: 0.5;position: fixed;top: 0;width: 100%;z-index: 99;}
/**********Quiz*********/
.quizBlock{border: solid 30px #fbf7e4;border-left-width: 17px;border-right-width: 17px;max-width:580px;padding:10px 30px;margin:0 auto;min-height:600px;}
.quizBlock ul{padding-left:10px;margin-top:0;	}
.quizBlock li {10px;}
#quiz1 #header{  background-image: url('/images/lessons/question.png'); }
.answer1,.answer2,.answer3,.answer4,.answer5,.answer6,.answer7,.answer8,.answer9,.answer10,.answer11,.answer12,.answer13,.answer14,.answer15{display: none;}
.true{  background-image: url("/images/lessons/check.jpg");background-position: 70px 2px;background-repeat: no-repeat;color: #6DBCA7;font-weight: bold;margin-left: 20px;padding-right: 25px;}
.false{ background-image: url("/images/lessons/wrong.jpg");background-position: 125px 3px;background-repeat: no-repeat;color: #C3262D;font-weight: bold;margin-left: 20px;padding-right: 25px;}
.activeTop { color:#ec008c;}
.quizBlock > p {    font-weight: bold;margin: 20px 0 0;}
/*****congrats****/
.conEnd {background-image: url("/images/lessons/congrats.jpg");background-repeat: no-repeat;background-size: 100% 100%;height: 630px;margin: 0 auto;max-width: 886px;position:relative;}
#collectRewards{background-image: url("/images/lessons/clameReward_07.png");background-color:transparent;border:0;width:290px;height:49px;	}
#collectRewards:hover{background-image: url("/images/lessons/clameRewardHover.png"); cursor:pointer;}
#collectEmail {float: left;height: 30px;margin: 0 10px 0 20px;padding: 5px;width: 60%;}
.bottomPos{position:absolute;bottom: 50px;width:100%;}
.bottomPos > p {  font-size:18px; font-style: italic;margin: 10px auto;width: 320px;}
/***********Instructors*************/
#instructBlock{	width:90%;	overflow:hidden;}
#instructBlock .instructImg{	float:left;	margin:0 20px 5px;	width:224px;height:226px;	display:block;}
#instructBlock .instructName{	display:block; }
/***hair***/
ul.bulletsHair li {padding: 0 0 2% 0;}
ul.bulletsHair span {color:#404040;}
ul.bulletsHair {  margin-top:0;color:#ec008c; font-size:14px; list-style: none; padding:0 0 0 5%;}
ul.bulletsHair li:before {   content: "•";   font-size: 200%;    padding-right: 5px;}
/*========================KitPages===================*/

.kitdescriptionfontl2 { font-size: 16px; }
.kitdescriptionfontl2 ul li { list-style-type: disc !important; }

#DinairFluid h1.headerForKits { color: gray !important; } 

/*Studio Pro*/
#studioPro_Kit .borderbottom101 .kitBtnPinkGrad { font-size:  16px;  font-weight: 700;}
#studioPro_Kit .shadecoicetoggle #width80 { padding-left: 2%; }
#studioPro_Kit .kitsactivestateborder { border-bottom: 1px solid black; }
#studioPro_Kit .shadecoicetoggle #width20 img { padding-left: 15%; }
#studioPro_Kit #radianceOpen, #studioPro_Kit #softglowOpen, #studioPro_Kit #glamourOpen, #studioPro_Kit #paramedicalOpen, #studioPro_Kit #xtremeOpen, #studioPro_Kit #opalescentOpen, #studioPro_Kit #shimmerOpen, #studioPro_Kit #shadowOpen, #studioPro_Kit #lipOpen { display: none;}
#studioPro_Kit #radiance:hover,#studioPro_Kit #softglow:hover,#studioPro_Kit #glamour:hover,#studioPro_Kit #paramedical:hover,#studioPro_Kit #xtreme:hover,#studioPro_Kit #opalescent:hover,#studioPro_Kit #shimmer:hover,#studioPro_Kit #shadow:hover,#studioPro_Kit #lip:hover { cursor: pointer;}
#studioPro_Kit #radiance:hover .kitBtnPinkGrad,#studioPro_Kit #softglow:hover .kitBtnPinkGrad,#studioPro_Kit #glamour:hover .kitBtnPinkGrad,#studioPro_Kit #paramedical:hover .kitBtnPinkGrad,#studioPro_Kit #xtreme:hover .kitBtnPinkGrad,#studioPro_Kit #opalescent:hover .kitBtnPinkGrad,#studioPro_Kit #shimmer:hover .kitBtnPinkGrad,#studioPro_Kit #shadow:hover .kitBtnPinkGrad,#studioPro_Kit #lip:hover .kitBtnPinkGrad { cursor: pointer; border: 1px solid black;}
#studioPro_Kit #radiance .kitBtnPinkGrad,#studioPro_Kit #softglow .kitBtnPinkGrad,#studioPro_Kit #glamour .kitBtnPinkGrad,#studioPro_Kit #paramedical .kitBtnPinkGrad,#studioPro_Kit #xtreme .kitBtnPinkGrad,#studioPro_Kit #opalescent .kitBtnPinkGrad,#studioPro_Kit #shimmer .kitBtnPinkGrad,#studioPro_Kit #shadow .kitBtnPinkGrad,#studioPro_Kit #lip .kitBtnPinkGrad { cursor: pointer; border: 1px solid white; padding: 2px 9px 2px 9px; line-height: 28px; width: 134px; margin: 1% 0 1% 0;}
/*       #softglow p, #glamour p, #paramedical p, #xtreme p, #opalescent p, #shimmer p, #shadow p, #lip p { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 2% 0 2% 0; }
*/    
#studioPro_Kit #radianceOpen,#studioPro_Kit #softglowOpen,#studioPro_Kit #glamourOpen,#studioPro_Kit #paramedicalOpen,#studioPro_Kit #xtremeOpen,#studioPro_Kit #opalescentOpen,#studioPro_Kit #shimmerOpen,#studioPro_Kit #shadowOpen,#studioPro_Kit #lipOpen  { float:left; width:100%; margin-bottom:15px; margin-top: 4%; }
#studioPro_Kit .borderbottom101 { border-bottom: 1px solid #d0c8c8; }
   /*#radiance, #softglow, #glamour, #paramedical, #xtreme, #opalescent, #shimmer, #shadow, #lip  { border-bottom: 1px solid black; }*/


.kitsocialad { margin: 2% 0 2% 0; }
.bottomtopequalspacing { margin-bottom: 6% !important; }
.kitpagescheckcompare { margin-left: 10% !important;}
.kitpagescheckcompare2 { margin-left: 6% !important;}
.kitpagescheckcompare2 .colorChoice { margin-bottom: 2%; }
.pushcolorchoicesleft {margin-left: 11%; line-height: 12px;}

#personalPro_Kit #contentBox h2:hover, #personalPro_Kit #contentBox h2:hover span, 
#beautyBasic_Kit_up #contentBox h2:hover, #beautyBasic_Kit_up #contentBox h2:hover span,
#beautyBasic_Kit #contentBox h2:hover, #beautyBasic_Kit #contentBox h2:hover span,  
#studioPro_Kit #contentBox h2:hover, #studioPro_Kit #contentBox h2:hover span, #contentBox #compressBlock:hover h2 span, #contentBox #compressBlock:hover h2, #showgoodiesclick   { color:#ec008c; cursor: pointer;}
/*====hover tip====*/

span.tooltip {outline:none; } 
span.tooltip:hover {text-decoration:none;}  
span.tooltip span { z-index:10;display:none; padding:5px; margin-top:60px; margin-left:-60px; text-transform:uppercase; font-size:11px !important; line-height:16px; } 
span.tooltip:hover span{ display:inline; position:absolute;  color:#fff; background:#3b3b3b; }
.callout {z-index:20;position:absolute;border:0;top:-13px;left:5px;} 
span.tooltip.tipShade span{ margin-top: 20px;margin-left:-25px;}
.tipShade span img {    width: auto !important;}
/*========================makeupNav===================*/
/*UNIVERSAL NAVIGATION STATES START 12/07/15*/
/*hovering ones start*/
/*#secondmenu2 a.deskcolorbox {  border: 1px solid white !important; border-radius: 5px !important; font-weight: 500 !important; }*/
#secondmenu2 a.deskcolorbox { background-color: white !important; border: 1px solid white !important; border-radius: 5px !important; }
#secondmenu2 a:hover { background-color: white !important; border: 1px solid #999 !important; border-radius: 5px !important; font-weight: 500 !important;  }
#secondmenu2 a.deskcolorboxActive, #dinair_go_kit #secondmenu2 .undefined  { background-color: white !important; border: 1px solid #ffcccc !important; border-radius: 5px !important; font-weight: bold; }
#secondmenu2 a.deskcolorboxActive:hover { background-color: white !important; border: 1px solid #999 !important; border-radius: 5px !important; font-weight: bold !important;  }

/*hovering ones end*/
/*text start*/
#secondmenu2 a.deskcolorbox, #secondmenu2 .deskcolorboxActive { margin:  0 1px; background-color:#fff; text-transform:uppercase;}
#secondmenu2 > p {    float: left;    margin: 3px 1px; font-size:12px; font-weight: 500 !important;}
.navdivider1 { font-size: 8px;    color: #aaa; }
/*line-height between top and bottom second mobile nav start*/
@media (max-width: 920px){
#secondmenu2 a.deskcolorbox, #secondmenu2 .undefined { line-height: 1.9;  }
}
/*line-height between top and bottom second mobile nav end*/
/*TEMPORARY WHITE BAR HEIGH CSS START*/
@media (max-width: 600px){
#foundationpositionfixed { height: 26px; }
  .reorderPage .category2 { line-height: 21px !important; }
}
@media (max-width: 780px){
#foundationpositionfixed { height: 30px; }
.foundationheadlnheight h2 { line-height: 15px; font-size: 20px; }
}
/*TEMPORARY WHITE BAR HEIGHT CSS END*/
/*text end*/

/*second nav top margin start*/
.gkmovebottomup3 { margin-top: 0.3% !important; }
.newbottommargin { margin: 0 0 3% 0; }
/*Mobile fix for gap of sub navs start*/
@media (max-width: 600px){
/*#makeupNavagation { margin-top: -2% !important; }*/
}
/*Mobile fix for gap of sub navs end*/
/*Greg end*/
/*11.3.15 GREG bottom navigation margin top , was 0.5% before*/
.foundationsubheadfont { color: gray; text-transform: uppercase; }
.gkmovebottomup2 { margin-top: 0.3% !important; }
#makeupNavagation {   font-size:12px; margin: 0 auto;   padding: 0.2% 0; background-color:#fff;}
/*Padding above was 0.4% instead of 0*/
#makeupNavagation li {     display: inline;    padding: 0 1.5% 0 -1;}
#makeupNavagation a { color:#000;}
#makeupNavagation a:hover  {color:black; font-weight: 500 !important; background:white;  }
#makeupNavagation a.deskcolorbox.active { border: 1px solid #ec7a7a !important; border-radius: 5px !important; background-color: white !important; }
#makeupNavagation li:nth-of-type(n+2) {    font-size: 8px;    color: #aaa;}
/*Greg added class to make nav buttons on hover white with black border*/
#makeupNavagation a:hover { background-color: white !important; border: 1px solid #999 !important; border-radius: 5px !important;  }
/*on regular*/
.deskcolorbox { border: 1px solid white; border-radius: 5px; }
/*top nav start*/
.topnavgreg a:hover , .topnavgreg a.deskcolorbox.active { background-color: white !important; border: 1px solid #999 !important; border-radius: 5px !important; }
#compareMen .gregsecondnav a.deskcolorbox.active { background-color: white !important; border: 1px solid #ffcccc !important; border-radius: 5px !important; }
#compareMen .gregsecondnav a:hover { background-color: #ffd4cc !important;}
#compareMen .gregsecondnav a.deskcolorbox {  border: 1px solid white !important; border-radius: 5px !important; }
#compareMen .gregcomparenav a:hover { border: 1px solid #999 !important; border-radius: 5px !important; background-color: white !important;  border-radius: 5px !important;}
#compareMen a.deskcolorbox { border: 1px solid white !important; border-radius: 5px !important;}
.gregtopmainnav a:hover  { background-color: white !important; border: 1px solid #999 !important; border-radius: 5px !important; }
.gregtopmainnav a.deskcolorbox.active { background-color: white !important; border: 1px solid #ffcccc !important; border-radius: 5px !important; }
.gregtopmainnav a.deskcolorbox {  border: 1px solid white !important; border-radius: 5px !important; }
/*Pro Work Shop Nav start*/
#gregproworkshopnav a.deskcolorbox.active { background-color: white !important; color: black !important; border: 1px solid #b00500 !important; border-radius: 5px !important; }
/*pro workshop hover class is in includes->pronav2.php*/
#gregproworkshopnav a.deskcolorbox {  background-color: white !important; color: black !important; border: 1px solid #ccc !important; border-radius: 5px !important;  }
/*#gregproworkshopnav a.deskcolorbox {  border: 1px solid white !important; border-radius: 5px !important; }*/
/*Pro Work Shop Nav End */
/*top nav end*/
/*nav seperator color start*/
.deskcolorbox a.deskcolorbox li { color: gray !important; }
/*nav seperator color end*/
/*move nav to top start*/
.movenavtotop #DinairFluid { padding: 0px 13px !important; }
/*move nav to top end*/
#fluidProContainer a.deskcolorbox.active ,  #fluidProContainer #makeupNavagation a:hover  {color:#b00500; }
#fluidProContainer #makeupNavagation{ margin-bottom:4%;}
a.deskcolorbox, #dinair_go_kit #secondmenu2 .undefined {    border: 1px solid #ccc !important; border-radius: 5px; box-shadow: 2px 2px 2px #ffffff;line-height:2.5; color: #000; margin: 0; padding: 2px 12px;}
/*men menu start*/

/*.secondnavmarginleft { margin-left: 3%; }*/

a.mensubnavcolorbox {    border: 1px solid #ccc !important; border-radius: 5px; box-shadow: 2px 2px 2px #ffffff;line-height:2.5; color: #000; margin: 0; padding: 2px 12px;}
#makeupNavagation a.mensubnavcolorbox.active2 , #makeupNavagation a:hover.mensubnavcolorbox {    background: #b8cbd1 !important;}
#foundationpositionfixed{ width:100%; }
/*men menu end*/
#shopnavigation{ background-color:#fff; width:100%; float:left;}
#compareMen a.deskcolorbox, #compareMen .deskcolorboxActive { margin:  0 1px; background-color:#fff;}
#compareMen.kitsProds .deskcolorboxActive, #compareMen .deskcolorboxActive, #compareMen a.deskcolorbox:hover, #makeupNavagation a.deskcolorbox:hover  { box-shadow: none !important;background-color: #ffd4cc; }
/*11/2/15 MAIN Greg Navigation CSS moved from makeupnav_2.php START*/
/*   .mobilesetwidth .deskcolorboxActive {
    background-color: white !important;
    border: none !important;
    box-shadow: none !important;
    border: 1px solid #ffcccc !important;
    border-radius: 5px !important;
  }
    a.deskcolorbox {
    background-color: none !important;
    border: none !important;
    box-shadow: none !important;
  }
 	a.deskcolorbox:hover { box-shadow: none !important; }*/
 	/*11/2/15 MAIN Greg Navigation CSS moved from makeupnav_2.php END*/
#compareMen.kitsProds { float:right;}
#compareMen > p {    float: left;    margin: 3px 1px;	font-size:11px;}
/*================= Replacement Parts =================*/
.repCont{float:left;width:100%;}
.repFourR{}
.repParts{  border: 1px solid #ccc; float: left; margin: 2%; padding:0  2%; width: 16%;}
.repParts img{max-width:100%}
#DinairFluid .repParts p{text-align: center; font-weight: 400; font-size: 12px;}
.repParts > input { display: block; height: 25px; margin: 20px auto; padding: 4px; text-align: center; width: 25px;}
/*#secondmenu2 {    margin-left: 20px;}*/
/*================= Replacement Parts =================*/ 
/* Video Section */
 .vidCont{width: 100%; float:left;}
 .vidHed{ font-size: 22px; font-weight: bold; margin: 0 0 10px 0 ; width: 100%;}
 .vidPlay{float: left; width: 59%; padding: 0 2.5%;}
 .vidRow1 .vidPlay:first-of-type, .vidRow2 .vidPlay:first-of-type{ padding:0 2.5% 0 0;}
  .vidRow1 .vidPlay:last-of-type, .vidRow2 .vidPlay:last-of-type{ padding:0 0 0 2.5%;}
 .vidPlay p{ font-size: 15px; margin: 5px 0 20px;}
 .vidPlay img{max-width:100%;}
 .thickLine{ height:3px; background-color:#404040; border:0; float:left; width:100%;}
 
 /*shop*/
 .colairName { font-family: 'helveticaneue';  font-size:9px; }
div .ProdNameFine { font-size:10px !important; letter-spacing: -0.2px; font-weight: bold;}
.color-swatch02 { font-family: 'helveticaneue'; font-weight: bold; }
.Mname br { display:none;}
/*================================COLORMATCH=========================*/
#DinairFluid.colorMatch .shadeRange div { float: left; margin: 0 2.5%; text-align: center; width: 20%;}
#DinairFluid.colorMatch p {  margin: 10px 0 5px;}
.uploadifyQueue {font-size:10px;}
.uploadifyQueue .cancel { float:left; padding-top:4px; }
#filename_1 {color:deeppink;	}
#form_1 > div {    padding: 1%;} 
#DinairFluid.colorMatch li { list-style-type:none; line-height:23px;}
#DinairFluid.colorMatch input[type="text"]  { border: 1px solid #bbb; box-shadow: 0 0 5px #ddd inset; padding: 2%; width: 96%; }
#DinairFluid.colorMatch input[type="checkbox"]  {float:left}
#DinairFluid.colorMatch #form_1 > ul {    padding-left: 3% !important;}
.upload_form_cont {    background: -moz-linear-gradient(#ffffff, #f2f2f2);    background: -ms-linear-gradient(#ffffff, #f2f2f2);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));    background: -webkit-linear-gradient(#ffffff, #f2f2f2);    background: -o-linear-gradient(#ffffff, #f2f2f2);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";    background: linear-gradient(#ffffff, #f2f2f2);    color:#000;    overflow:hidden;}
#upload_form { float:left; padding:20px; width:700px;}
#preview { background-color:#fff; display:none; float:right; width:200px;}
#upload_form > div { margin-bottom:10px;}
#speed,#remaining { float:left; width:100px;}
#b_transfered { float:right; text-align:right;}
#image_file { width:400px;}
#progress_info { font-size:10pt;}
#fileinfo,#error,#error2,#abort,#warnsize { color:#aaa; display:none; font-style:italic; margin-top:10px; float:left;} 
#progress { border:1px solid #ccc; display:none; float:left; height:14px;
border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;
background: -moz-linear-gradient(#66cc00, #4b9500);
background: -ms-linear-gradient(#66cc00, #4b9500);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66cc00), color-stop(100%, #4b9500));
background: -webkit-linear-gradient(#66cc00, #4b9500);
background: -o-linear-gradient(#66cc00, #4b9500);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc00', endColorstr='#4b9500')";
background: linear-gradient(#66cc00, #4b9500);}
#progress_percent { float:left;margin-top:10px}
#upload_response {width:98%; padding: 20px; overflow: hidden; display: none; border: 1px solid #ccc;
border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;
box-shadow: 0 0 5px #ccc; background: -moz-linear-gradient(#bbb, #eee); background: -ms-linear-gradient(#bbb, #eee); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(100%, #eee));
background: -webkit-linear-gradient(#bbb, #eee);    background: -o-linear-gradient(#bbb, #eee);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbb', endColorstr='#eee')";
background: linear-gradient(#bbb, #eee);}
#slurpCapture .sectionHeaderBlock { font-size:35px;}
#ShowMatchInfo, #ShowMatchInfoKit{ cursor:pointer;}


/*********************VIDEO LIBRARY START******************/

 .wistia-fancybox #fancybox-overlay { z-index: 9999999 !important; }
.wistia-fancybox .fancybox-opened { z-index: 9999999999 !important; }

.videolibrarypage #width50 #width25 { height: 137px; width: 33%; margin-left: -2.5px; }


.videolibrarypage .topmenpadding {
width: 62% !important; padding: 2% 6% 3% 5% !important; margin: 2% 0% 2% 0% !important; background: #fff; text-align: center; border: solid 1px white; height: 48px !important; 
}
.videolibrarypage .title a.deskcolorbox { box-shadow: none !important; }
.videolibrarypage .navdivider1 { color: white !important; opacity: 0 !important; }
.videolibrarypage #secondmenu2 .nohover2 a:hover  { background-color: transparent !important; border: none !important }
.videolibrarypage .desktopV .title #DinairFluid, .desktopV .title .movesunnavleft { padding: 0px !important; } 

/*new css*/

.videolibrarypage2 #secondmenu2 a:hover { border: 1px solid #e8e8e8 !important;   }

.videolibrarypage .title { background-color: #ffc9bf; }
.videolibrarypage #width25 p { font-size: 13px !important;}
.videolibrarypage .title #DinairFluid { padding: 2px 25px; } 
.videolibrarypage #width25 img { width: 95%; }
.videolibrarypage .learnmorevidtoggles #productToggle { margin: 2% 0 1% 0; }
.videolibrarypage #secondmenu2 > p { font-size: 13px !important; }
.videolibrarypage .learnmorevidtoggles #productToggle { border: none !important; }
.videolibrarypage .learnmorevidtoggles #productToggle .toggle.width100 { border-bottom: 0px; }
.videolibrarypage #width20 h3 { font-size: 20px !important; padding-top: 18px; }
.videolibrarypage .topmenpadding { width: 38%; padding: 2% 5% 2% 5%; margin: 2% 16% 2% 16%;  background: #fff; text-align: center; border: solid 1px white; border-radius: 13px; }
.videolibrarypage .topmenpadding:hover { border: solid 1px black; }
.videolibrarypage .tab h4 {  padding: 17px 0 0 0; font-size: 24px !important; color: gray; }
.videolibrarypage .fblivetitle h4 {  padding: 17px 0 0 0; font-size: 24px !important; color: gray; text-align: left; font-weight: 400 !important; }
.videolibrarypage .mediaheadtitle { margin: 2% 0 2% 0; }
.videolibrarypage #secondmenu2 p a { text-transform: capitalize !important; }
.videolibrarypage #secondmenu2 a.deskcolorboxActive {  background-color:#fef4f3 !important;}

.videolibrarypage2 .movesunnavleft { padding: 0px 39px !important; }
.videolibrarypage2 #secondmenu2 { margin-left:  0px; }


/*********************VIDEO LIBRARY END******************/


/**************Footer**************/
footer { width:100%; background-color:#fff; position: relative;}
#footerLessons {/*background-color: #333333;*/position: relative;color: #FFFFFF;float: left;letter-spacing: 1px;width: 100%;margin:40px 0 50px 0; font-size:13px;	height:141px;background-image: url("/images/lessons/footerbg.png");}
#footerLessons .centerFooter{	max-width:942px;margin:0 auto;padding: 0 15px;}
#footerLessons ul{padding:20px 0;margin: 40px 0 0;	}
#footerLessons li {    display: inline;    padding: 0 30px;}
.centerFooter a{	color:#999999; text-decoration:none;}
#footerLessons a:hover{	color:#fff;}
#footerLessons li:first-of-type {padding-left: 0;}
#footerLessons li:last-of-type {padding-right: 0;}
#footerLessons .centerFooter > p {display: block;margin: 0 auto;width: 320px;}
#footerLessons ul.social li{display:inline;padding:0; width:14%;float:left;}
#footerLessons ul.social {position:absolute; top:-15px; padding:0; margin:0; float:left;max-width:100%;}
#footerLessons .socialStuff {margin: 0 auto;max-width: 380px; min-width:320px;}
#footerLessons .social img {max-width: 100%;}
.cleaningImage img {border-width: 1px; border-color: black; border-style: solid; width: 90%; margin-top: 0%;}
.cleaningImage img:hover  {opacity: 0.75; border-width: 1px; border-color: #ec008c!important; border-style: solid; }
.newfooterspacing { margin-left: 8%; }


/*@-moz-document url-prefix() { 
  .cleaningImage {
      margin-top: -12%;  
  }
}*/

#facebookIcon, #InstaIcon, #youTubeIcon, #twitterIcon, #pinterestIcon1 {   margin:-8px 2px; background-image: url("/images/header/socialSprite.png");    float: left;    height: 38px;    width: 38px;}
#InstaIcon {    background-position:121px 46px;}
#youTubeIcon {    background-position: 482px 0;}
#twitterIcon {    background-position: 280px 0;}
#pinterestIcon1 {    background-position: 1078px 234px;}
/*=================================================LIP=================================================*/
.lipStainSwatch .stainSwatch {margin:20px 0 0 10px;cursor:pointer;width:20%;}
.stainSwatch > img { max-width: 90% !important; display:block; margin:0 auto;}
.lipStainSwatch .stainSwatch:nth-child(1) {margin:20px 0 0 0;}
.stainSwatch {    float: left;}
#imgLipMain{ width:95%; border: 1px solid #ddd;}
#imgLipsMinis > img, .imgLipsMinis > img {border: 1px solid #ddd;cursor: pointer; margin-top: 30px; width: 30%;}
#imgLipsMinis > img:nth-child(2), .imgLipsMinis > img:nth-child(2)  {margin: 0 2px;}
.stainSwatch > input { border: 1px solid #eee; box-shadow: 0 0 5px #ebebeb inset; display: block; font-size: 1.2em; height: 50%; margin: 20px auto; padding: 10% 5%; text-align: center; width: 50%;}
.btn_Lipaddcart {background: none repeat scroll 0 0 #3b3b3b;border: 0 none;color: #fff;font-size: 16px;letter-spacing: 0.8px;padding: 10px 20px;text-transform: uppercase; -webkit-appearance:none;}
.btn_Lipaddcart:hover {background-color: #ec008c;}
.info div.cont {display:none;}
.info {width:100%;height:auto;font-size:14px;	}
.cont {padding: 20px 15px;}
.stepsBt { background-color: #404040; color: #fff; float: left; font-weight: bold; margin: 15px; padding: 3px 10px; text-align: center; text-shadow: 1px 1px #000; width: 130px;}
.stepsBt:hover { background-color: #ec008c; }
/*===============Tabs========*/
ul.tabs {    height: 28px;    list-style: outside none none;    margin-top: 40px;    padding: 0;    width: 90%;}
ul.tabs.taller { height:48px}
ul.tabs li {    float: left;    list-style-image: none !important;    list-style-type: none !important;    margin: 0 5px 0 0;    padding: 0;    text-indent: 0;}
ul.tabs a, ul.tabs p {    background-color: #f1eeee;    color: #000;    display: block;    font-size: 14px;    height: 27px;    line-height: 28px;    margin: 0;    padding: 0;    position: relative;    text-align: center;    text-decoration: none;    top: 1px;    width: 90px;}
ul.tabs p { width:100%;  height: 47px;    line-height: 22px;}

/*=====================================Compressor Comparision======================================*/
.compCompressor {    margin: 5% auto;    max-width: 677px;}
.compCompressor  div li {    display: inline;    padding: 0 2% 0 6%;}
.compCompressor div ul {   display: inline;    font-size: 17px;    margin: 0;    padding: 0;}	
.compCompressor.num2 div ul {font-size:9px;}
.compCompressor > img {    max-width: 100%;}
.compCompressor > p {    font-size: 2em;    font-weight: 700;    margin: 0;    position: absolute;}
/*==================================================lightbox===================================================*/
/* Preload images */
body:after {  content: url("/images/close1.png") url("/images/loading.gif") url("/images/prev.png") url("/images/next.png");  display: none;}
.lightboxOverlay {  position: absolute;  top: 0;  left: 0;  z-index: 9999;  background-color: black;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  opacity: 0.8;  display: none;}
.lightbox {  position: fixed;  left: 0;  width: 100%;  z-index: 10000;  text-align: center;  line-height: 0;  font-weight: normal;  display:none;}
.lightbox .lb-image {  display: block;  height: auto;  max-width: inherit;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}
.lightbox a img {  border: none;}
.lb-outerContainer {  position: relative;  background-color: white;  *zoom: 1;  width: 250px;  height: 250px;  margin: 0 auto;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;}
.lb-outerContainer:after {  content: "";  display: table;  clear: both;}
.lb-container {  padding: 4px;}
.lb-loader {  position: absolute;  top: 43%;  left: 0;  height: 25%;  width: 100%;  text-align: center;  line-height: 0;}
.lb-cancel {  display: block;  width: 32px;  height: 32px;  margin: 0 auto;  background: url("/images/loading.gif") no-repeat;}
.lb-nav {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 10;}
.lb-container > .nav {  left: 0;}
.lb-nav a {  outline: none;  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
.lb-prev, .lb-next {  height: 100%;  cursor: pointer;  display: block;}
.lb-nav a.lb-prev {  width: 34%;  left: 0;  float: left;  background: url("/images/prev.pn"g) left 48% no-repeat;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-nav a.lb-next {  width: 64%;  right: 0;  float: right;  background: url("/images/next.png") right 48% no-repeat;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  opacity: 0;  -webkit-transition: opacity 0.6s;  -moz-transition: opacity 0.6s;  -o-transition: opacity 0.6s;  transition: opacity 0.6s;}
.lb-nav a.lb-next:hover {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
.lb-dataContainer {  margin: 0 auto;  padding-top: 5px;  *zoom: 1;  width: 100%;  -moz-border-radius-bottomleft: 4px;  -webkit-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px;  -webkit-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}
.lb-dataContainer:after {  content: "";  display: table;  clear: both;}
.lb-data {  padding: 0 4px;  color: #ccc;}
.lb-data .lb-details {  width: 85%;  float: left;  text-align: left;  line-height: 1.1em;}
.lb-data .lb-caption {  font-size: 13px;  font-weight: bold;  line-height: 1em;}
.lb-data .lb-number {  display: block;  clear: left;  padding-bottom: 1em;  font-size: 12px;  color: #999999;}
.lb-data .lb-close {  display: block;  float: right;  width: 36px;  height: 36px;  background: url("/images/close.png") top right no-repeat;  text-align: right;  outline: none;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  opacity: 0.7;  -webkit-transition: opacity 0.2s;  -moz-transition: opacity 0.2s;  -o-transition: opacity 0.2s;  transition: opacity 0.2s;}
.lb-data .lb-close:hover {  cursor: pointer;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  opacity: 1;}
/*============================================Cookie Pop Subscribe=============================================*/
.CoverPop-open,.CoverPop-open body {overflow: hidden;}
#CoverPop-cover,#CoverPop-cover-match,#CoverPop-cover-upSell { text-transform:uppercase; color:#000;display: none;position: fixed;overflow-y: scroll;top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;-webkit-animation: fade-in .25s ease-in;-moz-animation-name: fade-in .25s ease-in;-ms-animation-name: fade-in .25s ease-in;-o-animation-name: fade-in .25s ease-in;animation-name: fade-in .25s ease-in;}
.CoverPop-open #CoverPop-cover{    display: block;}
#CoverPop-cover h2, #CoverPop-cover-match h2 { margin: 0; }
#CoverPop-cover p, #CoverPop-cover-match p {font-size:1em; }
 
.splashMatch  {  background-color:rgba(0,0,0,0.8)}
.splash{ background-color:rgba(0,0,0,0.1)}
.splash-center {overflow:hidden; position:relative; background-color: white; border: 8px solid #843e7c; margin: 10% auto;transition-duration: 1s;max-width:630px;} 
/*.splash-center:before { border: 3px solid #000; bottom: -1px; content: " "; left: -1px; position: absolute; right: -1px; top: -1px; z-index: 0;}*/
.CoverPopBlocks { position:relative; z-index:999 !important; float:left;height:100%;width:48%;  display: table-cell;vertical-align:top;}
.CoverPopBlocks:nth-of-type(2) {  width:51%;  padding: 5% 0 0 0;} 
.splash-center a { text-decoration:underline !important;}
#CoverPop-cover-match .splash-center a { text-decoration:none !important;}
.splash-center a:hover { color:#ec008c  !important;}
.popInput { color:#bbb;background: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px #ddd inset; margin: 0 1% 3% 0; padding: 1.5% 1%; transition-duration: 0.5s; width: 200px;}
.popBtn {-webkit-appearance: none; background: #843e7c none repeat scroll 0 0; border: 0 none; color: #fff; line-height: 30px; transition-duration: 1s; width: 110px; line-height: 20px;}
.closeEmailPop {    top: 1%;    position: absolute;    right: 1%;}
#CoverPop-cover #footerSubWindow, #CoverPop-cover #footerSubSent{  background: url('/images/popBottlesSml-3.jpg')no-repeat center 48%;height:100%;transition-duration: 1s;  background-size: 35%; }
#CoverPop-cover #footerSubWindow > form {    margin-top: 28%;transition-duration: 1s;}
#CoverPop-cover #footerSubSent { background: none !important;}
.CoverPopBlocks > img {    max-width: 100%;}
#CoverPop-cover .christmasTime{position: absolute; right: 1%; bottom: 1%; top: 1%; max-width: 55%; }
.normTextPop{ padding:5px; text-transform:none !important;}
.colorMatchStartbtnPop { width:250px; border:0;background-color: #ec008c; color: #fff; font-size: 14px; padding: 4px 10%;text-align:center;margin:3% auto ;}
.colormatchpopbtnnew a { color: white !important; }
.colormatchpopbtnnew a:hover { color: black !important; }
/*======================== ====================FOOTER===========================================================*/
.socialMediaBtn { margin:5% 0;} 
.socialMediaBtn img{ padding:0 .5%; }
.socialMediaBtn img:hover{ opacity: .9; }
#footerBarTop {    background: none repeat scroll 0 0 #5f6062; color:#fff;} 
.affiliatespace { margin-top: 1.2%; }

#footerBarTop.goldfootergradient {/*background: rgba(252,205,77,1);
background: -moz-linear-gradient(left, rgba(252,205,77,1) 0%, rgba(252,234,187,1) 55%, rgba(251,223,147,1) 65%, rgba(248,181,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,205,77,1)), color-stop(55%, rgba(252,234,187,1)), color-stop(65%, rgba(251,223,147,1)), color-stop(100%, rgba(248,181,0,1)));
background: -webkit-linear-gradient(left, rgba(252,205,77,1) 0%, rgba(252,234,187,1) 55%, rgba(251,223,147,1) 65%, rgba(248,181,0,1) 100%);
background: -o-linear-gradient(left, rgba(252,205,77,1) 0%, rgba(252,234,187,1) 55%, rgba(251,223,147,1) 65%, rgba(248,181,0,1) 100%);
background: -ms-linear-gradient(left, rgba(252,205,77,1) 0%, rgba(252,234,187,1) 55%, rgba(251,223,147,1) 65%, rgba(248,181,0,1) 100%);
background: linear-gradient(to right, rgba(252,205,77,1) 0%, rgba(252,234,187,1) 55%, rgba(251,223,147,1) 65%, rgba(248,181,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd4d', endColorstr='#f8b500', GradientType=1 );*/ background:#404040; 
    letter-spacing: 1px;text-align: center;padding:.5%; color:#fff;; }
#footerBarTop.goldfootergradient .dinairPink { color:#fff;}

#footerBarTop #DinairFluid p {    color: #fff;    float: left;margin:1px 0;}
#footerBarTop #DinairFluid, #footerBarBottom #DinairFluid {    background: none repeat scroll 0 0 transparent;}
#footerBarBottom {background-color:#2C2B2B ;padding-top:10px;}
#footerBarBottom #DinairFluid  a,#footerBarBottom #DinairFluid { color:#9a9a9a;}
#footerBarBottom #DinairFluid  a:hover{ color:#ec008c;}
#footerBarBottom li {    list-style: outside none none;    padding: 2% 0; text-align:left;}
#footerBarBottom ul { padding:0; margin:0; float:left; width:100%;}
.footerLarg { font-size: 1.2em; }
#footerBarTop  form {    float: left;    margin: 0px 0 0 8px;}
#DinairFluid input.footerFormSub { background-color: #282627 ; border: 0 none; border-radius: 5px; color: #fff; cursor: pointer; height: 20px; margin: 1px 0 0 5px; height: 25px; padding: 0 10px; }
#footerSubField{ border:1px solid #595A5C;  height: 15px;    padding: 5px 10px;border-radius:5px; }
#footerBarBottom ul.bottomSecInf { float: left; margin: 30px 0 20px; padding: 25px 0 0 0; width: 100%;border-top:1px solid #9a9a9a;} 
#footerBarBottom .bottomSecInf li { display:inline; padding-right: 7%; color: #969393; }
#footerBarBottom  p{ width: 100%; float:left;}
.respPin span:first-of-type {    overflow: hidden !important;    width: 100% !important;}
#pinterest-widget span span {	width:95%;}
.respPin {    float: left;    margin: 30px 0;    width: 100%;}
#footerBarTop #width40 {    text-align: right; }
#footerBarTop #width40  img { max-width:10%; padding:1%;}
.w25 { width:25%; float:left; text-align:center;}
#footerBarTop #width40 .w25 img{ max-width:96%;margin:0 2%;}
#footerBarTop #width40 .w25 img:hover{opacity:.6;}
.goldfootergradient a { color:#fff !important;}
#footerBarTop.actualTopFooter.idontknow { }
.footerBlocks {
    color: #404040;
    float: left;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    width: 33%;
}
/*============================================================BACK TO TOP============================================================h*/
.scrollToTop { bottom: 1%; display: none; opacity: 0.5; right:1%; text-decoration: none; position:fixed;transition-duration: 1s;z-index:999; }
.scrollToTop > img {    width: 30px;}
/*==================================================And the scaling begins==============================================================*/


@media (max-width: 950px){
.paraBTNS{ position:absolute; top:0; right:20px;}
#compareMen{float:left; margin:6px 0 0; font-size:7px;}
.headmargintopmobile {margin-top: 6% !important;}
#selectNotice { left:30%; }
#headerDesktopBottom{ font-size:.8em;}
/*.headerPromo img { max-width:35%;}*/
}
@media (max-width: 930px){#DinairFluid, #fluidPageHeader{padding: 0 2%; width:96% ;} #headerDesktopBottom{ font-size:.85em;}
#footerBarTop.actualTopFooter #DinairFluid {
    padding: 3%;
}
}
@media (max-width: 900px)
{
#footerLessons li {  font-size:13px;padding: 0 15px;}
#lessonsContainer #mainwrapper .box { height: 220px;}
#footerBarTop #DinairFluid p{font-size:.9em; }

}


@media (max-width: 875px){  
.goneMid{ display:none;}
}


@media (max-width: 852px)
{  
.mobilematchhide2 { width: 140px !important; }
}

@media (max-width: 850px){ /*#fluidPageHeader #topMenu li, #fluidPageHeader #topMenu li.menuList.menuListP{padding: 1% 1.2%;}*/
#footerBarBottom li { list-style: outside none none;    padding: 1% 0; font-size:1em;}
#footerBarBottom li.footerLarg { font-size: 1.2em;}
.footerLarg, #footerBarBottom  p, #footerBarBottom .bottomSecInf li  { font-size: 1em;}
#footerBarBottom .bottomSecInf li { padding-right:4%;}
#DinairFluid .repParts p{ font-size:10px;}
#lessonsContainer #mainwrapper .box { height: 215px;}	
#collectRewards{margin: 0 auto; display:block; margin-top:10px;width:290px;height:49px;	}
#collectEmail {width: 90%;float:none; margin:0 5%;}
#footerBarTop #width40.mobileV{ display:block;width:100%;}
#footerBarTop #width40.desktopV{ display:none;}
#footerBarTop #width60	{ width:100%;text-align: center;}
#footerBarTop #DinairFluid p, #footerBarTop form {float:none;}
#footerBarTop {    padding: 1% 0;}
#selectNotice { left:20%; }

@media (max-width: 840px)
{
.headerPromoDesk  { margin: 0 0 2% 0;}
}
@media (max-width: 800px){ #DinairFluid h4{ font-size:1em;}
.scrollToTop { bottom:12%;}
#lessonsContainer #mainwrapper .box { height: 210px;}
#instructBlock .instructImg, #instructBlock .instructName	{ float:none;	margin:0 auto;}
#instructBlock {	padding:0 20px;		}
a.deskcolorbox, .deskcolorboxActive, #dinair_go_kit #secondmenu2 .undefined{	font-size:10px;padding:2px 10px;}
.stuff, h1.centerAlign, h2.centerAlign { width:100% !important;}
.stuff h1  { font-size: 1.7em !important}
.stuff h2 { font-size:1.5em !important }
.scrollV { display:none !important;}
.newWork #section4 #fluidProContent50  {	width:98%; padding:1%;}
.newWork #fluidProContainer h2.super { font-size:35px}
.newWork #fluidProContainer h2 { font-size:28px}
}
@media (max-width: 780px){ 
.foundationCompare #width50 .customp1 {    font-size: 24px !important; padding-top: 7% !important;}
.kitPage .shadeDesc1 p { display: block;}
.category2 span { font-size: 12px; }
.cleaningImage {      margin-top: 0%;  }
.imagespacing44 { margin-top: 0% !important; }
.dina_image { /*margin-top: -8%;*/  height:auto !important;}
.hidefblivembhor {display: none;}
.moreinf { padding: 1% 0; }
.semipermcompare { width: 67%; }
#mobileHeaderBlk div img {max-width:46%; }
#mobileHeaderBlk .header-logo img {max-width:46%; }
.tabsForEasyAccess {display: none;}

/*Studio Pro*/
#studioPro_Kit .shadecoicetoggle .kitBtnPinkGrad  { width: 100%;}
#studioPro_Kit #radianceOpen,#studioPro_Kit #softglowOpen,#studioPro_Kit #glamourOpen,#studioPro_Kit #paramedicalOpen,#studioPro_Kit #xtremeOpen,#studioPro_Kit #opalescentOpen,#studioPro_Kit #shimmerOpen,#studioPro_Kit #shadowOpen,#studioPro_Kit #lipOpen { display: none;}  
#studioPro_Kit #radiance .kitBtnPinkGrad,#studioPro_Kit #softglow .kitBtnPinkGrad,#studioPro_Kit #glamour .kitBtnPinkGrad,#studioPro_Kit #paramedical .kitBtnPinkGrad,#studioPro_Kit #xtreme .kitBtnPinkGrad,#studioPro_Kit #opalescent .kitBtnPinkGrad,#studioPro_Kit #shimmer .kitBtnPinkGrad,#studioPro_Kit #shadow .kitBtnPinkGrad,#studioPro_Kit #lip .kitBtnPinkGrad { width: 94%;}
#studioPro_Kit .borderbottom101 { border-bottom: 0px solid white; }
 
/*********************VIDEO LIBRARY START******************/
 .videolibrarypage .topmenpadding { width: 64% !important; margin: 0% 2% 2% 4% !important; font-size:12px !important; margin: 8px 0 8px 0 !important; }
 .videolibrarypage #width50 #width25 { height: 90px !important; margin-left: 0px; margin-right: 24px;  }

 /*newcss*/
.videolibrarypage .topmenpadding { font-size: 8px; width: 64%; }
.videolibrarypage #width20 h3 { font-size: 14px !important; padding-top:22px;  }
.videolibrarypage .mobileV .topmenpadding { width: 33%;  margin: 0% 2% 2% 4%;  background: #fff; text-align: center; border: solid 1px white; }
.videolibrarypage .mobileV .title .half25 { float: left; }
.videolibrarypage .mobileV .title #width100 h3 { font-size: 22px !important; }
.videolibrarypage #width25 { width: 25% !important; }
.videolibrarypage #width25 p{ font-size: 10px !important;  }
.videolibrarypage .tab #width25 { height: 120px !important;  }
.videolibrarypage #productToggle { margin: 2% 0; }
.videolibrarypage #productToggle .headLine { padding: 11px; font-size: 15px;  }
.videolibrarypage .nav-tabs, .videolibrarypage #productToggle .toggle.width100  { border-bottom: none; }
.videolibrarypage .nav-tabs a { line-height: 36px !important; padding: .5em 1em; }
.videolibrarypage .nav-tabs li { border-bottom: 1px solid #8b8b8b !important; }
.videolibrarypage #productToggle ul {    padding: 0;    list-style-type: none;}
.videolibrarypage #productToggle ul {    padding: 0;    list-style-type: none;}
.videolibrarypage .nav-tabs { background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; border: 0px solid #cccccc; font-weight: bold; }
.videolibrarypage #width25 p { font-weight: normal !important; }

/*********************VIDEO LIBRARY END******************/


/*desktopmob version for phone landscape*/
.desktopV3 {display:none; }
.mobileV3 {display:block; }
/*desktopmob version for phone landscape*/


}
@media (max-width: 750px){
#footerBarBottom #width20{ width:24%;/*height:300px;*/} 
/*#footerBarBottom #width20:last-of-type{  height:500px;}*/
/*.cleaningImage {      margin-top: -32%;  }*/
.newfooterspacing { margin-left: 15%;    margin-top: 3%;}
#footerBarBottom ul.bottomSecInf li{display:list-item; text-align:center; }
.footGray #DinairFluid p { font-size:1em}
.footGray #DinairFluid h2 {    font-size: 1.2em;}
.footGray #DinairFluid h1 {    font-size: 1.5em;} 
#headerDesktopTop { font-size:.8em;}
#DinairFluid h4{ font-size:1em;}
#DinairFluid h2.super{font-size:2em }
#resellerBlock #width30 { width:45%;}
.signUpBoxReseller input, .signUpBoxReseller #zip { width:94%;}
.signUpBoxReseller #state, .signUpBoxReseller #country, .signUpBoxReseller #subForm { width:98%;}
.monthBlock {width:29.5%;	font-size:1em;}
#headerDesktop #fluidPageHeader #brandTab li{ font-size:1em; }
#headerDesktopTop ul#brandTab { width:21%; } 
#headerDesktopTop ul#accountTab { width:72%;}
#headerDesktop #fluidPageHeader #brandTab li {margin: 12px 0px 0 0;}
#countryTab img, .chatLive img { max-width:75%;}
#fluidProContainer #fluidProBanner h1 {padding: 5px; }
.compCompressor li {    padding: 0 2% 0 6%;}
.compCompressor > ul, .compCompressor.num2 > ul { font-size:15px; }
.compCompressor > p {   font-size:1.2em;}
/*#fluidPageHeader #topMenu li, #fluidPageHeader #topMenu li.menuList.menuListP{padding: 1%;}*/
#headerDesktopBottom ul li a{padding: 10px  5px;}
#fixedAccount { padding:1% .5%;}
#lessonsContainer #mainwrapper .box { height: 205px;}	
#selectNotice { left:15%; }
.widthFoundations { width:48%;}
.specializeWorkshop ul, .specializeWorkshop ul:nth-last-child(1) { width:44%;}
.newWork .monthBlock {    height: 200px;    width: 46%;  font-size:.9em;}
.kitPage #panel4 #width50 {    width:98%;}
.kitPage #panel4 #width50 {    margin-top:0px;}
.kitPage #kitToggleOpen .table2Column:nth-child(2n+1) { padding:3% 0;}
.kitPage #kitToggleOpen .table2Column {    height: auto;}
.kitPage .table2Column, .table2Column:nth-child(2n+1), .kitPage .table2Column:nth-child(n+7) {    width: 100%;    border-bottom: 1px solid #404040;    border-right: 0;    height: auto;    padding: 3% 0;    float: left;    overflow: hidden;}
.kitPage #width30:nth-child(2) .kitBtnPinkGrad, .kitPage #width30:nth-child(3) .kitBtnPinkGrad, .kitPage #width30 .kitBtnPinkGrad{float:none; margin:0 auto	}

}
/*
@media (max-width: 736px){
.dina_image { margin-top: 3%;  }
}*/
@media (max-width: 700px)
{
#footerLessons li { padding: 0 8px;letter-spacing: 0px; font-size:12px;}	
#lessonsContainer #mainwrapper .box { height:180px;}
.caption.simple-caption > h3, .caption2.simple-caption2 > h3 {    font-size: 1.5em;   }
.caption.simple-caption > h4, .caption2.simple-caption2 > h4 {    font-size: 1em;    }
a.deskcolorbox, .deskcolorboxActive , a.undefined{	font-size:9px !important;padding:2px 8px !important; }
.largeVer, .logotaglineDis {display:none; }
.smallVer{ display:block; }
.smallVer{ width:120px; }
#slurpCapture .sectionHeaderBlock{ margin-top:-80px; }
/*.dina_image { margin-top: 3%;  }*/
.kitHeader{ font-size:20px;  height:18px; 
}

@media (max-width: 666px)
{
.adjustresponsiveness { margin-left: 3%; margin-top: 2%; }
}
@media (max-width: 680px)
{

.kitPage #width30 .kitBtnPinkGrad { display:none !important;}
.kitPage #kittToggle {display:block !important;}
.kitPage #carousel { display:none;}
}


@media (max-width: 665px)
{	
.smallVer{ width:110px; }
.addthis_toolbox.addthis_default_style.addthis_32x32_style {margin:0 auto;	}
.shareLesson, .lessonCont, .saveLesson { font-size: 14px;    padding: 10px 20px;}	
#lessonsContainer #mainwrapper .box { height: 160px;}
#lessonsContainer #mainwrapper .box .simple-caption { left:0;}
#lessonsContainer #mainwrapper .box .simple-caption2 { right:0;}
#lessonsContainer #mainwrapper .box:hover .simple-caption, #lessonsContainer #mainwrapper .box:hover .simple-caption2 {  -moz-transform: translateX(0%);  -o-transform: translateX(0%);  -webkit-transform: translateX(0%);  transform: translateX(0%);  }  
.caption.simple-caption > h3, .caption2.simple-caption2 > h3 {    font-size: 1em;   }
.caption.simple-caption > h4, .caption2.simple-caption2 > h4 {    font-size: .8em;    }
#breadcrumbs div, #breadcrumbs #courseName h1, #courseQuiz h2, #courseCongrats h2, #videoName h2{ font-size:11px;}
.true, .false{background-position: 0 0;font-size: 0;margin-left: 5px;padding: 10px;}
#headerDesktopTop ul#accountTab li.Pic { display:none !important;}
#headerDesktopTop ul#accountTab {    width: 68%;}
}
@media (max-width: 640px){	  
.smallVer{ width:90px; }
#fluidProContainer h1 {font-size:33px;	} 
#fluidProContainer h2 {font-size:22px;}
#fluidLeftProContent, #fluidRightProContent{width:100%; border:0;padding-left:0;}
#fluidRightProContent .acc, .acc {    margin: 10px 1% 0;    width: 48%; height:350px;}
.row{ margin:0px auto 10px auto;}   .vidPlay p{ font-size: 12px;}
.compCompressor div ul, .compCompressor.num2 div ul {    font-size: 14px;}
#DinairFluid  .CoverPopBlocks  h2 { font-size: 1.3em; }
#CoverPop-cover p, #CoverPop-cover-match p { font-size:.8em;margin-top:0;}
#CoverPop-cover h2, #CoverPop-cover-match h2 { margin:3% 0;}
}
@media (max-width: 600px){
  .foundationCompare #width50 .customp1 {    font-size: 29px !important; padding-top: 7% !important;}
  .foundationCompare #width50 { margin: 0%; }
  .foundationCompare #width50 > img {max-width:100%;}
.foundationCompare #width50 .swatchesBTN {margin: 0;    padding: 4% 2%;    width: 96%;}
.foundationCompare #width50 { text-align:center;}
.foundationCompare  #width50:nth-child(2n+1) {width:96%; margin-left:0; padding:2%; text-align:center; }
  .makeupPage .introheader   { font-size: 13px; }
  .kitPage .introheader   { font-size: 13px; }
  .imghalfwidth { width: 100%; }
#footerBarBottom #width20{ width:100%;/*height:300px;*/} 
 .dinairgoairbrush1 { max-width: 71% !important; margin: 0 15% 0; }
 .newfooterspacing { margin-left: 0%; }
.revolutionaryheader h2 { font-size: 15px !important; }
.bottommobilespacing { margin: 3% 0 3% 0 !important; }
.CoverPopBlocks:nth-of-type(2) { padding-top:1%;}
.category2 span { font-size: 15px; }
#CoverPop-cover-match .colorMatchStartbtnPop { width:227px;}
.foundationsubheadfont { display: none; }
.CoverPopBlocks img{ display:none;}
#mobileHeaderBlk div img {max-width:82%; }
#mobileHeaderBlk .header-logo img {max-width:95%; }
.tabsForEasyAccess {display: block;}
.hidefblivembhor {display: block;}
#slurpCapture .sectionHeaderBlock h3 { font-size: 34px; } 
.secondnavmarginleft { margin-left: 0%; }
#width20, #width25, #width30, #width40, #width45, #width50, #width60, #width70,#width75, #resellerBlock #width30  {padding: 2%; width:96% ;} 
#dinair_go_kit #secondmenu2 .undefined { line-height:0;}
.christmasTime { display:none;}
#foundationpositionfixed { left: 0; }
.headerPromo img { max-width:85%;}
#bxslider { margin-top:50px;}
.desktopV {display:none !important; }
.desktopVv2 {display:none; }
.mobileV { display:block !important;}
.footGray{text-align:center; }
.dinairButton {    padding: 2% 0;    width: 100%;}
#fluidProContainer h1 {font-size:30px;	} 
#fluidProContainer h2 {font-size:20px;} 
.acc p.subheaderText {font-size:14px;}
#DinairFluid h2.super {    font-size: 3em;}
.dinairBtn.pinkBtn, .dinairBtn.blackBtn, {  -webkit-appearance: none;   -moz-appearance: none; appearance: none;  margin: 0;    padding: 2% 0;    width: 100%;}
img.comDesk{width:50%; float:right;margin-top:-10%; }
.stackMobile{border-bottom:1px solid #eee; padding: 2.3% 0 !important; width:100% !important;}
.signUpBoxReseller input, .signUpBoxReseller #state, .signUpBoxReseller #country{ margin: 2% 1%;    padding: 3% 2%;}
#resellerBlock #width30{ height:auto !important;}
#fluidProContainer h3{ margin-bottom:0;}
.monthBlock {    height: 130px;}
ul.workshopList:nth-of-type(1), ul.workshopList { width:45%;}
#width45.proFormBlock:nth-last-child(2n+2) {    margin-left: 0;}
.Form_Text_Field_style { padding:1%;}
.proFormBlock {    margin: 0 0 5px;}
#proFormApp { margin-left:1%;}
.proFormBlock input { width:95%;}
#width45.proFormBlock.professionBlock {    height: 35px;width: 45%;}
.proFormBlock select, .proFormBlock > label { width:96.5%; text-align:left;}
.proFormBlock label {   width: auto;}
.proNumberMini { margin-right:5px;}
.proFormBlock input[type="checkbox"] {    width: auto;}
#imgLipMain{float: left;    width: 74%;}
#imgLipsMinis {    float: left;    width: 25%;}
#imgLipsMinis > img, #imgLipsMinis > img:nth-child(2) {    margin-bottom: 31%;    margin-left: 20%;    margin-top: 0;    width: 80%;}
.lipStainSwatch .stainSwatch, .lipStainSwatch .stainSwatch:nth-child(1) { margin-top:0;}
#imgLipsMinis > img:nth-child(3) {    margin-bottom: 0;}
#specialCompareBlock > img {    display: block;    margin: 0 0 0 70px;}
.compCompressor div ul, .compCompressor.num2 div ul {    font-size: 13px;}
.compCompressor > p {   padding-left: 1%; font-size:1.5em;}
.popInput { width:90%;}
.popBtn { width:93%; margin-top:3%;}
#DinairFluid .repParts { height: 200px; }
.splash-center { width:75%; position:fixed; left:0; right:0; margin:0 auto; bottom:0;}
#CoverPop-cover #footerSubWindow{   background-size: 35%;  }
#CoverPop-cover #footerSubWindow > form {    margin-top: 15%;}
#CoverPop-cover #footerSubWindow{  background-image: none; }
.CoverPopBlocks:nth-of-type(2) { padding: 0 2%;    width: 97%;}
#lessonsContainer #mainwrapper .box { height: 150px;}
#lessonsContainer .mobile{display:block;}	
#lessonsContainer .desktop{display:none;}	
.headerPromoDesk {display:none;}
#bx-pager { display: block;}
.colorMatch #width20 { width: 22% !important;}
.skinUpsell span.tooltip span {margin: 60px 0 0 -60px; }
#compImageSelect { margin-top:20px; }
#panel2 #width25 { width:46%;} 
.kitHeader{ font-size:20px; height:15px; } 
.panelBlocks { padding-top:40px;    padding-bottom: 10%;}   
#panel6 #mainImgCom, #panel6 #mainImgShade {    left: 0; }
#displayPop { width:90%; bottom:0;}
/*.leftKitInfo .blocks{ float:right;}*/
.stepsBtn {    padding: 1% 0;    text-align: center;    width: 96%;}
.foundationType { font-size:.8em; margin: 1em 0 0 0.4em;}
#widthShades { width:48%}  
.widthFoundations li {    font-size: 0.8em;  }
#selectNotice {  bottom:16%; left:0}
#slurpCapture .sectionHeaderBlock{height: 70px; margin-top:-40px; }
#slurpCapture h3.sectionHeader { top:0; }
#mobileHeaderBlk{display:block !important;}
#headerDesktop{display:none !important;} 
#fluidProContent50, #fluidProContent50:nth-of-type(odd),#fluidProContent40,#fluidProContent60 { width:98%; padding: 1%;}
.newWork .aboutDinairBtn { position:relative;bottom: auto; }
#fluidProContainer.newWork h2.super { font-size:22px;}
#fluidProContainer.newWork h2 { font-size:18px}
#fluidProContainer.newWork h3 { font-size:16px}
.newWork .comboForm .half33, .newWork .comboForm .half50, .newWork .comboForm .half66, .newWork .comboForm #width100 {  width:100%;}
.newWork .comboForm { padding:1%;}
.newWork .tryAgain { width:100%;}
.newWork .comboForm .blackBtn.workshopBtn {    margin-top: -10px;    text-align: center;    width: 100%;	margin-bottom:7%;}
.newWork .comboForm .workshopBtn { margin-bottom:7%;}
.newWork .half66 .half50.floatLeft {    width: 50%;}
div.slider-icons { top:15%;}
.slider-icons{	display:none;	}
.basiccombttmspace { margin-top:99% !important; }
.pantoneOptionGo { width: 28%; }
.dina_image { width: 65% !important; }
.affiliatebanner { width: 97%; }
.pinkBtnGo { width: 28%; border:0;background-color: white; color: gray; font-size: 8px; padding: 1px 2%;text-align:center;margin:0%;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
#CoverPop-cover #footerSubWindow > form {    margin-top: 0;}
.mobilesignup { margin-top: -4%; }
.contactUsPage form input, .contactUsPage form .dropdown, .contactUsPage form textarea,#customerServiceSignupEmail { width: 99% !important;}
.contactUsPage .adjustresponsiveness{ margin-left:0 !important;}
.contactUsPage .mobilebuttunwidth { width: 100% !important; }
.contactUsPage #submit {margin-left: 0px !important; margin-top: 2%; }
.contactUsPage #customerServiceSignupbutton { margin-left: 0px !important; width: 102% !important; }
.contactUsPage .mobilebutton {width: 103%;} 
.contactUsPage .dropdown { width: 83% !important; }
.contactUsPage #select { width: 102% !important; }
.acneabouttitle { line-height: 42px; } 
 .learnmheight { height: 110px;  }
.mobgospace { margin-top: 2%; }
.fourrowSec .swatchesIMG, .threerowSec .swatchesIMG, .tworowSec .swatchesIMG,.makeupComparePages  .fourrowSec  .swatchesInfo, 
 .makeupComparePages .threerowSec .swatchesInfo { float:left; width:50%;}
.makeupComparePages .fourrowSec .swatchesBTN, .makeupComparePages .threerowSec .swatchesBTN, .makeupComparePages .tworowSec .swatchesBTN {     width: 95%;}
.fourrowSec .swatSWTC, .threerowSec .swatSWTC { display:none;}
.makeupComparePages .threerowSec .blushProd, .makeupComparePages .fourrowSec .blushProd, .makeupComparePages .tworowSec .blushProd { height: auto;}
.cleaningImage {      margin-top: 0%;  }
.cleaningImage img{width:97%; }
.colormatchpopbtnnew { width: 70%; }
#footerBarTop.goldfootergradient,.footerBlocks { font-size:1.2em; letter-spacing:normal;} 
 .blushProd:hover .swatchesBTN{background-color:#404040 !important; }
/*********************VIDEO LIBRARY START******************/ 
 .videolibrarypage #width50 #width25 { height: 68px !important; margin-left: 0px; margin-right: 0px;  }
 .videolibrarypage .topmenpadding { width: 32% !important; height: 32px !important;  margin: 0% 2% 2% 4% !important; padding: 0% 6% 6% 5% !important;  }
 .videolibrarypage .title a.deskcolorbox { box-shadow: none !important; font-size: 12px !important; }

 /*newcss*/
 .videolibrarypage #width25 { width: 29% !important; }  
.videolibrarypage #width25 img { width: 200%; }
.videolibrarypage .title .movesunnavleft { padding: 0% 3% 0% 3% !important; } 
.videolibrarypage .tab #width25 { height: 76px !important; padding: 2%;  }
.videolibrarypage .topmenpadding { font-size: 13px;}
.videolibrarypage .title #DinairFluid { padding: 2px 25px; }

.videolibrarypage2 #foundationpositionfixed { height: 47px; }

/*********************VIDEO LIBRARY END******************/
}
@media (max-width: 599px){ 
.basiccombttmspace { margin-top:97% !important; }
.movenavtotop { display:none;}
.makeupmobnav .movenavtotop { display:block;}
.makeupmobnav #secondmenu2  { margin-left: 0px; } 
.makeupmobnav #secondmenu2 a.deskcolorbox, .makeupmobnav #secondmenu2 .deskcolorboxActive { margin: 0px; }
.makeupmobnav #foundationpositionfixed { height: 0px; }
}
@media (max-width: 593px){
.skincarephone { width: 100%; }
}
@media (max-width: 565px){
.shareLesson, .lessonCont, .saveLesson { font-size: 10px;  padding: 10px;}
#header h1{ font-size:30px;}
#lessonsContainer #mainwrapper .box { height: 140px;}
.kitPage h1 {    font-size: 2em !important;}
}
@media (max-width: 550px){
.basiccombttmspace { margin-top:104% !important; }
.compCompressor div ul, .compCompressor.num2 div ul {    font-size: 12.5px;}
#DinairFluid .CoverPopBlocks  h1.xFont {font-size: 2em; }
#footerSubWindow > h2   { font-size:1.2em;}
/*Pseudo start*/
.headerPromo span.tiny { display:none;}
/*.headerPromo #width100:before {
    display: block;  letter-spacing: 1px; background-color: #1c4f67 !important; background: none repeat scroll 0 0 #282627; color: white !important; float: left; font-size: 14px; width: 100%;	text-align:center;  text-transform: uppercase;font-weight:700;
    content:"The Best Deals to Ever Hit the Web! SHOP NOW >";
}​*/
/*.headerPromo #width100:after { 
    content:"Colors of the Year - SHOP NOW >";
}​*/
/*Pseudo end*/ 
}
@media (max-width: 500px){
.monthBlock {    height: 100px;    width: 46%;	font-size:.9em;}
.newWork .monthBlock {    height: 222px;    width: 46%;  font-size:.9em;}
#fluidProContainer h1 {font-size:22px;	}
.lipStainSwatch .stainSwatch {    width: 25%;}
.lipStainSwatch .stainSwatch { margin-left:0;}
.btn_Lipaddcart { width:100%; margin-top:5%;}
.compCompressor > p {   font-size:1em;}
.compCompressor div li, .compCompressor.num2 div li {    font-size: 12px; }
.paraBTNS{ position:absolute; top:0; right:20px;}
#compareMen{float:left; margin:6px 0 0; font-size:7px;}
.headmargintopmobile {margin-top: 13% !important;}
.CoverPopBlocks:nth-of-type(1) { display:none;}
.CoverPopBlocks:nth-of-type(2) {   width: 94%; padding: 3%;}
#footerSubWindow > h2 { font-size: 1em; }
 #CoverPop-cover-match p { font-size:.9em;  }
#DinairFluid .CoverPopBlocks  h1.xFont {font-size: 2em; }
/*#CoverPop-cover #footerSubWindow{  background: url('/images/popBottlesSml.jpg')no-repeat center 66%; background-size: 43%;  }*/
#CoverPop-cover #footerSubWindow > form {    transition-duration: 1s;}
#lessonsContainer #mainwrapper .box { height: 80px;}	
#footerLessons ul {    margin: 20px 0 0;}
#footerLessons .centerFooter > p { width:290px}
.stuff h1  { font-size: 1.5em !important}
.stuff h2 { font-size:1.3em !important }
.CoverPop-close.closeEmailPop {    z-index: 9999999;}
#panel1 h1 .dinairPink:before {content:  '\A'; white-space: pre;}
#popInfoStuff{ position: relative; width: 100%; float: left; height: 1px;}
#slurpCapture .sectionHeaderBlock {height: 150px; margin-top:0px; }
#DinairFluid.compareKitPage h1 { font-size:1.2em}
}
@media (max-width: 465px)
{
#lessonsContainer #mainwrapper .box { height: 75px;}
#footerLessons { font-size:10px;}
.colorMatch #width20 { width: 45% !important;}
#slurpCapture .sectionHeaderBlock {height: 150px; margin-top:-20px; }
#slurpCapture h3.sectionHeader { top:0;}
}
@media (max-width: 450px){
.vidPlay p{ font-size: 10px;}	.vidPlay{ height:110px; }
.compCompressor  div li {    padding: 0 2% 0 3%;}
#DinairFluid  .CoverPopBlocks  h2 { font-size: 1.5em; }
#selectNotice {  bottom:18%;}
}
@media (max-width: 400px){
.category2 span { font-size: 13px; }
.newWork .monthBlock {    height: 222px;    width: 46%;  font-size:.9em;}
.compCompressor div li {    font-size: 11px; }
.skincarephone { width: 175%; }
.pantoneOptionGo { width: 68%; }
}
@media (max-width: 370px)
{
.shareLesson, .lessonCont, .saveLesson { font-size: 10px;padding: 8px;letter-spacing: 0;}
 #lessonsContainer #mainwrapper .box { height: 75px;}
 #breadcrumbs div, #breadcrumbs #courseName h1, #courseQuiz h2, #courseCongrats h2, #videoName h2{ font-size:10px;}
#desktop {display: none;}
}
@media (max-width: 350px){
.compCompressor div li {    font-size: 10px; }
#desktop {display: none;}
}
@media (max-width: 300px) { 
.stuff h1  { font-size: 1.3em !important}
 .stuff h2 { font-size:1em !important }
 #desktop {display: none;}
}
@media print {
#DinairFluid , #footerBarTop, #footerBarBottom, footer, #mainPageDiv
{
position:relative; float:left; width:100%;}}