/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}	
*{
	padding:0;
	margin:0;
}
img {
	border:none;
	display:block;
	max-width:100%;
	height:auto;
	width:auto;
	}
a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
.underline {
	text-decoration:underline;
}
.underline:hover {
	text-decoration:none;
}
	
h1, h2, h3, h4, h5, h6, p, div, span, html, ol, ul, li, form,label {
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
.flotleft{
	float:left;
	width:auto;
	}
.flotright{
	float:right;
	width:auto;
	}
	.clear
{
    clear: both;
}
form{
	margin:0;
	padding:0;
}
p  {
	text-align:justify;
	display: block;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}




/**** Start Header ****/
.wrapper {
	width: 96%;	
	max-width: 980px;
	margin: auto;
}
.header_content {
width:75%;
position:absolute;
z-index:100;
}
.heade_one_content {
	float:left;
	width:100%;
	background:url(../banner/1.jpg) no-repeat center top;
	text-align:center;
	padding:1% 0 0 0;
	margin:0;
	height:770px;
}		
.logo {
width:20%;
float:left;
padding:0 0 0 0;
}
.logo img {
	float:left;
	padding:0 0 0 0;
}	
.banner_main_content {
	float:left;
	width:100%;
	padding:0 0 0 0;
}


/**** Text Animation ***/
.text_content {
            width:90%;
            font-size: 30px;
            font-weight: bold;
			 text-align: center;
font-family: 'Chivo', sans-serif;
			 padding-top:43%;
        }

        .typed {
            color:#e56713;
        }
.text_content h3 {
	font-size:20px;
	color:#e56713;
	width:100%;
	text-align:center;
	padding-top:4%;
	font-family: 'M PLUS 1p', sans-serif;
}			
/**** Text Animation ***/

/**** Wave Animation ***/
.banner_bottom {
	float:left;
	width:100%;
}		
	
/**** Wave Animation ***/	


/*** Web Agency ****/	
.web_design_content {
	float:left;
	width:100%;
	padding:2% 0 0 0;
	margin:0;

}
.web_design_content h1 {
	float:left;		
	font-size:35px;
	color:#01c5de;
font-family: 'Didact Gothic', sans-serif;
  width:100%;
  text-align:center;
  	padding:0;
	margin:0;
 }
  .web_design_content h4 {
	float:left;		
	font-size:15px;
	color:#01c5de;
font-family: 'M PLUS 1p', sans-serif;
  width:100%;
  text-align:center;
  	padding:0 0 0 0;
	margin:0;
 }
 .web_line {
 	width:30px;
	height:2px;
	background:#00aff0;
	margin-left:48%;
	margin-top:5%;
	margin-bottom:2%;
}
 .web_line1 {
 	width:30px;
	height:2px;
	background:#00aff0;
	margin-left:48%;
	margin-top:12%;
	margin-bottom:2%;
}

 .web_line2 {
 	width:30px;
	height:2px;
	background:#00aff0;
	margin-left:48%;
	margin-top:12%;
	margin-bottom:2%;
}
 .web_line3 {
 	width:30px;
	height:2px;
	background:#00aff0;
	margin-left:48%;
	margin-top:12%;
	margin-bottom:2%;
}
 .web_line4 {
 	width:30px;
	height:2px;
	background:#effbfe;
	margin-left:48%;
	margin-top:8%;
	margin-bottom:2%;
}
 .web_line5 {
 	width:30px;
	height:2px;
	background:#00aff0;
	margin-left:48%;
	margin-top:5%;
	margin-bottom:2%;
}

		
 .web_design_one {
 	float:left;
	width:47%;

}
 .web_design_one img {
 	float:left;
	padding:0 0 0 0;
}
 .web_design_two {
 	float:left;
	width:45%;
	padding:0 0 0 2%;
}
.web_design_content p {
	float:left;		
	font-size:18px;
	color:#4a4a4a;
font-family: 'Istok Web', sans-serif;
  width:100%;
  	padding:0 0 0 0;
	margin:0;
	text-align:center;
 }	
 .web_design_content h2 {
	float:left;		
	font-size:20px;
	color:#4a4a4a;
font-family: 'IBM Plex Sans', sans-serif;
  width:100%;
padding:3% 0 2% 0;
 }
.web_design_content img {
	float:left;
	padding:0 0 0 0;
}		
.new_line_blank {
	float:left;
	width:50%;
	height:100px;
}

.progress_web {
	float:left;
	width:90%;
}	




	
		
/*** Web Agency ****/

/*** Steav Job ****/
.stev_content {
	float:left;
	width:100%;
	background:#8fc455;
	height:300px;
	margin-top:3%;
	margin-bottom:2%;
}	
.web_one {
	float:left;
	width:100%;
	padding-top:7%;
}
 .web_one h1 {
	float:left;		
	font-size:30px;
	color:#ffffff;
font-family: 'Michroma', sans-serif;
  width:100%;
  font-weight:normal;
  text-align:center;
 }	
 .web_one h4 {
	float:left;		
	font-size:20px;
	color:#ffffff;
	font-family: 'Ovo', serif;
  width:100%;
  text-align:center;
  font-weight:normal;
 }
/*** Steav Job ****/


/*** Services ***/
.web_service_content {
	width:100%;
	background:url(../images/service-bg.jpg);
	    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	float:left;
}
.web_service_one {
	float:left;
	width:100%;
	padding:2% 0 1% 0;
}
.web_service_one h1 {
	float:left;		
	font-size:33px;
	color:#01c5de;
font-family: 'Didact Gothic', sans-serif;
  width:100%;
  text-align:center;
  	padding:0 0 0 0;
	margin:0;
 }
 .web_service_one h4 {
	float:left;		
	font-size:15px;
	color:#01c5de;
font-family: 'Istok Web', sans-serif;
  width:100%;
  text-align:center;
  	padding:0 0 0 0;
	margin:0;
 }
.web_creative_content {
	width:30%;
	float:left;
	background:#ffffff;
	margin-left:2%;
	margin-bottom:2%;
	height:260px;
  -webkit-transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
 .web_creative_content h2 {
	float:left;		
	font-size:16px;
	color:#525252;
font-family: 'Amethysta', serif;
  width:100%;
  text-align:center;
  font-weight:normal;
 }
  .web_creative_content p {
	float:left;		
	font-size:14px;
	color:#4a4a4a;
font-family: 'Istok Web', sans-serif;
  width:80%;
  text-align:center;
  padding-left:10%;
  padding-top:2%;
  padding-bottom:2%;
 }
 .web_creative_content a {
 width:25%;
 height:56px;
 float:left;
 cursor:none;
 margin-left:41%;
 margin-top:13%;
 margin-bottom:7%;
 }
 .web_creative_content a:hover {

 }
 .web_creative_content img {
 	float:left;
	padding:0 0 0 0;
}	



.web_service_one1 {
	float:left;
	width:100%;
	padding:6% 0 1% 0;
}
.web_service_one1 h1 {
	float:left;		
	font-size:33px;
	color:#01c5de;
font-family: 'Didact Gothic', sans-serif;
  width:100%;
  text-align:center;
  	padding:0 0 0 0;
	margin:0;
 }
				
/*** Services ***/

/**** Glow ****/
.web_creative_content:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/**** Glow ****/

/**** Portfolio ****/
.portfolio_main_content {
	float:left;
	width:100%;
}	
.portfolio_design_content {
	float:left;
	width:100%;
	padding:2% 0 0 0;
	margin:0;

}
.portfolio_design_content h1 {
	float:left;		
	font-size:35px;
	color:#4a4a4a;
font-family: 'Didact Gothic', sans-serif;
  width:100%;
  text-align:center;
  	padding:0;
	margin:0;
 }
  .portfolio_design_content h4 {
	float:left;		
	font-size:15px;
	color:#01c5de;
font-family: 'Didact Gothic', sans-serif;
  width:100%;
  text-align:center;
  	padding:0 0 0 0;
	margin:0;
 }
 
 /**** Portfolio ****/
 
 /** Testimonial ***/
.testimonial_content_one {
	float:left;
	background:url(../images/client-test-bg.jpg) no-repeat center #637373;
	width:100%;
	margin-top:2%;
	margin-bottom:2%;
	padding-bottom:2%;
}
 /** Testimonial ***/
 
/*** Contact us ***/
.web_service_con {
	float:left;
	width:100%;
	padding:2% 0 2% 0;
}
.web_service_con h1 {
	float:left;		
	font-size:35px;
	color:#effbfe;
font-family: 'Didact Gothic', sans-serif;
  width:100%;
  text-align:center;
  	padding:0 0 0 0;
	margin:0;
 }
.contact_main {
	float:left;
	width:100%;
}	
.contact_us_content {
	float:left;
	width:50%;
	background:#00afef;
	height:525px;
}	
.contact_info_one {
	float:left;
	width:100%;
	padding-bottom:5%;
}
.contact_info_one h2 {
	float:left;		
	font-size:20px;
	color:#ffffff;
font-family: 'Roboto Condensed', sans-serif;
  width:100%;
  	padding:4% 0 0 0;
	margin:0;
}
.contact_info_one h4 {
	float:left;		
	font-size:16px;
	color:#f0fbfe;
font-family: 'Roboto Condensed', sans-serif;
  width:100%;
  	padding:1% 0 3% 0;
	font-weight:normal;
	margin:0;
}
.contact_line {
	background:#0f416e;
	height:1px;
	width:90%;
	float:left;
	margin-top:2%;
}	
.contact_matter_content {
	float:left;
	width:80%;
	padding-left:10%;
}		

.contact_us_main {
	float:left;
	width:50%;
	background:#f7f7f7;
	height:525px;
}
.map_content {
	float:left;
	width:100%;
}
	.footer_one {
	float:left;
	width:100%;
}
.footer_logo {
	float:left;
	width:25%;
	padding:2% 0 1% 36%;
}
.footer_logo img {
	float:left;
	padding:0 0 0 0;
}

/*** Social ***/
.blank_fb {
	float:left;
	width:100%;
}
.facebook_content {
	width:10%;
	float:left;
	padding:0 0 0 48%;
}
.facebook_content a {
		background:url(../images/fb.png) no-repeat;
		width:100%;
		float:left;
height:30px;		
	}
.facebook_content a:hover {
		background:url(../images/fb-over.png) no-repeat;
	}
/*** Social ***/	
	 	

.footer_two {
	float:left;
	width:100%;
	background:#000000;
	padding:1% 0 1% 0;
}
.footer_data {
	float:left;
	width:100%;
}
.footer_data h4 {
	float:left;		
	font-size:14px;
	color:#999999;
font-family: 'Cabin', sans-serif;
  width:100%;
  	padding:1% 0 1% 0;
	margin:0;
	text-align:center;
}				 
/*** Contact us ***/



/*** Responsive ***/
@media only screen and (min-width:320px) {
.logo {
width:45%;
}
.text_content {
	padding-top:47%;
 }
  .web_design_one {
	width:98%;
}
 .web_design_two {
	width:90%;
}
 .web_one h1 {
	font-size:22px;
}
 .web_line1 {
	margin-top:58%;
		margin-bottom:4%;	
}	
.web_creative_content {
	width:95%;
}
.testimonial_content_one {

}
.contact_us_content {
	width:100%;
	height:340px;
}
.contact_us_main {
	width:100%;
}
 .web_line2 {
	margin-top:17%;			
}
 .web_line {
	margin-top:17%;
}
 .web_line5 {
	margin-top:30%;
}
 .web_line3 {
	margin-top:15%;
	margin-bottom:5%;
}	
 .web_line4 {
	margin-top:15%;
}		
}

@media only screen and (min-width:360px) {
 .web_line2 {
	margin-top:20%;			
}
 .web_line {
	margin-top:17%;
}
 .web_line5 {
	margin-top:26%;
}
 .web_line1 {
	margin-top:41%;
		margin-bottom:4%;	
}
 .web_line3 {
	margin-top:22%;
	margin-bottom:1px;
}	
}


@media only screen and (min-width:400px) {
 .web_line2 {
	margin-top:14%;			
}
 .web_line {
	margin-top:14%;
}
 .web_line1 {
	margin-top:41%;
		margin-bottom:4%;	
}
 .web_line3 {
	margin-top:14%;
	margin-bottom:1px;
}
.contact_us_content {
	height:400px;
}	
}

@media only screen and (min-width:460px) {
 .web_line2 {
	margin-top:12%;			
}
 .web_line4 {
	margin-top:12%;			
}
 .web_line5 {
	margin-top:11%;			
}
 .web_line {
	margin-top:12%;
}
 .web_line1 {
	margin-top:34%;
		margin-bottom:4%;	
}
 .web_line3 {
	margin-top:12%;
	margin-bottom:1px;
}
.web_creative_content {
	width:48%;
}	
}




@media only screen and (min-width:560px) {
 .web_line2 {
	margin-top:10%;			
}
 .web_line {
	margin-top:10%;
}
 .web_line1 {
	margin-top:35%;
		margin-bottom:2%;	
}
 .web_line3 {
	margin-top:10%;
	margin-bottom:1px;
}
.web_creative_content {
	width:48%;
}
 .web_design_one {
 padding-left:10%;
 width:80%;
}	
 .web_one h1 {	
	font-size:30px;
}
.contact_us_content {
	height:430px;
}	
}


@media only screen and (min-width:600px) {
.text_content {
	padding-top:35%;
 }
}

@media only screen and (min-width:640px) {
.logo {
width:35%;
}
.testimonial_content_one {
	
}
.contact_us_content {
	width:50%;
	height:525px;
}
.contact_us_main {
	width:50%;
	
}
 .web_design_one {
 padding-left:15%;
 width:70%;
}
 .web_design_two {
	width:80%;
	padding:0 0 0 12%;
}
.web_line2 {
	margin-top:18%;			
}
.web_line4 {
	margin-top:18%;			
}
 .web_line {
	margin-top:10%;
}
 .web_line5 {
	margin-top:10%;
}
 .web_line1 {
	margin-top:30%;
		margin-bottom:2%;	
}
 .web_line3 {
	margin-top:10%;
} 
 
}


@media only screen and (min-width:720px) {
.logo {
width:35%;
}
.testimonial_content_one {
	
}
.contact_us_content {
	width:50%;
}
.contact_us_main {
	width:50%;
}
 .web_design_one {
 padding-left:0;
 width:47%;
}
 .web_design_two {
	width:45%;
	padding:0 0 0 2%;
}
.web_line2 {
	margin-top:15%;			
}
.web_line4 {
	margin-top:15%;			
}
 .web_line {
	margin-top:8%;
}
 .web_line5 {
	margin-top:8%;
}
 .web_line1 {
	margin-top:28%;
}
 .web_line3 {
	margin-top:8%;
} 
.web_creative_content {
	width:30%;
}		 
}
@media only screen and (min-width:768px) {
 .web_line1 {
	margin-top:25%;
}
}

@media only screen and (min-width:800px) {
.logo {
	width:20%;
}	
 .web_line1 {
	margin-top:25%;
}
}

@media only screen and (min-width:900px) {
.logo {
	width:20%;
}	
 .web_line1 {
	margin-top:17%;
}
 .web_line {
	margin-top:6%;
}
 .web_line5 {
	margin-top:6%;
}
 .web_line3 {
	margin-top:6%;
}
 .web_line2 {
	margin-top:11%;
}
 .web_line4 {
	margin-top:11%;
}
.text_content {
	padding-top:23%;
 }
}

@media only screen and (min-width:980px) {
 .web_line1 {
	margin-top:12%;
}

 .web_line4 {
	margin-top:6%;
}
 .web_line2 {
	margin-top:6%;
}
}

@media only screen and (min-width:1920px) {
 .web_line2 {
	margin-top:6%;
}
}



/*** Responsive ***/