.clearing-main-prev > span, .clearing-main-next > span{text-indent: 999999px;}
body{ font-family: 'Open Sans', sans-serif; font-size:16px; line-height:30px; color:#222529; margin:0;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#0d3568; text-decoration:underline;}
a:hover{color:#000; text-decoration:none;}
img{max-width:100%;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
img, object, embed{max-width: 100%; height: auto;}
.map{padding:5px; margin-bottom:20px; border:solid 1px #8A8A8A; width:100%;}

ul.style, ol.style{margin:0 0 15px; font-size:16px; line-height:20px; color:#222529;}
ol.style li{list-style:decimal; margin:0 0 8px 20px;}
ul.style li{list-style:disc; margin:0 0 10px 20px;}
ul.style li.none, ol.style li.none{list-style:none;}
ul.style li.heading, ol.style li.heading{list-style:none; margin:0 0 8px 0px; border:none; padding:0; font-size:16px; font-weight:bold; margin-bottom:2px;}
ul.style li ul{ margin-top:8px;}

.bullet-group{ margin-bottom:15px;}
.bullet-group .style{ margin:0 !important;}

.table_style{border:1px solid #DDDDDD; margin-bottom:20px; width:100%; font-size:14px; line-height:16px; text-align:center;}
.table_style table{border:1px solid #FFFFFF; border-collapse:collapse; margin:0; padding:0; width:100%;}
.table_style tbody{background:#F9F9F9;}
.table_style th{background-color:#0c3569; color:#fff; font-size:18px; padding:16px 15px; font-weight:bold;}
.table_style tr, .table_style tr.even, .table_style tr.alt, .table_style tr:nth-of-type(2n){background: #c0d6f1;}
.table_style tr:hover{background-color:#a2c2eb;}
.table_style td{border-bottom:1px dashed #7ea2cd; color:#3e3e3e; padding:12px 15px; vertical-align:middle; font-size: 15px; line-height: 18px;}
.table_style tfoot{background-color:#F3F3F3;}
.table_style tfoot td{padding:8px;}


.row{max-width: 70rem;}
body .lightbox-floating-button{z-index: 100!important; bottom: 35%!important;}

.box{border: solid 1px #ccc; padding: 10px; margin-bottom: 20px;}
.heading-bg .sub-heading{text-align: center; background: #0f3d76; color: #fff; padding: 5px 10px 10px; margin: -11px -11px 15px;}

p{font-size:16px; line-height:30px;}
p, .mb{display:block; margin-bottom:15px;}
hr{background:#d3d3d3; margin:19px 0; border:none; height:1px;}

.img-space{text-align:center;}
.img-space img{ margin-bottom:20px;}

/*delete if portfolio not changed*/
.portfolio .tabs a{text-decoration: none; padding:8px 12px; margin: 3px 4px; font-size: 14px; line-height: 18px; color: #e3e3e3; border: solid 1px #041d3d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0c3569+0,072751+100 */
background: #0c3569; /* Old browsers */
background: -moz-linear-gradient(top, #0c3569 0%, #072751 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0c3569 0%,#072751 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0c3569 0%,#072751 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3569', endColorstr='#072751',GradientType=0 ); /* IE6-9 */}

.portfolio .tabs a:hover, .portfolio .tabs .active a{border: solid 1px #b75105; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc8228+1,d25f09+100 */
background: #fc8228; /* Old browsers */
background: -moz-linear-gradient(top, #fc8228 1%, #d25f09 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fc8228 1%,#d25f09 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fc8228 1%,#d25f09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8228', endColorstr='#d25f09',GradientType=0 ); /* IE6-9 */}


.portfolio .medium-block-grid-3 li{line-height: 18px; margin: 0 0 50px; max-height: 260px; padding: 0 2.5%; overflow: hidden;}
.portfolio .medium-block-grid-3 li span a{font-size: 15px; line-height: 15px; text-decoration: none; border-right: solid 2px #3c3c3c; padding-right: 14px; margin-left: 3px;}
.portfolio .medium-block-grid-3 li span a:last-child{border-right: none; padding-right: 0; margin-left: 10px;}
.portfolio .medium-block-grid-3 li strong{display: block; color: #3c3c3c; margin-bottom: 5px;}
.portfolio .medium-block-grid-3 li img{ margin-top: 25px; box-shadow: 0px 0px 20px #565656; width: 100%;}
.portfolio .medium-block-grid-3 li img:hover{ transform: scaleY(1.05);}


.portfolio .medium-block-grid-2 li{line-height: 18px; margin: 0 0 1%; max-height: 260px; padding: 0 1%; overflow: hidden; position: relative;}
.portfolio .medium-block-grid-2.column2 li{max-height: 360px; margin-bottom: 2%;}

.portfolio .medium-block-grid-2 li span{position: absolute; display: block; width: 100%; height: 100%; text-align: center;}
.portfolio .medium-block-grid-2 li span a{font-size: 15px; line-height: 15px; text-decoration: none; color: #fff; border-right: solid 2px #fff; padding-right: 7px; margin-left: 3px; display: none;}
.portfolio .medium-block-grid-2 li span a:last-child{border-right: none; padding-right: 0; margin-left: 3px;}
.portfolio .medium-block-grid-2 li strong{color: #fff; margin-bottom: 5px; margin-top: 30%; display: none;}

.portfolio .medium-block-grid-2 li:hover span{background: rgba(12,53,105,0.85)}
.portfolio .medium-block-grid-2 li:hover span a{display: inline-block;}
.portfolio .medium-block-grid-2 li:hover strong{display: block;}
/*delete if portfolio not changed*/


.home-social{ display:inline-block; margin:0 10px 15px;}

.forbes-quotes{text-align: center; background: url(../img/testiquotes.png) top left no-repeat; background-size: 30px; padding: 10px 30px; margin: 20px 0;}
.forbes-quotes p{font-size: 18px; line-height: 24px;}
.forbes-quotes img{display: block; margin: 0 auto 3px;}
.forbes-quotes span{font-size: 11px;}

.social-media-footer{background: #0c3569 url(../img/social-media-advertising.webp) right center fixed; padding: 40px 5%;}
.social-media-footer .contact-form{background: #fff; padding-top: 15px;}
.social-media-footer .sub-heading{color: #fff;}
.social-icons{padding: 30px 0;}
.social-icons img{max-width: 70px; margin: 5px;}

.hosting-page-footer{background: #0c3569 url(../img/hosting-page-footer.webp) right center fixed; padding: 40px 5%; color: #fff;}
.hosting-page-footer .sub-heading{color: #fff;}
.hosting-page-footer ul{color: #fff;}

.price-comparison{margin: 40px 0;}
.price-comparison .columns{padding: 0 10px;}
.price-comparison .columns:last-child{padding-left: 0;}

.price-comparison .highlighted{padding: 0;}
.price-comparison .highlighted .pricing-table{box-shadow: 0px 0px 20px #565656;}

.price-comparison .pricing-table{position: relative; padding-bottom: 160px; /*background:#a3c2e8;*/ background: #fff;}
.price-comparison .highlighted .pricing-table{/*background: #f4cfb5;*/ background: #fff;}
.price-comparison .pricing-table .description{position: absolute; bottom: 0; width: 100%; border-bottom: none;}

.price-comparison .pricing-table .title{padding: 20px 5px; background: #0c3569;}
.price-comparison .highlighted .pricing-table .title{background: #fa6b05; margin-top: -20px;}

.price-comparison .pricing-table .price{padding: 20px 5px; background: #17457e; color: #fff; font-size: 18px;}
.price-comparison .highlighted .pricing-table .price{background: #f9832f;}

.price-comparison .pricing-table .bullet-item{/*background:#a3c2e8;*/ background: #fff; border-color: #b3b3b3;}
.price-comparison .highlighted .pricing-table .bullet-item{/*background: #f4cfb5;*/ background: #fff;}
.price-comparison .pricing-table .bullet-item ul{margin: 0; padding: 0;}
.price-comparison .pricing-table .bullet-item ul li{padding: 0.9375rem; border-bottom: solid 2px #fff;}
.price-comparison .pricing-table .bullet-item ul li:last-child{border: none;}

.price-comparison .pricing-table .description{background: #0c3569; color: #fff;}
.price-comparison .highlighted .pricing-table .description{background: #fa6b05;}
.price-comparison .pricing-table .description strong{display: block; font-size: 20px;}

.examples-bdr{ border:solid 10px #dfdfdf; margin-bottom:15px;}
.examples-bdr:hover{border:solid 10px #c7c7c7;}
.directory-page{ margin-bottom:15px;}
.directory-page img{ margin-bottom:30px;}
.directory-page ul li{ font-weight:bold;}

.heading{color:#0f3d76; display:block; font-family: 'Open Sans', sans-serif; font-size:30px; line-height:36px; font-weight: bold; margin:0 0 20px;}
.sub-heading{color:#0f3d76; display:block; font-family: 'Open Sans', sans-serif; font-size:24px; line-height:30px; margin:0 0 10px;}
.heading .heading{margin-bottom: 0;}
.heading .sub-heading{font-size:18px; line-height:22px; font-weight:bold; color:#000; margin:0;}

header{padding:15px 2%; box-shadow:0 0 5px #434343; position: inherit;}
header .logo{width: 20%;}
header .logo a{display:block;}
header .head-contact{width: 20%; float:right; margin:15px 0 0; text-align: right;}

header .navigation{width: 60%; margin-top: 10px;}

/*** Navigation ***/
.top-bar-section ul{display: table; margin: 0 auto;}
.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button){ background:#fff; text-decoration:none;}
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a{ background:#fff; color:#282a27;}

.title-area .name img{display: none; max-height: 60px;}
.fixed .title-area .name img{display: block;}
.fixed{min-height: 80px; padding-top: 10px; padding-bottom: 10px; box-shadow: 0px 0px 10px #565656;}
.fixed .top-bar-section{margin-top: 10px;}

.top-bar, .title-area{height:46px; line-height:46px}
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 10px; font-size:14px; line-height:14px; color:#f66c01; text-align:center; font-weight:bold;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 10px 8px;}
.top-bar-section .has-dropdown > a{padding-right:10px!important;}
.top-bar-section li:first-child a{border-left:none!important;}
.top-bar-section li:last-child a{border-right:none!important;}
.top-bar-section .has-dropdown > a::after{ display:none;}/*class for dropdown arrow*/

.top-bar.expanded br{display:none;}
.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.button){text-align:left;}

.top-bar-section .dropdown{ border:solid 1px #01060f;}
.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:#082553; border-top:solid 1px #1b407b; border-bottom:solid 1px #01060f; padding:5px!important; line-height:20px; border-right:none; border-left:none; color:#fff; font-size:12px; text-align:left;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button){background:#133468 !important; color:#fff !important;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{ color:#fff !important; background:#133468 !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none !important;}
.navigation .dropdown .parent-link.js-generated br{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}
/*** Navigation ***/

.tagline{text-align: center; margin: 20px 0 10px; background: #fff;}
.tagline .heading{color: #000; font-size: 20px; line-height: 24px; font-weight: bold; margin-bottom: 8px;}
.tagline .sub-heading{color: #2d2e2e; font-size: 17px; line-height: 20px; font-weight: bold;}

.home-banner{padding: 30px 0; background: #8eceed;}
.home-banner .banner-image{margin-top: -100px;}
.home-banner .style li{font-size: 20px; margin-bottom: 10px; list-style: none;}
.home-banner .style li a{text-decoration: none; display: block; color: #000; background: url(../img/orange-check.png) left center no-repeat; padding:3px 0 3px 30px;}

.banner-inner{background:#0c3569;}
.banner-inner .row{background:#0c3569 url(../img/banner.webp) right center no-repeat; padding: 25px 0;}
.banner-inner .columns{ padding:0 10px;}
.banner-inner p{ color:#fff;}

.banner-inner .heading{font-size:50px; line-height:54px; font-weight:bold; color:#6590c6; margin:0 0 0 0;}
.banner-inner .sub-heading{ font-size:22px; line-height:26px; color:#fff; font-weight:bold;}
.banner-inner .sub-heading2{ display:block; font-size:18px; line-height:18px; color:#fff; font-weight:bold; margin-bottom:10px;}
.banner-inner .style{ margin-left:5px;}
.banner-inner .style li{ list-style:url(../img/ul-bg.png); margin-bottom:8px;}
.banner-inner h2, .banner-inner h3, .banner-inner h4{ font-size:16px; line-height:18px; color:#fff; margin:0;}
.banner-inner .style li a{ color:#fff; text-decoration:none;}
.banner-inner .style li a:hover{ text-decoration:underline;}

.banner-inner .medium-5{ position:relative;}

.banner-inner .testimonials{ margin-bottom:25px;}
.banner-inner .testimonials .heading{ font-size:32px; line-height:34px; font-weight:normal; margin-bottom: 10px; text-decoration:none; color:#002b5a; text-shadow: -1px 1px 0px #236eaf; }
.banner-inner .testimonials li{ color:#afdaf2; line-height:24px; font-style: italic;}
.banner-inner .testimonials li span::after{content: " . . .";}
.banner-inner .testimonials li a{display: inline-block; color:#cbe5f4; font-style: normal; text-decoration: none; font-size: 14px; font-weight: bold;}
.banner-inner .testimonials li a:hover{color: #fff;}

/*class for orbit slider*/
.orbit-container .orbit-timer{display:none !important;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none !important;}
.banner-inner .testimonials .orbit-container .orbit-prev, .banner-inner .testimonials .orbit-container .orbit-next{ display:none;}
/*class for orbit slider*/

.ban-button-area{background:#efefef; border-bottom:solid 1px #c1c1c1; padding:20px; -moz-box-shadow: 0 3px 7px #000; -webkit-box-shadow: 0 3px 7px #000; box-shadow: 0 3px 7px #000;}
.lhs .ban-button-area{background:none; border:none; padding:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom:20px;}

a.get-quotes, a.our-works, a.client-reviews{min-width:200px; display:inline-block; font-size:22px; line-height:24px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; border:solid 1px #2b5386; padding:12px 10px; margin:0 10px 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; text-shadow: -1px -1px 1px #3c3c3c;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3075b1+0,1a5388+100 */
background: #3075b1; /* Old browsers */
background: -moz-linear-gradient(top, #3075b1 0%, #1a5388 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3075b1 0%,#1a5388 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3075b1 0%,#1a5388 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3075b1', endColorstr='#1a5388',GradientType=0 ); /* IE6-9 */}
a.get-quotes:hover, a.our-works:hover, a.client-reviews:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a5388+0,226cac+100 */
background: #1a5388; /* Old browsers */
background: -moz-linear-gradient(top, #1a5388 0%, #226cac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1a5388 0%,#226cac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1a5388 0%,#226cac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5388', endColorstr='#226cac',GradientType=0 ); /* IE6-9 */}

a.get-quotes{ border:solid 1px #efa037; text-shadow: -1px -1px 1px #a46716;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f99411+0,f56401+100 */
background: #f99411; /* Old browsers */
background: -moz-linear-gradient(top, #f99411 0%, #f56401 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f99411 0%,#f56401 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f99411 0%,#f56401 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99411', endColorstr='#f56401',GradientType=0 ); /* IE6-9 */}
a.get-quotes:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f56401+0,f99411+100 */
background: #f56401; /* Old browsers */
background: -moz-linear-gradient(top, #f56401 0%, #f99411 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f56401 0%,#f99411 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f56401 0%,#f99411 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56401', endColorstr='#f99411',GradientType=0 ); /* IE6-9 */}


.large-3 .ban-button-area{ text-align:center; background:none; padding:0;}
.large-3 a.get-quotes, .large-3 a.our-works, .large-3 a.client-reviews{ margin:0 0 10px 0;}

.content-container{background:#fff url(../img/container-bg.jpg) top repeat-x; border-top:solid 1px #fff; padding:20px 0 0;}

.home-buttons{border-bottom:solid 1px #c1c1c1; margin:20px auto 50px; padding-bottom: 30px;}

.content-area{padding:15px 0 0;}
.content-area .lhs{ background:url(../img/lhs-bg.png) right top no-repeat;}

.knowledge{background:#e9f7fe; padding:10px; margin-bottom:15px; border-right:solid 15px #fff; border-left:solid 30px #fff; text-align: center;}
.coverage{background:#e9f7fe; padding:10px; margin-bottom:15px; text-align: center;}
.knowledge .heading, .coverage .heading{font-size: 24px; line-height: 30px; border-bottom:solid 1px #0f3d76; padding-bottom:3px; margin-bottom:5px;}
.knowledge ul, .coverage ul{ margin:0;}
.knowledge ul li, .coverage ul li{ list-style:none; font-size:15px; line-height:19px; font-weight:bold; color:#222529; border-bottom:dotted 1px #5d5d5d; padding:7px 10px 7px 0;}
.knowledge ul li{ /*background:url(../img/star.png) left center no-repeat;*/ padding:14px 10px;}

.large-3 .knowledge, .large-3 .coverage{background:none; border:none; padding:0; margin-bottom:20px;}
.large-3 .knowledge ul li{ background:none; padding:8px 0;}

.level2{padding:60px 0 10px;}

.home-reviews{margin: 60px auto; text-align: center;}
.home-reviews .flash li{background: #fff;;}
.home-reviews .orbit-container .orbit-prev, .home-reviews .orbit-container .orbit-next{background: rgba(0, 0, 0, .2)!important;}
.home-reviews .orbit-container .orbit-prev:hover, .home-reviews .orbit-container .orbit-next:hover{background: rgba(0, 0, 0, .5)!important;}
.home-reviews .columns:first-child{padding-left: 5%;}
.home-reviews .columns:last-child{padding-right: 5%;}
.home-reviews .heading{border-top: solid 5px #ccc; text-align: center; padding-top: 30px; margin-bottom: 50px; font-size: 40px; line-height: 42px;}

.home-reviews p{font-size: 18px; line-height: 24px; color: #747474;}
.home-reviews p.text-right{text-align: center!important; font-size: 16px; line-height: 20px; margin-top: 30px; background: url(../img/5star.png) bottom center no-repeat; padding-bottom: 25px;}
.home-reviews p:first-child{background: url(../img/testiquotes.png) top left no-repeat; padding: 18px 0 0 50px;}

.testi{margin-bottom:30px; padding-bottom:10px; border-bottom:solid 1px #636B75;}
.testi img{float:left; margin:0 10px 10px 0;}
.testi .text-right strong{display:block; background:url(../img/5star.png) top right no-repeat; padding-top:20px; margin-top:30px;}
.testi .text-right{ text-align: right}
.testi .text-right img{ float:none; display:inline!important}

.online-review-page .social-logo{ text-align:center; margin-bottom:15px;}
.online-review-page .social-logo img{ width:160px;}
.business-compare{border-top:solid 3px #0f3d76; border-bottom:solid 3px #0f3d76; padding-top:20px;}

.contact-add{ background:#fff; border:solid 1px #e2e2e2; padding:10px; margin-bottom:15px;}
.contact-add:hover{ background:#fdffda; border:solid 1px #f9efa9;}
.contact-add a{ font-weight:normal;}

.review-icons{margin: 20px 0 50px;}
.review-icons .heading, .review-icons .sub-heading{font-size:26px; line-height:30px; margin-bottom:10px;}
.review-icons .heading{color: #000;}
.review-icons .sub-heading{ font-size:22px; line-height:26px}
.review-icons .mb a{margin: 10px 20px; display: inline-block;}
.review-icons a{ margin:0; color:#f66c01}

/*Css for box effect on portfolio only*/
.portfolio .medium-4{position: relative; background:#082553 url(../img/project-bg.webp) bottom center no-repeat; border:solid 1px #021432; height:180px; overflow:hidden; width:31.3333%; margin:0 1% 20px;}
.portfolio .medium-4:last-child{float:left;}

.slideright h4{margin:10px 0; font-size:17px; line-height:19px; color:#fefefe; text-align:left;}
.slideright ul{font-size:13px; color:#000; margin-bottom:8px;}
.slideright img{position:absolute; top:0; left:0; width:100%;}
.slideright a{text-decoration:none; font-size:12px; color:#fefefe; margin:10px 6px 10px 0; border-right:solid 2px #fff; padding-right:10px;}
.slideright a:last-child{border-right:none;}
.slideright a:hover{text-decoration:underline; color:#fff;}

.vid-ads .medium-4{position: relative; float:left; overflow:hidden; width:31.3333%; margin:0 1% 20px;}
.vid-ads .medium-4:last-child{float:left;}
.vid-ads .slideright{ padding:0;}
.vid-ads .slideright .video{ width:100%; margin:0;}

.lSPager {background:#0f3e76; text-align:right; font-size:12px; color:#f1f1f1; padding:10px 8px;}
.lSSlideOuter .lSPager.lSpg { padding:10px 10px!important; text-align:right!important}
.lSSlideOuter .lSPager.lSpg > li{ padding:0!important;; background:none!important;}
.lSSlideOuter .lSPager.lSpg > li a{ border-radius:0!important; text-indent:inherit!important; height:auto!important; width:22px!important; text-align:center!important; padding:5px!important;}
/*.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a{background-color:none!important}*/

.lSPager a {display:inline-block; margin:0 4px; background:#2b5c97; color: #f1f1f1; text-decoration:none; padding: 2px 8px; font-size: 12px;  line-height: 20px; zoom:1;}
.lSPager a:hover, .lSPager .active{ padding:0; background:#062345; color:#fff;}
.lSPager .pager-active{cursor:default;}
/*Css for box effect on portfolio only ends here*/


/*** Contact Form ***/
.contact-form{ font-size:12px; line-height:18px; color:#000; margin-bottom:20px;}
.contact-form .sub-heading{font-size:18px; line-height:24px; color:#4c4c4c !important;}
.contact-form label{font-size:11px; color:#5c5c5c; font-weight:bold;}
.contact-form label span{color:#ff0000;}
.contact-form input, .contact-form textarea{display:block; height:28px; padding:2px 3px; margin-bottom:5px; border:solid 1px #8A8A8A;}
.contact-form input.phone{width:35px; display:inline;}
.contact-form textarea{height:80px;}
.contact-form input.chk_box{display:inline; width:13px; height:13px; margin:0 5px 0 0;}
.contact-form #submit{ background:#3b96cf; font-size:14px; line-height:16px; color:#fff; font-weight:bold; cursor:pointer; border:none; padding:0 5px 3px; margin:10px auto 0;}
.contact-form #submit:hover{background:#313131;}

.contact-form .large-8{padding:0 0.8rem!important;}
.contact-form .phone{margin:0 -0.2rem!important;}
.contact-form .phone .small-4{width:31.3333%; padding:0 0.2rem!important;}
.contact-form .phone .small-4:last-child{width:37.3333%;}

.error{ display:none; color:#FF0000; font-size:11px; text-align:left; margin:5px 0 0 0;}
.zipcodes{text-align:center; margin-top:10px; color:#C1291A; font-size:12px;}
.social{ text-align:center; margin-bottom:15px;}
.error404, .thanks{ text-align:center; padding:30px 15px;}

.contact-button{position: fixed; right: 0; bottom: 20%;}

.services ul{ margin:0 0 20px;}
.services ul li{ list-style:none; border-bottom:solid 1px #cfcfcf; padding:10px 0;}
.services ul li a{display:block; font-weight:bold; font-size:14px; line-height:14px; color:#8a8a8a; text-decoration:none;}
.services ul li a:hover{color:#0f3d76;}

.service-area{text-align:center; border-top:dotted 1px #c8c8c8; padding:10px 0; margin:10px auto 5px;}
.service-area a, .service-area span{font-size:13px; line-height:24px; margin:0 3px;}

footer{ font-size:12px; line-height:14px; padding:10px 0; border-top:1px solid #ddd;}
footer div:first-child{ font-size:14px; line-height:18px; font-weight:bold; margin-bottom:10px;}
footer div:first-child a{ margin:0 2px;}
footer div:first-child a img{width: 24px;}
footer div.right{ font-size:14px; line-height:18px; color:#41474f; text-align:right; margin-bottom:10px;}
footer a{ color:#41474f; text-decoration:none; margin:0 2px; line-height: 2}
footer .text-center{ margin:5px 0;}

.badge{margin-bottom:20px;}
.badge .text-left{margin-top:7px;}

/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading .heading, .heading{ font-size:24px; font-weight:bold; line-height:30px;}
.heading .sub-heading, .sub-heading{ font-size:18px; font-weight:bold; line-height:24px;}
.top-bar-section .has-dropdown > a::after{ display:block;}

.table_style th{ font-size:11px; padding:8px 5px;}
.table_style td{ font-size:11px; padding:5px 5px;}

.fixed .title-area .name img{display: none;}
.fixed{min-height: inherit; padding-top: 0; padding-bottom:0; box-shadow: none;}
.fixed .top-bar-section{margin-top: 0;}

.price-comparison .columns, .price-comparison .columns:last-child{padding: 0;}

header{padding: 15px 0 0;}
header, header .head-contact{ text-align:center;}
header .logo{width: 100%;}
header .head-contact{width: 100%;}
header .navigation{width: 100%; padding: 0;}
.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button){ background:#0f3d76;}

.home-banner .banner-image{margin: 0 0 40px;}
.home-banner .style li{font-size: 17px; margin-bottom: 6px;}

.banner-inner .heading{ font-size:30px; line-height:30px; margin-bottom:5px;}
.banner-inner .sub-heading{ font-size:20px; line-height: 26px; margin-bottom:10px;}
.banner-inner .sub-heading br, .banner-inner .sub-heading2 br{ display:none;}

.ban-button-area{ text-align:center; padding-bottom:10px;}
.ban-button-area a{ margin:0 10px 10px !important;}

a.get-quotes, a.our-works, a.client-reviews{width:90%; font-size:17px; line-height:20px; padding:15px 10px; margin: 0 0 10px;}
a.get-quotes br, a.our-works br, a.client-reviews br{display: none;}

.level2 .large-6{padding:0 10%; margin-bottom: 60px;}

.knowledge, .coverage{border:none;}

.website{ width:47%;}
#pager{ text-align:center;}
#pager a{ margin-bottom:3px;}

.home-reviews{margin: 30px auto;}
.home-reviews .columns:first-child, .home-reviews .columns:last-child{padding: 0 10px;}
.home-reviews .heading{padding-top: 20px; margin-bottom: 30px; font-size: 26px; line-height: 28px;}

.home-reviews p{font-size: 16px; line-height: 22px;}
.home-reviews p.text-right{font-size: 14px; line-height: 18px; margin-top: 10px;}
.home-reviews p:first-child{background: url(../img/testiquotes-s.png) top left no-repeat; padding: 12px 30px 0 30px;}

.portfolio .medium-4, .vid-ads .medium-4{width:48%;}
.portfolio .tabs a{margin: 7px;}

.badge .text-left, .badge .text-right{text-align: center!important;}

.service-area a, .service-area span{ font-size:13px; line-height:17px;}
.service-area br{ display:none;}
footer, footer div.right{ text-align:center;}
footer span{ display:block; width:100%; text-align:center; border-top:solid 1px #000; border-bottom:solid 1px #000; padding:5px 0; margin:8px 0;}
img.left, img.right, .img-right{ display:block; float:none!important; margin:0 auto 20px!important;}
.img-right img{ margin:0 auto;}
}

@media only screen and (max-width: 32em) {
.portfolio .medium-4{width:100%; margin:0 0 20px; height:220px;}
.vid-ads .medium-4{width:100%; margin:0 0 20px;}
}

@media only screen and (max-width: 23.750em) {
.ban-button-area{ padding:10px 10px 0;}

.online-review-page .social-logo img{ width:120px;}

.website{ width:94%;}
}

/* Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
header{padding:15px 0;}
header .logo{width: 21%;}
header .head-contact{width: 21%;}
header .navigation{width: 58%;}

.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 6px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 6px 8px;}
.top-bar-section .has-dropdown > a{ padding-right:6px !important;}

.level2 .large-6{padding:0 10%; margin-bottom: 60px;}
.knowledge, .coverage{border: solid 15px #fff;}

.website{ width:30.8%;}
.website .sub-heading{ font-size:14px; line-height:18px;}

.home-banner .style li{font-size: 18px; margin-bottom: 8px;}
	
.home-reviews .heading{font-size: 30px; line-height: 32px;}
.home-reviews p{font-size: 16px; line-height: 20px;}
}
@media only screen and (min-width: 40.063em) and (max-width: 56.250em) {
header{padding: 15px 0 0}
header .logo{width: 40%;}
header .head-contact{width: 40%;}
header .navigation{width: 100%; padding: 0; margin-top: 0;}

.heading br, .sub-heading br{display: none;}

.top-bar-section .has-dropdown > a::after{ display:block;}
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 13px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 13px 8px;}
.top-bar-section .has-dropdown > a{ padding-right:13px!important;}

.fixed .title-area .name img{display: none;}
.fixed{min-height: inherit; padding-top: 0; padding-bottom:0;}
.fixed .top-bar-section{margin-top: 0;}

.tagline .medium-6{width: 100%;}

.home-banner .banner-image{margin-top: 0;}

.banner-inner .sub-heading br, .banner-inner .sub-heading2 br{ display:none;}
.service-area br{ display:none;}

.home-reviews .medium-6{width: 100%; left: 0;}
}
@media only screen and (min-width: 40.063em) and (max-width: 50em) {
.home-banner .style li{font-size: 16px; margin-bottom: 4px; line-height: 20px;}

.banner-inner .heading{ font-size:40px;}

.website li{ font-size:13px;}

.portfolio .medium-4{width:48%;}

a.get-quotes, a.our-works, a.client-reviews{min-width:160px; font-size:18px; line-height:20px; padding:10px 8px;}

footer, footer div.right{text-align:center;}
footer .columns{width:100%;}
}

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */