*{ margin:0; padding:0;}
a{ text-decoration:none;}
ul,li{ list-style-type:none;}
p{ font-family:Raleway; font-size:14px; line-height:25px;}
h1{ font-family:Dosis; font-size:30px;}
a{ outline:none;}

@font-face{ src:url(../fonts/Lato-Regular.ttf); font-family:Lato;}
@font-face{ src:url(../fonts/Dosis-Regular.ttf); font-family:Dosis;}
@font-face{ src:url(../fonts/Raleway-Regular.ttf); font-family:Raleway;}
@font-face{ src:url(../fonts/Roboto-Regular.ttf); font-family:Roboto;}



.container{ width:1170px; margin:0 auto;}

.header{ width:100%; display:inline-block; background:#243C4F/*#A0917C*/; /*padding:10px 0;*/ border-bottom: 1px solid #2e495f;}
.header .left{ width:50%; float:left;}
.header .right li{ float:left; font-size:14px; font-family:Lato; border-right: 1px solid #2e495f; padding: 10px 0 10px 15px; transition:all 0.5s ease-in-out;}
.header .right li:hover{ padding: 10px 0 10px 15px;  background:#2E495F; transition:all 0.5s ease-in-out;}
.header .right li a{ margin-right:15px; color:#63839c;}
.header .right li a:hover{color:#fff; transition:all 0.5s ease-in-out;}
.header .right{ float:right;}
.header .left li{ color:#63839c; font-family:Lato; font-size:14px; padding:10px 10px; /*background:#93846F;*/}

.menu{ width:100%; display:inline-block; /*background-color: rgb(101, 23, 51);*/ background:#243C4F; /*background-size:cover;*/ background-attachment:fixed; background-repeat:repeat;padding:10px 0; position:relative; z-index:1; }
.menu::before{ position:absolute; content:""; left:0; bottom:0; right:0; top:0; /*background-color: rgb(101, 23, 51);*/ opacity:0.9; z-index:-1;}

.menu .left{ width:50%; float:left; margin:15px 0; }
.menu .left b{ display:block; color: #FEDC1D; margin-top:2px;}
.menu .left img{/* margin-top:5px;*/ width:90%;}
.menu .right{ float:right;}
.menu .right li{ float:left; margin-left:40px;}
.menu .right li a{ color:#7191aa; font-family:Roboto; font-size:16px; transition:all 0.5s ease-in-out; padding: 30px 0; display:inline-block; letter-spacing:0px;}
.menu .right li a:hover{ color:#fff;}
.menu .right li a.active{ color:#fff;}
.menu .right .upside{ width:100%; display:inline-block; padding-bottom:15px;}
.menu .right .downside{ width:100%; }

.menu .right .upside li i{ color:#fff; margin-right:10px; border-radius:50%; width:25px; height:25px; border:1px solid #ccc; line-height:25px; text-align:center;}
.menu .right .upside li{ color:rgb(245, 251, 27); font-family:Lato; font-size:16px; transition:all 0.5s ease-in-out;}
.menu .right .upside li:hover{ color:#fff;}

.banner{ width:100%; display:inline-block;}
/*.banner img{ width:100%;}
*/

.products{ width:100%; display:inline-block; padding:50px 0;}
.products h1{ font-family:Dosis; font-size:30px; text-align:center;}
.products li{ width:33%; float:left; transition:all 0.5s ease-in-out; position:relative; background:#FB9902; border-right: 1px solid #fff; padding:10px 0; box-shadow: 2px 2px 5px #9b9b9b; transition:all 0.5s ease-in-out;}
.products .pros1{ padding: 15px 45px; height: 310px;}
.products li i{ margin:15px 0; color:#fff;}
.products li h4{ margin:15px 0; font-family:Dosis; font-size:22px; color:#323332;}
.products li p{ color:#fff; margin-bottom: 15px;}



.products li a{background: #322c2c; border-radius: 50%; padding: 6px; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size:20px; color:#fff; position:absolute; bottom: -30px; left:0; right:0; margin:0 auto; transition:all 0.5s ease-in-out;}
.products li:hover{ background: #3C3B3A; transition:all 0.5s ease-in-out;}
.products li:hover h4{ color:#fff;}
.products li:hover a{ transform: rotate(50deg); transition:all 0.5s ease-in-out; box-shadow: 2px 2px 5px #a4a4a4; background:#FB9902;}

/*.products li::before{ position:absolute; content:""; top:0; left:0; right:0; bottom:0; background:url(../images/pro-1-1.png); z-index:-1; transition:all 0.5s ease-in-out;}
.products li:hover::before{ transition:all 0.5s ease-in-out; transform:rotate(15deg);}
*/.products a.pro_1{ background:#8ab400; color:#fff; text-align:center; padding: 15px 25px; font-family:Lato; margin-top:10px; display:inline-block; border-radius:50%; box-shadow: 0px 12px 5px #e1e1e1; transition:all 0.5s ease-in-out;}
.products a.pro_1:hover{ box-shadow: 0px 2px 5px #e1e1e1; transition:all 0.5s ease-in-out;}
/*.products li img{ width:100%;}
*/
.products a.pro { box-shadow:7px 9px 3px #ccc; border:3px solid #06A24F; display:inline-block; /*border-radius:15%;*/transition:all 0.5s ease-in-out;}
/*.products img{  border-radius:15%; r}
*/
.products a.pro:hover{box-shadow: 0px 2px 5px #e1e1e1; transition:all 0.5s ease-in-out; border-radius:0%;}

.about{ width:100%; display:inline-block; padding:50px 0; background:#00B4FA; background-size:cover; /*height:500px;*/}
.about .left{ float:left; width:50%;}
.about .left h1{ color:#FFE100; font-family:Dosis; font-size:30px;}
.about .left .cont1{/* background:rgba(0,0,0,0.5);*/ margin-top: 50px; padding: 20px 10px;}
.about .left p{ font-family:Raleway; font-size:14px; line-height:25px; color:#fff; padding:10px 0;}

.about .right{ width:50%; float:right; text-align:center;}
.about .right img{ width:100%; margin-top: 92px; height:330px;}

.about .left a{background: #FB9902; color: #fff; padding: 5px 10px; font-family:Raleway; font-size:14px; margin:10px 0; display:inline-block; box-shadow: 0px 2px 5px #6f6f6f; border-bottom: 1px solid #efbdbd; transition:all 0.5s ease-in-out} 
.about .left a:hover{ margin:0 0; transition:all 0.5s ease-in-out; border-bottom: 2px solid #fff;}

.mainabout{ width:100%; display:inline-block; padding:50px 0;}
.mainabout h1{ font-family:Dosis; font-size:30px; text-align:center;}
.mainabout p{ padding:15px 0;}
.mainabout p strong{ font-family:Lato; }

.mainprod{ width:100%; display:inline-block; padding:50px 0; }
.mainprod h1{ font-family:Dosis; font-size:30px; text-align:center;}
.mainprod li{ float:left; width:45%; margin:2%; text-align:center; position:relative; transition:all 0.5s ease-in-out;}
.mainprod li img{ width:100%;}
.mainprod li b{ background:#06A44F; color:#FEDC1D; padding:8px 0; display:block; position:absolute; bottom:-40px; left:0; right:0; transition:all 0.5s ease-in-out;}
.mainprod li:hover b{ bottom:0; transition:all 0.5s ease-in-out;}

.enquiry{ width:100%; display:inline-block; padding:50px 0;}
.enquiry h1{ font-family:Dosis; font-size:30px; text-align:center;}
.enquiry .left{ float:left; width:50%;}
.enquiry .left input[type="text"]{ width:100%; padding:5px; border:0; border:1px solid #ccc; margin:10px 0;}
.enquiry .left textarea{ width:100%; padding:5px; border:0; border:1px solid #ccc; height:100px; margin:10px 0; resize:none;}

.enquiry .left .submit{ background:#03A14C; padding:5px 10px; color:#fff; border:0; transition: 0.5s ease-in-out; cursor:pointer;}
.enquiry .left .submit:hover{ background:#FEDC1D; color:#000;}
.enquiry .right{ float:right; text-align:center; width:50%;}
.enquiry .right img{ margin-top:25px;}

.contact{ width:100%; display:inline-block; padding:50px 0;}
.contact .left{ width:50%; float:left;}
.contact .left ul{ margin:0px 0; display:inline-block; width:100%;}
.contact .left li{ margin:15px 0; font-family: Lato; font-size:15px;}
.contact .left li i{ margin-right:18px; color: #029E4A;}

.contact .right{ float:right; width:50%; text-align:center;} 
.contact .right img{ transform:scale(1); transition:all 0.5s ease-in-out;}
.contact .right img:hover{ transform:scale(1.1); transition:all 0.5s ease-in-out;}


.footer{ width:100%; display:inline-block; background: #3C3C3C; padding:10px 0;}
.footer .left{ float:left; width:50%;}
.footer .left span{ font-family:Lato; font-size:14px; color:#fff;}
.footer .right{ float:right;}
.footer .right span{ font-family:Lato; font-size:14px; color:#fff;}
.footer .right span a{ color:#EF7320; outline:none;}

.services h2{ color:#142440; font-family:Dosis; font-size:38px; padding:55px 0 0px 0}
.services span{ display:inline-block; background:#4AC8ED; width:45px; height:6px; margin:6px 0 25px 0; border-radius:3px;}
.services p{ text-align:justify; font-size:15px; line-height:22px; margin-bottom:14px; font-family: 'Open Sans', sans-serif;}
.services h3{ color:#ED724A; font-size:22px;  font-family:Dosis; margin-bottom:12px;}
.service_inner{ width:100%; display:inline-block; box-shadow: 1px 0px 4px #CECACA; background:#F2F2F2; border-left:3px solid #4AC8ED; margin:50px 0; padding:20px 0;}
.service_inner p{ text-align:justify; font-size:15px; line-height:30px; font-family: 'Open Sans', sans-serif;
 padding:0px 30px 5px 50px; }
.service_inner h3{ color:#4AC8ED; font-size:22px;  font-family:Dosis; padding:10px 0; text-align:center;}
/*.service_inner img{ float:left; margin-right:70px; margin-right:2%; margin-left:7%; box-shadow:1px 2px 5px #ccc;}
*/.contact{ width:100%; display:inline-block}

.add{ width:100%; display:inline-block}
.add li{ float:left; width:25%; }
.add_inner{text-align:center; margin:0 auto; display:block; width:100%; }
.add_inner1{text-align:center; margin:0 auto; display:block; width:100%; margin-bottom:19px;}
.add_inner1 span{ width:100px; height:100px; background:#F7F7F7; border-radius:50%; display:inline-block;
 box-shadow:1px 2px 5px #C8C1C1;}
.add_inner span i{ font-size:36px; margin:33px 0 0 6px;  text-align:center; line-height:30px; color:#4AC8ED; display:inline-block}
.add_inner h3{ font-size:22px; color:#F04896; font-family:Dosis; margin:8px 0}
.add_inner p{ font-size:15px; font-family: 'Open Sans', sans-serif; margin-bottom:12px}
.add_inner i{ font-size:18px; margin-right:7px; color:#4AC8ED}
.contact{ width:100%; display:inline-block}
.contact h2{ font-size:36px; font-family:Dosis; color:#09F; padding:10px 0 28px 0}
.enq{ width:100%; display:inline-block; margin:0 auto; padding-top:55px;}
.enq h2{font-size:33px; font-family:Dosis; color:#09F; padding:10px 0 28px 0; margin-top:20px;}
.enq1{ width:50%; display:inline-block; margin:0 auto}
.enq1 input[type="text"]{ width:96%; font-family: 'Open Sans', sans-serif; margin-bottom:27px; background:#fff; border-radius:6px; border:1px solid #ccc; padding:15px 0 15px 6px;}
.enq2{ width:50%; float:right}
.enq2 textarea{ width:96%; resize:vertical;float:right; font-family: 'Open Sans', sans-serif; background:#fff; border-radius:6px; border:1px solid #ccc; padding:15px 0 15px 6px; height:140px; font-size:14px; resize:none;}
.enq2 input[type="Submit"]{ float:right; margin-top:20px; width:130px; height:35px; background:#39F; font-size:14px; color:#fff; text-align:center; border:0;}
.enq2 input[type="Submit"]:hover{ background:#f08b54}
  


.contact_main_right ul{ width:100%; display:inline-block; margin:30px 0;}
.contact_main_right ul li input{ width:30%; float:left; border:2px solid #B9B9B9; padding:10px; margin-bottom:15px; margin-left:1%;  font-size:13px; /*background-color:#3D3D3D;*/ color:#000; border-radius:5px;  }
.contact_main_right ul li textarea{ width:96%; height:100px; display:inline-block; border:2px solid #B9B9B9;  padding:10px; /*margin-bottom:15px; */ font-size:13px; /*background-color:#3D3D3D;*/ color:#000; resize:none; margin:1%; font-family:Roboto;}
.contact_main_right ul li input[type="submit"]{ width:auto; border:1px solid #3D3D3D; background-color:#4AC8ED; color:#fff; border:0; font-size:13px; font-weight:bold; cursor:pointer; text-transform:uppercase; transition:all 0.5s ease-in-out; }
.contact_main_right ul li input[type="submit"]:hover{
	background:#F04896; transition:all 0.5s ease-in-out;
}


.ser_left{
	width:15%;
	float:left;
	
}

.ser_left img{
	width:100%;
	padding:15px 20px;
}

.ser_right{
	width:85%;
	float:right;
	margin:50px 0 0 0 ;
}