v@charset "utf-8";
/* CSS Document */
body{
    font-family: 'Montserrat-Regular';
	margin:0;
	padding:0;
	background:#ffffff;
 }
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}
p{
	margin:0;
}
ul{
margin:0;
padding:0;
}
	
.top {
	width:100%;
	height:auto;
	background-color:#000000;
	color:#fff;
	line-height:1em;
	}

/*---social media-------------*/

.social-slide {
	background-image:url(../images/facebook.png);
	height: 32px;
	width: 32px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-slide:hover {
	background-position: 0px -33px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social-slide2 {
	background-image:url(../images/twitter.png);
	height: 32px;
	width: 32px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-slide2:hover {
	background-position: 0px -33px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}

.social-slide3 {
	background-image:url(../images/in.png);
	height: 32px;
	width: 32px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-slide3:hover {
	background-position: 0px -33px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
	
	
/*--------background-slider starts from here------------*/

.banner	{
	width:100%;
	height:auto;	
	margin:0 auto;
	}

/*--------background-slider starts from here--END----------*/

.nav_blue	{
	width:100%;
	height:10em;
	position:absolute;
	background-color:rgba(1, 147, 222, .7);
	z-index:1;
	border-bottom: 1px solid white;
	}
	
.nav_right	{
	width:70%;
	height:6em;
	float:right;
	position:relative;
	margin-top:3.4em;
	}
	
.logo	{
	width:20%;
	height:8em;
	float:left;
	margin-left:3em;
	margin-top:2em;
	}
	
/*-------------welcome container------------------*/

.welcome_bg	{
	width:100%;
	height:auto;
	background-image:url(../images/wlcome_bg.png);
	}
	
/*--features--*/
.features {
  padding: 3em 0 4em;
}
.features1 {
   padding: 0em 0 4em;
}
.features-info {
 margin-top: 1.5em;
}
.features h3 {
  font-family: 'BoomBox 2';
  font-size: 2.5em;
  text-align: center;
  color: #000;
  text-transform: capitalize;
}
.features1 h3 {
  font-size: 2.5em;
  text-align: center;
  color: #000;
  text-transform: capitalize;
}
.features-right h2 {
  margin-bottom: .3em;
  font-size: 1.3em;
  text-transform: capitalize;
  font-family: 'BoomBox 2';
  color:#fff;
  font-weight:700;
  
}
.features-right1 h2 {
  margin-bottom: .3em;
  font-size: 1.5em;
  text-transform: capitalize;
  font-family: 'BoomBox 2';
}
.features h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
}
.features1 h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
}
.features-right p {
  line-height: 1.8em;
  margin-bottom: 1em;
  font-size:15px; 
  color:#fff; width:80%;
  font-family: 'Trebuchet MS';
}
.features-right1 p {
  font-size: 1em;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.features-left1 {
  padding-right: 0;
  padding-left: 0;
}
.features-left1 img {
	width:100%;
	height: 258px;
}
.features-right a {
  background-color: #fff;
  padding: 10px 13px;
}
.features-right1 a {
  background-color: #fff;
  padding: 10px 13px;
}
.features-info1 {
  margin-top: 2em;
}
a.mask {
  text-decoration: none;
  overflow: hidden;
  display: block;
}
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}


/* Rectangle Out -------------for more button---------- */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #00a9ff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 1.2em;
  padding: 0.4em 1em;
  background: none;
  color:#000000;
  border: 1px solid #00a9ff;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00a9ff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
  text-decoration: none;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*-------------------services starts here---------------*/

.services_strip	{
	width:49%;
	height:3em;
	background-color:#fff;
	float:right;
	border:1px solid #00a9ff;
	position:relative;
	top:2em;
	font-size:17px;
	letter-spacing:1px;
	font-weight:900;
	line-height:3em;
	padding-left:2em;

}

.service_gried h3	{
	font-size:1.8em;
	height:auto;
	font-weight:500;
	margin-top:1em;
	margin-bottom:1em;
	font-family: 'Montserrat-Regular';
	color:#00CCFF;
	text-transform:uppercase;
	}

.service_gried p	{
	width:90%;
	font-size:1.2em;
	height:auto;
	font-weight:00;
	margin-top:-.5em;
	margin-bottom:1em;
	text-align:justify;
	font-family: 'Montserrat-Regular';
	}
	
.line	{
	width:80%;
	height:1px;
	background-color:#000000;
	float:left;
	}
	
/*-----------for more button codding------------*/
.bnr-btn {
	margin-top: 4%;
	padding-bottom: 1%;
}
.bnr-btn a{
	border:1px solid #05a6b3;
	font-size:15px;
	font-weight:400;
	color:#0000000;
	padding:5px 18px;
	font-family: 'Play-Regular';
	text-decoration:none;
}
.bnr-btn a:hover{
	border:2px solid #05a6b3;
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	text-decoration:none;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #05a6b3;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*----------------end of more buoon code--------------*/

/*-------------------client slider starts here---------------*/

.client_slider	{
	width:49%;
	height:auto;
	background-color:#fff;
	float:right;
	border:1px solid #00a9ff;
	position:relative;
	top:2em;
	font-size:17px;
	letter-spacing:1px;
	font-weight:900;
	line-height:3em;
	padding-left:2em;
	margin-bottom:3em;

}
/*-------------------client slider END here---------------*/

/*------------footer starts here-------------------*/

.footer	{
	background-image:url(../images/wlcome_bg.png);
	min-height:auto;
	}
	
.footer p	{
	font-size:12px;
	color:#fff;
	font-family: 'BoomBox 2';
	line-height:11em;
	text-align:center;
	}
/*------------footer ENDS here-------------------*/	
	
/*------------MAP starts here-------------------*/
.map	{
	min-height:200px;
	}
	
/*----------------------about container starts here---------------------------------------------*/

.about_container	{
	width:100%;
	height:10em;
	background-image:url(../images/wlcome_bg.png);
	background-image:cover;
	color:#fff;
	text-align:center;
	font-size:28px;
	font-family: 'BoomBox 2';
	}

.about_container h2 {
  line-height:em;
  position:relative; 
  top:0.7em;
  margin-bottom: 0em;
  font-size:25px;
  color:#fff;
  width:100%;
  font-family: 'BoomBox 2';
  text-align:center;
}
	
.about_container h1 {
  line-height: 1.8em;
  margin-bottom: 0.3em;
  font-size:15px;
  color:#fff;
  width:100%;
  font-family: 'Trebuchet MS';
  text-align:center;
}
	
.about_container p	{
	font-size:12px;
	color:#ffffff;
	font-family: 'BoomBox 2';
	text-align:center;
	position:relative;
	z-index:1;
	
	}
	
	
/*------------end of about-----------*/

.services_container	{
	width:100%;
	height:25em;
	background-image:url(../images/wlcome_bg.png);
	background-image:cover;
	color:#fff;
	text-align:left;
	font-size:28px;
	font-family: 'BoomBox 2';
	}

.services_container h2 {
  line-height:em;
  position:relative; 
  top:0.7em;
  margin-bottom: 0em;
  font-size:25px;
  color:#fff;
  width:100%;
  font-family: 'BoomBox 2';
  text-align:left;
  padding-left:6em;
  
}
	
.services_container h1 {
  line-height: 1.8em;
  margin-bottom: 0.3em;
  font-size:15px;
  color:#fff;
  width:100%;
  font-family: 'Trebuchet MS';
  text-align:center;
}
	
.services_container p	{
	font-size:12px;
	color:#ffffff;
	font-family: 'BoomBox 2';
	text-align:left;
	position:relative;
	z-index:1;
	
	}
	
	
/*------------end of services-----------*/

.enquiry_container	{
	width:100%;
	height:15em;
	background-image:url(../images/wlcome_bg.png);
	background-image:cover;
	color:#fff;
	text-align:left;
	font-size:28px;
	font-family: 'BoomBox 2';
	}

.enquiry_container h2 {
  line-height:em;
  position:relative; 
  top:0.7em;
  margin-bottom: 0em;
  font-size:25px;
  color:#fff;
  width:80%;
  font-family: 'BoomBox 2';
  text-align:center;
 
  
}
	
.enquiry_container h1 {
  line-height: 1.8em;
  margin-bottom: 0.3em;
  font-size:15px;
  color:#fff;
  width:100%;
  font-family: 'Trebuchet MS';
  text-align:center;
}
	
.enquiry_container p	{
	font-size:12px;
	color:#ffffff;
	font-family: 'BoomBox 2';
	text-align:left;
	position:relative;
	z-index:1;
	
	}
	
	
/*------------end of enquiry-----------*/


.contact_container	{
	width:100%;
	height:10em;
	background-image:url(../images/wlcome_bg.png);
	background-image:cover;
	color:#fff;
	text-align:left;
	font-size:28px;
	font-family: 'BoomBox 2';
	}

.contact_container h2 {
  line-height:em;
  position:relative; 
  top:0.7em;
  margin-bottom: 0em;
  font-size:25px;
  color:#fff;
  width:100%;
  font-family: 'BoomBox 2';
  text-align:center;
 
  
}
	
.contact_container h1 {
  line-height: 1.8em;
  margin-bottom: 0.3em;
  font-size:15px;
  color:#fff;
  width:100%;
  font-family: 'Trebuchet MS';
  text-align:center;
}
	
.contact_container p	{
	font-size:12px;
	color:#ffffff;
	font-family: 'BoomBox 2';
	text-align:left;
	position:relative;
	z-index:1;
	
	}
	
	
/*------------end of enquiry-----------*/


.project_container	{
	width:100%;
	height:30em;
	background-image:url(../images/wlcome_bg.png);
	background-image:cover;
	color:#fff;
	text-align:center;
	font-size:28px;
	font-family: 'BoomBox 2';
	}
	
.project_container1	{
	width:70%;
	height:30em;
	background-image:url(../images/wlcome_bg.png);
	background-image:cover;
	color:#fff;
	text-align:center;
	font-size:28px;
	font-family: 'BoomBox 2';
	}

.project_container h2 {
  line-height:em;
  position:relative; 
  top:0.7em;
  margin-bottom: 0em;
  font-size:25px;
  color:#fff;
  width:100%;
  font-family: 'BoomBox 2';
  text-align:center;
  padding-left:6em;
  
}
	
.project_container h1 {
  line-height: 1.8em;
  margin-bottom: 0.3em;
  font-size:15px;
  color:#fff;
  width:100%;
  font-family: 'Trebuchet MS';
  text-align:center;
}
	
.project_container p	{
	font-size:12px;
	color:#ffffff;
	font-family: 'BoomBox 2';
	text-align:left;
	position:relative;
	z-index:1;
	
	}
	
	
/*------------end of projects-----------*/
	
	.about-bottom h4 {
	font-size: 14px;
	margin: 2.5% 0px 0px;
}
.about {
	padding: 1.5em 0px 0px;
}
.about-bottom p {
	font-size: 12px;
	margin: 4px 0px 0px;
}
	
/*-----------------------scroll to top-----------*/

#toTop {
	width: 45px;
	height: 32px;
	background-size: 100%;
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 50px;
	height: 36px;
	border: none;
	text-indent: 100%;
	background:url(../images/top-arrow.png) no-repeat;
}
/*------------------end here sccroll to top-----------*/

/*------------------enquiry form starts here-----------*/
.enquiry-bottom {
	margin-top: 3%;
}

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

/*-------------top-------------------*/
.top {
	width:100%;
	height:auto;
	background-color:#000000;
	color:#fff;
	line-height:2em;
	font-size:12px;
	}
/*-----------end top-----------------*/

/*--------background-slider starts from here--END----------*/

.nav_blue	{
	width:100%;
	height:3em;
	position:absolute;
	background-color:rgba(1, 147, 222, .7);
	z-index:1;
	border-bottom: 1px solid white;
	}
	
.nav_right	{
	width:50%;
	height:6em;
	float:right;
	position:relative;
	margin-top:1em;
	}
	
.logo	{
	width:20%;
	height:8em;
	float:left;
	margin-left:3em;
	margin-top:1em;
	}
	
/*-------------welcome container------------------*/

.welcome_bg	{
	width:100%;
	height:auto;
	background-image:url(../images/wlcome_bg.png);
	}
	
/*--features--*/

.features-right h2 {
  margin-bottom: .3em;
  font-size: 0.8em;
  text-transform: capitalize;
  font-family: 'BoomBox 2';
  color:#fff;
  font-weight:700;
    letter-spacing:2px;
  
}
.features-right1 h2 {
  margin-bottom: .3em;
  font-size: 1.5em;
  text-transform: capitalize;
  font-family: 'BoomBox 2';
}
.features h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
}
.features1 h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
}
.features-right p {
  line-height: 1.8em;
  margin-bottom: 0.3em;
  font-size:15px;
  color:#fff;
  width:100%;
  font-family: 'Trebuchet MS';
  text-align:justify;
}
.features-right1 p {
  font-size: 1em;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.features-left {
  padding-right: 0;
  padding-left: 0;
}
.features-left1 img {
	width:100%;
	height: 258px;
}
.features-right a {
  background-color: #fff;
  padding: 10px 13px;
}
.features-right1 a {
  background-color: #fff;
  padding: 10px 13px;
}
.features-info1 {
  margin-top: 2em;
}

/*--------------END OF WELCOME CONTAINER-----------------*/

/*-------------------services starts here---------------*/

.services_strip	{
	width:60%;
	height:3em;
	background-color:#fff;
	float:right;
	border:1px solid #00a9ff;
	position:relative;
	top:2em;
	font-size:15px;
	letter-spacing:1px;
	font-weight:900;
	line-height:3em;
	padding-left:2em;

}

.service_gried h3	{
	font-size:1.2em;
	height:auto;
	font-weight:500;
	margin-top:1em;
	margin-bottom:1em;
	font-family: 'Montserrat-Regular';
	}

	
/*-------------nav END container------------------*/

.features-left {
	margin-top:1em;
  	padding-right: 0;
  	padding-left: 0;
	}
    .client_slider	{
	width:60%;
	height:auto;
	background-color:#fff;
	float:right;
	border:1px solid #00a9ff;
	position:relative;
	top:2em;
	font-size:15px;
	letter-spacing:1px;
	font-weight:900;
	line-height:3em;
	padding-left:2em;
	}
	
	.footer p	{
	font-size:10px;
	color:#fff;
	font-family: 'BoomBox 2';
	line-height:3em;
	text-align:center;
	}
	
	/*------------MAP starts here-------------------*/
.map	{
	min-height:100px;
	}

/*------------------------------------------------------------------ABOUT US STARTS ----------------------*/

.about_container	{
	width:100%;
	height:20em;
	background-image:url(../images/wlcome_bg.png);
	color:#fff;
	text-align:center;
	font-size:15px;
	font-family: 'BoomBox 2';
	}

}

}




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

