@charset "utf-8";

@font-face {font-family:'Aspergit'; src:url('../Fonts/Aspergit.otf') format('opentype');}
@font-face {font-family:'TitilliumWeb-Regular'; src:url('../Fonts/TitilliumWeb-Regular.ttf') format('truetype');}
@font-face {font-family:'Biko_Regular'; src:url('../Fonts/Biko_Regular.otf') format('opentype');}

body{border:0;font-size:20px;font-style:normal;font-weight:normal;line-height:26px;margin:0px; padding:0px;  background:#ffffff; font-family:'TitilliumWeb-Regular'; src:url('../Fonts/TitilliumWeb-Regular.ttf') format('opentype');}

a{ border:none; text-decoration:none;}

.main { clear:both; margin:0px; padding:0px; width:100%; max-width:1600px; }
.main1 {clear:both; margin:0px; padding:0px; width:100%; background:#ffffff; max-width:1600px; }
.main2 { clear:both; margin:0px; paddimg:0px; width:100%; background:#f2f2f2; max-width:1600px; }
.main3 { clear:both; margin:0px; padding:0px; width:100%; background:#fafafa; max-width:1600px;}
.main4 { clear:both; margin:0px; padding:0px; width:100%; }
.main5 { clear:both; margin:0px; padding:0px; width:100%; background:#eceded; max-width:1600px;}
.main6 { clear:both; margin:0px; padding:0px; width:100%; background:#f3f4f4; max-width:1600px;}
.main7 { clear:both; margin:0px; padding:px; width:100%; background:url(../images/background.jpg) no-repeat ; max-width:1600px;}
.main8 { clear:both; margin:0px; padding:0px; width:100%; background:#ffffff; max-width:1600px;}

.wrapper { clear:both; margin:0 auto; padding:0px; width:90%; overflow:hidden;  }
.wrapper1 { clear:both; margin:0 auto; padding:0px; width:95%; overflow:hidden;  }
.wrapper2{ clear:both; margin:0 auto; padding:0px; width:95%; overflow:hidden;  padding-top:3%;}

.htop  { clear:both; margin:0px; padding:0px; width:100%;position:fixed; background:#ffffff; z-index:100;}
.logo { float:left; margin:0px; padding:0px; width: 15%;   }
.logo img { padding-left: 25%; padding-top: 0px; width: 62px; }
.top { float:left; margin:0px; background:#0ac4fd; width:85%;  }
.contact { float: left; margin: 0px; font-size: 9px; font-family:TitilliumWeb-Regular;  line-height: 11px; padding: 5px 0px 0px 15%; }

.hot1 { float:left; }
.hot2 { float:left; padding-left: 20px; }
.hot3 { float:left; padding-left: 20px; }

.banner { width:100%; margin:0px; padding:0px; overflow:hidden; }
.banner1 { width:100%; margin:0px; padding:0px; overflow:hidden; }
.about { float:left; padding-top: 3%;}
.about h1{ text-align: center; padding-top:50px; font-size: 40px; letter-spacing: 0px; color: rgb(217, 99, 55); }
.about p { color: #000; padding: 0px 10px; text-align: center; font-size: 20px; line-height: 26px; }

.about1 { float: left; width: 100%; padding: 0px 0px;  text-align: center;}
.design { float: left; width: 33%; text-align: center; padding-left: 0px; }
.design h2 { color: rgb(5, 5, 5); text-align: center; padding-top: 10px; }
.design p {
	text-align: center;
	color: rgb(0,0,0);
	padding: 0px 32px;
}
.develope { float: left; width: 33%; padding-left: 0px; text-align: center; }
.develope h2 { color: rgb(5, 5, 5); text-align: center; padding-top: 10px; }
.develope p {
	text-align: center;
	color: rgb(0,0,0);
	padding: 0px 32px;
}
.marketing { float: left; width: 33%; padding-left: 0px; text-align: center; }
.marketing h2 { color: rgb(5, 5, 5); text-align: center; padding-top: 10px; }
.marketing p  {
	text-align: center;
	color: rgb(0,0,0);
	padding: 0px 32px;
}

.btn { text-align:center;     padding-top: 82px;    padding-bottom: 10px;}
.btn0 { text-align:center;     padding-top: 80px;    padding-bottom: 10px;}
.model {float:left; padding-top: 6px; width:100%; text-align:center; }
.mod1 {float:left;  width:25%; }
.mod2 {float:left;  width:25%; }
.mod3 {float:left;  width:25%; }
.mod4 {float:left;  width:25%; }

.house { text-align: center; float: left; padding-top: 0px; padding-bottom: 30px; }
.house h1 { color: rgb(10, 196, 253); font-size: 40px; padding-top:2px; padding-bottom:0px }
.house p {
	color: rgb(0,0,0);
	padding: 0% 10%;
	line-height: 30px;
	font-size: 18px;
}

.model1 { float:left; padding-top: 45px; width:50%; padding-bottom: 70px; }
.img1 { float: left; padding-left: 0px; }
.img2 { float: left; padding-left: 80px; }
.img3 { float: left; padding-left: 160px; padding-top: 3px; }
.house1 { float: left; width: 50%; padding-top: 45px; padding-bottom: 70px; }
.img4 { float: left; padding-left: 95px; }
.img5 { float: left; padding-left: 160px; }
.content { float: left; text-align: center; padding-top: 6px; }
.content h1 { color: rgb(10, 196, 253); font-size: 50px; }
.content p {
	line-height: 28px;
	font-size: 18px;
	color: #000000;
}

.midbanner { width:100%; margin:0px; padding:0px; overflow:hidden: }

.con1 { float:left; padding-top: 100px; width:50%;   }
.photo1 { float: left; padding-left: 50px; }
.photo2 { float: left; padding-left: 130px; }
.con2 { float:left; padding-top: 100px; width:50%;  }
.photo3 { float: left; padding-left: 0px; }
.photo4 { float: left; padding-left: 80px; padding-top: 45px; }
.photo5 {  float: left; padding-left: 160px; padding-top: 5%;    padding-bottom: 10%; }

.smart1 {float:left; width:100%; text-align:center;  }
.s1 {float: left; padding-left: 0px; padding-top: 9%; width:25%; }
.s2 {float:left; padding-left: 0px; width:25%;  } .s2 img {width:100%; }
.s3 {float: left; padding-left: 0px; padding-top: 10%; width:25%; }
.s4 {float: left; padding-top: 9%; padding-left: 0px; width:25%;  }

.smart2 { text-align: center; float: left; padding-top: 0px; padding-bottom: 30px; }
.smart2 h1 { color: #fd0a0a; font-size: 50px; }
.smart2 p {
	color: rgb(0,0,0);
	padding: 0% 4%;
	line-height: 30px;
	font-size: 20px;
}

.custom { width:100%;  overflow:hidden; color: rgb(255, 255, 255); padding: 50px 0px; }
.custom h1 { text-align:center; }
.custom h3 { text-align:center; }
.para { text-align: center; float: left; padding-left: 10%; }
.p1 { float: left; width: 8%; }
.p2 { float: left; width: 70%; text-align: center; padding-top: 3px; font-size: 23px; line-height: 36px; word-spacing: 3px; }
.p3 { float: left; width: 5%; }

.footer { width:100%; padding-top:10px; }
.footer h1 {text-align: center; color: #535454; font-size: 60px; letter-spacing: 5px; }

.footer1 { float: left; padding: 2% 0% 0%; width: 100%; text-align:center; }
.f1 { float:left; padding-left: 0px; width:25%; } .f1 img { width:96%; }
.f2 { float:left; padding-left: 0px; width:25%; } .f2 img { width:96%; }
.f3 { float:left; padding-left: 0px; width:25%; } .f3 img { width:96%; }
.f4 { float:left; padding-left: 0px; width:25%; } .f4 img { width:96%; }

.footer2 { float: left; width: 100%; padding: 1% 0% 0%; text-align: center; }
.fp1 { float: left; padding-left: 0%; width:32%; }
.fp1 h2 { color:#646262; line-height: 0px; font-size: 25px;}
.fp1 p { color: #646262;  line-height: 30px;font-size: 15px; font-family:TitilliumWeb-Regular; }
.fp2 {float: left; padding-left: 0%; width:32%; }
.fp2 h2 { color:#646262; line-height: 0px; font-size: 25px; }
.fp2 p { color: #646262;  line-height: 30px;font-size: 15px; font-family:TitilliumWeb-Regular;}
.fp3 { float: left; padding-left: 0%; width:32%; }
.fp3 h2 { color:#646262; line-height: 0px; font-size: 25px; }
.fp3 p { color: #646262;  line-height: 30px;font-size: 15px;font-family:TitilliumWeb-Regular; }

.footer3 { float: left; width: 100%; color: #646262; font-size: 15px;font-family:TitilliumWeb-Regular;line-height: 0px;  }
.ff1 { float: left; padding-left: 5%; }
.ff2 { float: right; padding-right: 13%; }


.full{ width:100%; margin:0px; padding:0px;}
.dresses {float:left; width:20%; margin:0px; padding:0px; padding-top: 8%; font-size: 9px; font-family:Biko_Regular; }
.dresses { line-height: 0px; color:#585959; }
.category { list-style:none; }
.ca1 {  }
.ca1 a { font-size: 18px; color: #585959; line-height: 30px; } 
.aboutus {float:right; width:75%; margin:0px; padding:0px; text-align:center; padding-top:1%; font-family: }

.aboutus h1{ color:#0094ca; }
.aboutus p { color:#585959; font-size: 18px; font-family:TitilliumWeb-Regular; text-align:justify;}

.work {float:left; width:80%; text-align:center; padding-left:20%;  padding-top:3%; }
.work h1 { color:#0082ca; border-bottom:1px solid #9db3ca; padding-bottom:10px; }
.work p { color:#585959; font-size: 18px; font-family:TitilliumWeb-Regular;}

.more { width:100%; text-align:center; margin:0px; padding:0px; }
.more h1 { color:#585959; font-weight: initial; font-size: 30px; }
.more h3 { color:#585959;  font-weight: initial; font-size: 20px; }
.items { float:left; width:100%; margin:0px; padding:0px; text-align:center; }
.it1 { float:left; width:16.5%; } .it1 h6 { line-height: 0px; }
.it2 { float:left; width:16.5%; } .it2 h6 { line-height: 0px; }
.it3 { float:left; width:16.5%; } .it3 h6 { line-height: 0px; }
.it4 { float:left; width:16.5%; } .it4 h6 { line-height: 0px; }
.it5 { float:left; width:16.5%; } .it5 h6 { line-height: 0px; }
.it6 { float:left; width:16.5%; } .it6 h6 { line-height: 0px; }


.product {float:left; width:80%; margin:0px;  text-align:center; }
.prodct h3 {color:#474848; }
.product h1 { color:#585959; line-height: 0px; }
.pro { float:left; width:100%; margin:0px; text-align:center; padding-top:10%; font-size: 12px; font-family:Biko_Regular; }
.pro1 { float:left; width:25%; } .pro1 p { font-size:10px; line-height:17px; color:#585959;}
.pro2 { float:left; width:25%; } .pro2 p { font-size:10px; line-height:17px; color:#585959;}
.pro3 {float:left;  width:25%; } .pro3 p { font-size:10px; line-height:17px; color:#585959;}
.pro4 {float:left;  width:25%; } .pro4 p { font-size:10px; line-height:17px; color:#585959;}
.product1 {float:left; width:80%; margin:0px; padding-top:5%; text-align:center; padding-left:20%; }



---middle banner------!>
.mid1{float:left;}
.mid2{float:left;}
.mid3{}

.intro{width: 100%;
text-align: center;
padding-top: 12%;
padding-bottom: 2%;}

/*-----client page----*/
.client1{padding-top:2%; padding-bottom:1%; border-bottom:1px solid #9db3ca;    width: 85%;padding-left: 0%;}
.client {float:left; width:80%; margin:0px;  text-align:center; }
#clntimg{width:100%;float:left;text-align: center;}

.part1{float:left;width:100%;padding-bottom: 2%;}
.part2{float:left;width:100%;padding-bottom: 2%;}
.part3{float:left;width:100%;padding-bottom: 2%;}
.part4{float:left;width:100%;padding-bottom: 2%;}
.part5{float:left;width:100%;padding-bottom: 2%; border-bottom:1px solid #9db3ca;}
.i1{float:left;width:20%;}
.i2{float:left;width:20%;}
.i3{float:left;width:20%;}
.i4{float:left;width:20%;}
.i5{float:left;width:20%;}




/*-----end client page----*/




/*-----contact page----*/
.cover{width:100%;float:left;padding-bottom: 2%; font-size: 15px;font-family:TitilliumWeb-Regular;   padding-top: 2%;}
.addr{width:50%;line-height: 40px; float:left;}
.sbt{text-align:left;padding-left: 50%;}

#conadd{width: 40%;float: left;}	
#contactfrmcol2{ float:right; width:100%; margin:0px; padding:0px;text-align: justify;}
#contactfrmcol2 h1 { line-height:0px; font-size: 23px; font-weight:normal; padding-bottom: 10px; }
#frmtbox{ width:60%; float:left; padding:0px; margin:0px; padding-bottom:14px;}
#frmtbox label{ width:100%; float:left; padding:0px; margin:0px; padding-bottom:1px; font-size:20px; line-height:22px; color:#000114;}

.txtbox1{ width:95%; max-width:500px; margin:0px; padding:6px 1% 5px 1%;font-size:16px;  border:1px solid #000114; color:#000000;  outline:none; background:#FFFFFF; font-weight:normal;}
.txtbox1:focus{color:#000000;}
.txtbox2{ width:95%; max-width:500px; margin:0px; padding:6px 1% 5px 1%;font-size:16px; border:1px solid #000114; color:#000000;  outline:none; background:#FFFFFF; font-weight:normal; height:100px; max-height:100px; min-height:140px; max-width:500px;    font-family: sans-serif;}
.txtbox2:focus{color:#000000;}
#code{  max-width:100px; float:left; background-image:url(../Images/enq.png); text-align:center; border:none; height:26px; outline:none; padding:3px 0px; font-size:20px; font-weight:bold;  -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }
.txtbox{width:95%; max-width:100px; margin:0px; padding:6px 5px 5px 5px;font-size:16px; border:1px solid #000114; color:#000000;  outline:none; background:#FFFFFF; font-weight:normal;}
.txtbox:focus{color:#000000;}
.ermsg{ color:#F00; font-size:16px; width:100%; float:left; padding-top:2px; line-height:16px;}

.bttn{ width:170px; margin:0px; outline:none;padding:6px 10px; border:1px solid #7ac143; color:#FFFFFF; cursor:pointer; font-size:17px;      background: #7ac143; font-weight:normal;}
.name{float: left;color: rgb(97, 116, 96); padding-top: 5px;padding-left: 5px;}
.enqr{ padding-top: 1%;width: 42%;float:right;}

#frmtbox1{padding-bottom: 3%;}
/*-----end contact page----*/



/*-----gallery page-----*/
.cover1{width:100%;padding-top:2%;padding-bottom:2%;float: left;}
.collct{width:100%;float: left;padding-left: 3%;padding-top: 2%;
padding-bottom: 2%;}

.gal1{float:left; width:20%; } 
.gal2{float:left; width:20%; } 
.gal3{float:left; width:20%; } 
.gal4{float:left; width:20%; } 
.gal5{float:left; width:20%; } 
/*-----end gallery page-----*/


.float1 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 10%;
    left: 90%;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 2px 2px 3px #999;
    z-index: 111112;
}