@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800,300,300italic);


.logo{padding-top:20px;
padding-bottom:15px;
float:left;
}


.topsocialmedia{width:auto;
float:left;
margin:0px;
padding:0px;
}


.arrowonimg{width:18px;
height:41px;
position:absolute;
margin-top:-51%;
background-image:url(../images/arrowonimgright.png);
right:0px;
}

.innertitle{
  font-size: 27px;
  text-transform:uppercase;
  color:#666666;
  font-weight:normal;
  margin-top:15px;
  line-height:30px;
}

.innersubtitle{
  font-size: 18px;
  text-transform:uppercase;
  font-weight:600;
  color:#1D1D1D;
  margin-top:17px;
  margin-bottom:15px;
 
}


.aboutblock{width:100%;
margin-top:30px;
margin-bottom:50px;
float:left;

}
.italic{font-style:italic;}

.arrowonimgleft{width:18px;
height:41px;
position:absolute;
margin-top:-51%;
background-image:url(../images/arrowonimgleft.png);
left:0px;
}


.diversin{width:100%;
color:#f58220;
font-size:24px;
font-weight:600;
margin-bottom:10px;
margin-top:20px;
}

.h2orange{color:#f58220;}


.mainslider{width:100%;
margin-bottom:150px;
margin-top:100px;
}

.visionmisionbg{width:100%;
background-color:#f5f4f4;
padding:20px 15px;
float:left;
text-align:justify;
}



.titlevision{width:100%;
font-size:23px;
font-weight:600;
color:#323231;
margin-bottom:6px;
}

.bulletotherservice{width:50%;
min-height:20px;
background-image:url(../images/bullet_otherservice.png);
background-repeat:no-repeat;
padding-left:18px;
font-weight:600;
line-height:12px;
margin-top:5px;
margin-bottom:5px;
float:left;
}



.header{width:97%;
  position: fixed;
  right:1.5%;
  left: 1.5%;
  z-index: 1230;
  background-color:#FFFFFF;
  padding-top:13px;

  border-top:15px solid #f5f5f5;
}


.enqform{width:100%;
margin-top:15px;
float:left;
}


.reachustile{width:100%;
font-size:20px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:600;
margin-bottom:10px;
}

.adress{width:100%;
color:#FFFFFF;
}

.phnumber{font-weight:600;
font-size:16px;
}


.reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:absolute;
right:0px;
margin-right:-68px;
margin-top:40px;
padding-left:7%;
padding-top:30px;
padding-bottom:15px;
color:#FFFFFF;
}
.reachusbg  a{ color:#fff;}
.reachusbg p{ margin-bottom:0;}
.margin{width:100%;
margin-top:30px;
margin-bottom:30px;
}

.intro{text-align:center;
margin-top:15px;
font-size:17px;
line-height:24px;
font-weight:300;}

.fr_icon{width:100%;
float:left;
margin-top:25px;
}


#fricontxt{width:100%;
text-transform:uppercase;
float:left;
text-align:center;
font-size:11px;
padding-top:5px;
line-height:17px;
}


.serviccontant{width:80%;
min-height:100px;
margin-top:-260px;
position:absolute;
margin-left:10%;
}


.serviccaption_b{width:auto;
background-color:#000000;
padding:15px 20px;
float:left;
color:#FFFFFF;
font-size:40px;
text-transform:uppercase;
font-weight:600;

}


.beautycraft{width:384px;
position:relative;
right:5px;
margin-top:-60px;
float:right;
}

.serviccaption_sm{width:auto;
background-color:#000000;
padding-bottom:10px;
padding-top:10px;
padding-left:15px;
padding-right:15px;
float:left;
color:#FFFFFF;
font-size:35px;
text-transform:uppercase;
font-weight:600;

}






.servicebg{width:79.5%;

margin-top:30px;
float:left;

}


.followside{width:20%;
float:right;
margin-top:30px;

}


