 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){

.elivate_touch{
width:100%;
}
}



@font-face {
  font-family: 'LatoLatin-Light';
  src: url('../fonts/LatoLatin-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/LatoLatin-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/LatoLatin-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/LatoLatin-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'LatoLatinWeb';
  src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Lato-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
     }


@font-face {
  font-family: 'LatoLatin-Bold';
  src: url('../fonts/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/LatoLatin-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/LatoLatin-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: "LatoLatinWebThin";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/LatoLatin-Thin.eot?#iefix") format("embedded-opentype"), 
       url("../fonts/LatoLatin-Thin.woff2") format("woff2"), 
       url("../fonts/LatoLatin-Thin.woff") format("woff"), 
       url("../fonts/LatoLatin-Thin.ttf") format("truetype");
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0px;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;  
   font-family: "LatoLatinWeb","LatoWeb","Lato",sans-serif; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  vertical-align: baseline; 

}
h1{font-family: "LatoLatinWebThin","LatoWebThin"}
body{
/*background-image: url("images/bg.png"); */
background-repeat:repeat-x; 
background-color: #fff;  
 background-position: 0% 120px;
font-family: "LatoLatinWeb","LatoWeb","Lato",sans-serif; 
font-size: 100%;
font-style: inherit;
font-weight: inherit;
/*min-height: 100% ;
*/
height: 100% !important; 
}

img{float: left;opacity:0;/*width:100% !important;*/
-moz-transition: opacity 5s; /* Firefox 4 */
-webkit-transition: opacity 5s; /* Safari and Chrome */
-o-transition: opacity 5s;
transition: opacity 5s; }
li{text-decoration: none; list-style: none;;}
a{text-decoration: none;}

/*Lazy loading for section wise loading data*/
section {  float:left;  width:100%;  height: 100%;}
.section--purple {  background-color: #9b59b6;}
.section--blue {  background-color: #3498db;}
.section--green {  background-color: #2ecc71;}

/*<section class="wow fadeInDown" style="background-color: #f1c40f;"></section>
<section class="wow pulse" style="background-color: #e74c3c;" data-wow-iteration="infinite" data-wow-duration="1500ms"></section>
<section class="section--purple wow slideInRight" data-wow-delay="2s"></section>
<section class="section--blue wow bounceInLeft" data-wow-offset="300"></section>
<section class="section--green wow slideInLeft" data-wow-duration="4s"></section>
*/
.wow:first-child {      visibility: hidden;    } 

.main{float:left; width: 100%;}
.container {margin:0px auto; }

.header_elevate{float:left; width: 100%; padding:35px 0%; margin:0px auto;  height:50px;
	/*position:fixed; */
  top:0%; right:0%; left:0%; height:40px;
	background-color: #fff;
	-webkit-box-shadow: 0 0px 0px 0px black;
	   -moz-box-shadow: 0 0px 0px 0px black;
	        box-shadow: 0 0px 0px 0px black;

	border: 0px solid #ccc;
  	border-bottom: 0;
}

.content_elevate{z-index:1;position: relative;float: left;width:100%;-webkit-transform: translate3d(0,0,0); /* border-left: 4px solid #ccc;border-right: 4px solid #ccc;border-top:none; border-bottom: 4px solid #ccc;*/ }   
.header_logo{float: left;width: 12%;margin: -15px 5% 0% 3%;}
.header_logo img{width: 100% !important;}
.header_logo2{float:left;width: 11%; margin: 5px 8% 0px 1% !important;}
.header_logo2 img{width:100%;}
.header_tab{float:left; width: 37%; margin: 0px 11% 0px 10%;}
.sample .header_tab{float:left; width: 53%; margin: 0px;}
.header_tabs{float:left; width: 32%; margin: 0px 4% 0px 19%;}
.header_tabs ul{float:left; width: 100%;margin:0px;}
.header_tabs ul li{float:left; width: 23%; }

.header_tabs ul li :hover{float:left; width: 100%; margin: 0px 0%; border-bottom: 4px solid #4D4C50;padding-bottom:31px; color:#4E4E4E; font-weight:bold;}

.header_tabs ul li a{float:left; width: 100%; color:#595959;line-height:40px; font-size: 14px; text-align:center;}
.header_tabs ul li a :hover	{float:left; width: 100%;  }
.header_tabs ul li a:visited{float:left; width: 100%;}
.header_tabs ul li a:active{float:left; width: 100%;}
.header_locateus{color: gray;
    float: left;
    font-size: 24px;
    margin-left: 1%;
    padding-top: 7px;
    width: 7%;}

.sample .header_locateus{
   	margin-bottom:10px;
   }



/*popup*/
.black_overlay{ display: none;position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001;
   -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

.white_content {display: none;position: fixed;top: 10%;left: 20%; /*width: 52%; height: 70%; */ padding: 16px; border: 16px solid orange;
    background-color: white;z-index:1002; overflow: auto;}
.white_content_contact {display: none;position: absolute;top: 24%; left:15%; width: 65%;padding: 16px; border: 16px solid orange;
    background-color: white;z-index:1002; overflow: auto;}

/*Locate us ends*/

.cart{float:left; width:2%; color:#595959; font-size: 14px; padding-top:5px;    line-height: 20px;}
.cart1{font-color: #4D4C50;}
.cart_count {
    background-color: #4D4C50;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 11px;
    margin: -8px 0 0 -0.6%;
    padding:2px 6px 2px 6px;
    text-align: center;
    width: auto;

}

.locate_img{float:left;width:20%; line-height: 0;}
.locate_us{float:left;width:80%; color: #595959;font-size: 13px;padding-top: 2px;}
.signin_customize{float:left;width: 15%; border: 1px solid #F68A32; box-shadow: 0px 0px 2px 0px #F27C19;}
.signin_customize a{float:left;width:100%; text-align: center; padding:10px 0%; color:#595959; font-size: 14px;}

.prof-pic{ width: 0; border: none;}
.prof-pic img{ width: 30px !important ; height: 30px; border-radius: 100%;margin:0px 11%;}

							
/* Home Tab Buttons */
.primary_nav_wrap{float:left; width:100%;}
.sample .primary_nav_wrap{float:left; width:100%; margin-top:74px;}
.primary_nav_wrap ul{	width:100%;	list-style:none;	position:relative;	float:left;	margin:0;	padding:0}
.sample .primary_nav_wrap ul { text-align: center;}
.sample .primary_nav_wrap ul li {float:none; display:inline-block;}
.sample .primary_nav_wrap ul a {font-size:13px;}
.fa :hover{float:left; width:auto; padding:0px;}
.primary_nav_wrap ul a{	display:block;	color:#595959;	text-decoration:none;	font-weight:700;	font-size:14px;	line-height:43px;	padding:0 14px;
	font-family: "LatoLatin-Light","LatoWeb","Lato",sans-serif; 
	text-align:center;
}
.primary_nav_wrap ul li a:hover{color:#4D4C50;font-weight:bold !important;}
.primary_nav_wrap ul li{	position:relative;float:left;margin:0;	/*padding:0*/	/*width:20%;*/}
.primary_nav_wrap ul li.current-menu-item{	background:#ddd}
.primary_nav_wrap ul li:hover{color:#F59543;}
.hverdown{padding-bottom:5px;}
#logoutup{width: 100% !important;top: 94% !important;border-top: 0px;left: 5%;z-index: 1000 !important;zoom: 1;}
/*.logout-div{ float: left; width: 100%; top: 0;}*/
.primary_nav_wrap ul ul{	width:140%;	display:none;	position:absolute;	top:90%;	left:0;	background:#fff;	padding:0;	margin-top: 0px;
	border-top: 0px solid #E0E0E0;
	/*-webkit-box-shadow:0px 0px 1px 0px #E0E0E0;  
   -moz-box-shadow: 0px 0px 1px 0px #E0E0E0;
    box-shadow: 0px 0px 1px 0px #E0E0E0; */
	z-index: 20;	
}
.primary_nav_wrap ul ul li{	float:none;	width:100%;}
.primary_nav_wrap ul ul a{ background-color: #fff;font-size: 13px;line-height: 120%;padding: 10px 0 10px 10%;text-align: left;width: 90%;}
.primary_nav_wrap ul ul a:hover{ background-color: #4D4C50; color:#fff;}
.primary_nav_wrap ul ul ul{	top:0;	left:100%}
.primary_nav_wrap ul li:hover > ul{	display:block}


/* 2d, 3d, 4dd */
/*.canv-shut-2400 canvas#myCanvast1 {width: 113px !important; height: 125px !important;}
.canv-shut-2400 canvas#myCanvast2 {width: 113px !important; height: 125px !important;}
.canv-shut-2400 canvas#myCanvast3 {width: 113px !important; height: 125px !important;}
.canv-shut-2400 canvas#myCanvas1 {width: 113px !important; height: 320px !important;}
.canv-shut-2400 canvas#myCanvas2 {width: 113px !important; height: 320px !important;}
.canv-shut-2400 canvas#myCanvas3 {width: 113px !important; height: 320px !important;}

*/

@media (max-width:1336px) {
	
sample.header_logo {
    float: left;
    margin: -15px 1% 0 3%;
    width: 12%;
}
.sample .header_tab {
    float: left;
    margin: 0;
    width: 55%;
}
.sample .header_logo {
	width: 11%;
}
}




/*Login*/
.socialiconslogin{ float: left; margin: 0 0 20px; width: 100%;}
.socialico{float:left; width:44%;border-bottom:1px solid #ccc;margin-top:-10px;}
.socialiconor{float:left; width:12%;text-align:center;}
.fbglogin{float:left; width:50%; margin:0px 25%;}
.fbglogin span{ border-radius: 100%;color: #fff;float: left;font-size: 20px; margin: -1px 0 26px 16%; padding: 13px 8%;text-align: center;width: 10%;}

/*HOME-Slider*/
.elivate_slider{position:relative; z-index:1;width:100%;overflow:scroll; /*margin:100px auto 0px auto;*/}
.framedimen{postion:absolute;float:left; width:100%; height:500px;}
.sample .framedimen{float:left; width:100%; height:965px;}
.wardrobe_mate_name{color: #fff; float: left;font-size: 34px; margin-left: 41px; margin-top: -67px; width: auto;}
.wardrobe_mate_shutter{	font-size: 24px; }
//.elivate_slider{float:left; width:100%; height:500px; /*margin:100px auto 0px auto;*/}
//.framedimen{float:left; width:100%; height:500px;}
/*@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
.elivate_slider { 
        display:none;
    }
}
*/


/*
@media screen and (min-width: 2000px) and (max-width: 2500px) {
    .elivate_slider {
       display:none;
    }
}
*/


/*tourch*/
.elivate_touch{float: left;width:100%;}
.eterna_touch_head{float: left; width:100%; font-size: 50px; text-align: center; color: #F68A32; padding:60px 0%;}
.eterna_touch{width:99%; float:left; margin-left:1%;}
.elevate_tourch{width:30%; float:left; margin: 0px 1.5%;}
.eterna_div_top{float: left;width: 100%;}
.eterna_div_top_det{float: left;width:99%;border:1px solid #ccc; margin:-1px 0.5% 0px 0.5%;}
.eterna_left{float:left; width:auto;}
.eterna_left img{float:left;  padding:8px 8%;}
.eterna_right{float:left; width:58%; padding: 18px 4%;}
.touch_content_top {float: left; width:100%; color: #595959;font-weight: bold;}
.touch_content_bottom{float: left; width:100%; color: #595959}

/*featured Customers*/
.featured_customers{float:left; width:80%; margin:0px 10%;}
.customer_image{float: left;width: 14.8%;border-radius: 50%;height: 152px;margin: 0px 5%;}
.customer_info{float: left; width: 75%;}
.customer_info_top{float: left;width:100%; text-align: justify; line-height: 30px; color:#595959; font-style: italic;}
.customer_bottom{float: left;width:100%;padding: 20px 0%;}
.customer_bottom p{float: left;width:100%;padding: 5px 0%;color: #595959; font-weight: bold;}


.dashedline{float:left; width:100%;border-top:1px dashed #ccc; margin-top:0px;}

/*WARDROBE COLLECTION */
.wardrobe_collection{float: left;width: 100%;
display:block;
}
.eterna_wardrobe_head{float: left; width:71%; font-size: 45px; text-align: center; color: #F68A32; padding:60px 0% 60px 13%;}
.viewall{float: left;width: 10%; border: 1px solid #F68A32;   margin-top:64px;
    border: 1px solid #F27C19;
   -webkit-box-shadow:0px 0px 1px 0px #F27C19;  
   -moz-box-shadow: 0px 0px 1px 0px #F27C19;
    box-shadow: 0px 0px 1px 0px #F27C19;   
    opacity: 0.9;
}
.viewall a{float: left;width: 100%;  font-size: 14px; text-align: center; color: #595959; padding:10px 0%; }
.wardcore_content{float: left;width: 100%;}
.wardcore_content ul{float: left;width: 100%;}
.wardcore_content ul li{float: left;width: 27%; margin-left:5%;}
.wardcore_content ul li a{float: left;width: 100%;}

.wardrobe_image{float: left;width: 100%;}
.wardrobe_image img{float: left;width: 100%;}
.wardroe_image_title{float: left;width: 100%; text-align: center; padding:10px 0%; color:#595959; font-size: 14px;}
.extrafootertop{float: left; width:100%; padding:15px 0%;}


/*footer*/
.footer{float: left; width: 100%; background-color:#AAAAAA;padding: 2px 0; margin: 0px;}
.footer_left{float: left; width: 42%; padding-left:5%;margin-top: 10px;}
.additional_tabs{float: left; width: 100%;}
.additional_tabs ul{float: left; width: 100%;}
.additional_tabs ul li{float: left; width:auto; margin-right:2%;}
.additional_tabs ul li a{float: left; width:100%; padding:3px 0%; color:#E1E1E1 !important; font-size: 14px;}
.additional_tabs ul li a:hover{border-bottom:#F68A32; color:#F68A32;}
.copywrites{float:left; width: 100%; color:#D4D4D4;font-size:14px;padding-top: 5px;}
.footer_middle {float: left; width: 4%; margin: 0px 2%;}
.footer_middle img{float: left; width: 100%;}

.footer_right{float: left; width: 45%;}
.social_icons{float: left; width: 25%; margin-left:75%;}
.social_icons ul{float: left; width: 100%;}
.social_icons ul li{float: left; width:auto;padding: 15px 5% 15px 5%; }
.social_icons ul li a{float: left; width:100%;  font-size: 20px; padding: 5px 2%; color:#fff;}

.contactform{ float: right;
    width:auto;
    background-color: #4D4C50;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    padding:2px 6px;
    margin: -13px -1.5% 9px 0%;
    z-index: 10;}
.contactleft{float: left; width:60%; border-right:1px solid #ccc;}
.contacthead{float: left; width:100%; font-weight: bold; font-size: 24px; color: #505050; margin: 20px 0% 10px 0%;}
.contactusnfo{float: left; width:100%; font-size: 16px; color: #505050;margin: 0px 0% 10px 0%;}
.contactright{float: left; width:35%; margin:0px 2%; }
.enterdata{float: left; width:50%; margin: 5px 10%; border: 1px solid #ccc; padding:8px 0%; text-align:center; font-size: 14px;
    color: #505050; border-radius:0px;}
.entermsg{float: left; width:50%; margin: 5px 10%; border: 1px solid #ccc; padding:10px 0%; text-align:center; font-size: 14px;
    color: #505050;font-family: "LatoLatinWeb","LatoWeb","Lato",sans-serif; }
.submitcontact{ float: left;
    width: 20%;
    border-radius: 0px;
    text-align: center;
    padding: 5px 0% 5px 0%;
    margin: 15px 10% 5px 10%;
    background: #4D4C50;
    color: #fff;
    font-size: 14px;
}
.quickcontact{float: left; width:100%; font-weight: bold; font-size: 20px; color: #505050; margin: 20px 0% 10px 0%;}
.quickconinfo{float: left; width:100%; font-size: 16px; color: #505050;margin: 0px 0% 10px 0%;}
.contactdetshere{float: left; width:80%; margin: 5px 10%;  padding:0px 0%; text-align:left; font-size: 14px; color: #505050; }

/*kitchen*/
.eterna_kitchen_head{float: left; width:100%; font-size: 50px; text-align: center; color: #F68A32; padding:60px 0% 60px 0%;}
.kitchen_info{float:left; width:80%; text-align: justify; font-size:14px; color:#AAAAAA; padding:0px 10%; line-height: 17px;}
.kitchen_image_title{float: left;width: 100%; text-align: center; padding:10px 0%; color:#AAAAAA; font-size: 24px;}
.kitchen_li{float:left; width:100%; padding:20px 0%; }

/*Manufacturing Process video*/
.embed-container iframe,
.embed-container object,
.embed-container embed {padding:10px 25%;width: 50%;height: 400px;}

.video-div{margin:10px; width:100%;}
.video-div img{width:50%; margin:auto 25%; height:auto;}

#hover{
  position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: .6;
  display: none;
}

#popup{
  position:absolute;
  width:600px;
  height:300px;
  background:#fff;
  left:50%;
  top:50%;
  border-radius:5px;
  padding:60px 0;
  margin-left:-320px; /* width/2 + padding-left */
  margin-top:-150px; /* height/2 + padding-top */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  display: none;  
}

#close{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}
.hardware-div
{
  color: green;
  font-size: 15px;
}
.hardware-sel
{
  color: blue;
  font-size: 13px;
  height: 50px;
}
.hardware-sel span{
  float: left;
}

.videoclick{z-index: 1000;float: left;position: absolute;opacity: 1;width: 4% !important;left: 10.5%;margin: 2% 0px 0px !important;}
.videoclick img{width: 100%;}

.videoclick2{z-index: 1000;float: left;position: absolute;opacity: 1;width: 4% !important;right: 11%;margin: 2% 0px 0px !important;}
.videoclick2 img{width: 100%;}

/*clients_info*/
.clients_info{float: left;width:70%; margin:10px 15%;}
.clients_info ul{float: left;width:100%;}
.clients_info ul li{float: left;width:11%; margin:10px 2.5%; height: 90px;}
.clients_info ul li img{float:left; width:100%; margin:0px auto;}


/*Wardrobe openable and sliding customization page*/
.material_form{float: left; width: 96%; background-color:#EEEEEE; padding: 10px 2%;margin-bottom: 30px; }
.material_form ul{float: left; width: 100%;}
.material_form ul li{float: left; width: 33.33%;}

.wardrbe_material{float: left; width: 100%;}
.wardrbe_browse{float: left; width: 100%;}
.wardrbe_browse ul{float: left; width: 100%;}
.wardrbe_browse ul li{float: left;width: 46%;margin: 5px 1.4% 30px 2%;;border: 1px solid #EEE; height:390px;}
.wardrbe_browse ul li img{width: 100%; height:100%;}

.wardrbe_browse ul li :hover .wardrobeselect{float: left;width: 45.8%;margin: 5px 2%;border: 1px solid #EEE; height:100%;}
.wardrobeselect{float: left;width: 45.8%;padding: 5px 2%;border: 1px solid #EEE; height:100%; }
.wardrobe_type{float: left; width: 36%; text-align:left;color:#5B5B5B; padding:0px 1% 0px 5%; font-size:16px;line-height: 31px;}
.seloptions{float: left;width: 57%; padding:5px 0% 5px 2%; color:#5B5B5B; font-size: 16px;background-color: #FFF;border: 0px; }
.selecttypesinfo{float: left;width: 98%; padding:4px 0 4px 2%; }

.loadmore{float: left;width: 96%; margin:0px 2%;margin: 0px 2% 30px 2%;}
.loadmore_click{float: left;width: 100%; text-align: center; padding: 10px 0%; font-size: 20px; color:#8F8F8F;cursor:pointer; background-color: #EAEAEA;
border: 0px solid #CCC;}

.minheight{float: left; width:100%; min-height:100%;}
.selwardcolor{float: left; width: 100%;text-align: left; color: #4D4C50; padding: 3px 0%;}
.selwardcolor p{float: left; width: 45%;text-align: left;color: #4D4C50;padding: 5px 0%;margin-left: 3%;font-size: 14px !important;}

#left-visible1{float: left;text-align: left;width: 100%;color: #4D4C50;font-size: 14px;font-weight: bold;}
#right-visible1{float: left;text-align: left;width: 100%;color: #4D4C50;font-size: 14px;font-weight: bold;}

#left-visible2{float: left;text-align: left;width: 100%;color: #4D4C50;font-size: 14px;font-weight: bold;}
#right-visible2{float: left;text-align: left;width: 100%;color: #4D4C50;font-size: 14px;font-weight: bold;}



.loft{float:left; width:100%;}
.lofthead{ border-bottom: 1px solid #ccc;float: left; padding:30px 0 5px 0%; width: 100%;margin-bottom: 5px;}
.wardheight{float:left; width:50%; font-size:16px; color:#4D4C50; margin:2px 0%; text-align: left;}
.loftheight{float:right; width:50%;font-size:16px;color:#4D4C50; margin:2px 0%; text-align: left;}
.formheight{float:left; width:auto;color:#4D4C50;margin-top: 4px;}
.form7feet{float:left; width:45%;font-size:14px;color:#505050; padding: 3px 0 3px 2%;}
.loft3feet{float:left; width:44%;font-size:14px;color:#505050; padding: 3px 0 3px 0%;}
.bordertop{border-bottom: 1px solid #ccc; float: left; margin-bottom: 5px; padding: 2px 0; width: 100%;}

/* CUSTOM DROP DOWN starts here*/

/* This file is a mess and i dont care about it...get out of here! */

* {
  margin: 0;
  padding: 0;
}



/* Two custom themes */
.dk_theme_orange {
  background: #f1f1f1; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );*/ /* IE6-9 */ /* Avoid filter! It breaks IE<8 */
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
}
  .dk_theme_orange .dk_toggle {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e1e1e1',GradientType=0)\9; /* IE < 8 */
  }
  .dk_theme_orange .dk_label {
    display: block\9; /* IE < 8 */
  }
  .dk_theme_orange .dk_options a:hover,
  .dk_theme_orange .dk_option_current a {
    background-color: #E15A01;
    border-bottom-color: #604A42;
    color: #fff;
    text-shadow: #604A42 0 1px 0;
  }
  .dk_theme_orange .dk_toggle,
  .dk_theme_orange.dk_open .dk_toggle {
    background-color: transparent;
  }
  .dk_theme_orange.dk_focus .dk_toggle{
    box-shadow: 0 0 5px #4D4C50;
    -moz-box-shadow: 0 0 5px #4D4C50;
    -webkit-box-shadow: 0 0 5px #4D4C50;
  }

.dk_theme_black {
  background: #6e7774; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYmNiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzZlNzc3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aebcbf), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 );*/ /* IE6-9 */ /* Avoid filter! It breaks IE<8 */
  background: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
}
  .dk_theme_black .dk_toggle {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aebcbf',endColorstr='#0a0809',GradientType=0)\9; /* IE < 8 */
  }
  .dk_theme_black .dk_label {
    display: block\9; /* IE < 8 */
  }
  .dk_theme_black .dk_toggle,
  .dk_theme_black.dk_open .dk_toggle {
    background-color: transparent;
    color: #fff;
    text-shadow: none;
  }
    .dk_theme_black .dk_toggle:after {
      border-top-color: #fff;
    }
  .dk_theme_black .dk_options a {
    background-color: #333;
    color: #fff;
    text-shadow: none;
  }
    .dk_theme_black .dk_options a:hover,
    .dk_theme_black .dk_option_current a {
      background-color: #E15A01;
      color: #fff;
      text-shadow: #604A42 0 1px 0;
    }

  /* Cancel Filter for IE9, that supports svg background */
  @media all and (min-width:0) {
    .dk_theme_orange .dk_toggle,
    .dk_theme_black .dk_toggle {
      filter: none \0/;
    }
  }




/* Default DropKick theme */
.dk_container {
  background-color: #f5f5f5;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  width: 58%;
  /*margin-bottom: 18px;*/
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .dk_container:focus {
    outline: 0; }
  .dk_container a {
    cursor: pointer;
    text-decoration: none; }

.dk_toggle {
  /*border: 1px solid #ccc;*/
  color: #595959;
  padding: 7px 45px 7px 10px;
  text-shadow: #fff 1px 1px 0;
  border-radius: 5px;
  font-size: 15px;
  font-weight: normal;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
  position: relative; }
  .dk_toggle:hover, .dk_toggle:focus {
    border-color: #8c8c8c; }
  .dk_toggle:after {
    position: absolute;
    top: 45%;
    right: 10px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #4B4B4B; }

.dk_focus .dk_toggle {
  border-color: #F5F5F5;
  background-color: #F5F5F5;

  box-shadow: 0 0 0px #F26E01;
  -moz-box-shadow: 0 0 0px #F26E01;
  -webkit-box-shadow: 0 0 0px #F26E01; }

.dk_open {
 /* box-shadow: 0 0 0px #F26E01;
  -moz-box-shadow: 0 0 0px #F26E01;
  -webkit-box-shadow: 0 0 0px #F26E01;*/
  z-index: 1; }
  .dk_open .dk_toggle {
    background-color: #ececec;
    /*border-color: #F26E01;*/
    color: #ccc;
    font-size: 15px;
    /*box-shadow: inset 0 -2px 5px #ccc;*/
    border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0; }

.dk_open_top .dk_toggle {
  border-radius: 0 0 0px 0px;
  -moz-border-radius: 0 0 0px 0px;
  -webkit-border-radius: 0 0 0px 0px; }
.dk_open_top .dk_options, .dk_open_top .dk_options_inner {
  border-radius: 0px 0px 0 0;
  -moz-border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0; }

.dk_options {
  
 /* box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;*/
  border-radius: 0 0 0px 0px;
  -moz-border-radius: 0 0 0px 0px;
  -webkit-border-radius: 0 0 0px 0px; }
  .dk_options a {
    background-color: #fff;
   /* border: 1px solid #999;
    border-radius: 6px;*/
    /*font-weight: bold;*/
    padding: 8px 10px;
    color: #595959;
        font-size: 14px; 
        font-weight: normal;
      }
  .dk_options a:hover, .dk_options:focus,
  .dk_options .dk_option_current a {
    background-color: #4D4C50;
    border-bottom-color: #004c72;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    /*text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;*/
     }
  .dk_options li:last-child a {
    border-bottom: none; }
  .dk_options .disabled {
    cursor: default; }
    .dk_options .disabled a {
      color: #aaa; }
    .dk_options .disabled:hover, .dk_options .disabled:hover a
    .dk_options .disabled:focus, .dk_options .disabled:focus a {
      cursor: default;
      background-color: #fff;
      border-bottom-color: #999;
      text-shadow: none; }

.dk_options_inner {
  max-height: 250px;
  /*border: 1px solid #8c8c8e;*/
  /*border-bottom-width: 2px;*/
  /*border-bottom-color: #999;*/
  /*color: #333;*/
  text-shadow: #fff 0 1px 0;
  /*border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;*/ }
.dk_options_inner li{
 float: none !important;
 width: 100% !important;
}
.dk_container {
  display: none;
  float: left; }
  .dk_container a {
    outline: 0; }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
  width: 78% !important;
border-radius: 0px; }

.dk_open {
  position: relative; }
  .dk_open .dk_options {
    display: block; }
  .dk_open .dk_label {
    /*color: inherit;*/
    color: #595959;
    width: 78% !important;
border-radius: 0px;
background-color: #F5F5F5;
     }

.dk_options {
  display: none;
  margin-top: 2px;
  position: absolute;
  right: 0;
  width: 100%; }
  .dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block; }

.dk_options_inner {
  overflow: auto;
  position: relative;
  -webkit-overflow-scrolling: touch; }

.dk_container select {
  position: absolute;
  top: -99999em;
  visibility: hidden; }

.dk_mobile {
  position: relative; }
  .dk_mobile select {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }

/*Custom Dropdown ends here*/





/*steps followed by the user*/
.stepstop{float: left; width:98%; margin-left: 2%;}
.step1{float: left;width: 4%; border-radius:50%; color: #FFFFFF; border:1px solid #4D4C50; text-align: center; padding:2px 3px;}
.stepfollow{float: left;width: 21%; border-top:1px solid #ccc; color: #fff; margin-top:12px;}
.stepsbottom{float: left; width: 100%;color: #505050; font-size: 14px;}
.steppositionex{float: left;width: 17.3%; text-align: left;}
.steppositionin{float: left;width: 28.3%; text-align: center;}
.steppositionhard{float: left;width: 19.3%; text-align: right;}


/*flare wardrobe next step or cancel*/
  .header_elevate_flare{float: left;width: 99%;padding: 4px 0% 4px 1%;margin: 0px auto 3px;top: 0%;right: 0%;left: 0%;background-color: #FFF; 
position:fixed;
z-index:1001;
margin-bottom:10px;
border-bottom: 0px none;
	box-shadow: 0px 5px 13px -2px #5E5E5E;
	-webkit-box-shadow:0px 5px 5px -1px #A9A9A9 !important;	
	   -moz-box-shadow: 0px 5px 5px -1px #A9A9A9 !important;
	        box-shadow: 0px 5px 5px -1px #A9A9A9 !important;
}
	.flarelaminate{float: left;width: 57%;}
/*.flarelaminate_head{float: left;width: 100%; text-align: center; font-size: 16px; color: #3B3B3B; font-weight: bold;}*/
.flarelaminate_head{float: left;width: 100%; text-align: center; font-size: 16px; color: #4D4C50;}
.presentstep{float: left;width: 56%;padding:0px 20%;}
.presentstep img{float: left;width: 100%;}
.presentstep_last{    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: #3B3B3B;
    font-weight: bold;}

.total_amount{float: left; width:97%; text-align: right; font-size: 20px; color: #3B3B3B; font-weight: bold; padding:0px 0% 10px 0%;}
.next_step{float: left;width: 100%;}
.next_step ul{float: left;width: 100%; margin: 0px 0%;}
.next_step ul li{float: right;width: 26%; margin:0px 2%;}
.next_step ul li a{float: left;width: 100%; text-align: center;padding:5px 0%; color: #fff;}
.amount_next{float: left; width:23%;}

.selectstepbystep{float:left; width:54%; padding:4px 19% 4px 27% !important; margin-top:6%; background-color:#EEEEEE;}
.gosteps{float: left; width:100%;}
.gosteps ul{float: left; width:100%;margin: 0px 0%;}
.gosteps ul li{float: left; width:auto; padding:3px 4%; color:#505050; font-size: 14px;}

.dimensions_bottom{float: left; width:100%;/*margin:0% 0% 20px 0%;*/}
.dimen_bottom_left{float: left;width: 20%; margin:30px 0% 0px 2%;}
.dimen_bottom_room{float: right;width: 20%; margin:30px 0% 0px 0%;}


.dimen_bottom_acesr{float: left;width: 90%; margin:30px 0% 0px 3%;}
.dimen_bottom_left_head{float: left; width: 100%; margin:15px 0% 0% 0%; font-size: 22px; color:#4D4C50; font-weight:bold;
font-family: "LatoLatinWebThin","LatoWebThin"; text-align: left;}

.dimen_bottom_left_head_custom{float: left; width: 100%; margin:15px 0% 30px 0%; font-size: 24px; color:#4D4C50; font-weight:bold;
font-family: "LatoLatinWebThin","LatoWebThin"}   


.dimen_bottom_right{float: left; width: 52%;padding: 0px 0%;}
.dimen_bottom_right_confirm{float: left; width: 50%; padding: 0px 0%;}

.dimen_bottom_right_confirm .dids .image{height: 285px !important;}

.dimensionsboard_top{    float: left;width: 99%;margin-left: 2%;}
.dimensions_lefi_size{float: left;
    width: 4%;
    padding: 27.2% 0%;
    border-right: 1px solid #ccc;
    margin: 3px 1.3% 0px 0%;}
.dimensions_left_size_in{
    float: left;
    width: 4%;
    padding: 31% 0%;
    border-right: 1px solid #ccc;
    margin: 0px 1.3% 0px 0%;
    }

.ward_selc_dimn{float: left; width:94%; margin:0px 0%;}
.ward_selc_dimn img{height: 360px !important;     opacity: 1;    /* width: 100%;*/}
.dimen_bottom_left p{float:left; width:100%; font-size:14px; padding:10px 0% 5px 0%; font-weight: normal;color:#4D4C50;text-align: left;}
.dimen_select{float: left; width:67%; background-color: #fff; border:1px solid #ccc;padding:7px 0% 7px 1%;color:#4D4C50;font-size:16px;}
.dimen_select .optioninfos{float: left;width: 100%; padding:0px 2%;}

.handle_block p{float:left; width:100%; font-size:16px; padding:25px 0% 5px 0%; font-weight: normal;color:#4D4C50;}


/*2d,3d,4d wardrobes starts here*/
.d2img1600{
  width:50% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d2img1600l{
  width:50% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d2img1800{
  width:50% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d2img1800l{
  width:50% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d2img2000{
  width:50% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d2img2000l{
  width:50% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d2img2400{
  width:70% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d2img2400l{
  width:70% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d3img2400{
  width:65% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d3img2400l{
  width:65% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d3img2700{
  width:70% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d3img2700l{
  width:70% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d3img3000{
  width:75% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d3img3000l{
  width:75% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d3img3600{
  width:95% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d3img3600l{
  width:95% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img3200{
  width:85% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img3200l{
  width:85% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img3600{
  width:85% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img3600l{
  width:85% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img4000{
  width:85% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img4000l{
  width:85% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img4800{
  width:80% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4img4800l{
  width:80% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}



.d2{
  width:50% !important;
  height: auto !important;
  margin:0 auto;
  border: solid 1px #dfdfdf;
  padding:0px 1%;
}
.d3{
  width:65% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}
.d4{
  width:85% !important;
  height: auto !important;
  margin:0 auto;
  border-bottom: solid 1px #dfdfdf;
}

.dids .img400 img{  width: 105px !important; height: 300px !important}
.dids .img450 img{  width: 110px !important; height: 300px !important}
.dids .img500 img{  width: 115px !important; height: 300px !important}
.dids .img600 img{  width: 125px !important; height: 300px !important}
.dids .img700 img{  width: 135px !important; height: 300px !important}
.dids .img750 img{  width: 140px !important; height: 300px !important}
.dids .img800 img{  width: 145px !important; height: 300px !important}
.dids .img900 img{  width: 155px !important; height: 300px !important}
.dids .img1000 img{  width: 165px !important; height: 300px !important}
.dids .img1400 img{  width: 230px !important; height: 300px !important}
.dids .img1500 img{  width: 240px !important; height: 300px !important}
.dids .img1600 img{  width: 250px !important; height: 300px !important}
.dids .img1800 img{  width: 275px !important; height: 300px !important}
.dids .img2000 img{  width: 295px !important; height: 300px !important}
.dids .img2400 img{  width: 350px !important; height: 300px !important}
.dids .img2700 img{  width: 375px !important; height: 300px !important}
.dids .img3000 img{  width: 395px !important; height: 300px !important}
.dids .img3200 img{  width: 450px !important; height: 300px !important}
.dids .img3600 img{  width: 480px !important; height: 300px !important}
.dids .img4000 img{  width: 495px !important; height: 300px !important}
.dids .img4800 img{  width: 495px !important; height: 300px !important}





/*2d,3d,4d wardrobes ends here*/
/* SHUTTER - FINISH Sliding wardrobe slide show*/
.shutter_finish{float: left;width:100%;}

#slideshow { float:left; width:100%; position: relative; }
#slideshow .bg { float:left; width:100%; }
#slideshow .cnt {float:left;     float: left;width: 90%;margin: 0px 0% 0px 10% !important; }
#slideshow #loadable{margin-left: 0% !important;width: 100% !important; float: left;}
#slideshow .big-image {float:left; margin-bottom: 12px; padding: 0px 0%; width:94%; margin:0 0%;}
.separateint_wardrobe{float: left;padding: 2px 0%;width: 45%;}
#slideshow .big-image-holder,
#slideshow .big-image-holder .jcarousel-clip{ position:relative; width:100%;  overflow:hidden; padding:0px 0%; }
#slideshow .big-image-holder ul{float:left; position:relative; width:1414px; overflow:hidden; list-style-type: none; padding:0; left:214px;}
#slideshow .big-image-holder ul li{float:left; position:relative; width:572px; overflow:hidden; float:left;  padding: 0px 0px;}
.interiror_separate{float:left; width:92%;}
#slideshow .big-image-holder ul li img{width:100%;height:360px;}
#slideshow .big-image-holder_int,
#slideshow .big-image-holder_int .jcarousel-clip{ position:relative; width:100%;  overflow:hidden; padding:0px 0%; }
#slideshow .big-image-holder_int ul{float:left; position:relative; width:1414px; overflow:hidden; list-style-type: none; padding:0; left:214px;}
#slideshow .big-image-holder_int ul li{float:left; position:relative; width:525px; overflow:hidden; float:left;  padding: 0px 0px;}
#slideshow .big-image-holder_int ul li img{width:100%;height:360px;}

#slider {float:left; width:88%; position: relative; margin:  8px 3% 20px 3%; padding:0px 3%;}
#slider .buttons span {float:left; display: block; width: 38px; height: 37px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; }
#slider .buttons span { float:left;position: absolute; top:40px; }
#slider .buttons .prev {float:left; left: 0; background: url(../images/button-prev.gif) no-repeat 0 0; }
#slider .buttons .next {float:left; right: 0; background: url(../images/button-next.gif) no-repeat 0 0; }
#slider .holder {float:left; position: relative; overflow: hidden; width:96%; padding:0px 2% 0px 2%;}
#slider .holder_internal{float:left; position: relative; overflow: hidden; width:100%; }
#slider .content {float:left;  overflow:hidden; width:96%; padding: 0px 1%;}
#slider .content .jcarousel-clip{ float:left; overflow:hidden; width:100%;}
#slider .content ul { float:left;position:relative; list-style-type: none;  overflow:hidden; padding:0; width:5196px !important;  }
#slider .content ul li{float:left; display: inline; list-style-type: none; overflow:hidden; /*width: 3%;*/margin: 0px 0% 0px 0.15%;}
#slider .content ul li a {float:left; display:block; width:auto;  padding: 4px 4px; }

#slider .content ul li a:hover{padding: 0px 1px 5px 1px; border:2px solid #4D4C50; 
background-color: #fff;
  -webkit-box-shadow: 0 2px 6px -6px black;
     -moz-box-shadow: 0 2px 6px -6px black;
          box-shadow: 0 2px 6px -6px black;
  }

#slider .content ul li a:hover{padding: 4px;
/* border:2px solid #F68A32 !important;*/
border:2px solid #4D4C50; 
background-color: #fff;
  -webkit-box-shadow: 0 2px 6px -6px black;
     -moz-box-shadow: 0 2px 6px -6px black;
          box-shadow: 0 2px 6px -6px black;
  }
#slider .content ul li a.active{padding: 4px; border:2px solid #4D4C50 !important; 
background-color: #fff;
  -webkit-box-shadow: 0 2px 6px -6px black;
     -moz-box-shadow: 0 2px 6px -6px black;
          box-shadow: 0 2px 6px -6px black;
  }


#slider .content ul li img{width: auto !important;height: 115px;margin: 0px 0% !important;}


.ward_dimen_wwidth{float:left; width:93%; margin: 5px 0% 5px 6%; border-bottom:1px solid #ccc;color: rgb(170, 166, 166);}
.ward_dimen_wwidth ul{float:left; width:100%; margin: 5px 0%;}


 /* NEW WITHOUT BORDER.ward_dimen_wwidth_custom{float: left;width:90%;margin: 5px 6% 5px 6%;border-bottom: 1px solid #ccc;color: rgb(170, 166, 166);}*/

.ward_dimen_wwidth_custom {
    float: left;
    width: 77% ;
    margin: 5px 13% 5px 6% ;
    /* border-bottom: 1px solid #ccc; */
    color: rgb(170, 166, 166);
}

.ward_dimen_wwidth_custom ul{float:left; width:100%; margin: 5px 0%;}

.ward_dimen_wwidth_cust{float: left;width: 95%;margin: 5px 0% 5px 5%;border-bottom: 1px solid #ccc;color: rgb(170, 166, 166);}
.ward_dimen_wwidth_cust ul{float:left; width:100%; margin: 5px 0%;}


.ward_dimen_wheight{float:left; width:4%; padding: 29.2% 0%; border-right:1px solid #ccc;margin: 0px 1.3% 0px 0%;}
.ward_dimen_wheight ul{float:left; width:100%; margin: 5px 0%; color:#AAA6A6;}

.ward_dimen_wheight_custom{float:left; width:4%; padding: 24.4% 0%; /*border-right:1px solid #ccc;*/margin: 0px 1% 0px 0%;}
.ward_dimen_wheight_custom ul{float:left; width:100%; margin: 5px 0%; color:#AAA6A6;}

.ward_dimen_wwidth_custom2{float: left;    width: 76.2%;margin: 5px 19% 5px 3%;; border-bottom: 1px solid #ccc; color: rgb(170, 166, 166);}
.ward_dimen_wwidth_custom2 ul{float:left; width:100%; margin: 5px 0%;}
.ward_dimen_wwidth_custom2 ul li{float:left; width:100%; text-align:center;}

.ward_dimen_wheight_custom2{float:left; width:4%; padding: 28.4% 0%; border-right:1px solid #ccc;margin: 0px 1% 0px 0%;}
.ward_dimen_wheight_custom2 ul{float:left; width:100%; margin: 5px 0%; color:#AAA6A6;}
.ward_dimen_wheight_custom2 ul li{float:left; width:100%; text-align:center;}

.customize_shutter{float: left; width: 97%; margin:10px 0% 0px 3%;}
.shutter_head{float: left; width: 15% }
.shutter_head a{float: left; width: 100%; padding:7px 0%; border: 1px solid #4D4C50; text-align: center;
 color:#4D4C50;}

.recomendedcolors{float: left; width:54%;padding: 0px 0px 10px 0px 0%;color: #4D4C50;font-size: 24px;text-align: center; font-weight:bold;line-height: 20px;}


/*SHUTTER FINISH SHADES*/
.shutter_finish_left{float: left;width: 20%; margin:0px 1% 0% 1%;}
.uvsahdes{float: left;width: 100%; text-align:center; font-size: 24px; color: #4D4C50; padding:15px 0% 15px 0%;font-weight:bold;}
.thumb_icons{float: left; width: 100%;}
.thumb_icons ul{float: left; width: 100%;}
.thumb_icons ul li {float: left;width: 16%; margin: 6px 2%;}

.shutter_finish_middle{float: left; width: 55%; }
.maincanvas{float: left; margin:0px auto; padding:8px; border: solid 1px #dfdfdf;/*width: 70%;*/padding-top: 2px;}
.shutter_finish_right{float: right;width: 20%;margin:0px 1% 0% 1%; }
#myCanvas{float: left;width: 100%; height: 400px;}


.newshadeup{float:left; width:100%;}
.shadeupdate{float: left;margin: 0px 2% 5px 0%; width:30.5%; height:35px; text-align:center; padding: 28px 0%;font-size: 14px;color: #4D4C50; 
border: 1px solid #ccc; }
.shadeupdate:hover{border: 1px solid #4D4C50;}

.mirror_opts{width:100%; margin:5px auto; color:#4D4C50; font-size:12px; text-align: center;}
input[type="checkbox"i]{paddin:2%;}

/*Handles*/
.shut-fin-canvas{float:left; width:50%; margin: 0px 0% 0px 32%;}

.hanldesnewupdate{float:left; width:100%;}
.hanldesnewupdate ul{float:left; width:100%;}
.hanldesnewupdate ul li{
    float: left;
    margin: 0px 2% 35px 0%;
    width: 30%;
    height: 80px;
    text-align: center;
    padding: 0px 0.5%;
  }
  #shade_names span{ font-size:12px;}
.hanldesnewupdate ul li img{width:100%; height: 100%;}
.handle_act { border:1px solid #4D4C50 !important;}
.hanldesnewupdate ul li img:hover{width:98%; height: 98%;border:1px solid #4D4C50 !important; }

.colornewupdate{float:left; width:100%;}
.colornewupdate ul{float:left; width:100%;}
.colornewupdate ul li{float:left; width: 13%;margin:0px 4% 17px 0%; border:1px solid #ccc; height: 33px;}
.colornewupdate ul li:hover{  float: left;    height: 33px; border:1px solid #4D4C50;}

/*  Visible side*/
.recomended_colors{float: left;width: 100%; margin-top: 8px;}
.recomended_colors ul{float: left;width: 100%;}
.recomended_colors ul li{float: left;width: 16%;margin: 0% 2%;}
.recomended_colors ul li a{float: left;width: 100%; height: 36px;}

.selectisi{float:left; width:100%; border:1px solid #ccc;margin: 10px 0;}

.col-act{width: 94%; border:1px solid #4D4C50; 
  -webkit-box-shadow: 0 2px 6px -6px black;
     -moz-box-shadow: 0 2px 6px -6px black;
          box-shadow: 0 2px 6px -6px black;
  }
.left_mat_itemsel{
  float: left;
    width: 59%;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 7px 5% 7px 2%;
    color: #4D4C50;
    font-size: 16px;
    margin-top: 10px;
}


  /*interior wardropbe*/
.gosteps_interiaor{float: left; width:100%;}
.gosteps_interiaor ul{float: left; width:80%; margin:0px 0% 0px 20%;}
.gosteps_interiaor ul li{float: left; width:auto; padding:2px 4%; color:#505050; font-size: 14px;}
.in_basic{float: left;width: 4% !important; margin-right:0% !important; }
.in_basic a{float: left;width: auto;padding: 10px 10%;border: 1px solid #4D4C50;text-align: center;color: #4D4C50;}
.light_accessories{float: left;width: 21%;display:none; }
.light_accessories a{float: left;width: auto;padding: 10px 3%;border: 1px solid #4D4C50;text-align: center;color: #4D4C50;}

#ba-li1{    float: left;
    width: 7% !important;
    margin-right: 0% !important;}
#ba-li2{float: left;
    width: 21% !important;;}

/*Interior wardrobe checkbox for lights and other accessories*/

.toggle_button{float: left;    margin: 30px 0 0 3%;    width: 22%;}
.togglehead{color: #4D4C50;float: left; font-size: 21px; font-weight: bold; margin: 40px 0 10px;width: 100%;}
.yesno{float:left; width:auto; margin:0px 1%;color:#7a7a7a;font-size: 18px;line-height: 32px;}
.toggleadd{float: left;
    width: auto;}
.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #f0f0f0;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
          transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: #fff;
  -webkit-transition: all .2s ease;
          transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #9FD6AE;
}

.tgl-ios + .tgl-btn {
  background: #8F8F8F;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
          transition: all .4s ease;
  border: 1px solid #e8eae9;
}
.tgl-ios + .tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
          transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
  will-change: padding;
}
.tgl-ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
  padding-right: .8em;
}
.tgl-ios:checked + .tgl-btn {
  background: #86d993;
}
.tgl-ios:checked + .tgl-btn:active {
  box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
  margin-left: -.8em;
}

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  -webkit-transform: skew(-10deg);
      -ms-transform: skew(-10deg);
          transform: skew(-10deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .2s ease;
          transition: all .2s ease;
  /*font-family: sans-serif;*/
  background: #888;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
  -webkit-transform: skew(10deg);
      -ms-transform: skew(10deg);
          transform: skew(10deg);
  display: inline-block;
  -webkit-transition: all .2s ease;
          transition: all .2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
  background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: #86d993;
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}

.tgl-flat + .tgl-btn {
  padding: 2px;
  -webkit-transition: all .2s ease;
          transition: all .2s ease;
  background: #fff;
  border: 4px solid #f2f2f2;
  border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
  -webkit-transition: all .2s ease;
          transition: all .2s ease;
  background: #f2f2f2;
  content: "";
  border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
  border: 4px solid #7FC6A6;
}
.tgl-flat:checked + .tgl-btn:after {
  left: 50%;
  background: #7FC6A6;
}

.tgl-flip + .tgl-btn {
  padding: 2px;
  -webkit-transition: all .2s ease;
          transition: all .2s ease;
  /*font-family: sans-serif;*/
  -webkit-perspective: 100px;
          perspective: 100px;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
  display: inline-block;
  -webkit-transition: all .4s ease;
          transition: all .4s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
  content: attr(data-tg-on);
  background: #02C66F;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
  background: #FF3A19;
  content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
  -webkit-transform: rotateY(-20deg);
          transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  left: 0;
  background: #7FC6A6;
}
.tgl-flip:checked + .tgl-btn:active:after {
  -webkit-transform: rotateY(20deg);
          transform: rotateY(20deg);
}




.defChkbx{width:100%; float: left; margin: 5px 0%;}
.defChkbx:not(.default) > input
{
    padding: 0px;
margin: 0px;
height: 16px;
width: 22px;
float: left;
left: 0px;
opacity: 0;
}
.defChkbx:not(.default) > label
{
    line-height: 16px;
    color: #2A2A2A;
    padding: 0 0 0 25px;
    font-size: 14px;
}

.checkboxsize{float: left;width: 1%;}

.defChkbx:not(.default) > input + label
{
    background: url(http://www.thecssninja.com/demo/css_custom-forms/gr_custom-inputs.png) 0 -1px no-repeat;
    height: 16px;
    margin-left: -20px;
}


.th_imgs {
    border: solid 1px #fff;
    padding: 3px;
    width: 100%;
    height: 40px;
}



/* Checked styles */
.defChkbx:not(.default) > input[type=radio]:checked + label                             { background-position: 0 -241px; }
.defChkbx:not(.default) > input[type=checkbox]:checked + label                         { background-position: 0 -81px; }
.defChkbx:not(.default) > input[type=checkbox]:hover:checked + label,
.defChkbx:not(.default) > input[type=checkbox]:focus:checked + label,
.defChkbx:not(.default) > input[type=checkbox]:checked + label:hover,
.defChkbx:not(.default) > input[type=checkbox]:focus:checked + label                     { background-position: 0 -101px; }
.defChkbx:not(.default) > input[type=radio]:hover:checked + label,
.defChkbx:not(.default) > input[type=radio]:focus:checked + label,
.defChkbx:not(.default) > input[type=radio]:checked + label:hover,
.defChkbx:not(.default) > input[type=radio]:focus:checked + label                     { background-position: 0 -261px; }

input, textarea, keygen, select, button {box-shadow: none !important;}


/*Interior Color select styles*/
.inte_recomended_colors{float: left;width: 100%;}
.inte_recomended_colors ul{float: left;width: 100%;}
.inte_recomended_colors ul li{float: left; width: 24% !important; margin: 10px 4%; padding: 0px 0px 0px 0px; height: 55px;}
.inte_recomended_colors ul li a{float: left;width: 100%;height: 55px;}
.inte_recomended_colors ul li a:hover{ border:1px solid #4D4C50; 
  -webkit-box-shadow: 0 1px 1px -1px black;
     -moz-box-shadow: 0 1px 1px -1px black;
          box-shadow: 0 1px 1px -1px black;
  }


/*confirm page*/
#heightsetting{float: left;width: 96% !important;margin: 0% 0% 20px 2% !important;}
#heightsetting .img4800{width:auto !important;}

/*Almost done page*/
.selected_options{float: left; width:80%; margin:0px 0% 55px 10%;}
/*.selected_options ul{float: left; width:100%; background-color: #F4F4F4}
.selected_options ul li{float: left; width:24.8%;border: 1px solid #ccc; padding:10px 0% 10px 0%;}*/
.selected_options ul{float: left; width:100%; background-color: #FFFFFF}
.selected_options ul li{float: left; width:24.8%;border: 1px solid #ccc; padding:10px 0% 10px 0%;}
.type_top{float: left;width: 100%; text-align: center; color:#8F8F8F; padding:2px 0%;}
.type_bottom{float: left;width: 100%; text-align: center; font-size: 12px; padding:2px 0%; color:#000; height:20px;}

.last_step{float: left;width: 100%;}
.last_step ul{float: left;width: 100%;}
.last_step ul li{float: right;width: auto; margin:0px 2%; padding: 0px 3%;}
.last_step ul li a{float: left;width: 100%; text-align: center;padding:10px 0%; color: #fff;}


/*cart page*/


#fade img{ width:10%; margin:10% 45%; }

.finalcart{float: left;width: 70%;border-top: 1px solid #ccc;margin: 0 15%; min-height: 200px;}
.cartnumber{float: left; width: 100%; font-size: 24px; color:#4D4C50; padding:20px 0% 30px 0%;}
.finalcartinfo{float: left; width: 100%;border-bottom:1px solid #ccc; padding:30px 0% 20px 0%;}

.finalcartinfohead{float: left; width: 100%;border:1px solid #E1E1E1; padding:30px 0% 20px 0%;background-color: #E1E1E1;padding:20px 0%;}
.cartborder{float: left;width: 100%;border: 4px solid #E1E1E1;}
.cartpreviewhead{float: left;width: 17%;font-size: .875rem;color: #666;margin-left: 2%;}
.cartwardrobeinfohead{float: left;width: 39%;font-size:.875rem;color: #666;}
.cartfinalQuantyhead{float: left;width: 14%;font-size:.875rem;color: #666;}
.carteditdelhead{float: left;width: 20%;font-size:.875rem;color: #666;}


.totcartborder{border: 1px solid #ccc;}
.cartitems{float: left; width: 50%}
.cartwardrobe{float: left; width: 26%; margin-left: 1%;}
.finalcartinfo p.room{text-align: left; margin:5px 2%; font-size: 16px; text-transform: uppercase !important;}
.cartwardrobe img{width: 100px; margin: auto 0%; height: 100px; border:solid 1px #dfdfdf; padding: 2px 0px; max-width: 100%;}
.cartwardrobeinfo{float: left; width: 72%; margin-left: 1px;}
.cartwardrobehead{float: left; width: 100%;}
.cartwrmainhead{float: left; width:auto; font-size: 20px; color:#484848; padding:0px 2%; }
.cartwrsubhead{float: left;width: auto;font-size: 18px;color: #7F7F7F;padding: 0px 2%;border-left: 2px solid #ccc;margin: 2px 0%;}
.cartwardrobeinfos{float: left; width: 110%; color: #7F7F7F; padding:0px 2%;font-size: 14px;line-height: 21px;}

.cartfinalQuanty{float: left; width: 50%; margin: 4% 0%;}
.itemsquant{float: left; width: 3%; font-size:22px; color:#7F7F7F; margin-left: 11.6%;}
.selectcartcount{float: left;width: 10%; text-align: center; color:#000; font-size: 14px;border: 1px solid #ccc;
    padding: 5px 0%;}
.seloptcount{float: left; width: 100%; font-size: 14px; color: #000; padding: 5px 0%;}

.cartfinalrupees{float: left; width: 50%; font-size:14px; color:#000; text-align: center;margin-right: 8%;}
.cartfinalrupees span{ font-size: 12px; color: #7f7f7f; }
.carteditdel{float: left; width: 10%;}
.carteditdel ul{float: left; width: 100%;}
.carteditdel ul li{float: left; width: 50%;}
.carteditdel ul li a{float: left; width: 100%; color:#4D4C50; font-size: 24px; padding-top: 5px;}

.totalcartpay{float: left; width: 100%; margin:20px 0%;}
.totalcartpayleft{float: left; width:70%; font-size:20px; color:#454545; padding:10px 0%;}
.totalcartpayright{float:left; width: 30%;}
.totalcartpayrgttop{float:left; width: 100%;}
.fullcheckout{float: left; width: 43%; font-size: 20px;text-align: center;}
.downloadquote{float: left; width: 44%; border:1px solid #4D4C50; margin-left: 12%;}
.downloadquote a{float: left; width: 100%; color:#4D4C50; text-align: center; font-size: 32px;}
.downicon{font-size: 24px; width: auto;padding: 0px 5%;}
.downloadtxt{font-size: 16px; float: left; width: auto;}
.downloadquote a{float: left; width: 100%;}
.totalcartpayrgtbottom{float: right; width: 46%; background-color: #4D4C50; margin:10px 5px;}
.totalcartpayrgtbottom a{float: left; width: 100%; color:#fff; font-size: 18px; text-align: center; padding: 10px 0%;}



/*Payment Gateway*/
.forms{width:50%; margin:0px auto; margin-top:100px;}
.billing{width:100%;float:left;}
.billinghead{float: left; width: 100%;color:#f68a32; font-size: 24px; padding: 0px 0% 20px 0%;}
.billingsubpay{float: left; width:100% ;color:#f68a32; font-size: 16px; padding: 0px 0% 20px 0%;}
.formfields{float: left; width:100%;}
.enternfo{float: left;width: 55%;padding: 5px 2%;color: #595959;font-weight: 400;font-size: 14px;}



 select:focus{
    box-shadow: 0 0 10px rgba(81, 203, 238, 1); 
    border: 0px solid rgba(81, 203, 238, 1);
    background-color: #fff
  }

 option:focus {
    box-shadow: 0 0 10px rgba(81, 203, 238, 1); 
    background-color: #fff;
  }

#dim-width li{ font-size:12px; color: #000;font-weight: normal;}
#dim-height li{ font-size:12px; color: #000;font-weight: normal;}

/*Place the text over the images*/

            ul.img-list {list-style-type: none;text-align: center;}
            ul.img-list li {display: inline-block;position: relative; background-color:#EEEEEE;}

            /*Show the text on hover*/
           
            ul.img-list li:hover span.text-content {opacity: 0.5; background-color:#F68A32;}
            .ward_name_size{width: 12%;padding: 130px 45% 98px;}
            .ward_name_customize{float: left;width: 100%; font-size:36px;}
            .ward_name_customize a{float: left;width: 100%; text-align: center; font-size: 32px; color: #fff;}
            .li:hover span p.ward_name_size img{float: left;width:30%;}

            /*Add the animation*/
  
  span.text-content {
    background-color: transparent !important;
    color: #fff;
    display: table;
    height: 385px;
	width: 99%;
	left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    border: 5px solid #4D4C50;}
  
/*
            span.text-content {background-color:#F68A32; color: #fff;display: table;height:390px;left: 0;position: absolute;top: 0;
            width: 100%;opacity: 0;
            -webkit-transition: opacity 500ms;
            -moz-transition: opacity 500ms;
            -o-transition: opacity 500ms;
            transition: opacity 500ms;
            }

*/            
            
            
            
            
                                                    /*Login & Registration part*/

  input:focus, textarea:focus {
    box-shadow: 0 0 10px rgba(81, 203, 238, 1); 
    border: 1px solid rgba(81, 203, 238, 1);
  }

.button:hover{
  background:#2288bb;
}

#login{
    width: 38%;
    transition: opacity 1s ease 0s;
    float: right;
    display:none;
    transition:opacity 1s;
    -webkit-transition:opacity 1s;
    margin-top: -3px;
}

#triangle{
  width:0;
  border-top:0px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 30px solid #4D4C50;
  border-left: 25px solid transparent;
  margin:  0px 0% 0px 65%;
}

.form_login{
-webkit-transform: translate3d(0,0,0);
   background-color: #4D4C50;
    min-height: 260px;
    opacity: 0.9;
    padding: 6%;
    position: relative;
    width: 88%;
    z-index: 1000;
    max-height: 500px;
    float: left;
}
.login_info{float: left; width: 80%; padding:0% 10%; background-color:#fff;}
.login_input{float: left; width: 100%; margin:10% 0% 0% 0%; border: 2px solid #757575;}
.icon{float: left;width: 4%;padding: 12px 0% 12px 2%;background-color:#fff; color: #757575; position:relative;}
.login_in{float: left;width: 90%;padding: 10px 2% 10px 8%;border: medium none;background-color: #FFF;font-size: 100%;color: #000;margin-left: -6%;}
.login_submit{float: left; width: 100%; margin:8% 0% 8% 0%;}

.forgot{float: left; width:40%; font-size: 90%; line-height: 35px; color:#9d9d9d;}
.submit{float: left; width:40%; font-size: 80%; margin-left:20%; border:1px solid #fff; background-color: #4D4C50; padding:6px 0%; color:#fff; font-weight: bold; font-size: 100%;}


.donthave{float: left;width: 100%; text-align: center; font-size: 150%; color: #fff; margin-top:30px;}
.signuphere{float: left;width: 100%; display: block !important;}
.signuphere a{float: left;width: 100%; text-align: center; font-size: 150%; color: #fff !important; font-weight: bold; text-decoration: none; margin: 5px 0%;display: block !important;}
.registration_ele{float: left; width: 92%;padding: 10px 4% 10px 4%; border: medium none;background-color: #FFF;font-size: 100%; color: #757575;}
.form_reg {    background-color: #F68A32;    padding: 6%;    height: 550px;}


/*HOVER LOGIN AND REGISTRATION FORMS*/
.total_white_dashed {
float:left;width:-8%; 
    border: 1px solid #4D4C50;
   -webkit-box-shadow:0px 0px 1px 0px #F27C19;  
   -moz-box-shadow: 0px 0px 1px 0px #F27C19;
        box-shadow: 0px 0px 1px 0px #F27C19;   
  opacity: 0.9; 
  cursor: pointer;
}


.total_white_dashed a{float:left;width:100%; text-align: center; padding:10px 0%; color:#595959; font-size: 13px;}


.state-hover {  position: absolute; z-index: -1;display: block; visibility: hidden; top:25px; width:99%; height: auto; padding:10px; 
  -webkit-transition:0s 2s;
     -moz-transition:0s 2s;
       -o-transition:0s 2s;
          transition:0s 2s;  /* duration 0s, delay 1s */
}

.state-hover h4 {margin:7px 10px;}

.state > .total_white_dashed:active + .state-hover { 
  visibility: visible;
  z-index:1;
  -webkit-transition:0s;
     -moz-transition:0s;
       -o-transition:0s;
      transition:0s;
}
.state-hover:hover { 
  visibility: visible;
  z-index:1;
  -webkit-transition:0s;
     -moz-transition:0s;
       -o-transition:0s;
      transition:0s;
}

.state i { padding-top:2px; }
.state em { }

.dealer {width:10%; position:relative; display:block; padding:10px 20px 12px 20px; margin:12px 0 0 0; background-color:#f2f5f7; border-radius:7px;}
.dealer p { padding-top:5px; font-size:100%; line-height: 140%;}

/*Accessories*/	
.allselaccessories{float:left; width:100%;}
.accessoriesinter{float:left; margin: 35px 5%; width: 23%;border:0px solid #ccc; }
.accessoryimage{float:left; width:100%; }
.accessoryhead{color: #717171;float: left;font-size: 26px;text-align: center; width: 100%;}
.accessoryinfo{color: #717171;float: left;font-size: 14px;line-height: 25px; padding: 10px 4% 5px;width: 92%;}
.accessquantity{border: 1px solid #ccc;float: left;margin: 0 1% 0 1.3%;padding: 5px 0;width: 47%;}
.qty{ float: left;    padding: 5px 6%;    width: 40%;}
.qtysize{float: left;padding: 5px 0 5px 6%;width: 30%;}
.qtyselect{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;float: left;font-size: 19px;text-align: center; width: 45%;}
.qtyselectsize{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;float: left;font-size: 19px;text-align: center;width: 61%;}

.hardwarerightside{float: right !important; width: 100% !important; /*margin-right: -55% !important;*/}


/* About Us Page*/
.wardroe_fact_count{float: left; width: 100%;text-align: center; padding: 25px 0% 10px 0%; color: #F68A32; font-size: 28px;font-weight: bold;}
.wardroe_fact_mat{float: left;width: 100%; text-align: center; padding:10px 0%; color:#595959; font-size: 28px;}


/* Wardrobe hardware*/
.selected_options
{
    /*  width: 80%;*/
    width: 95%;
    margin: 0 0 5px 2%;
}
.selected_options ul li{
    width: 15.8%;
}
.confirmaccesorries{float: left;width: 16%;border: 1px solid #CCC;padding: 10px 0%;background-color: #F4F4F4;border-left: 0px !important;}
.confirmaccesorrieshead{float: left; width: 100%; text-align: center; color: #8F8F8F;padding: 2px 0%;}
.confirmaccesorriesinfo{float: left; width: 100%;min-height: 93px !important;}
.confirmaccesorriesinfo ul{float: left; width: 100%;}
.confirmaccesorriesinfo ul li{float: left; width: 100%;text-align: left; padding-left:1%; font-size: 12px;}

/*.dimen_bottom_right{width:45% !important;}*/

.canv-shut-400 {margin: 0 42% !important;}
.canv-shut-450 {margin: 0 42% !important;}
.canv-shut-500 {margin: 0 42% !important;}
.canv-shut-600 {margin: 0 42% !important;}
.canv-shut-700 {margin: 0 42% !important;}
.canv-shut-750 {margin: 0 42% !important;}
.canv-shut-800 {margin: 0 40% !important;}
.canv-shut-900 {margin: 0 40% !important;}
.canv-shut-1000 {margin: 0 39% !important;}
.canv-shut-1400 {margin: 0 32% !important;}
.canv-shut-1500 {margin: 0 32% !important;}
.canv-shut-1600 {margin: 0 32% !important;}
.canv-shut-1800 {margin: 0 29% !important; float: left; width:43%;}
.canv-shut-2000 {margin: 0 27% !important;}
.canv-shut-2400 {margin: 0 23% !important;}
.canv-shut-2700 {margin: 0 21% !important;}
.canv-shut-3000 {margin: 0 18% !important;}
.canv-shut-3200 {margin: 0 10% !important;}
.canv-shut-3600 {margin: 0 12% !important;}
.canv-shut-4000 {margin: 0 9% !important;}
.canv-shut-4800 {margin: 0 0% !important;}

.canv-shut-4800 .maincanvas {width: 80%;padding: 10px 10px 10px 14px;margin: 0px 0% 0px 5%;}
.canv-shut-4800 .myCanvas{width:140px !important;}
.canv-shut-4800 .maincanvas img{width: 100%;}



.confirmhardware{float: left; width: 64%; margin: 10px 18%; }
.confirmhardwareheads{float: left; width: 100%;}
.confirmhardhead{float: left; width: 33%; border: 1px solid #ccc; text-align: center;color: #8F8F8F;padding: 2px 0%;background-color: #F4F4F4;border-bottom: 0px !important;}
.confirmhardinfo{border: 1px solid #ccc;float: left; width: 33%;text-align: center;font-size: 12px;padding: 2px 0% 5px 0%;color: #000;background-color: #F4F4F4;border-top: 0px !important;}









/*Responsive Design Starts here*/

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


}





@media only screen and (min-width: 768px) and (max-width:1024px) {

.header_logo{margin:0px 0% 0px 1%;}
.header_tab{width:43%;}
.header_locateus{width:9.5%;}
.span.text-content{height:390px;}
.cart_count {padding:2px;}

.cartnumber {padding: 20px 0 0;}

/*slider starts*/
.madular_luxury{margin-left:45%; font-size:58px;}
.modular_luxury_sub{margin-left: 50%;}
.skdslider .slide-desc{margin-left: 74%;}
.skdslider .slide-desc-kitchen{width: 28% !important; margin-left:65% !important;}
/*slider ends*/

.eterna_left {width: 25%;}

.footer_left {margin-top: 15px;}
.footer_middle {width: 8%;margin: 5px 0%;}
.footer_right{width:42%;}
.header_logo2{margin-top: 8px !important;}
.selectstepbystep{margin-top: 7%;padding: 2px 19% 4px 19% !important;width: 62%;}
.next_step ul li a {font-size: 14px;}

.forgot {font-size: 83%;}
.eterna_right {width: 48%;}
.touch_content_top {font-size: 14px;}
.touch_content_bottom {font-size: 14px;}
.header_tabs ul li :hover {font-size: 12px;}
.social_icons ul li {padding-top: 25px;}

.wardrobe_type {width: 33%;font-size: 14px;}
.seloptions {width: 56%;font-size: 14px; padding:9px 0% 7px 2%;}
/*.wardrbe_browse ul li img {height: 310px;} */

.minheight {min-height: 695px;}
.dimen_bottom_right {padding: 0px 0%; width: 53% !important;}
.dids .image {width: 480px !important;}

.inte_recomended_colors ul li {width: 24% !important;height: 41px;}
.hardwarerightside{float: right !important; width: 100% !important; margin-right: -50% !important;}
.dimen_bottom_left p {font-size: 14px;}
.selected_options {width: 82% !important; margin: 0 0 55px 1% !important;}
.selected_options ul li {width: 19.76%;}
.selectstepbystep {margin-top: 8%;padding: 0px 19% 2px !important;}
.step1 {padding: 0 3px;}
.shutter_head a {font-size: 14px;}

.selwardcolor {margin: 0 0 0 16%;width: 84%;}


span.text-content {display: -moz-popup; width:101%;}
.ward_name_size {padding: 152px 45% 45px;}
.ward_name_customize a {font-size: 26px;}

.dimen_bottom_left_head {font-size: 16px;}
.dimen_select {width: 97%;font-size: 14px;}

#slideshow .big-image-holder ul li img {width:76% !important; }
.ward_dimen_wheight{padding:36% 0%;}
.left_mat_itemsel{width:89%; font-size: 14px;}
.recomended_colors ul li {width: 21%; margin:3% 2%;}
.p span{float: none;; border:none;}
.recomendedcolors{width: 55.5%; font-size: 20px;text-align: center;}
#ba-li1{width:4.5% !important; font-size: 14px;}
#ba-li2{width: 23%; font-size: 14px;}
.dimensions_left_size_in{padding:38.3% 0%;}
#slideshow .big-image-holder_int ul li img{width: 76% !important;}
.flarelaminate{width:56%;}
.amount_next{width:24%;}

.shutter_finish_left{width: 24%; margin:25px 0% 0% 2%;}
.shadeupdate{font-size: 12px;}
.shutter_finish_middle{width:57%;}
.shutter_finish_right{width:16%; margin:25px 0% 0% 1%;}
.thumb_icons ul li{width: 14%;margin: 0px 6% 3% 0%;}
.ward_dimen_wwidth_custom{width:84%; margin:5px 7% 5px 5%;}
.ward_dimen_wheight_custom{padding:27% 0%;}
.wardheight {font-size: 13px;}
.loftheight {font-size: 13px;text-align: right;}
.loft3feet {width: 42%;text-align: right;}

#visible_side_materials{margin: 30px 0% 0px 0%;float: right;width: 24%;}
.inte_recomended_colors ul li a {height: 41px;}

.hardwarerightside {margin-right: -10% !important;}

.img4800{width: 385px !important;height: 290px !important;}
.img4800 img{height:303px;}
.img3000{width: 100% !important;}

.dids .img4000 img{  width: 420px !important; height: 300px !important}
.dids .img3600 { height: 300px !important;width: 420px !important;}

#heightsetting .img4800 {width: 400px !important;}
.confirmaccesorriesinfo ul li {line-height: 18.2px !important;}


.canv-shut-1800{margin: 0 26% !important;}
.shd_divs{float: left;display: block; width: 105%; margin: 0px 0% 0px -13%;}
..uvsahdes {padding: 0px 0% 30px 0%;}

.canv-shut-2400 {margin: 0 18% !important;}
.canv-shut-2700 {margin: 0 21% !important;width: 70%;}


.canv-shut-3000 {margin: 0px auto !important;}
.canv-shut-3000 .maincanvas  {width: 90%;padding:5px;}


.canv-shut-3000 .maincanvas img{width: 100% !important;}
.canv-shut-3000 .maincanvas .myCanvas {width: 104px;}

.image.img3200 {text-align: left !important;}
.img3200 img {width: 432px !important;height: auto !important;}
.d4 li{width: 23% !important;}

.canv-shut-3600 {margin: 0 0% 0px 5% !important;width: 98% !important;float: left;}
.canv-shut-3600 .maincanvas {width:83% !important; padding: 12px 0px 12px 14px;}

.canv-shut-4000 {margin: 0 4% !important;}
.canv-shut-4000 .maincanvas{width: 91%}
.canv-shut-4000 .maincanvas img{width: 100%}

.canv-shut-4800 .myCanvas {width: 120px !important;}
.canv-shut-4800 .maincanvas {width:88% !important; margin: 0px 0% 0px 2%;}

.canv-shut-4800 .maincanvas img{width: 100%;}

.canv-shut-4800 img{width:100%;}
.img4800 img{width:400px !important;}

.uvsahdes{font-size: 20px;}
.th_imgs {height: 25px;}

.selwardcolor p {font-size: 12px !important;}
#left-visible1 {font-size: 12px;}
#left-visible2 {font-size: 12px;}
#right-visible1{font-size: 12px;}
#right-visible2{font-size: 12px;}


/*Custom Dropdown*/
.dk_container {width: 61%;}
/*.dk_container a {width:73% !important;}*/
.dk_toggle {font-size: 14px; width: 73% !important;}
  .dk_open .dk_toggle{font-size: 14px;}
  .white_content {left: 12%; height:auto;}

  .dk_open .dk_label {width: 73% !important;}

/*.dk_open .dk_options{width: 72% !important;}*/

.confirmaccesorrieshead{font-size: 13px;}
.type_top {font-size: 13px;}
.type_bottom {font-size: 12px;}
.confirmaccesorriesinfo {min-height: 89px !important;}


.cartwardrobeinfos {font-size: 12px;line-height: 14px;}
.white_content_contact {left: 0%;width: 92%;}
.itemsquant {font-size: 18px;}
.downloadquote {margin-left: 3%;width: 53%;}
.downloadtxt {width: 100%;}
.totalcartpayrgtbottom {margin: 10px 0; width: 54%;}
.totalcartpayrgtbottom a {font-size: 14px;}
.finalcart {margin: 0 1%;width: 98%;}

.downicon {padding: 7px 2%;width: 10%;float: left;}
.downloadtxt {float: left;padding: 7px 0;width: 86%;}

}

@media only screen and (min-width: 481px) and (max-width:768px) {


.header_logo {width: 14%;margin: -5px 0% 0% 2%;}
.header_tab {width: 53%;margin: 0px 2% 0px 3%;}
.cart{float: left;width: 4%; padding-top: 5px;}
.cart a{float:left; width:100%; color:#595959;}
.header_locateus {width: 11%;}
.total_white_dashed {width: 8.5%;}

.cart_count {margin: -5px 0 0 -2.6%;}
.white_content {left: 0%;}

/*footer*/
.footer_left {width: 49%;padding-left: 1%;}
.additional_tabs ul li a {font-size: 13px;}
.social_icons {width: 35%;margin-left: 65%;}

/*wardrobe customize*/
.wardrobe_type {width: 40%;font-size: 13px;}
.wardrobe_type {padding: 0px 1% 0px 0%;}

.primary_nav_wrap ul a {padding: 0 10px;}
.material_form {width: 99%;padding: 10px 0.5%;}
.dk_toggle {font-size: 12px;width: 90% !important;}
.dk_container {width: 56%; margin-right: 3%;}
.dk_toggle {padding: 7px 15px 7px 1px; margin-top: 2px;}

.dk_open .dk_label {width: 90% !important;}
.dk_open .dk_toggle {font-size: 12px;}

.login_in {padding: 8px 0% 10px 10%;}
.forgot {width: 50%;}
.submit {margin-left: 10%;}

.wardrbe_browse ul li {height:230px;}
span.text-content {height: 230px;}
.ward_name_size {padding: 60px 45% 50px;}
.ward_name_customize {font-size: 24px;padding-bottom: 90px;}
.wardrobe_mate_shutter {font-size: 18px;}

.next_step ul li a {font-size: 12px;}
.selectstepbystep {width: 70%;}
.header_logo2 {width: 15%;margin: 5px 4% 0px 1% !important;}
.presentstep {width: 72%;padding: 0px 13%;}

.selectstepbystep {margin-top: 10%; padding:2px 18% 4px 20% !important}
.gosteps ul li {padding: 3px 2%;font-size: 12px;}
.dimen_bottom_left_head {font-size: 12px;}
.dimen_bottom_left p {font-size: 10px;}

.shutter_head {width: 17%;}
.shutter_head a {font-size: 12px;}
.recomendedcolors {width: 51.5%;font-size: 16px;}
.gosteps_interiaor ul li {font-size: 12px;}

#slideshow .cnt {width: 100%;margin: 0px 0% 0px 0% !important;}
.dids .img4800 {width: 370px !important;height: 185px !important;margin-left: -30px !important;}
.dimen_select {width:85% !important;padding: 3px 0% 3px 1%;font-size: 12px;}
.left_mat_itemsel {font-size: 10px;width: 76.5%;}
.selwardcolor p {font-size: 10px !important;}
#left-visible1 {font-size: 10px;}
#left-visible2 {font-size: 10px;}

.flarelaminate_head {font-size: 14px;}
.total_amount {font-size: 17px;}
#ba-li1 {width: 5.5% !important;font-size: 12px;}
.light_accessories a {padding: 3px 3%;font-size: 12px;}
#ba-li2 {width: 24% !important;}
.d3 li {text-align: center !important;}
.d4 {width: 87% !important;margin:0 0% 0px 5% !important;}
.d4 li{width:25% !important;}

.presentstep_last {font-size: 20px;}
.last_step ul li a {padding: 8px 0%;font-size: 12px;}

.dids{float: left;width: 100% !important; padding: 5px 0 0 0px;}
.dids .image {margin: 0 0px 20px 0;}
#heightsetting .img4800 img{width: 100%;}
.selected_options ul li {width: 19.6%;}
.type_top {font-size: 11px;min-height: 30px !important;}
.confirmaccesorriesinfo {min-height: 117px !important;}
.confirmaccesorriesinfo ul li {line-height: 20px !important;}
.forms {width: 85%;}
.defChkbx strong {font-size: 12px;}
.dids .img4800 {width: 370px !important; margin-left:0px !important;}
.dids .img4000 {width: 370px !important;}
/*#heightsetting .img4000 img{width: 81% !important;height: 100%;}*/

.dids .img4000 img{width: 81% !important;}

#wrht {width: 35px !important;}
#dim-height li {width: 30px !important; margin-left: -20px !important;}

.recomendedcolors {line-height: 30px;}

.dids { padding: 20px 0 0 0 !important;}

.dids .img3600 {width:278px !important;height: 185px !important;margin-left: 30px !important;}
.dimen_bottom_right_confirm .dids .image {height: 185px !important;}

.dids .img3200 {width: 247px !important;height: 185px !important;margin-left: 20px !important;}

.dids .img3000 {width: 232px !important;height: 185px !important;margin-left: 30px !important;}

.dids .img2700 {width: 210px !important;height: 185px !important;margin-left: 50px !important;}

.dids .img2400 {width: 188px !important;height: 185px !important;margin-left: 60px !important;}

.dids .img2000 {width: 156px !important;height: 185px !important;margin-left: 70px !important;}

.dids .img1800 {width: 140px !important;height: 185px !important;margin-left: 80px !important;}

.dids .img1600 {width: 125px !important;height: 185px !important;margin-left: 110px !important;}



.d2 {margin: 0px 0% 0px 17% !important;padding: 0px 0% !important; width:90% !important;}
.d3 {width: 80% !important;margin: 0 0% 0px 15%;}

#fade img {margin: 24% 42%;}
.d2img1600 {margin: 0 0 0 43%;}
.d2img1600l{margin: 0 0 0 43%;}
.d2img1800 {margin: 0 0 0 37%;}
.d2img1800l {margin: 0px 38.5%;}
.d2img2000 {width: 60% !important;margin: 0px 0% 0px 28%;}
.d2img2000l {width: 60% !important;margin: 0px 0% 0px 30%;}
.d2img2400 {margin: 0 0 0 22%;}
.d2img2400l {margin: 0 0 0 22%;}
.d3img2400 {margin: 0px 0% 0px 25%;}
.d3img2400l {margin: 0px 0% 0px 24%;width: 70% !important;}
.d3img2700 {margin: 0 0 0 22%;}
.d3img2700l {margin: 0 0 0 22.5%;}
.d3img3000 {margin: 0 14%; width:77%;}
.d3img3000l {margin: 0 16%;}
.d3img3600 {width: 85% !important;}
.d3img3600l {margin: 0 0 0 12%; width: 82% !important;}
.d4img3600 {margin: 0 0 0 9%;}
.d4img3600l {margin: 0 0 0 11.5%;width: 83% !important;}

.d4img4000 {margin: 0 0;width: 77% !important;}
.d4img4000l {margin: 0 0;width: 78% !important;}
.d4img4800 {margin: 0 0;width: 95% !important;}
.d4img4800l {margin: 0 0 0 1%;width: 95% !important;}

#heightsetting .img4800 {width: 335px !important;}

.dimen_bottom_left {margin: 30px 0% 0px 1%;}



/*Canvas Starts Here*/


.ward_dimen_wheight_custom {padding: 31% 0%;}
.shadeupdate {width: 30%; height: 30px; padding: 10px 0%; font-size: 10px !important;}
.th_imgs {height: 18px;}
.videoclick {left: 11%; margin: 15px 0px 0px !important;}
#popup {width: 530px;height: 254px;top: 25%; left:60%;}

.canv-shut-1600 {margin: 0 24% !important;}
.canv-shut-1600 #dim-width li{width: 38% !important;}
.canv-shut-1600 #myCanvas1 {width: 57px;}
.canv-shut-1600 #myCanvas2 {width: 57px;}
.canv-shut-1600 .maincanvas{width:60%;}
.canv-shut-1600 .maincanvas img{width:100% !important;}
.img1600 img{height: 295px;}

.canv-shut-1800 {margin: 0 24% !important;}
.canv-shut-1800 #myCanvast1 {width: 60px;}
.canv-shut-1800 #myCanvast2 {width: 60px;}
.canv-shut-1800 #myCanvas1 {width: 60px;}
.canv-shut-1800 #myCanvas2 {width: 60px;}
.canv-shut-1800 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-1800 .maincanvas img{width:100% !important;}
.img1800 img{height: 295px;}

.canv-shut-2000 {margin: 0 24% !important;}
.canv-shut-2000 #myCanvast1 {width: 80px;}
.canv-shut-2000 #myCanvast2 {width: 80px;}
.canv-shut-2000 #myCanvas1 {width: 80px;}
.canv-shut-2000 #myCanvas2 {width: 80px;}
.canv-shut-2000 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-2000 .maincanvas img{width:100% !important;}


.canv-shut-2400 {margin: 0 11% !important; min-width: 54% !important;max-width: 78% !important;}
.canv-shut-2400 #myCanvast1 {width: 80px;}
.canv-shut-2400 #myCanvast2 {width: 80px;}
.canv-shut-2400 #myCanvast3 {width: 80px;}
.canv-shut-2400 #myCanvas1 {width: 80px;}
.canv-shut-2400 #myCanvas2 {width: 80px;}
.canv-shut-2400 #myCanvas3 {width: 80px;}
.canv-shut-2400 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-2400 .maincanvas img{width:100% !important;}
.img2400 img {width: 187px !important;height: 180px !important;}


.canv-shut-2700 {margin: 0 7% !important;}
.canv-shut-2700 #myCanvas1 {width: 80px;}
.canv-shut-2700 #myCanvas2 {width: 80px;}
.canv-shut-2700 #myCanvas3 {width: 80px;}

.canv-shut-2700 #myCanvast1{width:80px;}
.canv-shut-2700 #myCanvast2{width:80px;}
.canv-shut-2700 #myCanvast3{width:80px;}

.canv-shut-2700 .maincanvas{width:87% !important;}
.canv-shut-2700 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-2700 .maincanvas img{width:100% !important;}
.img2700 img {width: 210px !important;height: 180px !important;}


.canv-shut-3000 {margin: 0 7% !important;}

.canv-shut-3000 #myCanvast1 {width: 80px;}
.canv-shut-3000 #myCanvast2 {width: 80px;}
.canv-shut-3000 #myCanvast3 {width: 80px;}

.canv-shut-3000 #myCanvas1 {width: 80px;}
.canv-shut-3000 #myCanvas2 {width: 80px;}
.canv-shut-3000 #myCanvas3 {width: 80px;}
.canv-shut-3000 .maincanvas{width:71% !important;}
.canv-shut-3000 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-3000 .maincanvas img{width:100% !important;}
.img3000 img{text-align: left !important; width: auto !important}


.canv-shut-3200 {margin: 0 -2% !important;}
.canv-shut-3200 #myCanvast1 {width: 80px;}
.canv-shut-3200 #myCanvast2 {width: 80px;}
.canv-shut-3200 #myCanvast3 {width: 80px;}
.canv-shut-3200 #myCanvast4 {width: 80px;}
.canv-shut-3200 #myCanvas1 {width: 80px;}
.canv-shut-3200 #myCanvas2 {width: 80px;}
.canv-shut-3200 #myCanvas3 {width: 80px;}
.canv-shut-3200 #myCanvas4 {width: 80px;}
.canv-shut-3200 .maincanvas{min-width:71% !important; max-width: 84% !important;}
.canv-shut-3200 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-3200 .maincanvas img{width:100% !important;}
.img3200{text-align: left !important; width: 185px !important;}

.canv-shut-3600 {margin: 0 -2% !important;}
.canv-shut-3600 #myCanvast1 {width: 80px;}
.canv-shut-3600 #myCanvast2 {width: 80px;}
.canv-shut-3600 #myCanvast3 {width: 80px;}
.canv-shut-3600 #myCanvast4 {width: 80px;}
.canv-shut-3600 #myCanvas1 {width: 80px;}
.canv-shut-3600 #myCanvas2 {width: 80px;}
.canv-shut-3600 #myCanvas3 {width: 80px;}
.canv-shut-3600 #myCanvas4 {width: 80px;}
.canv-shut-3600 .maincanvas{min-width:71% !important; max-width: 84% !important;}
.canv-shut-3600 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-3600 .maincanvas img{width:100% !important;}
.img3600{text-align: left !important; width: 185px !important;}
.img3600 img {width: auto !important;}

.canv-shut-4000 {margin: 0 -2% !important;}
.canv-shut-4000 #myCanvast1 {width: 80px;}
.canv-shut-4000 #myCanvast2 {width: 80px;}
.canv-shut-4000 #myCanvast3 {width: 80px;}
.canv-shut-4000 #myCanvast4 {width: 80px;}
.canv-shut-4000 #myCanvas1 {width: 80px;}
.canv-shut-4000 #myCanvas2 {width: 80px;}
.canv-shut-4000 #myCanvas3 {width: 80px;}
.canv-shut-4000 #myCanvas4 {width: 80px;}
.canv-shut-4000 .maincanvas{min-width:71% !important; max-width: 84% !important;}
.canv-shut-4000 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-4000 .maincanvas img{width:100% !important;}
.img4000{text-align: left !important; width: 185px !important;}
.img4000 img {width: auto !important;}

.canv-shut-4800 {margin: 0 -2% !important;}
.canv-shut-4800 #myCanvast1 {width: 80px !important;}
.canv-shut-4800 #myCanvast2 {width: 80px !important;}
.canv-shut-4800 #myCanvast3 {width: 80px !important;}
.canv-shut-4800 #myCanvast4 {width: 80px !important;}
.canv-shut-4800 #myCanvas1 {width: 80px !important;}
.canv-shut-4800 #myCanvas2 {width: 80px !important;}
.canv-shut-4800 #myCanvas3 {width: 80px !important;}
.canv-shut-4800 #myCanvas4 {width: 80px !important;}
.canv-shut-4800 .maincanvas{min-width:71% !important; max-width:78% !important;}
.canv-shut-4800 .maincanvas {padding: 8px;border: solid 1px #dfdfdf;width:78%;}
.canv-shut-4800 .maincanvas img{width:100% !important;}
.img4800{text-align: left !important; width: 185px !important;}



/*Cart*/
.cartwrmainhead {font-size: 16px;}
.cartwrsubhead {font-size: 14px;margin: 3px 0%;}
.itemsquant {font-size: 14px;}
.selectcartcount {font-size: 14px;}
.seloptcount {padding: 0px 0%;}
.cartfinalrupees {width: 45%;font-size: 15px !important;}
.carteditdel {width: 15%;}
.finalcartinfo p.room {margin: 2px 0%;font-size: 16px; }

.fullcheckout {font-size: 16px;}
.downloadquote {margin-left: 2%;}
.downloadtxt {font-size: 11px;}
.totalcartpayrgtbottom a {font-size: 12px;}

}



@media only screen and (min-width:768) and (max-width:1366px){
.header_logo img{width: inherit !important;}


}


@media only screen and (min-width:1024px) and (max-width:1280px){

}

@media only screen and (min-width:1600px) and (max-width:1920px){

.header_elevate{padding:60px 0%;}
.header_logo{width:8%;}
.prof-pic{ width: 0; border: none;}
.prof-pic img{width:70px !important; height:70px !important; margin:-23px 0% -23px 42%;}

.primary_nav_wrap ul li a{font-size: 20px;}
.sample .primary_nav_wrap ul li a{font-size: 15px;}

.primary_nav_wrap ul ul a{font-size: 18px;}
.hverdown{padding-bottom:65px;}
.locate_us{padding-top: 0px; font-size: 20px;}
.total_white_dashed a{font-size: 20px;}
.framedimen{height:1300px; width:100%;} /* 850px */
.customer_image{height:215px;}
.customer_info_top{line-height: 45px; font-size: 24px;}
.eterna_touch_head{font-size: 60px;}
.eterna_wardrobe_head{font-size: 60px;}
.viewall{padding:11px 0%;}
.viewall a{font-size: 20px;}

.additional_tabs ul li a{padding:0px 0% 5px 0%; font-size: 20px;}
.footer_middle{width:3.5%; margin-right:0.5%;}
.copywrites{font-size: 20px;}
.wardroe_image_title{font-size:20px;}
.header_tab{width:42%;}
.cart_count{margin:-10px 0 0 -1%; padding:4px 3px;}
.wardrbe_browse ul li {height:520px;}
span.text-content{height:520px;}
.ward_name_size{padding-top:170px;}
.submit{padding:15px 0%;}
.forgot{line-height: 45px;}  
.form_login{height:550px;}
.fbglogin span{padding:19px 7% !important;}
.socialiconslogin{margin-bottom:35px;}
.wardrobe_type{font-size: 22px;}
.dk_toggle{font-size: 22px; padding:3px 45px 6px 10px;}
.dk_open .dk_toggle{font-size: 20px;}
.dk_options a{font-size: 20px;}
.dk_options a:hover{font-size: 20px;}




.dimen_bottom_right{width:31.7%; padding: 0px 7%;}
#slideshow .big-image-holder ul li img{height: 520px!important;}
#slider .content ul li{padding:0px 0.7% 0px 0.8%;}
.left_mat_itemsel{width:43.4%;}
.ward_selc_dimn img{height:520px !important;}
#slideshow .big-image-holder_int ul li img{height: 520px;}
.separateint_wardrobe{width:32%; padding:2px 2%;}
.dimensions_left_size_in{padding:42.5% 0%;}
.in_basic a{width:94%;}
.ward_dimen_wheight{padding:40.2% 0%;}




.white_content{left:30%;}
.step1{padding:6px 3px; margin-bottom:5px;}
.amount_next{width:22%;}
.total_amount{font-size: 28px;}
.next_step ul li a{font-size: 20px;}
.steppositionex{font-size: 18px;}
.steppositionin{font-size: 18px;}
.steppositionhard{font-size: 18px;}
.gosteps ul li{font-size: 18px;}
.dimen_bottom_left_head{font-size: 30px;}
.dimen_bottom_left p{font-size: 20px;}
.dimen_select{font-size: 22px;}
.left_mat_itemsel{width:59%;}
#dim-width li{font-size: 20px;}
#dim-height li{font-size: 20px;}
.selwardcolor p{font-size:18px !important; }
#left-visible1{font-size: 18px !important}
#left-visible2{font-size: 18px !important}

.dimen_bottom_right{width:41.7%;}
.dimen_bottom_left{width:18.7%;}
.flarelaminate_head{font-size: 22px;}
.selectstepbystep{margin-top:5.5%;}
.gosteps ul li{padding:6px 9% 3px 0%;}
.gosteps_interiaor ul li{font-size:18px;}
.shutter_head a{font-size: 24px;}
.recomendedcolors{font-size: 30px;}
.defChkbx:not(.default) > label{font-size: 20px;}
.light_accessories a{font-size: 22px;}
#ba-li2{width:17% !important;}
#slider .content ul li{padding:0px 0%;}
.videoclick{left: 9.5%}
.videoclick2{right:10%}
.forms{margin-top: 150px;}
.billinghead{font-size: 30px;}
.billingsubpay{font-size: 26px;}
.form-div label {font-size: 22px !important; }
.enternfo{font-size: 22px !important; }
#slideshow .cnt{margin: 0px 0% 0px 0% !important;}
.wardheight{font-size: 20px;}
.formheight{margin-top:6px;}
.loftheight{font-size:20px;}
.form7feet{font-size: 20px;}
.loft3feet{font-size: 20px;}

.img1800{height:500px !important;}
.dimen_bottom_right_confirm .dids .image {height:350px !important;}
.dids .image img{}
.img1800 img{}

.img1600{height:450px !important;}

.img2000{height:450px !important;}

.img2400{height:450px !important;}

.img2700{height:480px !important;}

.img3000{height:480px !important;}
.img3000 img{width: 450px !important;  height: auto !important;}

.img3200{width:600px; height:auto !important;}

.img3600{width:600px !important; height:500px !important;}

.img4000{width:600px !important; height:500px !important;}

.img4200{width:600px !important; height:500px !important;}

.img4800{width:615px !important; height:500px !important;}

.img4800 img{width:615px !important; height:500px !important;}

.canv-shut-3000{margin:0px 15% !important;}
.shutter_finish_right{width:19%; margin-right:2%;}




}
keygen, select, select[size="0"], select[size="1"] { outline-color: #4D4C50;}

input { outline-color: #4D4C50;}
/*@media only screen and (max-width:1024px) and (min-width:  768px){

.forgot {font-size: 83%;}

.header_tabs {width: 37%;margin: 0px 1% 0px 15%;}
.header_locateus {width: 10%;}
.eterna_right {width: 48%;}
.touch_content_top {font-size: 14px;}
.touch_content_bottom {font-size: 14px;}
.header_tabs ul li :hover {font-size: 12px;}
.social_icons ul li {padding-top: 35px;}

.wardrobe_type {width: 38%;font-size: 14px;}
.seloptions {width: 56%;font-size: 14px;}
.....wardrbe_browse ul li img {height: 310px;} 

span.text-content { height: 310px;display: -moz-popup;}
.ward_name_size {padding: 88px 45% 45px;}
.ward_name_customize a {font-size: 26px;}

.dimen_bottom_left_head {font-size: 21px;}
.header_logo {margin-top:2%;}
.dimen_select {width: 70%;}

p span{float:left; width:50%; text-align:left; padding-left:2%; font-size:14px; color:#505050;border:1px solid #ccc;}

#slideshow .big-image-holder ul li img {width:100%;}

            



*/
