/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {color:#003749}
h1 {margin-bottom:30px;font-family: 'Oleo Script', cursive;}
h2, h3 {color:#003749;font-family: 'Oleo Script', cursive;}
a:hover {-webkit-transition: background-color .4s ease-out;
  -moz-transition: background-color .4s ease-out;
  -o-transition: background-color .4s ease-out;
  transition: background-color .4s ease-out;}

.banner {background:url('../images/banner1.png') center center no-repeat #fff;padding:0;webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.bannerWrapper {padding-top:50px;padding-bottom:50px}

.bannerform {background:rgba(0, 0, 0, .3);padding:30px 20px;margin-bottom:50px;text-align:center;border-radius:10px;border:1px solid #b4b4b4}
.bannerform .row .col{padding-top:0;padding-bottom:0}
.bannerform  .title{font-size:18px;font-weight:bold;text-transform:uppercase;margin-bottom:5px}
.bannerform form {text-align:center}
.bannerform input {width:25% !important;border:1px solid #fff;margin-right:5px;}

.bannerslogan {text-align:center}
.bannerslogan h1{font-size:60px;font-family: 'Oleo Script', cursive;color:#fff}
.bannerslogan h2{font-size:30px;margin-top:20px;color:#fff;font-family: 'Oleo Script', cursive;}
.bannerslogan img {display:inline-block;margin:15px 15px 15px 0}

.breadcrumb span a{color:#666}
.breadcrumb span.current a{color:#2e77aa}

.wtop-navwrapper {background:#091f3f;padding:15px 5% 5px;color:#fff}
.wtop-nav{float:left;width:50%}
.wtop-nav2{float:right;width:50%;text-align:right}
.wtop-nav2 ul{list-style:none}
.wtop-nav2 ul li{display:inline-block}
.wtop-nav2 ul li a {padding:10px;color:#fff}


.servicesWrapper {background:#0c336a;padding:0 5%;color:#fff;text-align:center;border-top:5px solid #ff4e00}
.servicesWrapper ul {padding:0;margin:0}
.servicesWrapper ul li {display:inline-block;width:12%}
.servicesWrapper ul li a {padding:15px 15px 10px;border-right:1px solid #091f3f;display:block;color:#fff;font-family: 'Saira Extra Condensed', sans-serif;font-size:20px;text-align:center;text-decoration:none;}
.sf1 {border-left:1px solid #091f3f;}
.services span {display:inline-block;width:30px;height:32px;margin-bottom:5px;}
.services a:hover {color:#fff;background:#df4501;-webkit-transition: background-color .4s ease-out;
  -moz-transition: background-color .4s ease-out;
  -o-transition: background-color .4s ease-out;
  transition: background-color .4s ease-out;}

.services span.electric {background:url('../images/ico-electric.png') center -32px no-repeat;}
.services a:hover .electric {background-position: center 0px;}

.services span.plumber {background:url('../images/ico-plumber.png') center -32px no-repeat;}
.services a:hover .plumber {background-position: center 0px;}

.services span.handy {background:url('../images/ico-handy.png') center -32px no-repeat;}
.services a:hover .handy {background-position: center 0px;}

.services span.builders {background:url('../images/ico-builders.png') center -32px no-repeat;}
.services a:hover .builders {background-position: center 0px;}

.services span.painters {background:url('../images/ico-painters.png') center -32px no-repeat;}
.services a:hover .painters {background-position: center 0px;}

.services span.cleaning {background:url('../images/ico-cleaning.png') center -32px no-repeat;}
.services a:hover .cleaning {background-position: center 0px;}

.services span.roofers {background:url('../images/ico-roofers.png') center -32px no-repeat;}
.services a:hover .roofers {background-position: center 0px;}

.headwrapper {padding:10px 5%;background:url('../images/headerBG.png') #fff top left no-repeat}
.logoLeft{float:left;width:50%;padding:10px 10px 10px 70px;background:url('../images/searchTop.png') center left no-repeat;font-family: 'Saira Extra Condensed', sans-serif;}
.logoLeft span {display:block}
.logoLeft .logotitle {font-size:35px;line-height: 38px;}
.logoLeft a {color:#003749}
.logoLeft .logoslogan {font-size:25px;color:#003749}

.mainmenu{float:right;width:50%;padding:10px;text-align:right;margin-top:20px}
.mainmenu ul {list-style:none;margin-top:30px}
.mainmenu ul li {display:inline-block;}
.mainmenu ul li a {padding:10px;color:#010000}

.sep {padding:20px;font-size:30px;text-align:center;background:#0c336a;}
.sep2 {padding:20px;font-size:30px;text-align:center;background:#0c336a;}
.sep3 {padding:20px;font-size:30px;text-align:center;background:#0c336a;}
.sep4 {padding:20px;text-align:center;background:#0c336a;}
.darkblue .container div {background:url('../images/iconsep.png') left center no-repeat;padding-left:70px;display:inline-block;color:#fff;font-family: 'Saira Extra Condensed', sans-serif;}
.darkblue span {color:#ff601a}
.lightyellow .container div {background:url('../images/iconsep.png') left center no-repeat;padding-left:70px;display:inline-block;color:#fff;font-family: 'Saira Extra Condensed', sans-serif;}
.lightyellow span {color:#ff601a}
.lightblue div{background:#0c336a;;color:#fff;font-family: 'Saira Extra Condensed', sans-serif;}
.lightblue span {color:#ff601a}


.col {padding:20px 5%;text-align:center}
.boxtype {background:#f4f4f4;border:1px solid #d9e1e2;padding:50px 30px 30px;border-radius:10px;margin-bottom:30px}
.boxtype h4 div {float:right}
.moreReviews {text-align:center;margin-top:20px;font-family: 'Oleo Script', cursive;}
.moreReviews a {padding:5px 20px;font-size:20px;border-radius:20px;background:#ff601a;color:#fff}

.pageStep {border:1px solid #ccc;background:#eee}
.howarrow {background:url('../images/howarrow.png') right center no-repeat}

.affordability {padding-top:40px;padding-bottom:40px}
.afford  {text-align:left}
.affordLatest  {text-align:center}
.afford img{padding-top:15px;padding-bottom:15px; width:100%}
.afford h4 {margin-bottom:20px;font-family: 'Oleo Script', cursive;font-size:30px}


.reviews {text-align:left}
.reviews h4 {margin-bottom:20px;font-family: 'Oleo Script', cursive;font-size:30px}
.reviews span {display:block}
.reviews span img {padding-left:5px; width:auto}
.reviews .row { padding-top: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;background: #fff;margin-top: 10px;border-radius: 8px;}
.rdate {font-size:16px}
.rtitle {color:#0073e8;font-size:16px;margin-bottom:10px;font-weight:bold}
.rcomment {}

.howthiswork {text-align:center}
.howthiswork h2 {margin-bottom:30px}
.howthiswork h4 {margin-bottom:30px;margin-top:20px}

.checked {text-align:center;padding-top:40px;padding-bottom:40px}
.checked h4 {font-size:30px;font-family: 'Oleo Script', cursive;}

.doublecolumn {text-align:center;padding-top:40px;padding-bottom:40px}
.doublecolumn h4{margin-top:20px;margin-bottom:40px;font-size:40px;font-family: 'Oleo Script', cursive;}
.sideWrap ul{text-align:left;padding:0;margin:0 0 0 10px;list-style:none}
.sideWrap ul li {padding:12px 0 12px 42px;background:url('../images/orange.png') left center no-repeat;color:#003749;font-size:16px}
.sideWrap hr {border-top:1px solid #ddd}


.whychooseus {text-align:left}
.whychooseus .col-lg-6 {margin-bottom:20px}
.whychooseus h2 {text-align:center;margin-bottom:40px;font-size:30px;font-family: 'Oleo Script', cursive;}
.whychooseus h5 {padding-bottom:20px}
.whychoose {border:1px solid #d9e1e2;padding:50px 30px;border-radius:10px;padding-left:150px}
.why001 {background:url('../images/001.png') 40px 50px no-repeat #f4f4f4}
.why002 {background:url('../images/002.png') 40px 50px no-repeat #f4f4f4}
.why003 {background:url('../images/003.png') 40px 50px no-repeat #f4f4f4}
.why004 {background:url('../images/004.png') 40px 50px no-repeat #f4f4f4}


.partners {text-align:center}
.navbar-dark .navbar-brand {color:#090000}

.footer {background:#252525;padding:30px;color:#fff;size:12px;}
.footer h5 {border-bottom:1px solid #373737; padding-bottom:10px;margin-bottom:10px;font-size:15px}
.footer p {font-size:12px}
.footer ul li a{color:#fff;font-size:12px}
.footer ol {list-style:none}
.footer ol li {display:inline-block;font-size:12px;padding-right:10px;padding-left:10px}
.footer ol li a {color:#788482;text-decoration:none}
.footer ol li a:hover {color:#fff}
.footer .footerlinks {text-align:center;/*border-top:1px solid #373737;margin-top:20px;*/padding-top:20px}
.copylink {color:#788482}
.social-icons {padding:20px 0}

.carousel-inner>.active {text-align:center;text-align:-webkit-center}
.carousel-inner>.item {text-align:center;text-align:-webkit-center}
.carousel-control {width:auto;color:#666;text-shadow:gray}

.mainContent {text-align:left}
.note {background:#c6eafa;padding:20px;margin-bottom:20px;border-radius: 10px;}
.rightPanel {text-align:center}
.rightPanelTitle {background:#f0f0f0;padding:20px;margin-bottom:20px}
.rightPanelTitle h4{font-size:40px;font-family: 'Oleo Script', cursive;}
.rightPanel h3{font-size:30px;color:#3278a9;font-family: 'Oleo Script', cursive;}

.hipagesLeft, .hipagesRight {border:1px solid #ccc; border-radius:10px;padding:20px;text-align:center;background:#eee;margin-bottom:10px}
.hipagesLeft h2, .hipagesRight h2{font-size:40px}
.hipagesLeft button, .hipagesRight button{font-size: 30px;padding: 20px 80px;margin-bottom:30px;font-family: 'Oleo Script', cursive;}

.searchmover {background:#0c336a;border-radius:10px;padding:20px;margin:20px 0;color:#fff;text-align:left;border:1px solid #666}
.searchmover h3 {color:#fff;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}
.searchmover h4 {color:#fff;font-weight:normal;font-size:15px;padding:10px 0}
.searchmover input {padding:25px 25px 25px 50px;font-size:16px;border:1px solid #666;background:url('../images/truck.png') 10px center no-repeat #fff}
.moverbutton {background:#ff4e00;color:#fff;border:1px solid #ff7f47}
.moverbutton:hover {background:#ff783d;color:#fff;border:1px solid #ff7800}
.question {opacity:0.5}
.question {max-width: 350px}
.tooltip.top .tooltip-inner {
    background-color:#337ab7;
	font-size:14px;
	padding:5px
}
.tooltip.top .tooltip-arrow {
      border-top-color:#337ab7
}
.supplier img {border:1px solid #ddd;padding:5px;margin-bottom:10px}

.review {text-align:left}
.searchreview {padding: 20px 5%;background:#ff783d;margin-bottom:30px;border-radius: 10px;}
.reviewText {text-align:center;color:#fff;font-size:16px;margin-bottom:10px}
.reviewTitle {color:#fff;font-size:18px;font-family: 'Oleo Script', cursive;text-align:center;text-shadow:1px 1px 0 #181818}
.reviewTitle div {font-size:30px}
.reviewText input {font-size:14px;border-radius:5px;padding:15px !important;height:auto;border:1px solid #ff4e00;text-align:center}
.reviewText button {font-size:15px;border-radius:5px;padding:15px !important;height:auto;border:1px solid #091f3f;background:#0c336a;color:#fff;width:100%}
.reviewText button:hover {color:#fff;background:#0e448f;border:1px solid #091f3f}

.doorTable .table th {border:1px solid #dee2e6}
.doorTable .table td{padding:10px !important;border:1px solid #dee2e6}
.doorTable .reviewDetails {list-style:none;font-size:16px;padding:0;margin:0}
.doorTable .reviewDetails li {padding:5px 5px 5px 0}
.doorTable .reviewDetails .list1{font-size:16px;color:#317aad}
.doorTable .reviewDetails .list2{font-size:14px;font-weight:bold}
.doorTable .reviewDetails .list2 img {padding-right:10px}
.doorTable .reviewDetails .list3{background:url('../images/map.png') left center no-repeat; padding-left:40px}

.doorTable .reviewservices {list-style:none;padding:0;margin:0}
.doorTable .reviewservices img{padding-left:10px}
.doorTable .reviewservices li {padding: 10px 0}

.dataTables_length {float:left;margin-right:20px}
.dataTables_length, .dataTables_filter {padding:10px;}
.dataTables_length label, .dataTables_filter label{font-weight:normal}
.dataTables_length select, .dataTables_filter input {border: 1px solid #ccc;padding: 10px;margin-left: 10px;border-radius: 5px;}
.dataTables_paginate {text-align:center}
/*.dataTables_paginate a {padding: 10px;display: inline-block;text-align: center;margin: 3px;background:#003749;color:#fff;cursor: pointer;}*/
.dataTables_paginate a
	{padding: 10px 12px;
    background: #cecece;
    color: #666;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 5px;
	margin-right:10px;
	cursor:pointer}
.dataTables_paginate a.current {background:#ff4e00;color:#fff}

.detailNote {margin-bottom:30px}
.detailNote h4 {font-size:20px;font-weight:bold}
.detailNote ul{list-style:none;padding:0;margin:15px 0 15px 0}
.detailNote ul li {display:inline-block;margin-right:15px;font-size:16px}
.detailNote ul li a {color:#3f556d;font-weight:500}
.detailNote a, .detailNote ul li i {color:#42ae49}
.detailNote a {font-weight:bold;font-size:16px}
.rating {color:#ff4e00;margin-bottom:10px}

.thumb{text-align:center}
.thumb span {display:block}
.thumb .name {font-size:18px;padding:10px}
.thumb .date {color:#666;}

.detailName span {color:#ff4e00;text-decoration:underline}
.MMServices ul, .MMDetails ul {list-style:none;padding:0}
.MMServices ul li, .MMDetails ul li{border-bottom:1px solid #ccc;padding:10px}
.detailReviews {font-size:18px;}
.detailReviews strong {color:#ff4e00;text-decoration:underline}
.recommend .list1 span{color:#ff4e00;font-size:18px;font-weight:bold;margin-top:20px;margin-bottom:10px;display:block}
.recommend .list2 i {margin-right:5px}
.recommend ol {list-style:none;padding:0;margin:0}
.recommend ol li {font-size:16px;color:#003749}

.companyReview {text-align:left}
.companyReview h4{color:#ff4e00;font-size:20px;font-weight:bold}
.companyReview ul {list-style:none;padding:0;margin:0}
.companyReview ul li{padding:5px;font-size:14px}
.companyReview i {color:#409edb;margin-right:10px}

.login {text-align:left}

.yellow {color:#f9bc01}
.grey {color:#cccccc}
.green {color:#40af48}
.red {color:#d1232c}
.clear{clear:both}


/** ADDED STYLING **/
.orange {background:#ff4e00;color:#fff;border:1px solid #e64701}
.orange a {color:#fff}
.orange:hover {background:#e64701;border:1px solid #e64701}
.orangetext {color:#ff4e00}
.numb {}
.numb h2{display:inline-block;background:#091f3f;padding:30px;border-radius:20px;min-height:250px}
.numb h2:hover {background:#ff4e00}
.numb h2 span span{font-size:20px;display:block;color:#fff;margin-top:10px}
.numb h2 span span img {margin-bottom:20px}
.numb h2 span{font-family: 'Oleo Script', cursive;font-size:90px;color:#ff601a}
.numb h4 {font-family: 'Oleo Script', cursive;font-size:30px}
.bigIcon {text-align:center}
.tcenter {text-align:center}
.carousel-control-next-icon{background: url('../images/arrow-next.png') center center no-repeat;padding: 20px;}
.carousel-control-prev-icon{background: url('../images/arrow-back.png') center center no-repeat;padding: 20px;} 
.hipagesLeft button.btn-success{background:#ff4e00;border:1px solid #d34100}
.hipagesLeft button.btn-success:hover {background:#da4e11}
.secure {display:block;margin:20px 0;padding:10px 0 10px 40px;background:url('../images/lock.png') left center no-repeat;}
.alphabet a {padding:10px 12px;background:#cecece;color:#666;display:inline-block;border-radius:3px;margin-bottom:5px}
.alphabet a:hover {background:#ff4e00;color:#fff}
.alphabet .active {background:#ff4e00;color:#fff}
.compListing {text-align:left}
.compListing ul li a {color:#003749}
.compListing ul li a:hover {color:#0a56c1}
.breadcrumb {margin-bottom:30px;font-size:13px}
.breadcrumb span {margin-right:11px}
.breadcrumb a {}
.searchBox {background: #eee;padding-top: 15px;padding-bottom: 15px;border: 1px solid #ccc;}
.companyTitleBg12 {background:#ff783d;padding-top:30px}
.titleBG12{background:#ff783d;padding:30px 30px 0 30px;text-align:center;margin-left: -30px;margin-right: -30px;}
.nav-tabs .nav-link {background:#0c336a;margin-right:3px;color:#fff;font-size:18px}
.nav-tabs {border-bottom:0}
.nav-tabs .nav-item {margin-bottom:0}
.tabslist label, .tabslist input{margin-right:10px}
.tabslist label a {margin-left:5px}
.Alphatitle {font-size: 30px;
    font-family: 'Oleo Script', cursive;
    padding: 5px 20px;
    background: #f0f0f0;
    display: block;    
    border-bottom: 1px solid #ccc;
    border-radius: 5px;
	margin-bottom:20px;
	margin-top:20px}

.writeReview {
	text-align:center
	}	
.writeReview a, .writeReview button {padding:20px;display:block;width: 50%;
	-webkit-box-shadow: 11px 11px 0px -2px rgba(12,51,106,1);
-moz-box-shadow: 11px 11px 0px -2px rgba(12,51,106,1);
box-shadow: 11px 11px 0px -2px rgba(12,51,106,1);
    display: inline-block;
    margin-bottom: 20px;
	background:#2767c2;
	color:#fff;
	font-size: 20px;
    text-decoration: none;
    font-weight: bold;
}
.compDetails {padding: 20px 5px;
    border: 1px solid #d9e1e2;
    border-radius: 5px;
    background: #f2f2f2;
    margin: 10px 0;}
.compDetails .reviewDetails, .compDetails .reviewservices {list-style:none;margin:0;padding:0}
.compDetails1 {font-size:20px;font-weight: bold;}
.reviewDetails .list2 img {margin-right:5px}
.reviewDetails .list1 {font-weight:bold}
.reviewservices img {margin-right:10px}
.reviewListWrapper {}
.reviewListWrapper div{}
.listWrap {border: 1px solid #d9e1e2;
    border-radius: 5px;
    background: #f2f2f2;    
	margin:15px 0}
.listWrap div {padding:15px;}
.listWrap .thumb {border-right: 1px solid #d9e1e2;}
.categories .numb h2 {display:block}

:hover {-webkit-transition: background-color .4s ease-out;
  -moz-transition: background-color .4s ease-out;
  -o-transition: background-color .4s ease-out;
  transition: background-color .4s ease-out;}

#mobile-header {
    display: none;
}



@media only screen and (max-width: 1024px) {	
	#mobile-header {
        display: block;
		text-align:right;
		margin-bottom:5px
    }
	#mobile-header a {background: #0c336a;border-radius:5px;position:absolute;top:0;right:0;padding:20px}	
	#mobile-header a:before {
	  content: "";
		position: absolute;
		top: 0.8em;
		width: 1.4em;
		height: 0.15em;
		background: #fff;
		box-shadow: 0 0.25em 0 0 #fff, 0 0.5em 0 0 #fff;
		right: 0.55em;
	}
	#sidr-id-menu-button {display:none}
	.logoLeft {float:none;width:100%;position:relative}
	.mainmenu {display:none}
	.logoLeft .logoslogan {display:none}
	.logoLeft {padding:0;background:none}
	.wtop-nav2 ul li a {font-size:12px}
    .doublecolumn img {width:100%}
	.wtop-nav {display:none}
	.wtop-nav2 {width:100%}
	.servicesWrapper ul li a {font-size:16px}
	.bannerslogan h1 {font-size:46px}
	.afford img {width:100%}
	.reviews span img {width:auto}
	.doublecolumn h4 {font-size:30px}
	.numb h2 span {font-size:60px}
	.footer ol {padding:0}
	.breadcrumb {display:none}
	.titleBG{margin-left: -10px;margin-right: -10px;}	
	.writeReview a, .writeReview button {width: 80%;}
	.hipagesLeft h2, .hipagesRight h2 {font-size:25px}
		
	.compDetails {text-align:left}
}

@media only screen and (max-width: 768px) {
	
    .servicesWrapper ul li a {font-size:0}
	.sep .container div, .sep2 .container div, .sep3 .container div {background:none;padding-left:0}
	.boxtype {text-align:center}
	.hide {display:none}
	.Alphatitle {font-size:20px}
	.hipagesLeft button, .hipagesRight button {padding:20px 0;font-size: 20px;width: 100%;}
	.hipagesLeft h2, .hipagesRight h2 {font-size:20px}
	.companyTitleBg {background:#fff}
	.titleBG {box-shadow:none;padding:30px 10px}
	.compDetails {padding:10px;text-align:center;padding: 20px 0;}
	.respoLogo img {
    width: 90%;
    padding: 20px;
    background: #fff;
    border-radius: 5px;	
	margin-bottom:10px;
	}
	.compDetails1 {display:none}
	
}
@media only screen and (max-width: 736px){
    .respoLogo img {
    width:50%;}
}

@media only screen and (max-width: 480px) {
	#cssmenu ul li a{font-family: Arial;font-weight:normal}
	.mainmenu > ul > li {border-bottom:1px solid #1a3d6e}
	.doublecolumn img {width:100%}
	.wtop-navwrapper {display:none}
	.logoLeft .logotitle {font-size:24px}	
	.mainmenu {background:#0c336a}		
	.servicesWrapper ul li {width:23%}
	.servicesWrapper ul li.toHide {display:none}
	.servicesWrapper ul li a {font-size:0px}
	.bannerslogan {padding:0}
	.bannerslogan h1 {font-size:30px}
	.bannerslogan h2 {font-size:20px}
	.bannerform {margin-bottom:0px}
	.bannerform input {width:100% !important;margin-bottom:10px}
	.bannerform .btn-primary{width:100%}
	.howthiswork {display:none}
	.numb h2 span {font-size:60px}
	.boxtype {text-align:center;padding:20px}
	.afford img {width:40%}
	.reviews span img {width:auto}
	.doublecolumn h4 {font-size:30px}
	.sep, .sep2, .sep3 {font-size:20px}
	.whychoose {padding:150px 20px 50px;margin-bottom:10px;text-align:center}
	.why001 {background:url('../images/001.png') center 40px no-repeat #f4f4f4}
	.why002 {background:url('../images/002.png') center 40px no-repeat #f4f4f4}
	.why003 {background:url('../images/003.png') center 40px no-repeat #f4f4f4}
	.why004 {background:url('../images/004.png') center 40px no-repeat #f4f4f4}
	.footer ol {margin:0;padding:0}
	.footer ol li {display:block;padding:5px 0}
	.footer .footerlinks {padding-top:0;padding-bottom:10px}
	.copylink {border-top:1px solid #666;padding-top:10px;margin-top:15px}
	.septoHide {display:none}	
	.titleBG h1 {font-size:30px}
	.titleBG h4 {font-size:20px}
	.titleBG img {width:65%}
	.hipagesLeft h2, .hipagesRight h2 {font-size:25px}
	.respoLogo img {width: 80%;margin-bottom:10px}
}