.servicecontainer .serv_detail{padding-left:10%;}



.servicecontainer{width:100%; position:relative;
float:left; margin-bottom:10px;
background-color:#e7e7e7;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}

.servicecontainer:hover{width:100%;
float:left;
background-color:#F4F4F4;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}

.servicecontainer a{ position:absolute; top:-100px;}

.servicetitle_lg{width:100%;
font-weight:600;
font-size:40px; line-height:40px;
color:#f58220;
text-transform:uppercase;
margin-top:90px;
}

.servcimg img{width:100%;}

.servicetitle_md{width:100%;
font-weight:600;
font-size:28px;
color:#575757;
text-transform:uppercase;
margin-top:20px;
}

.servicetitle_sm{width:100%;
font-weight:600;
font-size:18px;
color:#333333;
text-transform:uppercase;
margin-top:12px;
line-height:24px;
}

.servicdescrip{width:100%;
margin-top:20px;
font-style:italic;
color:#000000;
}



.innerheadergray{width:100%;
background-color:#e7e7e7;
margin-top:100px;
min-height:70px;
padding-top:20px;
padding-bottom:20px;
padding-left:5px;
padding-right:5px;
}

.bgportfolio{width:100%;
background-color:#f1f1f1;
margin-top:30px;
float:left;
padding-bottom:20px;
}


.pholioblock{width:100%;
min-height:360px;
background-color:#FFFFFF;
margin-top:20px;
padding:15px;color:#FF6600;



}


.map{width:100%;
margin-top:20px;
}


.adresscontact{font-size:18px;
color:#FFFFFF;
line-height:26px;
}
.adresscontact small{ display:block; position:relative; top:-5px;}

.phonicon{width:100%;
height:21px;
font-size:15px;
color:#FFFFFF;
margin-top:0px;
background-repeat:no-repeat;
padding-top:0px;
}


.mailicon{width:100%;
height:41px;
font-size:15px;
color:#FFFFFF;
margin-top:0px;
background-repeat:no-repeat;
padding-top:0px;
}


.getintuch{width:100%;
text-align:center;
border-bottom:1px solid #D6D6D6;
padding-bottom:10px;
margin-top:30px;
margin-bottom:30px;
text-transform:uppercase;
font-size:26px;
}

.contactcaptcleft{margin-top:10px;}



.refresh {
    width: 24px;
    height: 24px;
    background-image: url(../images/refresh.png);
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}


.projectwithus{
width:100%;
margin-top:10px;
font-size:12px;
line-height:20px;
font-weight:600;
float:left;
text-align:center;
}


.addresbox{width:100%;
min-height:300px;
background-image:url(../images/contactaddresbg.png);
background-repeat:repeat;
margin-top:-385px;
border-radius:3px;
padding-left:10%;
padding-top:6%; padding-bottom:5%;

border-radius: 0px 34px 0px 34px;
-moz-border-radius: 0px 34px 0px 34px;
-webkit-border-radius: 0px 34px 0px 34px;
border: 0px solid #000000;
}

.addresbox a{ color:#fff;}

.pholioblock:hover{
border:1px solid #dddddd;
padding:14px;
	color:#000000;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
	}


.portfoliotitle{width:100%;
font-size:18px;
text-transform:uppercase;
font-weight:600;
text-align:center;
margin-top:15px;
}


.fixedsidebar{width:100%;
min-height:600px;
position:absolute;
right:0px;
left:68px;
float:right;
}


.serviccaption_xm{width:auto;
background-color:#ffffff;
padding-bottom:7px;
padding-top:7px;
padding-left:15px;
padding-right:15px;
float:left;
color:#000000;
font-size:27px;
margin-top:4px;
text-transform:uppercase;
font-weight:600;

}

.viewmore{width:92px;
background-color:#f6821f;
color:#FFFFFF;
padding-top:3px;
padding-bottom:3px;
font-size:12px;
font-weight:600;
margin-top:24px;
}

.viewmoreservice{width:auto;
background-color:#f6821f;
color:#FFFFFF;
padding:3px 10px;
font-size:12px;
font-weight:600;
float:left;
margin-top:10px;
}


.serviceblock{width:100%;
position:relative;
min-height:400px;
margin-top:120px;
}

.servicetitle{width:100%;
height:65px;
position:absolute;
z-index:1000;
margin-top:58px;
background-image:url(../images/servicetitlebg.png);
background-repeat:repeat;
color:#FFFFFF;
font-size:31px;
text-align:center;
text-transform:uppercase;
font-weight:normal;
padding-top:18px;

}


.roundedimg{
margin-top:25px;
}

.sendenq{width:auto;
float:left;
background-color:#f48221;
color:#FFFFFF;
font-size:12px;
font-weight:600;
padding:4px 7px;
border:1px solid #f47004;
}


footer{width:100%;
background-color:#58585a;
padding:25px 0px;
margin-top:35px;
color:#CCCCCC;
}










#owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
    }
	
#owl-demo .owl-pagination{
	display:none;
	}
#owl-demo .owl-prev{
width:30px;
height:110px;
position:absolute;
top:45%;
right:0px;

background-image:url(../images/banercontrolright.png);
}
	