/*-------------top-------------------*/
.top {
	width:100%;
	height:auto;
	background-color:#75767a;
	color:#fff;
	line-height:2em;
	font-size:12px;
	}
/*-----------end top-----------------*/

/*--------background-slider starts from here--END----------*/

.nav_blue	{
	width:100%;
	height:3em;
	position:absolute;
	background-color:rgba(1, 147, 222, .7);
	z-index:1;
	border-bottom: 1px solid white;
	}
	
.nav_right	{
	width:50%;
	height:6em;
	float:right;
	position:relative;
	margin-top:1em;
	}
	
.logo	{
	width:20%;
	height:8em;
	float:left;
	margin-left:3em;
	margin-top:1em;
	}
	
/*-------------welcome container------------------*/

.welcome_bg	{
	width:100%;
	height:auto;
	background-image:url(../images/wlcome_bg.png);
	}
	
/*--features--*/

.features-right h2 {
  margin-bottom: .3em;
  font-size: 0.8em;
  text-transform: capitalize;
  font-family: 'BoomBox 2';
  color:#fff;
  font-weight:700;
    letter-spacing:2px;
  
}
.features-right1 h2 {
  margin-bottom: .3em;
  font-size: 1.5em;
  text-transform: capitalize;
  font-family: 'BoomBox 2';
}
.features h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
}
.features1 h5 {
  font-size: 1.2em;
  text-align: center;
  color: #909090;
  margin-top: .3em;
}
.features-right p {
  line-height: 1.8em;
  margin-bottom: 0.3em;
  font-size:15px;
  color:#fff;
  width:100%;
  font-family: 'Trebuchet MS';
  text-align:justify;
}
.features-right1 p {
  font-size: 1em;
  line-height: 1.8em;
  margin-bottom: 1em;
}
.features-left {
  padding-right: 0;
  padding-left: 0;
}
.features-left1 img {
	width:100%;
	height: 258px;
}
.features-right a {
  background-color: #fff;
  padding: 10px 13px;
}
.features-right1 a {
  background-color: #fff;
  padding: 10px 13px;
}
.features-info1 {
  margin-top: 2em;
}

