@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}

body{  	font-family: 'Lato', Helvetica, Arial, sans-serif; color:#222;   font-weight:300;}
.center_container {height:100%; margin:0px auto; backgound-color:#000; position:absolute; float:left; left:0px; top:0px; right:0px; bottom:0px; z-index:2;  width:1024px;   }
.center_container1 {height:2000px; margin:0px auto; backgound-color:#000; position:absolute; float:left; left:0px; top:0px; right:0px; bottom:0px; z-index:2;  width:1024px;   }

.header{height:70px; padding:20px 0px; width:100%; position:fixed; float:left; left:0px; top:0px; background-color:#FFF; z-index:999;box-shadow:5px 5px 10px #666;  transition:all; -moz-transition:0.3s;-webkit-transition:1s; -o-transition:1s;}
.icon{height:auto; width:auto; position:absolute; float:left; left:20px; top:30px; font-size:40px; transition:all; -moz-transition:0.3s;-webkit-transition:1s; -o-transition:1s;}

.menus_con{height:50px; width:601px; background-color:033; float:left;  right:0px;   top:30px;  position:absolute; transition:all; -moz-transition:0.3s;-webkit-transition:1s; -o-transition:1s;   }
.menus{height:30px; padding:12px 13px; float:left; left:0px; width:auto; position:relative; top:0px; font-weight:400; color:#666; background-color:#f; font-size:18px;  transition:all; -moz-transition:2s;-webkit-transition:2s; -o-transition:2s;  }  
.menus:hover{ color:#666; cursor:pointer;}

.contact_con{height:600px; width:100%; position:relative; float:left; left:0px; top:0px; background-color:#00; margin-top:20px; top:100px;}
.contact_con1{height:auto; padding-bottom:180px; background-image:url(../images/bg-crosses.png); width:100%; position:relative; float:left; left:0px; top:0px; background-color:#00; margin-top:20px; top:90px;}
.contact_con2{ background-color:#093;height:auto; padding-bottom:180px;  width:100%; position:relative; float:left; left:0px; top:0px; background-color:#00; margin-top:20px; top:90px;}

p{ font-size:24px; line-height:30px; text-align:justify;}

.f{ font-weight:400;}
.main-con{height:500px; width:500px; position:relative; float:left; margin-left:10px;  margin-top:10px;}
.heading{height:50px; width:auto; position:absolute; float:left; left:0px; top:10px; left:10px; font-size:30px; }
.heading1{height:50px; width:100%; text-align:center; position:absolute; float:left; left:0px; top:20px; left:10px; font-size:40px; }

.con{height:420px; width:420px; position:relative; float:left; margin-left:10px; backgr-color:#000; margin-top:70px;}
.words{height:auto; width:90%; left:5%; position:relative; float:left; margin-top:10px;  font-size:20px; color:#666;}

.socia{height:50px; width:600px; background-color:#; text-align:left !important;  margin:0px auto; position:absolute; float:left; left:0px; top:40px; right:0px; bottom:0px; font-size:40px; color:#666;}
 
 .product_mar{height:50px; width:100%; position:relative; float:left; left:0px; margin-top:10px; top:70px; background-color:000;}

.product_box{height:280px;  width:100%; position:relative; float:left; left:0px; margin-top:70px;  }

.p_absolut{height:280px;  width:1020px; ; position:absolute; float:left; bottom:0px;  left:0px; top:0px; right:0px; margin:0px auto;  }

.small_box{height:160px; border: solid 1px #ccc; width:220px;  border-right:none ; position:relative; float:left; left:50px; top:0px; background-color:#f8f8f8;}
.small_head{height:auto; padding-bottom:5px; width:87%; left:5%; border-bottom: solid px #8187ee; position:relative;  margin-top:45px; text-align:right; font-size:36px; color:#8187ee;}
.small_head1{height:auto; padding-bottom:5px; width:87%; left:5%; border-bottom: solid px #8187ee; position:relative;  margin-top:45px; text-align:right; font-size:36px;  color:#4F2A21;}

.big_box{height:280px; width:700px; position:relative; border: solid 1px #ccc; float:left; margin-left:50px; top:0px; background-color:#fff;}
.big_head{height:auto; width:87%; left:5%;  position:relative;  margin-top:45px; text-align:right; font-size:23px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#222;}
.big_button{height:auto; width:auto; position:relative; float:right; right:60px; margin-top:30px; font-size:18px; padding:10px 20px; border-radius:5px; border:#8187ee solid 1px; color:#8187ee;}
.big_matter{height:auto; width:87%; left:5%;  position:relative;  margin-top:25px; text-align:right; font-size:19px; font-weight:300; color:#666;}

 
.social_con{height:100px; width:100%; padding:20px 0px; position:relative; float:left; left:0px; margin-top:30px; background-color:#222;}
 .social_icon{height:40px; width:40px; position:relative; float:left; left:30px; top:10px; margin-left:5px; } 
 .icons{height:40px; width:40px; position:relative; float:left; left:00px; top:-2px; margin-left:20px; } 
 .social_icon:hover{ background-color:#999; cursor:pointer;}
 .words1{height:auto; width:auto; position:relative; float:left; left:10px; font-size:40px; color:#666;}
 
 .hair_box{height:220px; width:220px; position:relative; float:left; background-color:#000;top:90px; margin:0px auto; }
  .hair_box:hover{ transform:scale(1.5); transition:all; -moz-transition:1s;-webkit-transition:1s; -o-transition:1s; cursor:pointer; z-index:1;}