#owl-demo .owl-next{
width:30px;
height:110px;
position:absolute;
top:45%;
left:0px;
background-image:url(../images/banercontrolleft.png);
}








	
#owl-bord .item img{
        display: block;
        width: 100%;
        height: auto;
    }
#owl-welcm .item img{
        display: block;
        width: 100%;
        height: auto;
    }
	
	#owl-welcm .owl-pagination{
	display:none;
	}
	
	    #owl-serv .item{
        margin: 3px 0px;
    }
    #owl-serv .item img{
        display: block;
        width: 100%;
        height: auto;
    }
	
	
		    .owl-service .item{
        margin: 3px 0px;
    }
    .owl-service .item img{
        display: block;
        width: 100%;
        height: auto;
    }
	
	
#owl-testmon .item img{
        display: block;
        width: 100%;
        height: auto;
    }
	
#owl-testmon .owl-pagination{
	display:none;
	}
	
	
#owl-testmon .owl-prev{
width:31px;
height:32px;
position:absolute;
top:45%;
right:0px;
	}
	
#owl-testmon .owl-next{
	width:31px;
height:32px;
position:absolute;
top:45%;
left:0px;

	}
	
	.owl-pagination{
	z-index:1200;
	position:absolute;
	bottom:15px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -15px); -webkit-transform: translate(-50%, -15px); -moz-transform: translate(-50%, -15px); -o-transform: translate(-50%, -15px); }
	}


@media only screen and (max-width:1199px) {
	#sidebar{display:none !important;}
	.servicebg {
    width: 100%;
    margin-top: 30px;
    float: left;
}
	
}




@media only screen and (min-width:768px) and (max-width:1023px) {
	
 .reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:relative;
margin-right:0px;
margin-top:40px;

}
	
	
}

@media only screen and (min-width:768px) and (max-width:991px) {


	#sidebar{display:none !important;}
	 .reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:relative;
margin-right:0px;
margin-top:40px;

}


.servicetitle{width:95%;
height:60px;
position:absolute;
z-index:1000;
margin-top:160px;
background-image:url(../images/servicetitlebg.png);
background-repeat:repeat;
color:#FFFFFF;
font-size:22px;
text-align:center;
text-transform:uppercase;
font-weight:normal;
padding-top:8px;

}

.owl-pagination{
	z-index:1200;
	position:absolute;
	left:47%;
	}



.serviccontant{width:80%;
min-height:100px;
margin-top:-170px;
position:absolute;
margin-left:5%;
}




	
}