/*--------------END OF WELCOME CONTAINER-----------------*/

/*-------------------services starts here---------------*/

.services_strip	{
	width:60%;
	height:3em;
	background-color:#fff;
	float:right;
	border:1px solid #00a9ff;
	position:relative;
	top:2em;
	font-size:15px;
	letter-spacing:1px;
	font-weight:900;
	line-height:3em;
	padding-left:2em;

}

.service_gried h3	{
	font-size:1.2em;
	height:auto;
	font-weight:500;
	margin-top:1em;
	margin-bottom:1em;
	font-family: 'Montserrat-Regular';
	}

	
/*-------------nav END container------------------*/

.features-left {
	margin-top:1em;
  	padding-right: 0;
  	padding-left: 0;
	}
    .client_slider	{
	width:60%;
	height:auto;
	background-color:#fff;
	float:right;
	border:1px solid #00a9ff;
	position:relative;
	top:2em;
	font-size:15px;
	letter-spacing:1px;
	font-weight:900;
	line-height:0em;
	padding-left:2em;
	}
	
	.footer p	{
	font-size:10px;
	color:#fff;
	font-family: 'BoomBox 2';
	line-height:0em;
	text-align:center;
	}
	
	/*------------MAP starts here-------------------*/
.map	{
	min-height:100px;
	}

}

}