/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900';
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i');

html {
height:100%;
}
body {
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;
	height:100%;
}
ul, li {
margin:0;
padding:0;
list-style:none;
}
img {
max-width:100%;
}
a, a:active, a:focus {
text-decoration:none;
color:#35d073;
}
a:hover {
text-decoration:none;
}

.wrap {
margin:0;
padding:0;
height:100%;
}

header nav.navbar.navbar-default {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  margin: 0;
  min-height: inherit;
}
header nav.navbar a.navbar-brand {
    display: inline-block;
    float: none;
    height: auto !important;
    padding: 0;
    vertical-align: top;
    margin-left: 0 !important;
}
header nav.navbar ul.nav.navbar-nav, header nav.navbar ul.nav.navbar-nav li {
  float: none;
  display:inline-block;
}
header nav.navbar .navbar-collapse {
  text-align: right;
}
header nav.navbar ul.nav.navbar-nav {
    padding: 35px 0 0;
}
header nav.navbar ul.nav.navbar-nav li.active > a, header nav.navbar ul.nav.navbar-nav li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
header nav.navbar ul.nav.navbar-nav li.active > a::before, header nav.navbar ul.nav.navbar-nav li:hover > a::before {
    border-bottom: 2px solid #3190da;
    bottom: 0;
    content: "";
    left: 15px;
    position: absolute;
    right: 14px;
}
.banner {
    background-image: url(../images/banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    min-height: 500px;
    padding: 125px 0 70px;
    text-align: center;
}

.bannerfortmcmurrayab {
    background-image: url(../images/bannerfortmcmurrayab.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    min-height: 500px;
    padding: 125px 0 70px;
    text-align: center;
}

.bannerkelownabc {
    background-image: url(../images/bannerkelownabc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    min-height: 500px;
    padding: 125px 0 70px;
    text-align: center;
}

.bannerkamloopsbc {
    background-image: url(../images/bannerkamloopsbc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    min-height: 500px;
    padding: 125px 0 70px;
    text-align: center;
}

.bannervernonbc {
    background-image: url(../images/bannervernonbc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    min-height: 500px;
    padding: 125px 0 70px;
    text-align: center;
}

.bannerpentictonbc {
    background-image: url(../images/bannerpentictonbc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
    min-height: 500px;
    padding: 125px 0 70px;
    text-align: center;
}


.down_content .row:nth-child(even) .col-sm-4, .down_content .row-cover:nth-child(even) .col-sm-4 {
    float: right;
}
.ranking-google {
    background-image: url(../images/bg-new.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-attachment:fixed;
    background-size: cover;
    margin-bottom: 0;
    padding: 40px 0;
    text-align: center;
}
.ranking-google h2.heading-part {
    margin-top: 0;
    color: #fff;
}
.ranking-google h2.heading-part:after {
    border-bottom: 3px solid #fff;
    left: 50%;
    margin-left: -60px;
    width: 120px;
}
.ranking-google .btn.btn-default.more_learn {
    background: #fff;
    color: #3190da;
    text-transform: uppercase;
    max-width: 220px;
    margin: 20px 0;
    padding: 15px 25px;
}
.ranking-google .btn.btn-default.more_learn:hover {
	background:#f2f2f2;
	text-decoration:underline;
}
.banner p {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    max-width: 1000px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: 20px auto 0;
}
.bannerfortmcmurrayab p {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    max-width: 1000px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: 20px auto 0;
}

.bannerkelownabc p {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    max-width: 1000px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: 20px auto 0;
}

.bannerkamloopsbc p {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    max-width: 1000px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: 20px auto 0;
}

.bannervernonbc p {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    max-width: 1000px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: 20px auto 0;
}

.bannerpentictonbc p {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    max-width: 1000px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin: 20px auto 0;
}



.btn.btn-default.more_learn {
    background: #35d073;
    border: 0;
    color: #fff;
    font-size: 22px;
    max-width: inherit;
    font-family: 'Droid Serif', serif;
    margin-top: 25px;
    padding: 13px 25px;
}
.btn.btn-default.more_learn:hover {
	background:#18a852;
}
.banner a:hover {
	color:#fff;
}
.bannerfortmcmurrayab a:hover {
	color:#fff;
}

.bannerkelownabc a:hover {
	color:#fff;
}

.bannerkamloopsbc a:hover {
	color:#fff;
}

.bannervernonbc a:hover {
	color:#fff;
}

.bannerpentictonbc a:hover {
	color:#fff;
}

.banner h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}
.bannerfortmcmurrayab h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}

.bannerkelownabc h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}

.bannerkamloopsbc h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}

.bannervernonbc h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}

.bannerpentictonbc h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    text-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}

.down_content {
    padding: 0 0 30px;
    text-align: left;
}
h2.heading-part {
    color: #222;
    font-family: 'Droid Serif', serif;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    text-transform: none;
    font-size: 30px;
}
h2.heading-part:before {
    border-bottom: 1px solid #ededed;
    bottom: -12px;
    content: "";
    left: 0;
    margin-left: 0;
    position: absolute;
    right: 0;
}
h2.heading-part:after {
    border-bottom: 3px solid #3190da;
    bottom: -12px;
    content: "";
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 120px;
}
.down_content p {
    color: #686868;
    font-size: 21px;
    font-weight: 300;
}
.down_content h2 {
    font-size: 28px;
    font-family: 'Droid Serif', serif;
    text-transform: uppercase;
    margin-top: 0;
}
.down_content p a {
	color:#3190da;
}
.down_content p a:hover {
	color:#222;
}
.icon-area {
    text-align: center;
    position: relative;
}
.down_content .row {
    padding: 40px 0;
}


footer {
  background-image:url(../images/footer_bg.jpg) ;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
}
footer h2.heading-part {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 24px;
}
footer ul li a {
    display: block;
    padding: 5px 0;
    color: #222;
    font-size: 18px;
}
footer ul li a:hover {
	color:#3190db;
}
footer h2.heading-part:before {
    border-bottom: 1px solid #303030;
}
p.copyrights {
    background: #3190da;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 15px 0;
}
header nav.navbar .navbar-toggle, header nav.navbar .navbar-toggle:hover, header nav.navbar .navbar-toggle:active, header nav.navbar .navbar-toggle:focus {
    background: #fff;
    border: 0;
    margin-right: 5px;
    padding: 12px 15px;
}
header nav.navbar .navbar-toggle span.icon-bar {
    background: #3190db;
}
header nav.navbar .navbar-collapse {
    border: 0 none;
    background: none;
}
header .navbar-brand > img {
    display: block;
    padding: 5px 0;
    width: auto;
}


/* inner page start */


header.inner-head {
    position: relative;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
header.inner-head .navbar-brand > img {
    padding: 10px 0;
}
header.inner-head nav.navbar ul.nav.navbar-nav li.active > a, header.inner-head nav.navbar ul.nav.navbar-nav li > a {
    color: #222;
}
header.inner-head nav.navbar ul.nav.navbar-nav {
    padding: 12px 0;
}
.banner.banner_inner {
    background-image: url(../images/banner_inner.jpg);
    min-height: 300px;
    padding: 42px 0;
	background-position:bottom center;
    background-attachment: fixed;
}
.banner.banner_inner.business {
    background-image: url(../images/business_inner.jpg);
}
.banner.banner_inner.work {
    background-image: url(../images/work_inner1.jpg);
}
.banner.banner_inner.closets {
    background-image: url(../images/closets_inner.jpg);
}
.banner.banner_inner.work1 {
    background-image: url(../images/work_inner.jpg);
}
.banner.banner_inner.law {
    background-image: url(../images/law_inner.jpg);
}
.banner.banner_inner.realestate {
    background-image: url(../images/realestate_inner.jpg);
}
.banner.banner_inner.plumber {
    background-image: url(../images/plumber_inner.jpg);
}
.banner.banner_inner.dental {
    background-image: url(../images/dental_inner.jpg);
}
.banner.banner_inner.mortgage {
    background-image: url(../images/mortgage_inner.jpg);
}
.banner.banner_inner.painter {
    background-image: url(../images/painter_inner.jpg);
}
.banner.banner_inner.carpet {
    background-image: url(../images/carpet_inner.jpg);
}
.banner.banner_inner.massage {
    background-image: url(../images/massage_inner.jpg);
}
.banner.banner_inner.window {
    background-image: url(../images/window_inner.jpg);
}
.banner.banner_inner.landscape {
    background-image: url(../images/landscape_inner.jpg);
}
.banner.banner_inner.electrician {
    background-image: url(../images/elect_inner.jpg);
}
.banner.banner_inner.hear {
    background-image: url(../images/hear_inner.jpg);
}
.banner.banner_inner.divorse {
    background-image: url(../images/divorse_inner.jpg);
}
.banner.banner_inner.weight-loss {
    background-image: url(../images/weight-loss.jpg);
}
.banner.banner_inner.roofing {
    background-image: url(../images/roofing.jpg);
}
.banner.banner_inner.home-siding {
    background-image: url(../images/home-siding.jpg);
}
.banner.banner_inner.gutter-eve {
    background-image: url(../images/gutter.jpg);
}
.banner.banner_inner.drywall {
    background-image: url(../images/drywall.jpg);
}



.icon-area a {
    position: absolute;
    left: 16px;
    top: 16px;
    right: 16px;
    padding: 68px 0;
}
.icon-area a:hover {
    opacity:0.85;
}
.video-area {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.btn.btn-default.more_learn.new_price {
    background: #3190da;
    text-transform: uppercase;
    margin-top: 10px;
	font-size:20px;
}
.btn.btn-default.more_learn.new_price:hover {
	background:#287fc2;
}
.price_list {
    background: #f6f6f6;
    padding: 70px 0;
}
.list_1 h2 {
    background: #ecb92b;
    color: #fff;
    padding: 32px 10px;
    font-family: 'Droid Serif', serif;
    margin: 0;
    font-size: 70px;
    font-weight: 900;
    font-style: italic;
    border-radius: 2px 2px 0 0;
}
.list_2 h2 {
    background: #c84a4b;
	color: #fff;
    padding: 32px 10px;
    font-family: 'Droid Serif', serif;
    margin: 0;
    font-size: 70px;
    font-weight: 900;
    font-style: italic;
    border-radius: 2px 2px 0 0;
}
.list_3 h2 {
    background: #44d27d;
	color: #fff;
    padding: 32px 10px;
    font-family: 'Droid Serif', serif;
    margin: 0;
    font-size: 70px;
    font-weight: 900;
    font-style: italic;
    border-radius: 2px 2px 0 0;
}
.list_4 h2 {
    background: #3f8dd5;
	color: #fff;
    padding: 32px 10px;
    font-family: 'Droid Serif', serif;
    margin: 0;
    font-size: 70px;
    font-weight: 900;
    font-style: italic;
    border-radius: 2px 2px 0 0;
}
.list_1, .list_2, .list_3, .list_4 {
    text-align: center;
    background: #fff;
    min-height: 330px;
}
.list_1 p, .list_2 p, .list_3 p, .list_4 p {
    font-size: 20px;
    font-weight: 400;
    padding: 20px 10px 25px;
    margin: 0;
}
.down_content.inner_page {
    margin: 30px 0;
}
.comment_area {
    background: #f6f6f6;
    border: 2px solid #e4e4e4;
    text-align: center;
    padding: 20px 20px 20px 60px;
    position: relative;
    margin-bottom: 30px;
}
.comment_area img {
    position: absolute;
    left: 20px;
    top: 15px;
}
.down_content .comment_area p {
    font-size: 18px;
    margin: 0;
}
.comment_area:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f6f6f6;
    margin-left: -4px;
}
.comment_area:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -13px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #e4e4e4;
    margin-left: -7px;
}
.comment_area button.btn.btn-default.more_learn.new_price {
    max-width: inherit;
    width: auto;
    min-width: 150px;
    padding: 10px 20px;
}
.ranking-google1 {
    background: #3190da;
    padding: 30px 0;
}
.ranking-google1 a {
    color: #fff;
    font-size: 17px;
    text-transform: none;
    font-weight: 400;
    padding: 5px 0;
    display: block;
}
.ranking-google1 a:hover {
	color:#eee;
}
.ranking-google1 li {
    float: left;
    width: 33%;
    padding: 0 15px;
    text-align: left;
}
header.inner-head button.navbar-toggle {
    margin: 20px 5px 19px 0 !important;
    background: #f2f2f2 !important;
}
ul.social_links {
    position: fixed;
    right: 0;
    top: 50%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
	padding:5px 0;
}
ul.social_links a {
    display: block;
    padding: 5px 10px;
    color: #222;
    text-align: center;
}
ul.social_links a:hover {
	color:#3190dc;
}

.g-recaptcha{
	margin: 0 auto 15px;
	width: 305px;
}
#captcha{
	color:rgba(255,0,0,1.00) ;
font-size: 15px;
font-weight: bold;
display: block;
text-align: center;
margin-bottom: 10px;
}
.error{
	color:red;
	padding-top: 5px;
	font-size:15px;
}
.sendBtn{
	margin: 0 auto;
	font-size:18px;
	width: 135px !important;
}

