html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;

}
header, footer, nav, section, aside, article, figure{ display:block;}  
body{background:#fff; font-size:12px; font-family: 'Open Sans', sans-serif;}
li{ display:inline;}
.clear{clear:both;}
.wrapper{ width:1200px; margin:0 auto;}
.no-right-margin{ margin-right:0 !important;}
.gap{ height:20px;}
/*-----------header srat----------*/

.main_contener{ width:100%;}
header{ width:100%;}
.logo{ width:300px; float:left; padding:20px 0 15px 0; }
.right_top{ width:417px; float:right; padding:15px 0;}
.right_top a{font-size:16px; font-weight:300; color:#000; line-height:35px; text-decoration:none;}
.right_top a:hover{color:#666666;}
.contact_sec{ padding-bottom:10px;}
.contact_sec a{ font-weight:600;}
.mail{ background:url(../images/mail.png) left center no-repeat; padding:5px 0 5px 40px; }
.social{ float:right;}
.call{ background:url(../images/call.png) left center no-repeat; padding:8px 0 5px 40px; margin-left:18px; }
.social p{font-size:16px; font-weight:300; color:#000; line-height:35px; float:left;}
.social ul{ text-align:right; width:157px; float:left;}
.social ul li{display:inline-block; padding:0 2px;}

#mob_nav{ display:none;}
nav{ width:100%; background:#4cc8fe;}
nav ul{ text-align:center;}
nav ul li{ display:inline-block;  transition-duration: 1s; transition-property: all;}
nav ul li a{ font-size:17px; line-height:25px; font-weight:600; color:#fff; padding:10px 40px; text-shadow:1px 1px 1px #259ccf; text-decoration:none; display:block;  transition-duration: 1s; transition-property: all; }
nav ul li a:hover{ background:#0d467e; text-shadow:1px 1px 1px #000;}
nav ul li.active a{ background:#0d467e; text-shadow:1px 1px 1px #000;}

.banner{background: rgba(0, 0, 0, 0) url("../images/BAN_BG.jpg") no-repeat scroll left top;
    width: 100%;}


.service_section{ width:72%; float:left; padding:30px 0;}
.service_area{ width:20%; margin-right:16px; text-align:center; padding:20px 11px; background:#dddede; border-radius:10px; float:left;  transition-duration: 1s; transition-property: all; }
.icon{ width:120px; height:120px; text-align:center; background:#3c93f1; border-radius:50%; margin:0 auto; text-align:center;}
.icon img{ padding-top:22px;}
img.digital_icon{ padding-top:28px;}
img.web_icon{ padding-top:34px;}
.service_head{ color:#000; padding:16px 0 25px; text-align:center;font-size:17px; font-weight:400; line-height:22px; }
.service_area p{color:#0d467e; padding:0px 0 30px; text-align:center; font-size:17px; font-weight:400; line-height:22px; display:none;}
.service_area a.click{ padding:8px 16px; background:#000; color:#fff; font-size:14px; line-height:22px; border-radius:8px; text-decoration:none; margin-bottom:4px; display:inline-block;}
.service_area:hover{ background:#3c3d3d; cursor:pointer;}
.service_area:hover .icon{ background:#efbf41;}
.service_area:hover a.click{ background:#efbf41; color:#000;}
.service_area:hover .service_head{ color:#efbf41;}
.service_area:hover p{ color:#fff;}

.request_quote{ width:28%; float:right; padding:30px 0;}
.request_head{ background:#0d467c; font-size:21px; line-height:28px; font-weight:400; color:#fff; text-shadow:1px 1px 1px #000; text-align:center; padding:8px 0;}
.request_quote form{ padding:20px; background:#55a1f3;}
.request_quote form input[type="text"]{ background:#ece9e9; box-shadow:1px 1px 0px #666; border-radius:12px; font-size:16px; font-weight:300; line-height:22px; color:#8d9091; padding:12px 16px; margin-bottom:8px; border:0; width:89%;}
.request_quote form select{ background:#ece9e9; box-shadow:1px 1px 0px #666; border-radius:12px; font-size:16px; font-weight:300; line-height:22px; color:#8d9091; padding:12px 16px;margin-bottom:8px; border:0; width:99%; font-family: 'Open Sans', sans-serif;}
.request_quote form textarea{ background:#ece9e9; box-shadow:1px 1px 0px #666; border-radius:12px; font-size:16px; font-weight:300; line-height:22px; color:#8d9091; padding:12px 16px; height:70px; margin-bottom:13px; border:0; width:89%; font-family: 'Open Sans', sans-serif;}
.request_quote form input[type="submit"]{ width:187px; display:block; margin:0 auto; background:#0d467c; border-radius:8px; color:#fff; text-align:center; font-weight:300; padding:10px 0; font-size:18px; border:0; font-family: 'Open Sans', sans-serif; cursor:pointer; transition-duration: 1s; transition-property: all; }
.request_quote form input[type="submit"]:hover{ background:#000;}


.left_area{width:72%; float:left; padding:30px 0;}
.content{ width:97%;}
.content h1{font-size:32px; line-height:38px; font-weight:400; color:#3c93f1; }
.content h2{font-size:28px; line-height:38px; font-weight:400; color:#3c93f1; }
.content p.sub_head{font-size:16px; line-height:22px; font-weight:400; color:#000; padding:20px 0; }
.content p{font-size:14px; line-height:22px; font-weight:400; color:#686a6a; padding:0px 0px 35px; }
.content p a{ color:#686a6a;}
.content ul{ margin-top:15px;}
.content ul li { background: rgba(0, 0, 0, 0) url("../images/bull.png") no-repeat scroll left 5px; color: #5b5b5b; display: block;font-size: 14px; line-height: 25px; padding-left: 22px; padding-bottom: 9px;}
.bot_service{ clear:both; margin-top:45px; width:95%;}
.seo_serv{background:#8daf43; border-radius:10px;width:48%; float:left; }
.seo_serv h3{font-size:18px; line-height:38px; color:#fff; text-shadow:1px 1px 1px #7e7e7f; border-bottom:1px solid #fff; padding-left:25px; font-weight:700; }
.bot_service_icon{ float:left; width:100px; float:left; padding:25px 15px 25px 15px;}
.right_cont { float: right; width: 59%;}
.right_cont p{ font-size:15px;line-height:22px; color:#fff; font-weight:300; padding:25px 4px 15px 0;}
.seo_serv .right_cont a.read{ background:#445f08; padding:5px 8px; border-radius:5px; color:#fff; text-decoration:none; cursor:pointer; width:72px; display:block;}
a.read:hover{ background:#000 !important;}
.digi_mark{background:#feba4e; border-radius:10px;width:48%; float:right; }
.digi_mark h3{font-size:18px; line-height:38px; color:#fff; text-shadow:1px 1px 1px #7e7e7f; border-bottom:1px solid #fff; padding-left:25px; font-weight:700; }
.bot_service_icon{ float:left; width:100px; float:left; padding:25px 15px 25px 15px;}
.right_cont p{ font-size:15px;line-height:22px; color:#fff; font-weight:300; padding:25px 15px 15px 0;}
.digi_mark .right_cont a.read{ background:#d38a17; padding:5px 8px; border-radius:5px; color:#fff; text-decoration:none; cursor:pointer; width:72px; display:block;}

.right_area{width:28%; float:right;}
.speak_quote{ width:100%;}
.speak{ background:#4cc8fe; padding:5px 15px 15px 15px;}
.speak p{ font-size:14px; line-height:22px; color:#fff; border-bottom:1px dotted #fff; font-weight:400; padding:10px 0;}
.speak p span{ display:block;font-size:14px; line-height:22px; text-align:right; color:#393838; font-weight:800;}
.hire{ margin-top:36px;}
.hire a img{ width:100%;}

footer{ clear:both;}
.foot_top{ width:100%; background:#dfdfdf; padding:35px 0;}
.foot_top ul li{ display: inline-block;}
.foot_top ul li:last-child a{ border:none;}
.foot_top ul li a{ color:#777373; font-size:15px; line-height:22px; font-weight:700; border-right:1px solid #777373; text-decoration:none;  padding:0 8px;}
.foot_top p{color:#777373; font-size:15px; line-height:22px; font-weight:700;  padding:15px 8px 0;}
.foot_bot{ width:100%; background:#4e4e4e; padding:15px 0; font-size:14px; line-height:20px; font-weight:300; color:#979797; text-align:center;}
p.foot_address strong{ font-size:18px; line-height:22px;}

.inner_area{ width:72%; padding:35px 0}
.inner_areafull{ width:100%; padding:35px 0}
.inner_banner{width:100%; background:url(../images/inner_ban.png) left top no-repeat; background-position:cover;}
.inner_banner .company{ background:url(../images/company_bg.png) center right no-repeat;}
.inner_banner .digital{ background:url(../images/digital_bg.png) center right no-repeat;}
.inner_banner .digital .top_head{ font-size:52px;}
.inner_banner .seo{ background:url(../images/seo_bg.png) center right no-repeat;}
.inner_banner .clients{ background:url(../images/clients_bg.png) center right no-repeat;}
.inner_banner .contacts{ background:url(../images/contacts_bg.png) center right no-repeat;}
.inner_banner .top_head{ font-size:52px; padding:80px 0 80px 25px; line-height:65px; text-shadow:1px 1px 1px #333; color:#4cc8fe; }
.inner_banner .top_head a{ color:#4cc8fe; text-shadow:1px 1px 1px #333; text-decoration:none !important; font-weight:400 !important; }
.inner_banner .top_head a:hover{ color:#4cc8fe; text-shadow:1px 1px 1px #333; text-decoration:none;}
.in_social a{ padding:0 2px;}
.in_social a:hover{ opacity:0.8;}

.inner_speak{padding:5px 15px 15px 15px; }
.inner_speak p{ font-size:14px; line-height:22px; color:#999999; border-bottom:1px dotted #999; font-weight:400; padding:10px 0; margin:10px 0;}
.inner_speak p span{ display:block;font-size:14px; line-height:22px; text-align:right; color:#393838; font-weight:800;}

.table_rank table{ width:100%;}
.table_rank table tr td{padding:5px 2px; border-left:1px solid #999; border-top:1px dashed #999; border-right:none; border-bottom:none;}
.table_rank table tr td:first-child{ width:30%;}
.table_rank table tr td:last-child{ border-right:1px solid #999;}
.table_rank table tr:last-child td{ border-bottom:1px solid #999;}
.head_bg{ background:#0d467e; color:#fff; font-weight:600; font-size:16px;}

.contact_sec form{ width:55%; float:left;}
.map{ width:40%; float:right;}
.map img{ width:100%;}
.contact_sec form label{ font-size:18px; padding:5px 0; display:block; text-align:left;}
.contact_sec form input[type="text"]{ width:100%; clear:both; background:#ece9e9 ; border-radius:10px; border:2px solid #d4d4d4; margin-bottom:5px; padding:9px 0; text-indent:10px;}
.contact_sec form textarea{ width:100%; clear:both; background:#ece9e9 ; border-radius:10px; border:2px solid #d4d4d4; margin-bottom:15px; height:100px; padding:9px 0; text-indent:10px;}
.contact_sec form input[type="submit"]{ width:187px; display:block; margin:0 auto 25px; background:#0d467c; border-radius:8px; color:#fff; text-align:center; font-weight:300; padding:10px 0; font-size:18px; border:0; font-family: 'Open Sans', sans-serif; cursor:pointer; transition-duration: 1s; transition-property: all; }
.contact_sec form input[type="submit"]:hover{ background:#000;}

.foot_address a{color:#686a6a; text-decoration:none; }
.foot_address a:hover{color:#000; text-decoration:none; }

/*-------------media query start------------*/

@media only screen and (max-width:1200px) {
    .wrapper{ width:95%; margin:0 auto; padding:0 10px;}
	nav ul li a{ padding:10px 35px;}
	.service_head{ font-size:16px;}
	.service_area p{ font-size:16px;}
}	

@media only screen and (max-width:1120px) {
    .service_head{ font-size:14px;}
	.service_area p{ font-size:14px;}
}

@media only screen and (max-width:1090px) {
    nav ul li a{ padding:10px 16px;}
 	.right_cont{ padding-bottom:25px;}
}

@media only screen and (max-width:1000px) {
   .service_head {font-size: 23px; line-height:28px;}
   .service_area p{ font-size:15px;}
   .content h1{ font-size:27px;}
   .content p.sub_head { font-size:15px;}
   .content p{ font-size:15px;}
   .right_cont { float: right; width: 56%;}
}
@media only screen and (max-width:980px) {
   .service_area{ width:43%; margin-bottom:15px;}
   .request_head { font-size: 27px; font-weight: 400; line-height: 34px; padding: 34px 0;}
   .request_quote form input[type="text"]{ width:85%;}
   .request_quote form textarea{ width:85%;}
}
@media only screen and (max-width:950px) {
   .bot_service_icon {display:block; float:none; margin: 0 auto;  padding: 25px 15px 0; width: 50%;}
   .right_cont{ width:85%; margin:0 auto; float:none;}
   .right_cont p{ padding-top:5px;}
   .service_section{ padding-bottom:0;}
   .left_area{ padding-top:0;}
   .content h1 { font-size: 25px;}
   .content p { font-size: 13px;}
   .content p.sub_head{ padding:5px 0;}
   .content h2{ font-size:25px;}
   .content ul li{ line-height:30px; font-size:16px;}
}

@media only screen and (max-width:800px) {
   nav ul li a {padding: 10px; font-size:16px;}
   .service_area { margin-bottom: 15px; width: 41%;}
   .request_quote form input[type="submit"]{ width:100%;}
   .request_quote form input[type="text"] { width: 80%;}
   .request_quote form textarea{ width:80%;}
}

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

   .logo {float: none; margin: 0 auto; padding: 15px 0 0; text-align: center; width: 300px;}
   .contact_sec{ text-align:center;}
   .right_top { float: none; padding: 20px 0 0; width: 100%;}
   .contact_sec a{ float:none !important; padding:10px 0 10px 40px;}
   .social {float: none; margin: 0 auto; text-align: center; width: 100%;}
   .social p{ float:none;}
   .social ul {float: none; text-align: center; width: 100%;}
   #mob_nav{ display:block; height:28px; text-align:right; margin-right:15px; cursor:pointer;}
   nav{ display:none;}
   nav .wrapper{ width:100%; padding:0;}
   nav ul li{ display:block; border-bottom:1px solid #158FC4;}
   nav ul li a{ text-align:center;}
   .banner{ margin-top:5px;}
   .service_section{ float:none; width:100%;}
   .service_area { margin: 0 auto 25px !important; width: 80%; float:none;} 
   .request_quote{margin: 0 auto 25px !important; width: 80%; float:none;}
   .request_quote form input[type="text"] {width:92%;}
   .request_quote form textarea {width:92%;}
   .left_area { float:none; width:99%; margin:0 auto;}
   .right_area { float: none; width: 100%;}
   .inner_area{ width:100%; padding:15px 0;}
   
	.contact_sec form{ width:100%; float:left;}
	.map{ width:100%; float:right;}
	.map img{ width:100%;}
	.contact_sec form label{ font-size:18px; padding:5px 0; display:block; text-align:left;}
	.contact_sec form input[type="text"]{ width:100%; clear:both; background:#ece9e9 ; border-radius:10px; border:2px solid #d4d4d4; margin-bottom:5px; padding:9px 0;}
	.contact_sec form textarea{ width:100%; clear:both; background:#ece9e9 ; border-radius:10px; border:2px solid #d4d4d4; margin-bottom:5px; height:100px; padding:9px 0;}
	.contact_sec form input[type="submit"]{ width:187px; display:block; margin:0 auto 25px; background:#0d467c; border-radius:8px; color:#fff; text-align:center; font-weight:300; padding:10px 0; font-size:18px; border:0; font-family: 'Open Sans', sans-serif; cursor:pointer; transition-duration: 1s; transition-property: all; }
}

@media only screen and (max-width:600px) {
   .inner_banner .top_head{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; font-size:48px;}
   .inner_banner .digital .top_head{ font-size:35px;}
   
}

@media only screen and (max-width:480px) {
	.logo{ width:90%; float:none; margin:0 auto;}
	.logo img{ width:100%;}
   .wrapper{ width:93%; margin:0 auto; padding:0 10px;}
   .request_quote form input[type="text"] {width:89%;}
   .request_quote form textarea {width:89%;}
   .content ul li {background: rgba(0, 0, 0, 0) url("../images/bull.png") no-repeat scroll left 6px; font-size: 16px; line-height: 25px;  padding-bottom: 13px;}
   .bot_service{ clear:both; margin-top:45px; width:100%;}
   .seo_serv{background:#8daf43; border-radius:10px;width:100%; float:none; margin-bottom:25px; }
   .seo_serv h3{font-size:18px; line-height:38px; color:#fff; text-shadow:1px 1px 1px #7e7e7f; border-bottom:1px solid #fff; padding-left:25px; font-weight:700; }
   .bot_service_icon{ float:left; width:100px; float:left; padding:25px 15px 25px 15px;}
   .right_cont { float: right; width: 59%;}
   .right_cont p{ font-size:15px;line-height:22px; color:#fff; font-weight:300; padding:25px 4px 15px 0;}
   .seo_serv .right_cont a.read{ background:#445f08; padding:5px 8px; border-radius:5px; color:#fff; text-decoration:none; cursor:pointer; width:72px; display:block;}
   a.read:hover{ background:#000 !important;}
   .digi_mark{background:#feba4e; border-radius:10px;width:100%; float:none; }
   .digi_mark h3{font-size:18px; line-height:38px; color:#fff; text-shadow:1px 1px 1px #7e7e7f; border-bottom:1px solid #fff; padding-left:25px; font-weight:700; }
   .bot_service_icon{ float:left; width:100px; float:left; padding:25px 15px 25px 15px;}
   .right_cont p{ font-size:15px;line-height:22px; color:#fff; font-weight:300; padding:25px 15px 15px 0;}
   .digi_mark .right_cont a.read{ background:#d38a17; padding:5px 8px; border-radius:5px; color:#fff; text-decoration:none; cursor:pointer; width:72px; display:block;}
    
}

@media only screen and (max-width:360px) {
   .request_quote form input[type="text"] {width:85%;}
   .request_quote form textarea {width:85%;}
   .right_cont{width:55%;}
   .content h1{line-height:31px;}
   .content h2{line-height:31px;}
   .contact_sec a{font-size:19px;}
   .request_head {font-size: 20px; font-weight: 400; line-height: 34px; padding: 4px 0;}
   .foot_bot p{ widows:80%; margin:0 auto;}
   a.call{ margin-left:0!important;}
   .inner_banner .digital .top_head{ font-size:28px;}
   .inner_banner .top_head{font-size:45px;}
   
}