*{
    box-sizing:border-box; 
    -moz-box-sizing:border-box;
    margin:0px;
    padding:0px;
}
body{
	margin:0px;
	padding:0px;
	background:#fff;
	font:normal 14px 'Poppins', sans-serif;
	color:#303030;
}
html,body{width:100%; height:100%; display:table;}

ul, li, ol{margin:0px; padding:0px; list-style:none;}
p{margin:0px; padding:0px; line-height:34px;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; font-weight:normal; line-height:inherit;}

img {
  width:auto;
  height:auto;
  max-width:100%;
  vertical-align:middle;
  border:none;
  -ms-interpolation-mode:bicubic;
}
a, button{text-decoration:none;}

input{margin:0px; padding:0px; border:none; font:normal 14px 'Poppins', sans-serif;}
input[type="submit"]{cursor:pointer;}
input[type="submit"]:focus, button:focus{outline:none;}
button{border:none; margin:0px; padding:0px; cursor:pointer; font:normal 14px 'Poppins', sans-serif;}
button:focus{outline:none;}
span, label{border:none; margin:0px; padding:0px;}

.clear{clear:both;}

.wrapper{max-width:1170px; margin:auto;}
.button{
	border:2px solid #ed1b33; 
	color:#fff;
	height:45px;
	display:table;
	text-align:center;
	padding:0px 40px;
	line-height:45px;
    border-radius:60px;
    text-transform:uppercase;
}
.button:hover{background:#ed1b33; color:#fff;}
.button-fill{ 
	color:#fff;
	height:60px;
	display:table;
	text-align:center;
	padding:0px 60px;
	line-height:60px;
    border-radius:60px;
    background:#ed1b33;
    box-shadow:0 20px 30px 0 rgba(0,0,0,.2);
    font-size:16px;
    text-transform:uppercase;
}
.button:hover{background:#ed1b33; color:#fff;}

.clear{clear:both;}

/* header starts here */
header{width:100%; position:absolute; top:0px; display:table; left:0px; z-index:1;}
.logo{float:left; margin:20px 0px; width:223px; height:46px; background:url(../images/logo.png) no-repeat;}

nav{float:right;}
nav ul{margin-top:20px;}
nav ul li{float:left; padding:0px 30px;}
nav ul li a{color:#fff;	display:block;	line-height:46px;}
/* header nav ul li:last-child a{border:2px solid #fff; padding:0px 30px;}*/
nav ul li:last-child{padding-right:0px;}
nav ul li a:hover{text-decoration:underline;}
.nav-mobile{display:none; float:right; position:absolute; top:20px; right:20px; cursor:pointer; min-height:32px; width:32px;  z-index:10;}
.fixedheader{background:#fff; position:fixed;	box-shadow:0 10px 20px rgba(0,0,0,.1);    -webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);}
.fixedheader nav ul li a{color:#303030;}
/*.fixedheader nav ul li:last-child a{border:1px solid #303030;}*/
.fixedheader .logo{background:url(../images/logo-red.png) no-repeat;}
/* header ends here */

/* slider section starts here */
.slider_sec{position:relative;}
.slider_img{}
.slider_content{position:absolute; top:33%; width:100%;}
.slider_content h2{
    font-weight:700;
    font-size:70px;
	text-align:center;
    text-transform:uppercase;
	line-height:90px;
	color:#fff;
	margin:auto;
	padding:0px 0px 15px 0px;
}
.slider_content .bottom_sld{display:table; margin:auto;}
.for{font:normal 40px 'Great Vibes', cursive; color:#fff; float:left;}
.bottom_sld ul{float:left; margin:17px 0px 0px 0px;}
.bottom_sld ul li{color:#fff; float:left; font-size:16px; padding:0px 0px 0px 30px;}
.bottom_sld ul li i{
	width:8px; 
	height:8px; 
	background:rgba(255,255,255, 0.6); 
	border-radius:100%; 
	display:block; 
	float:left;
	margin:8px 10px 0px 0px;
}
.slider_content a{margin:auto; margin-top:30px;}
/* slider section ends here */

/* intro section starts here */
.intro_sec{padding:100px 0px; text-align:center;}
.intro_sec hr{width:400px; background:#d4d4d4; border:none; height:1px; margin:40px auto;}
.intro_sec h3{font-size:40px; font-weight:700; line-height:60px; text-transform:uppercase;}
.intro_sec p{font-size:24px; font-weight:300; line-height:50px; width:90%; margin:auto;}
/* intro section ends here */

/* Home services starts here */
.home_services_sec{width:100%; background:#f2f2f2;}
.home_services_sec h3{font-size:40px; font-weight:700; padding:50px 0px 10px 0px; text-align:center;}
.home_services_sec p.tagline{width:70%; text-align:center; margin:auto; font-size:16px;	padding:0px 0px 50px 0px;}
.home_services_col{
	width:50%; 
	float:left; 
	text-align:center;
	color:#fff;
	padding:70px 0px;
	min-height:410px; 
	
}
.home_services_col h4{font-size:40px; font-weight:700; padding:0px 0px 5px 0px;}
.home_services_col p{width:80%; margin:auto;}
.home_services_col .button{border:2px solid #fff; margin:auto; margin-top:20px;}
.home_services_col .button:hover{border:2px solid #fff; background:#fff; color:#ed1b33;}

.home_services_design .home_services_content{background:#ed1b33;}
.home_services_development .home_services_content{background:#494a55;}
.home_services_seo .home_services_content{background:#181d27;}
.home_services_hosting .home_services_content{background:#494a55;}

.home_services_img_design{width:50%; background:url(../images/design.jpg) center no-repeat; height:410px; background-size:cover;}
.home_services_img_development{width:50%; background:url(../images/development.jpg) center no-repeat; height:410px; background-size:cover;}
.home_services_img_seo{width:50%; background:url(../images/seo.jpg) right no-repeat; height:410px; background-size:cover;}
.home_services_img_hosting{width:50%; background:url(../images/hosting.jpg) center no-repeat; height:410px; background-size:cover;}
/* Home services ends here */

/* our approach starts here */
.our-approach{width:100%; display:table; padding:70px 0px; text-align:center;}
.our-approach hr{width:250px; background:#d4d4d4; border:none; height:1px; margin:40px auto;}
.our-approach h5{font-size:40px; font-weight:700; line-height:60px; text-transform:uppercase;}
.our-approach p{font-size:24px; font-weight:300; line-height:50px; width:90%; margin:auto; padding:0px 0px 40px 0px;}
.our-approach a{margin:auto;}
/* our approach ends here */

/* work with us starts here */
.work-with-us{width:100%; display:table; background:#ed1b33; text-align:center; padding:90px 0px;}
.work-with-us h5{font-size:30px; font-weight:700; color:#fff; margin:0px 0px 15px 0px;}
.work-with-us .button-fill{background:#fff; color:#ed1b33; margin:auto;}
/* footer starts here */
.slider-innersec{width:100%; max-height:240px; margin:auto;}
.slider-innersec img{width:100%: height:240px;}

.slider_innersec h2{
    font-weight:700;
    font-size:70px;
	text-align:left;
    text-transform:uppercase;
	line-height:90px;
	color:#fff;
	margin:auto;
	padding:0px 0px 15px 0px;
}

/* services starts here */
.services-sec{width:100%; }
.services-sec h3{font-size:40px; font-weight:700; padding:50px 0px 10px 0px; text-align:center;}
.services-sec .tagline{width:90%; text-align:center; margin:auto; font-size:20px;	padding: 0px 0px 50px 0px;}
.services-col{
	width:31%; 
	float:left; 
	text-align:center;
	color:#303030;
	padding:20px 0px;
	min-height:300px; 
	display:inline-table;
	box-shadow:rgba(0,0,0,0.2);
	border:2px solid #f6f6f9;	
	background:rgba(255, 254, 254 , 1);	
	margin:10px 4px 20px 0;
}
.services-col h3{font-size:28px; font-weight:400; padding:0px 0px 5px 0px;}
.services-col img{width:128px; height:128px;padding:30px;  border:1px solid #000 !important;  border-radius:50%; }
.services-col p{padding:10px 14px; margin:auto; text-align:left;}
.services-col .button{border:2px solid #fff; margin:auto; margin-top:20px;}
.services-col .button:hover{border:2px solid #fff; background:#fff; color:#ed1b33;}

/* services ends here */


/* latest work section starts here */
.latest-work-sec{padding:40px 0px 0px 0px; width:100%; display:table;}
.latest-work-sec h5{font-size:40px; margin-bottom:50px; text-transform:uppercase; font-weight:700; border-bottom:6px solid #fdd947; color:#000; display:table;}
.latest-work-col{width:24.6%; float:left; min-height:auto; margin:0 6px 10px 0; position:relative; border:1px soild #f2f2f2;}
.latest-work-col img{width:100%; height:auto;}
.latest-work-col p{line-height:320px; display:none; border:6px solid #fdd947; position:absolute; z-index:10; top:0px; left:0px; width:100%; background:rgba(255,255,255, 0.7); text-align:center; text-transform:uppercase;}
.latest-work-col:hover p{display:none;}
.last-work-col{margin-right:0; float:right}
.overlay {position: absolute; bottom: 100%; bottom: 0; right: 0; background-color:rgba(0,0,0, 0.5); overflow: hidden; width: 100%; height:0; transition: .5s ease;}
.latest-work-col:hover .overlay {bottom: 0;  height: 100%;}
.latest-work-col .text{color: white; font-size: 22px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);text-align: center;}
.latest-work-col .text a{color: white; text-decoration:none;}
/* latest work section ends here */
footer{
    background:#fff url(../images/map.png) bottom 50px center no-repeat; 
    display:table; 
    width:100%; 
    border-bottom:2px solid #ed1b33;
    padding:0px 0px 400px 0px;
}
footer .footer_col{float:left; width:33%; padding:70px 0px;}
.footer-content-main{margin:auto; display:table;}
    .footer_col i{float:left; font-size:30px; margin:0px 20px 0px 0px; color:rgba(0,0,0, 0.2);}
    .footer-col-content{float:left; display:table;}
    .footer_col_last{padding:0px 0px 0px 3%}
    .footer_col p{line-height:24px;}
    .footer_col h6{font-size:16px; color:#969696; text-transform:uppercase;}
    .footer_col a{display:block; color:#303030;}
    .footer_col a:hover{text-decoration:underline;}

.social-links{border-bottom:1px solid #f3f3f3; width:100%; display:table; padding:70px 0px;}
.social-links li{float:left; width:14%;}
.social-links li a{font-size:36px; display:table; margin:auto;}
.social-links li a i{color:rgba(0,0,0, 0.3); transition:color .3s ease;}
.social-links li a i:hover{color:rgba(0,0,0, 0.6);}
/* footer ends here */

/* fixed form starts here */
.fixed_form{bottom:30px; right:30px; z-index:10;}
.fixed_form_new{position:fixed;}
.fixed_form_button{
	width:60px;
	height:60px;
	float:right;
	background:#ed1b33;
    border-radius:100%;
    box-shadow:0 10px 20px rgba(0,0,0,.2);
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);
}
.fixed_form_button i{color:#fff; font-size:30px;}
.fixed_form_button:hover{background-color:#ed1b33;}
.fixed_form_content_main{padding:0px 0px 30px 0px; display:none;}

.fixed_form_content{
	background:#fff; 
	width:100%;
    height:100%;
	padding:30px;
	position:fixed;
    top:0px;
    left:0px;
}
.fixed_form_content:before{
	content:'';
    position:absolute;
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:15px solid #fff;
    bottom:-15px;
    right:15px;
}
.fixed_form_content p{font-size:22px; padding:0px 0px 15px 0px;}
.fixed_form_content input[type="text"], input[type="email"], input[type="tel"],
.fixed_form_content textarea{
	border:1px solid #b6b6b6;
	width:100%;
	height:40px;
	margin:0px 0px 10px 0px;
	padding:0px 10px;
	font-family:'ProximaNova';
}
.fixed_form_content textarea{min-height:60px; resize:none; padding:8px 10px;}
.fixed_form_content input[type="submit"]{background:none; color:#ed1b33;}
/* fixed form ends here */

@media (max-width:750px){
    header{width:100%; position:absolute; top:0px; left:0px;}
	.logo{float:left; margin:10px; width:100%; }
	 .nav-mobile{display:block;}
    nav{width:100%; float:none;}
    nav ul{display:none; top:40px;position:absolute; width:100%;}
    nav ul li{width:100%; padding:0; float:left;}
    nav ul li a{line-height:20px; color:#fff; padding:10px; text-align:center; background:rgba(0,0,0,0.7); border-bottom:1px solid #f3f5f6; }
  
   .slider_sec{width:100%; position:relative; }
   .slider_img{width:100%; height:320px; }
   .slider_content{position:absolute; top:28%; width:100%;}
   .slider_content h2{font-weight:500; font-size:32px;	line-height:30px;}
   .slider_content .bottom_sld{display:table; margin:auto;}
   .for{font:normal 20px 'Great Vibes', cursive; color:#fff; float:left;}
   .bottom_sld ul{float:left; margin:7px 0px 0px 0px;}
   .bottom_sld ul li{color:#fff; float:left; font-size:14px; padding:0px 0px 0px 30px;}
   .bottom_sld ul li i{width:8px; height:8px; background:rgba(255,255,255, 0.6);border-radius:100%; display:block; 	float:left;	margin:8px 10px 0px 0px;}
   .slider_content a{margin:auto; margin-top:30px;}
   .fixedheader{width:100%;	background:#fff; position:fixed; box-shadow:0 10px 20px rgba(0,0,0,.1);  -webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);}
   .intro_sec{padding:30px 0px; }
   .intro_sec h3{font-size:20px; font-weight:600; line-height:24px; text-transform:uppercase;}   
   .intro_sec p{font-size:12px; padding:0 10px;} 
   .home_services_sec{width:100%; }
   .home_services_col{width:100%;}
   .home_services_design{width:100%;}
   .home_services_development{width:100%;}
   .home_services_img_development{width:100%;}
   .home_services_content{width:100%;}
   .home_services_img_hosting{width:100%;}
   .home_services_img_seo{width:100%;}
   .home_services_img_design{width:100%;}
   .our-approach{width:100%; padding:20px 0;}
   .our-approach hr{width:70%;}
   .our-approach h5{font-size:20px; font-weight:600; line-height:18px; }
   .our-approach p{font-size:12px; padding:0 10px; }
   .slider-innersec{width:100%; margin:auto;}
   .slider-innersec img{width:100%; height:180px;}
   .services-sec{width:100%; }
	.services-sec h3{font-size:20px; font-weight:600;}
	.services-col{width:100%; padding:10px;}
	.latest-work-sec h5{font-size:14px; margin-bottom:20px; text-transform:uppercase; font-weight:500;}
	.latest-work-col{width:100%;} 
	.latest-work-sec h5{font-size:14px; padding:10px; margin-bottom:20px;}
   footer .footer_col{float:left; width:100%; padding:20px 0px;}
   .footer_col_last{padding:0px 0px 0px 0}
}