@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;}
.slider{  position:fixed; top:-8px; left:-8px;  width:auto;height:101.2%; width:101.2%;z-index:0; opacity:1;}

.meenu_rotate1{height:25px; width:45px; position:absolute; float:right; bottom:-0px; right:0px; transform:rotate(-45deg); -moz-transform:rotate(-45deg);- webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);  top:10px;  z-index:999; order:1px solid #cfcfcf;}

.meenu_rotate{height:50px; width:50px; position:absolute; float:right; right:82px; transform:rotate(45deg); -moz-transform:rotate(45deg);- webkit-transform:rotate(45deg);-o-transform:rotate(45deg); top:20px; background-color:#fff; display:none;z-index:999; border:1px solid #cfcfcf;}

.meenu_box{height:50px; width:50px; position:fixed; float:right; right:20px; top:20px; background-color:#fff; z-index:999; border:1px solid #cfcfcf;}
.hr{height:3px; width:30px; background-color:#333; position:relative; left:10px; margin-top:5px; top:10px;}
.meenu_box:hover{ opacity:0.8;  cursor:pointer;}
.container{height:700px; width:100%; background-color:#Fff; position:relative; float:left; left:0px; margin-top:55%; }
.container1{height:2100px; width:100%; background-color:rgba(255,255,255,0.4); position:relative; float:left; left:0px; margin-top:50px; }
.header{height:100px; width:100%; position:absolute; float:left; left:0px; top:0px; background-color:#FFF;}

.meenu_box_con{height:335px; width:250px; text-align:right; position:fixed; float:right; right:20px; top:72px; background-color:#FFF; z-index:999; display:none; }
.meenus{height:auto; width:200px; padding:20px 25px; font-size:21px; color:#333; border-bottom:1px solid #cfcfcf;}
.meenus:hover{ background-color:#333; color:#FFF;}

.center_container , .center_container1 , .center_container00{height:100%; margin:0px auto; position:absolute; float:left; left:0px; top:0px; right:0px; bottom:0px; z-index:2;  width:1024px;   }
.center_container00{width:1366px; background-color:#069;}
.center_container1{width:1024px !important;}

.icon_con{ height:70px; top:120px;   position:absolute; float:left; left:0px; right:0px; margin:0px auto; bottom:0px; width:300px; text-align:center; background-color:#FFF;  } 
.icon{height: auto; width:100%; position:relative; float:left; left:0px; text-align:center;font-size:36px;  color:#222 !important; font-family:"Lato", Helvetica, sans-serif; font-weight:300; z-index:2;	}

.heading1{height:auto; width:100%; position:relative; float:left; left:0px; top:40px; text-align:center; font-size:40px; color:#222; }

.about_us{height:120px; width:100%; position:relative; float:left; left:0px; top:0px; ackground-color:#000;}
.heading{height:auto; width:100%; position:relative; float:left; left:0px; text-align:center; font-size:30px; color:#333; }
.about{height:auto; width:100%; position:relative; float:left; left:0px; margin-top:15px; font-size:22px; line-height:40px; font-weight:300; color:#666; text-align:center; font-family:"Monotype Corsiva";}
.matter_con{ height:600px; width:100%; position:relative; float:left; left:0px; margin-top:70px; ackground-color:#666;}
.box_services{height:300px; width:100%; left:20px; position:relative; margin-top:150px ; border:px solid #666; float:left; left:0px; top:0px; right:0px; ackground-color:#000;} 
.box{height:280px; width:280px; position:relative; float:left; border:1px olid #666; left:20px; margin-right:20px; margin-left:20px; background-color:#FFF;}
.box_icon{height:84px; width:84px; position:relative; float:left; left:100px; background-color:#; border-radius:50%; top:10px; }
.box_heading{height:auto; width:100%; position:relative; float:left; text-align:center; font-size:22px; margin-top:25px;}
.box_matter{height:auto; width:100%; position:relative; float:left; text-align:center; font-size:16px; line-height:22px;	 margin-top:15px;}
.view_more{ height:auto; width:90px;  float:left; left:0px; text-align:center; font-size:14px; background-color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; left:0px; right:0px; bottom:0px; margin:0px auto; position:absolute; color:#FFF; padding:10px 15px; font-weight:300;  margin-top:20px; }
.view_more:hover{ background-color:#8187ee; cursor:pointer;}
.tag_line{height:20px; background-color:#FFF; padding:10px 15px; width:auto; float:right; position:relative; right:80px; margin-top:-21px; font-size:20px;}

.tag_line2{height:60px; background-color:#ff; color:#4F2A21; width:780px;
 padding:10px 15px;  float:left; left:0px; margin:0px auto; bottom:0px; position:absolute; right:0px; top:300px; font-size:52px; } 
.menu1{ display:none;height:50px; width:100%; background-color:#fff; box-shadow:5px 5px 10px #666; float:left; left:0px; top:0px; position:fixed; z-index:998;transition:all; -moz-transition:4s;-webkit-transition:4s; -o-transition:4s;   }

.menus_con{height:50px; width:721px; ackground-color:#603; float:left; left:0px; right:0px; bottom:0px; margin:0px auto;  top:520px; z-index:999 !important; position:absolute; transition:all; -moz-transition:0.3s;-webkit-transition:1s; -o-transition:1s;  }
.menus{height:20px; padding:15px 35px; float:left; left:0px; width:auto; position:relative; top:0px; font-weight:400; color:#222; background-color:#fff; font-size:15px;  transition:all; -moz-transition:2s;-webkit-transition:2s; -o-transition:2s;  }  

.menus:hover , .sign_up:hover , .data_icon1:hover{color:#fff !important; background-color:#8981ee; cursor:pointer; transition:all; -moz-transition:1s;}


.product_mar{height:50px; width:100%; position:relative; float:left; left:0px; margin-top:10px; top:70px;}

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

.small_box{height:160px; width:220px; 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;}

.big_box{height:280px; width:700px; position:relative; 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;}


.footer{height:475px; width:100%; position:relative; float:left; left:0px; margin-top:30px; background-color:#8781ee;}
.social_con{height:100px; width:100%; padding:20px 0px; position:relative; float:left; left:0px; margin-top:30px; background-color:#222;}


.links{height:250px; position:relative; float:left; left:-10px; top:30px; margin-left:10px; width:250px; border: solid px #000; font-size:30px; line-height:32px;  color:#FFF; }

.links1{height:310px; position:relative; float:left; left:-10px; top:30px; margin-left:20px; width:370px; border: solid px #000; font-size:30px; line-height:32px;  color:#FFF; }

.links2{height:339px; position:relative; float:left; left:-10px; top:70px; margin-left:20px; width:292px; border: solid px #000; font-size:24px; line-height:32px;  color:#FFF; }

 .li { position:relative; float:left; width:100%; font-size:19px; color:#FFF; height:40px; font-family:calibri;list-style-type:none; top:20px; margin-top:5px;}
  .links1 ul li{ font-size:19px; color:#FFF; line-height:30px; font-family:calibri;list-style-type: none; margin-top:5px;}
 
 .he{ font-family:calibri; font-size:20px; position:relative; color:#FFF;}
 .asd{ font-size:16px; font-family:"lato"; position:relative;}
 
 .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;}
 .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;}
 .words{height:auto; width:auto; position:relative; float:left; left:10px; font-size:40px; color:#666;}