@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'),
       url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
	   url('../fonts/ProximaNovaRegular.woff2') format('woff2'),
	   url('../fonts/ProximaNovaRegular.eot'),
	   url('../fonts/ProximaNovaRegular.eot?#iefix') format('embedded-opentype'),
	   url('../fonts/ProximaNova-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



*{margin:0;pading:0; box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; outline:none;}
body{ font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; font-size:18px; line-height: 1.5; color: #53595a; font-weight: normal; background-color:#f7f5f3;}
img{ border:0; max-width:100%; outline:none; height:auto;}
a{text-decoration: none; color: #2faac0; outline:none;}
p{ margin:0 0 20px 0;}
p:last-of-type{ margin:0;}
input[type="text"],input[type="tel"],input[type="email"],input[type="number"]{font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; border:1px solid #e1e1e1; padding:10px 10px; line-height:1.5; border-radius:0;}
input[type="submit"]{font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; cursor:pointer; border:0;}
input[type="button"]{font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; cursor:pointer; border:0;}
textarea{font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; border:1px solid #e1e1e1; padding:10px 10px; line-height:1.5;}
h1{ font-size:62px; line-height:1.2; font-weight:600; margin:0 0 20px 0; font-family: 'Old Standard TT', serif;}
h2{ font-size:40px; line-height:1.2; font-weight:600; margin:0 0 20px 0; font-family: 'Old Standard TT', serif;}
h3{ font-size:32px; line-height:1.2; font-weight:600; margin:0 0 20px 0; font-family: 'Old Standard TT', serif;}
h4{ font-size:22px; line-height:1.2; font-weight:600; margin:0 0 20px 0; font-family: 'Old Standard TT', serif;}
h5{ font-size:20px; line-height:1.2; font-weight:600; margin:0 0 20px 0; font-family: 'Old Standard TT', serif;}
h6{ font-size:18px; line-height:1.2; font-weight:600; margin:0 0 20px 0; font-family: 'Old Standard TT', serif;}

.sitewrap{ clear:both; margin:0 auto; padding:0; max-width:1170px;}
.sitewrap:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.reqacustombtn{ color:#FFFFFF; line-height:1; font-size:18px; font-weight:600; background-color:#2faac0; padding:21px 20px;  display:block; margin:0 auto; width:300px; clear:both; cursor:pointer; text-align:center;}
.reqacustombtn:hover{ background-color:#53595a; color:#FFFFFF;}
.buycurtainbtn{ color:#2faac0; line-height:1; font-size:18px; font-weight:600; background-color:#FFFFFF; padding:20px 20px;  display:block; margin:0 auto; width:200px; clear:both; cursor:pointer; text-align:center; border:2px solid #2faac0;}
.buycurtainbtn:hover{ background-color:#2faac0; color:#FFFFFF;}


/*Header*/
.headertopsec{ clear:both; margin:0; padding:35px 40px; background-color:#FFFFFF;}
.headertoparea{ clear:both; margin:0; padding:0;}
.headertoparea:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.headerlogo{ display:block; float:left;}
.headerlogo img{ display:block; margin:0 auto;}
.headertel{ display:block; float:right; font-family: 'Old Standard TT', serif; font-size:28px; line-height:22px; color:#53595a;}
.headertel:hover{ color:#2faac0;}
/*End Header*/


/*Letsusmake*/
.letusmakesec{ clear:both; margin:0; padding:156px 0 112px 0; background:url("../images/letusmake-bg.jpg") no-repeat center top #f7f5f3; background-size:100% auto;}
.letusmakearea{ clear:both; margin:0; padding:0;}
.letusmakearea:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.letusmakecont{ clear:both; margin:0 0 190px 0; padding:0;}
.letusmakecont > h1{ text-align:center; text-transform:uppercase; line-height:1.5; margin:0 0 20px 0;}
.letusmakecont > h4{ text-align:center; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; font-weight:400; margin:0 0 60px 0;}

ul.headerCurtainboxes{ clear:both; margin:0 -10px 50px -10px; padding:0;}
ul.headerCurtainboxes:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.headerCurtainboxes > li{ display:block; float:left; margin:0; padding:0; width:33.333%;}
.headerCurtainbox{ display:block; margin:0; padding:0 10px; text-align:center;}
.headerCurtainbox > img{ display:block; margin:0 auto 20px auto; box-shadow:0 0 10px 10px rgba(0,0,0,0.05); height:auto;}
.headerCurtainbox > h4{ text-transform:uppercase; line-height:1.5;}
ul.headerCurtainboxes > li:nth-child(3) .headerCurtainbox > p:nth-of-type(2){ font-size:13px; font-style:italic;}
/*End Letsusmake*/


/*Curtainfabric Images*/
.curtainfabriclistsec{ clear:both; margin:0; padding:0;}
ul.curtainfabriclist{ display:block; margin:0; padding:0;}
ul.curtainfabriclist:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.curtainfabriclist > li{ display:block; margin:0; padding:0; float:left; width:14.2857%;}
ul.curtainfabriclist > li > img{ display:block; margin:0 auto; width:100%;}
/*End Curtainfabric Images*/


/*Testimonials*/
.testimonialssec{ clear:both; margin:0; padding:110px 0 15px 0; }
.testimonialsarea{ clear:both; margin:0; padding:0;}
.testimonialsarea > h2{ text-align:center; margin:0 0 50px 0; text-transform:uppercase;}
ul.testimonailslist{ display:block; clear:both; margin:0 -15px; padding:0;}
ul.testimonailslist:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.testimonailslist > li{ display:block; float:left; margin:0; padding:0; width:33.333%;}
.testimonailbox{ display:block; margin:30px 0; padding:0 15px;}
.testimonailboxgap{ display:block; margin:0; padding:0; text-align:center;}
.testimonailbox .testimonailboxgap{ padding:35px 35px; border:2px solid #6e6f6d;}
.testimonailbox img{ display:block; margin:0 auto 30px auto;}
.testimonailbox p{ margin:0 0 30px 0;}
.testimonailbox h6{ margin:0; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; line-height:1.5;}
/*End Testimonials*/


/*About Cubicle*/
.aboutcubiclesec{ clear:both; margin:0; padding:90px 0; }
.aboutcubiclearea{ clear:both; margin:0; padding:0;}
.aboutcubiclearea > h2{ text-align:center; margin:0 0 50px 0; text-transform:uppercase;}
.aboutcubiclecont{ clear:both; margin:0; padding:40px 70px 0 70px;  background:url("../images/about_cubical-bg.jpg") no-repeat center top;}
.aboutcubiclecont:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.aboutcubicletext{ display:block; width:42%; float:right; background-color:#FFFFFF; padding:45px 45px; box-shadow:0 5px 5px 5px rgba(0,0,0,0.05);}
.aboutcubicletext > p{ line-height:1.8;}
/*End About Cubicle*/


/*Buy Direct*/
.buydirectsec{ clear:both; margin:0 0 80px 0; padding:0px 0;  overflow:hidden;}
.buydirectarea{ clear:both; margin:0; padding:0; position:relative;}
.buydirectarea:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.buydirectcont{margin:0; padding:66px 90px; background-color:#FFFFFF; float:left; width:58%; }
.buydirectcont:before{ content:""; display:block; margin:0; padding:0; position:absolute; left:58%; top:0; bottom:0; width:200%; background:url("../images/buy-direct-bg.jpg") no-repeat left top; }
.buydirectcont > h2{ margin:0 0 30px 0; text-transform:uppercase;}
.buydirectcont > p{margin:0 0 30px 0;}
.buydirectcont .buycurtainbtn{ margin:30px 0 0 0;}
/*End Buy Direct*/

/*Submit SameDay*/
.submitsamedaysec{ clear:both; margin:0 0 0px 0; padding:0;}
.submitsamedayarea{ clear:both; margin:0; padding:0; position:relative;}
.submitsamedayarea:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.submitsamedayarea > h3{ text-align:center; margin:0 0 50px 0; text-transform:uppercase;}
.heaveaquestion{ margin:0 0 60px 0; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; line-height:1; text-align:center; clear:both;}
.heaveaquestion a:hover{ color:#53595a;}

.submitreqformarea{ clear:both; margin:0 auto 30px auto; padding:0; max-width:630px;}
.submitreqformarea > form{ display:block; margin:0; padding:0;}
.submitreqformarea > form:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.submitreqformarea > form > p{ display:block; margin:-1px 0 0 -1px; padding:0; float:left; width:100%;}
.submitreqformarea > form ::placeholder{ color:#9fa0a0; opacity:1;}
.submitreqformarea > form input[type="text"],.submitreqformarea > form input[type="tel"],.submitreqformarea > form input[type="email"]{ display:block; margin:0; padding:10px 10px; border:1px solid #d2d6d7; font-size:16px; line-height:1.5; width:100%;}
.submitreqformarea > form select{ display:block; margin:0; padding:10px 10px; height:46px; border:1px solid #d2d6d7; color:#9fa0a0; font-size:16px; line-height:1.5; width:100%; appearance: none;  -webkit-appearance: none;     -moz-appearance: none; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; background:url("../images/arrow-down.png") no-repeat right 10px center #FFFFFF;  border-radius:0;}

.submitreqformarea > form input[type="button"]{display:block; margin:0; padding:15px 10px; border:1px solid #2faac0; background-color:#2faac0; color:#FFFFFF; font-size:18px; line-height:1.5; width:100%; cursor:pointer; border:0; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; }
.submitreqformarea > form input[type="button"]:hover{ background-color:#53595a;}
.submitreqformarea > form > p:nth-child(1),.submitreqformarea > form > p:nth-child(2),.submitreqformarea > form > p:nth-child(3),.submitreqformarea > form > p:nth-child(4){ width:50%;}
.submitreqformarea > form > p:nth-child(5){ margin:20px 0 0 -1px;}
.submitreqformarea > form > p:nth-child(6),.submitreqformarea > form > p:nth-child(7){ width:33.333333%;}
.submitreqformarea > form > p:nth-child(8){ width:33.66666%;}
.submitreqformarea > form > p:nth-child(10){ margin:20px 0 0 -1px;}
/*End Submit SameDay*/



/*TrackLayout*/
.tracklayoutsec{ clear:both; margin:0; padding:50px 0;}
.tracklayoutarea{ clear:both; margin:0; padding:0;}
.pagetopcont{ clear:both; margin:0 auto 50px auto; padding:0; text-align:center; max-width:830px;}
.pagetopcont > h3{ text-transform:uppercase;}
.tracklayoutarea > h5{ margin:0; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; line-height:1; text-align:center;}
.tracklayoutarea > h5 a:hover{ color:#53595a;}
.styleselectarea{ clear:both; margin:0 0 50px 0; padding:0 40px;}
ul.selectstylelist{ display:block; margin:0; padding:0;}
ul.selectstylelist:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.selectstylelist > li{ display:block; float:left; margin:0; padding:0 8px; width:20%;}
.stylebox{ display:block; clear:both; margin:0; padding:0; background-color:#FFFFFF; min-height:888px;}
.stylelabelarea{ clear:both; margin:0; padding:25px 20px; border-bottom:1px solid #dfe2e3; line-height:1;}
.stylelabelarea > input[type="checkbox"]{ display:none;}
.stylelabelarea > label{ display:block; position:relative; line-height:1; font-size:16px; padding:0 0 0 40px; cursor:pointer;}
.stylelabelarea > label:before{ content:""; display:block; margin:0; padding:0; width:22px; height:22px; border:1px solid #d2d6d7; position:absolute; left:0; top:-5px;}
.stylelabelarea > input[type="checkbox"]:checked + label:before{ background:url("../images/checkmark.png") no-repeat center center;}
.frameimagearea{ display:block; clear:both; margin:0; padding:10px 0;}
.frameimagearea > img{ display:block; margin:0 auto;}
ul.diemntionslist{ display:block; margin:0; padding:0 20px; clear:both;}
ul.diemntionslist:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.diemntionslist > li{ display:block; margin:20px 0; padding:0; text-align:center;}
ul.diemntionslist > li:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.diemntionslist > li > label{ display:inline-block; float:none; margin:12px 0 0 0; padding:0; line-height:1; font-size:16px; min-width:80px; vertical-align:top; text-align:left;}
ul.diemntionslist > li > span{ display:inline-block; float:none; margin:13px 0 0 10px; padding:0; line-height:1; font-size:15px; color:#989b9c; vertical-align:top; text-align:left;}
ul.diemntionslist > li > input[type="text"]{ display:inline-block; float:none; width:50px; margin:0 0 0 10px; padding:10px 10px; vertical-align:top;}
ul.diemntionslist > li > input[type="number"]{ display:inline-block; float:none; width:110px; margin:0 0 0 10px; padding:10px 10px;  vertical-align:top;}
ul.deminsliststyle1 > li:nth-child(3),ul.deminsliststyle1 > li:nth-child(6){ margin-bottom:50px;}
/*End TrackLayout*/


/*Fabric And Other*/
.fabricansothersec{ clear:both; margin:0; padding:50px 0;}
.fabricansotherarea{ clear:both; margin:0; padding:0;}
.fabricpreferencearea{ clear:both; margin:0 auto 50px auto; padding:50px 50px; max-width:630px; background-color:#FFFFFF;}
ul.fabricpreferlist{ display:block; margin:0 auto; padding:0 0; clear:both; max-width:370px;}
ul.fabricpreferlist:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.fabricpreferlist > li{ display:block; margin:0px 0 30px 0; padding:0; }
ul.fabricpreferlist > li > label{ display:block; margin:0 0 5px 0; padding:0; font-size:15px; font-weight:bold; line-height:1; }
ul.fabricpreferlist > li > input[type="text"]{ display:block; width:100%; margin:0 0 0 0px; padding:10px 10px; }
ul.fabricpreferlist > li > p{ display:block; margin:0 0 15px 0; padding:0; font-size:15px; font-weight:normal; line-height:1.2; }
ul.fabricpreferlist > li > textarea{ display:block; width:100%; margin:0 0 0 0px; padding:10px 10px; resize:none;}
ul.fabricpreferlist > li > select{ display:block; margin:0; padding:10px 10px; height:46px; border:1px solid #d2d6d7; color:#9fa0a0; font-size:15px; line-height:1.5; width:100%; appearance: none;  -webkit-appearance: none; -moz-appearance: none; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; background:url("../images/arrow-down.png") no-repeat right 10px center #FFFFFF;  border-radius:0;}
ul.fabricpreferlist > li > input[type="file"]{ display:block; margin:0; padding:0; border:1px dashed #d2d6d7; width:100%;}
ul.fabricpreferlist > li:last-child{ margin:0;}
.submitaquotebtn{display:block; margin:0 auto; padding:15px 10px; border:1px solid #2faac0; background-color:#2faac0; color:#FFFFFF; font-size:18px; line-height:1.5; width:100%; cursor:pointer; border:0; font-family:'ProximaNova-Regular', Arial, Helvetica, sans-serif; width:400px; }
.submitaquotebtn:hover{ background-color:#53595a;}


ul.ulcheckboxlists{ display:block; margin:0; padding:0 0px; clear:both;}
ul.ulcheckboxlists:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
ul.ulcheckboxlists > li{ display:block; float:left; padding:0; margin:0 0 0 20px; text-align:left;}
ul.ulcheckboxlists > li:first-child{ margin-left:0;}
ul.ulcheckboxlists > li > input[type="radio"]{ display:none;}
ul.ulcheckboxlists > li > label{ display:block; position:relative; line-height:1; font-size:16px; padding:0 0 0 35px; cursor:pointer;}
ul.ulcheckboxlists > li > label:before{ content:""; display:block; margin:0; padding:0; width:22px; height:22px; border:1px solid #d2d6d7; position:absolute; left:0; top:-5px;}
ul.ulcheckboxlists > li > input[type="radio"]:checked + label:before{ background:url("../images/checkmark.png") no-repeat center center;}
/*End Fabric And Other*/

/*Footer*/
.footersec{ clear:both; margin:0; padding:0px 0;  overflow:hidden;}
.footerarea{ clear:both; margin:0; padding:45px 0; border-top:1px solid #d2d6d7;}
.footerarea:after{ content:""; display:table; clear:both; width:100%; margin:0; padding:0; line-height:0;}
.footerarea > p{ text-align:center; font-size:16px; color:#9fa0a0;}
/*End Footer*/

.mailstatus { margin:15px 0px; }
.mailstatus .errormessage,
.mailstatus .successmessage { background: red; display: block; padding: 5px 15px; color: white;}
.mailstatus .successmessage { background:#78ec4b; color: white;}
.mailstatus.thirdStep {width: 630px;margin: 0 auto;}

.thankyousec{ clear:both; margin:0; padding:0;}
.thankyouarea{ clear:both; margin:0; padding:200px 0;}
.thankyouarea > h1{ text-align:center;}
.thankyouarea > p{ text-align:center;}


@media screen and (max-width:1400px){
ul.diemntionslist > li > input[type="text"],ul.diemntionslist > li > input[type="number"],ul.diemntionslist > li > span{ margin-left:2px;}
ul.diemntionslist > li > input[type="number"]{ width:100px;}
ul.diemntionslist{ padding:0 10px;}
}

@media screen and (max-width:1200px){
.sitewrap{ padding:0 10px; max-width:100%;}
ul.testimonailslist{ margin:0;}
.styleselectarea{ padding:0;}
.tracklayoutsec{ padding:20px 10px;}
.fabricansothersec{ padding:20px 10px;}
ul.selectstylelist > li{ width:33.33%; margin:10px 0;}

}

@media screen and (max-width:1024px){
h1{ font-size:45px;}
h2{ font-size:35px;}
h3{ font-size:30px;}
.headertopsec{ padding:30px 20px;}
.reqacustombtn{padding: 15px 20px;}
.submitaquotebtn{padding: 15px 20px; line-height:1;}
.aboutcubiclecont{ background-size:auto 100%; padding:0;}
.letusmakesec{padding:100px 0 100px 0;}
.letusmakecont{ margin:0 0 100px 0;}
.testimonialssec{padding:100px 0 0px 0;}
.testimonialsarea > h2{ margin:0 0 30px 0;}
.buydirectcont{ padding:40px 40px;}
.buycurtainbtn{padding: 15px 20px;}
.submitreqformarea > form input[type="button"]{padding: 10px 20px; line-height:1;}
}

@media screen and (max-width:980px){
.testimonailbox .testimonailboxgap{ padding:20px;}
}

@media screen and (max-width:767px){
h1{ font-size:30px;}
h2{ font-size:25px;}
h3{ font-size:22px;}
.headertopsec{ padding:20px 20px;}
.headerlogo{ display:block; width:100%; text-align:center; margin:0 0 20px 0;}
.headertel{ display:block; width:100%; text-align:center; font-size: 22px;}
.letusmakesec{ padding:50px 0 50px 0;}
.letusmakecont{ margin:0 0 50px 0;}
.letusmakecont > h4{ margin:0 0 20px 0;}
.letusmakecont > h1 br{ display:none;}
ul.headerCurtainboxes{ margin:0;}
ul.headerCurtainboxes > li{ width:100%; margin:0 0 40px 0;}
ul.curtainfabriclist > li{ width: 33.33%;}
ul.curtainfabriclist > li:last-child{ display:none;}

.testimonialssec{ padding:50px 0 0 0;}
.testimonialsarea > h2{ margin:0 0 10px 0;}
ul.testimonailslist > li{ width:100%;}
ul.testimonailslist > li .testimonailbox:last-child{ margin-bottom:0;}
.aboutcubiclesec{ padding:50px 0;}
.aboutcubiclearea > h2{ margin:0 0 20px 0;}
.aboutcubiclecont{ background-image:none;}
.aboutcubicletext{ width:100%; padding:20px 20px;}
.buydirectcont::before{ display:none;}
.buydirectcont{ width:100%; padding:20px;}
.stylebox{ min-height:initial;}

.styleselectarea{ margin:0 0 20px 0; text-align:center;}
.stylelabelarea > label{ display:inline-block;}
ul.selectstylelist > li:nth-child(3){ clear:left;}


.reqacustombtn{ padding:10px 10px;}
.buycurtainbtn{ padding:10px 10px;}
.submitaquotebtn{padding: 10px 10px; line-height:1; width:300px;}
.submitreqformarea > form input[type="button"]{ padding:10px 10px;}
.submitreqformarea > form > p:nth-child(1), .submitreqformarea > form > p:nth-child(2), .submitreqformarea > form > p:nth-child(3), .submitreqformarea > form > p:nth-child(4){ width:100%;}
.submitreqformarea > form > p:nth-child(6), .submitreqformarea > form > p:nth-child(7),.submitreqformarea > form > p:nth-child(8){ width:100%;}
.submitreqformarea > form > p:nth-child(5){ margin-top:-1px;}
.pagetopcont{ margin:0 0 20px 0; max-width:100%;}
ul.selectstylelist > li{ width:50.00%;}
.submitsamedayarea > h3{ margin:0 0 20px 0;}
.buydirectsec{ margin:0 0 50px 0;}
.fabricpreferencearea{ padding:20px 20px; margin:0 0 20px 0;}
ul.fabricpreferlist{ max-width:100%;}

.testimonailbox img{ margin:0 auto 10px auto;}
.testimonailbox p{margin: 0 0 10px 0;}

.heaveaquestion{ margin:0 0 20px 0;}
.footerarea{ padding:20px 0;}
}


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

ul.selectstylelist > li{ width:100%;}
}