/* inner page end */











@media(max-width:1199px)
{
.icon-area a {
    padding: 42px 0;
}
.list_1, .list_2, .list_3, .list_4 {
    min-height: 390px;
}
}
@media(max-width:991px)
{
.banner h1 {
    font-size: 55px;
}
.icon-area a {
    padding: 20px 0;
}
.list_1, .list_2, .list_3, .list_4 {
    min-height: 310px;
    margin-bottom: 30px;
}
}
@media(max-width:800px)
{
header nav.navbar ul.nav.navbar-nav li.active > a, header nav.navbar ul.nav.navbar-nav li > a {
    font-size: 18px;
}
.down_content p {
    font-size: 18px;
}
.down_content h2 {
    font-size: 24px;
}
.down_content h2.heading-part {
    text-align: left;
}
.ranking-google1 li {
    width: 50%;
}
}
@media(max-width:767px)
{

header nav.navbar ul.nav.navbar-nav, header nav.navbar ul.nav.navbar-nav li {
  display: block;
  text-align: left;
}

header nav.navbar .navbar-toggle {
    margin-top: 35px;
}
header nav.navbar a.navbar-brand {
  display: inline;
}
header nav.navbar .navbar-collapse {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background: #fff;
}
header nav.navbar ul.nav.navbar-nav li.active > a, header nav.navbar ul.nav.navbar-nav li > a {
    font-size: 18px;
    font-weight: 500;
    color: #222;
}
header nav.navbar ul.nav.navbar-nav {
    padding: 0;
}
.banner h1 {
    font-size: 40px;
}
.banner p {
    font-size: 20px;
    font-weight: 400;
}
.banner {
    min-height: 430px;
}
.down_content {
    text-align: center;
}
.icon-area {
    margin-bottom: 30px;
}
.down_content .row:nth-child(even) .col-sm-4, .down_content .row-cover:nth-child(even) .col-sm-4 {
    float: none;
}
footer ul {
    margin-bottom: 30px;
}
.icon-area.new-area {
    margin-top: 40px;
}
.banner.banner_inner {
    min-height: 265px;
}
.icon-area a {
    padding: 60px 0;
    max-width: 328px;
    margin: 0 auto;
}
.list_1, .list_2, .list_3, .list_4 {
    min-height: inherit;
    margin-bottom: 20px;
}
.comment_area {
    padding: 45px 20px 20px;
}
.comment_area img {
    left: 50%;
    margin-left: -8px;
}
ul.social_links {
	display:none;
}
}
@media(max-width:550px)
{
.ranking-google1 li {
    width: 100%;
}
}
@media(max-width:420px)
{
.banner p {
    font-size: 18px;
    line-height: 24px;
}
.banner h1 {
    font-size: 32px;
}
.btn.btn-default.more_learn {
    font-size: 20px;
    max-width: 180px;
    margin-top: 15px;
    padding: 10px 0;
}
.banner {
    padding: 90px 0 50px;
}
header .navbar-brand > img {
    width: 150px;
}
header nav.navbar .navbar-toggle {
    margin-top: 30px;
}
.down_content p {
    text-align: justify;
}
.comment_area button.btn.btn-default.more_learn.new_price {
    font-size: 16px;
}
header.inner-head button.navbar-toggle {
    margin: 13px 5px 9px 0 !important;
}
}