@media only screen and (min-width:637px) and (max-width:767px) {
h1, .h1{ font-size:28px;}
 .reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:relative;
margin-right:0px;
margin-top:40px;

}








.serviccontant{display:none;}



.mainslider{width:100%;
margin-bottom:30px;
margin-top:100px;
}


#owl-demo .owl-prev{

top:11%;

}
	
#owl-demo .owl-next{

top:11%;

}





.serviceblock{width:100%;
position:relative;
min-height:100px;
margin-top:50px;
}


.servicetitle{width:96%;
height:53px;
position:absolute;
z-index:1000;
margin-top:70px;
background-image:url(../images/servicetitlebg.png);
background-repeat:repeat;
color:#FFFFFF;
font-size:22px;
text-align:center;
text-transform:uppercase;
font-weight:normal;
padding-top:14px;

}

.servicecontainer .serv_detail{ padding:10px;}
.servicdescrip{ margin-top:0;}



.owl-pagination{margin-top:-30px;
	z-index:1200;
	position:absolute;
	left:50%;
	}



	
}


@media only screen and (min-width:480px) and (max-width:636px) {
h1, .h1{ font-size:20px;}

 .reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:relative;
margin-right:0px;
margin-top:40px;

}






.serviccontant{display:none;}



.mainslider{width:100%;
margin-bottom:30px;
margin-top:100px;
}


#owl-demo .owl-prev{

top:11%;

}
	
#owl-demo .owl-next{

top:11%;

}





.serviceblock{width:100%;
position:relative;
min-height:100px;
margin-top:50px;
}


.servicetitle{width:90%;
height:60px;
position:absolute;
z-index:1000;
margin-top:60px;
background-image:url(../images/servicetitlebg.png);
background-repeat:repeat;
color:#FFFFFF;
font-size:22px;
text-align:center;
text-transform:uppercase;
font-weight:normal;
padding-top:14px;

}



.owl-pagination{margin-top:-100px;
	z-index:1200;
	position:absolute;
	left:50%;
	}

.servicecontainer .serv_detail{ padding:10px;}


	
	}
	
	
@media only screen and (min-width:320px) and (max-width:479px) {
h1, .h1{ font-size:20px;}
 .reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:relative;
margin-right:0px;
margin-top:40px;

}

.serviccontant{display:none;}



.mainslider{width:100%;
margin-bottom:30px;
margin-top:100px;
}


#owl-demo .owl-prev{

top:11%;

}
	
#owl-demo .owl-next{

top:11%;

}





.serviceblock{width:100%;
position:relative;
min-height:100px;
margin-top:50px;
}


.servicetitle{width:90%;
height:60px;
position:absolute;
z-index:1000;
margin-top:60px;
background-image:url(../images/servicetitlebg.png);
background-repeat:repeat;
color:#FFFFFF;
font-size:18px;
text-align:center;
text-transform:uppercase;
font-weight:normal;
padding-top:8px;

}

.owl-pagination{margin-top:-135px;
	z-index:1200;
	position:absolute;
	left:50%;
	}

body {
  margin: 0;
  padding-left:4px;
  padding-right:4px;
  
}



.header{

  border-top:4px solid #f5f5f5;
}

.servicecontainer .serv_detail{ padding:10px;}
.beautycraft{display:none;}
	
}
	
	
	
	
		
@media only screen and (min-width:240px) and (max-width:319px) {
h1, .h1{ font-size:20px;}
.welcomeborder{display:none !important;}

 .reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:relative;
margin-right:0px;
margin-top:40px;

}




.servicecontainer .serv_detail{ padding:10px;}








	
		
}
	
	
@media only screen and (max-width:240px) {
h1, .h1{ font-size:20px;}	
 .reachusbg{width:100%;
min-height:100px;
background-color:#f68121;
position:relative;
margin-right:0px;
margin-top:40px;

}
.servicecontainer .serv_detail{ padding:10px;}
		
	}





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


	

  
  }