body {
    font-family: 'Lato', sans-serif;
    margin: 0;
    padding: 0;
}
*{
	box-sizing: border-box;
}
h1{
	color: #333F50;
	font-family: Lato;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 0.5px;
	line-height: 48px;
	margin: 0 0 20px;
	text-align: left;
}
h2{
	color: #333F50;
	font-family: Lato;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 44px;
}
h3{
	color: #333F50;
	font-family: Lato;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 30px;
}

h4{
	color: #333F50;
	font-family: Lato;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 34px;
}

p{
	color: #757F8B;
	font-family: Lato;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 26px;
}

.text-center{ text-align: center; }

a{ font-size: inherit; letter-spacing: inherit; font-weight: inherit; }

a.learn-more{
	background: url(../images/arrow-right.svg) no-repeat right center;
	color: #F68118;
	font-family: Lato;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.58px;
	line-height: 16px;
	padding-right: 28px;
	text-transform: uppercase;
	transition: all 0.2s;
	display: inline-block;
}
a.learn-more:hover{
	padding-right: 22px;
}

a.learn-more.blue{
	background: url(../images/arrow-blue-right.svg) no-repeat right center;
	color: #003c64;
}
a.learn-more.blue:hover{
	background: url(../images/arrow-right.svg) no-repeat right center;
	color: #F68118;
}

.section-info h2{ margin: 0 0 12px; }
.section-info p{ font-size: 22px; line-height: 34px; color: #333F50; margin: 0 auto 50px; max-width: 690px; }

.btn{
	font-family: 'Lato', sans-serif;
	border-radius: 4px;
	background: linear-gradient(315deg, #F26725 0%, #F99945 100%);
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.88px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	padding: 17px 30px;
	display: inline-block; 
}
.btn:hover{
	background: linear-gradient(315deg, #F99945 0%, #F26725 100%);
	color: #fff;
}
.btn.btn-secondary{
	font-family: 'Lato', sans-serif;
	border-radius: 4px;
	background: #fff;
	color: #F68118;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.88px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	padding: 15px 30px;
	display: inline-block; 
	border: 2px solid #F68118;
	transition: all 0.3s;
}
.btn.btn-secondary:hover{
	background: #F68118; 
	color: #fff;
}


.btn.btn-white{
	font-family: 'Lato', sans-serif;
	border-radius: 4px;
	background: #FFFFFF;
	box-shadow: 0 4px 30px 0 rgba(103,151,255,0.25);
	color: #F68118;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.88px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	padding: 17px 30px;
	display: inline-block;
	transition: all 0.3s;
}
.btn.btn-white:hover{
	background: #F68118;
	color: #fff;
}

.pt-50{ padding-top: 50px; }
.pt-90{ padding-top: 120px; }
.pb-90{ padding-bottom: 90px; }
.pt-120{ padding-top: 120px; }
.pb-120{ padding-bottom: 120px; }

body.menu-open{ overflow: hidden;  }

.container{ width: 100%; max-width: 1360px; padding: 0 15px; }
.site-content{ overflow: unset;  }

/* --------------------------------------
	Homepage
-------------------------------------- */
.site-content.has-banner{ margin-top: 65px; }

.sp-banner-main{ position: relative; }
.sp-banner-main > img{ width: 100%; height: auto; }
.sp-banner-content{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; }
.sp-banner-content .container{ width: 100%; max-width: 790px; margin: 0 auto; position: relative; top: -30px; }
.sp-banner-content h1{
	font-family: Lato;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 0.5px;
	line-height: 48px;
	text-align: center;
	margin: 0 0 25px;
	color: #fff;
}
.sp-banner-content p{
	color: #FFFFFF;
	font-family: Lato;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 30px;
	text-align: center;
	max-width: 565px;
	margin: 0 auto;
}

.home .banner-video-main{ padding-bottom: 0; }

.banner-video-main { margin-top: -200px; position: relative; }
.banner-video-main .container{ width: 100%; max-width: 818px; padding: 0 15px; margin: 0 auto; }
.banner-video-main .banner-video-img{ border-radius: 8px; overflow: hidden; position: relative; box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15); }
.banner-video-main .banner-video-img > img{ width: 100%; height: auto; }

.banner-video-main .banner-video-img.orange-overlay:after , 
.banner-testimonial .banner-test-img.orange-overlay:after{
	background: linear-gradient(325.29deg, #F26725 0%, #F99945 100%);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.5
}
.banner-video-main .banner-video-img.blue-overlay:after , 
.banner-testimonial .banner-test-img.blue-overlay:after{
	background: rgba(0,60,100,0.8);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.5
}
.video-play-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
}

.banner-testimonial{ display: flex; align-items: center; background: #fff; border-radius: 8px; overflow: hidden; position: relative; box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15); }
.banner-testimonial > div{ width: 50%; flex: 0 0 50%; }
.banner-testimonial .banner-test-img{ position: relative; }
.banner-testimonial .banner-test-img .video-play-icon{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    outline: none;
}
.banner-testimonial .banner-test-content{ padding: 20px 15px; }
.banner-testimonial .banner-test-inner{ max-width: 280px; width: 100%; padding: 0 40px; margin: 0 auto; position: relative; }
.banner-testimonial .banner-test-content h3{
	color: #333F50;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 34px;
	margin: 0 0 25px;
	position: relative;
}
.banner-testimonial .banner-test-content h3:before{
	content: '';
    background: url(../images/quote-orange.svg) no-repeat left top;
    background-size: 100%;
    position: absolute;
    left: -40px;
    top: 0;
    width: 32px;
    height: 25px;
}
.banner-testimonial .banner-test-content h3:after{
	content: '';
	background: url(../images/quote-orange.svg) no-repeat left top;
	background-size: 100%;
	position: absolute;
	right: -40px;
	bottom: -3px;
	width: 32px;
	height: 25px;
	transform: rotate(180deg);
}

.banner-testimonial .banner-test-name {  color: #757F8B; font-family: Lato; font-size: 18px; letter-spacing: 0; line-height: 26px; }
.banner-testimonial .banner-test-name span{ display: block; color: #757F8B; color: #F68118;  font-weight: bold; letter-spacing: 0.69px; margin-bottom: 5px; }


#sp-logos-section{ text-align: center; margin: 50px 0 0; }
#sp-logos-section span{ text-transform: uppercase; color: #003C64; font-family: Lato; font-size: 14px; font-weight: 600; letter-spacing: 2px; line-height: 24px; text-align: center; margin: 0 0 25px; display: block; }
.sp-logos-list ul { display: flex; align-items: center; justify-content: center; margin: 0 !important; }
.site-content .sp-logos-list ul li{ margin: 0 25px; list-style: none; padding: 0; }
.sp-logos-list ul li img{ max-height: 30px; width: auto; display: block; }

.home-replacement-cost{ background: linear-gradient(315deg, #F26725 0%, #F99945 100%); color: #fff; padding: 50px 0 0; }
.home-replacement-cost h2{
	font-family: Lato;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 0.5px;
	line-height: 48px;
	text-align: center;
	margin: 0 0 30px;
	color: #fff;
}
.home-replacement-cost p{ color: #fff; font-family: Lato; max-width: 565px; font-weight: 400; font-size: 22px; letter-spacing: 0; line-height: 30px; text-align: center; margin: 0 auto 35px; }
.home-replacement-cost span{
	display: flex;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 24px;
    text-align: center;
    margin: 0;
    justify-content: center;
    align-items: center;
}
.home-replacement-cost span img{ display: inline-block; width: 26px; margin-right: 10px; }
.home-replacement-cost a.btn{ max-width: 310px; width: 100%; position: relative; top: 25px; }

.new-look-20 .new-look-slider{ margin-bottom: 45px; }
.new-look-20 .container{ max-width: 950px; margin: 0 auto; width: 100%; padding: 0 15px; }
.new-look-20 .new-look-numbers{ margin: 0 auto; width: 100%; max-width: 810px; background:none; box-shadow: none; }
.new-look-20 .new-look-numbers ul { width: 100%; justify-content: space-between; align-items: flex-start; margin: 0 !important; }
.new-look-20 .new-look-numbers ul:after{ display: none; }
.new-look-20 .new-look-numbers ul > li{ padding: 0 !important; margin: 0 !important; max-width: 120px; list-style: none !important; }
.new-look-20 .new-look-numbers ul > li h3 { font-family: 'Lato', sans-serif; color: #f68118; margin-bottom: 0; font-size: 50px; line-height: 60px; letter-spacing: 0; display: flex; justify-content: center; }
.new-look-20 .new-look-numbers ul > li h3 span{ font-size: 30px; font-weight: 300; color: #F68118; display: block; margin-right: 7px; }
.new-look-20 .new-look-numbers ul > li p { font-family: 'Lato', sans-serif; color: #757F8B; font-size: 18px; letter-spacing: 0; line-height: 26px; text-align: center; margin: 0; font-weight: 400; text-transform: none; }
.new-look-20 #old-new-look {
    box-shadow: 0 12px 34px 0 rgba(103,152,255,0.15);
    border-radius: 8px;
}
.new-look-20 #old-new-look > img{ object-fit: cover; object-position: center; }
.home-buttons { margin: 0 0 40px; }
.home-buttons a{ margin: 0 12px 10px; }

/* ------------ HOME PROCESS ------------- */
.process-2020 { background: linear-gradient(180deg, #F2F7FD 0%, #FFFFFF 100%); padding: 50px 0 20px; margin: 0; }
.process-2020 .process-boxes{ display: flex; justify-content: space-around; flex-wrap: wrap; margin: 0; }
.process-2020 .process-boxes .single-process-box{ flex:0 0 30%; max-width: 30%; width: 100%; padding: 0 15px 60px; }
.process-2020 .process-boxes h4{
	color: #333F50;
	font-family: Lato;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 22px;
}
.process-2020 .process-boxes .single-process-box p{
	color: #757F8B;
    font-family: Lato;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
    font-weight: 400;
    text-transform: none;
}
.process-2020 .process-boxes .process-icon{ margin: 0 auto 15px; width: 70px; height: 70px; }

.home-happy-customers{ padding-bottom: 85px; }
.home-happy-customers .slick-list{ padding: 75px 0 0 !important; }
.home-happy-customers .slick-slide{ padding: 25px 0; transform: scale(0.82); transition: all 0.3s; }
.home-happy-customers .slick-slide.slick-current { transform: scale(1); }
.home-happy-customers .slick-dots > li > button{ box-shadow: none; margin: 0 12px; width: 15px; height: 15px; border-radius: 100%; background:#d8d8d8; }
.home-happy-customers .slick-dots > li.slick-active > button{ background: #F68118; }

.home-happy-customers .slick-slide a.btn{ display: none; }
.home-happy-customers .slick-slide.slick-current a.btn{
	position: absolute;
    display: inline-block;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -25px;
}
.home-happy-customers .slick-slide.slick-current .home-happy-slide{ padding-bottom: 20px; }
.home-happy-customers .slick-dots{ margin: 0; position: absolute; width: 100%; }
.home-happy-customers .slick-arrow.slick-prev{
	background: url(../images/arrow-slide-left.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    left: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-left: -135px;
    background-size: 100%;
}
.home-happy-customers .slick-arrow.slick-next{
	background: url(../images/arrow-slide-right.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    right: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-right: -135px;
    background-size: 100%;
}

.home-happy-customers.no-slider-slick{ display: flex; justify-content: center; padding-top: 100px; padding-bottom: 40px; }
.home-happy-customers.no-slider-slick .slidewrap{ flex: 0 0 33.33%; width: 33.33%; transform: scale(0.82); }
.home-happy-customers.no-slider-slick .slidewrap:nth-child(2){ transform: scale(1); }
.home-happy-customers.no-slider-slick .home-happy-slide .happy-img img{ display: inline-block; }

.home-happy-slide{ border-radius: 8px; background-color: #FFFFFF; position: relative; box-shadow: 0 0 34px 0 rgba(103,151,255,0.15); position: relative; padding: 0 25px 5px; }
.home-happy-slide:before{
	background: url(../images/quote.svg) no-repeat center;
	content:'';
	width: 50px;
	height: 38px;
	background-size: 100%;
	left: 45px;
	position: absolute;
	top: -20px;
}
.home-happy-slide .happy-img{ width: 100px; height: 100px; margin: 0 auto 25px; position: relative; top: -50px; }
.home-happy-slide .happy-img img{ border-radius: 100%; display: inline-block; height: 100%; object-fit: cover; object-position: center; }
.home-happy-slide h4{ margin-top: -80px; margin-bottom: 15px; color: #F68118; font-family: Lato; font-size: 26px; font-weight: bold; letter-spacing: 1px; line-height: 24px; text-align: center; padding-top: 25px; }
.home-happy-slide p{ margin-bottom: 5px; }
.home-happy-slide .happy-video-icon{ width: 100%; max-width: 100px; margin: 10px auto; display: block; }

.home-happy-customers.no-user-img{ padding-bottom: 45px; }

.our-work-model { padding: 0 0 100px; }
.our-work-model .container{ display: flex; justify-content: space-between; padding: 0 15px; max-width: 1090px; width: 100%; margin: 0 auto; }
.our-work-model .our-work-left h3{ margin: 0 0 10px; }
.our-work-model .our-work-left{ width: 100%; max-width: 438px; padding-right: 30px; }
.our-work-model .our-work-left p { font-size: 14px; line-height: 20px; }
.our-work-model .our-work-left p:last-child{ margin: 0; }
.our-work-model .our-work-left .owl-block{ border-bottom: 1px solid #BFC7CA; padding-bottom: 24px; margin-bottom: 24px; }
.our-work-model .our-work-left .owl-block:last-child { border: none; padding: 0; margin: 0; }


.our-work-model .our-work-right{ width: 100%; max-width: 488px; }
.our-work-model .our-work-right p{ font-size: 18px; line-height: 26px; }

.cost-project-ideas .container{ max-width: 1190px; width: 100%; padding: 0 15px; margin: 0 auto; }
.cost-projects-listings { display: flex; flex-wrap: wrap; margin: 0 -38px; }
.cost-projects-listings .cpl-padding{ padding: 0 38px; width: 50%; flex: 0 0 50%; margin: 0 0 90px; }
.cost-projects-listings p:last-child{ margin: 0; }

.cost-projects-listings .cost-project-block .cost-project-img{ margin: 0 0 25px; border-radius: 5px; box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15); }
.cost-projects-listings .cost-project-block span{ color: #F68118; font-family: Lato; font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 34px; text-align: center; display: block; margin: 0 0 5px; }
.cost-projects-listings .cost-project-block h4{ display: block; margin: 0 0 5px; text-transform: uppercase; }

.cost-project-block .twentytwenty-handle {
    background: url(../images/t20-arrow.png) no-repeat center;
    height: 38px;
    width: 38px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
    background-size: 100%;
    margin-left: -19px;
    margin-top: -19px;
    cursor: move;
    border:none;
}
.cost-project-block .twentytwenty-horizontal .twentytwenty-handle:before, 
.cost-project-block .twentytwenty-horizontal .twentytwenty-handle:after{ width: 2px; margin-left: -1px; margin: 0; }
.cost-project-block .twentytwenty-horizontal .twentytwenty-handle span{ display: none; }

.ext-gradient{ background: linear-gradient(180deg, #F2F7FD 0%, #FFFFFF 100%); }
.gradient-bg { background: linear-gradient(180deg, #F2F7FD 0%, #FFFFFF 100%); padding: 70px 0 100px; }
.how-work-faq .container{ max-width: 866px; width: 100%; padding: 0 15px; }
.how-faq-inner { border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15); margin: 0 0 40px; padding: 10px 25px; }
.hw-faq-block { border-bottom: 1px solid #F2F7FD; padding: 15px 0; }
.hw-faq-block:last-child{ border:none; }
.hw-faq-block h5{ cursor: pointer; color: #333F50; font-family: Lato; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 34px; margin: 0; background: url(../images/Triangle.svg) no-repeat right center; background-size: 12px; }
.hw-faq-block.active h5{ color: #F68118; background: url(../images/Triangle-up.svg) no-repeat right center; background-size: 12px; }
.hw-faq-block .hw-faq-content{ display: none; padding: 10px 0 0; }
.hw-faq-block .hw-faq-content p{ font-size: 16px; line-height: 24px; }
.hw-faq-block .hw-faq-content p:last-child{ margin: 0; }

.choose-spraynet-boxes { display: flex; margin: 0 -25px; padding: 30px 0 20px; }
.choose-spraynet-boxes .sp-box{ padding: 0 25px; width: 25%; flex: 0 0 25%; }
.choose-spraynet-boxes .sp-box-inner{ position: relative; padding: 75px 17px 40px; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 34px 0 rgba(103,151,255,0.15); }
.choose-spraynet-boxes .sp-box-inner .sp-icon{ max-width: 100px; position: absolute; top: -40px; left: 50%; margin-left: -50px; }
.choose-spraynet-boxes .sp-box-inner:after{ background: linear-gradient(315deg, #F26725 0%, #F99945 100%); content: ''; height: 18px; width: 100%; left: 0; bottom: 0; position: absolute; border-radius: 0 0 8px 8px; opacity: 0; transition: all 0.3s; }
.choose-spraynet-boxes .sp-box-inner:hover:after{ opacity: 1; }

.sp-get-quote{ padding: 100px 0; }
.sp-get-quote .sp-get-container{ background: url(../images/bacground-boxe.svg) no-repeat center top; padding: 75px 0 175px; background-size: contain; max-width: 1084px; width: 100%; margin: 0 auto; }
.sp-get-quote .spg-box{ padding: 70px 25px; border-radius: 8px; background: linear-gradient(315deg, #F26725 0%, #F99945 100%); max-width: 836px; margin: 0 auto; }

.sp-get-quote .spg-box h2{
	color: #FFFFFF;
	font-family: Lato;
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 0.5px;
	line-height: 48px;
	text-align: center;
	margin: 0 0 25px;
}
.sp-get-quote .spg-box a{
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0 4px 30px 0 rgba(103,151,255,0.25);
	color: #F68118;
	font-family: Lato;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.88px;
	line-height: 16px;
	text-align: center;
	display: inline-block;
	margin: 0 0 22px;
	width: 100%;
	max-width: 246px;
	padding: 15px 0;
}
.sp-get-quote .spg-box span{
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 24px;
	text-align: center;
	display: block;
	text-transform: uppercase;
}

.calculate-tabs { text-align: center; margin: 0 0 50px; }
.site-content .calculate-tabs ul li{ display: inline-block; text-transform: uppercase; margin: 0 36px;padding: 0; color: #003C64; font-family: Lato; font-size: 12px; font-weight: 600; letter-spacing: 1px; line-height: 15px; }
.calculate-tabs ul li a{ border-bottom: 1px solid #fff; color: #003C64; outline: none; font-size: 12px; }
.calculate-tabs ul li.active a{ border-bottom: 1px solid #F68118; color: #F68118; }

.calculator-container{ padding-bottom: 100px; }
.calculator-form{ display: none; border-radius: 8px; overflow: hidden; background-color: #FFFFFF; box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15); width: 100%; max-width: 520px; margin: 0 auto; }
.calculator-form.active { display: block; }
.calculator-form fieldset{ position: relative; margin: 0; border-bottom:5px solid #f00; padding: 0; border:none; width: 520px; min-height: 635px; float: left; }

.calculator-form fieldset .field-inner{ padding: 50px 30px 120px }
.calculator-form fieldset .field-inner .field-inner-inner{ max-width: 405px; margin: 0 auto; }

.calculator-form fieldset h3{ text-align: center; margin: 0 0 18px; text-transform: uppercase; }
.calculator-form fieldset p{text-align: center;}

.calculator-container .bottom-text { margin: 35px 0 0; }
.calculator-container .bottom-text .container{ max-width: 500px;  }
.calculator-container .bottom-text p{ font-size: 14px; line-height: 17px; margin: 0; }

.sp-steps{ overflow: hidden; } 

.next-step{
	border-radius: 4px;
	background: linear-gradient(315deg, #F26725 0%, #F99945 100%);
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.88px;
	line-height: 16px;
	text-align: center;
	width: calc(100% - 60px);
	display: block;
	text-transform: uppercase;
	padding: 17px 15px;
	position: absolute;
	bottom: 50px;
	left: 30px;
}

/* --------------------------------------
	Calgary
-------------------------------------- */
.sp-calgary-pages{ margin-top: -205px; margin-bottom: 100px; }

.spc-page-links{
	background: linear-gradient(315deg, #F26725 0%, #F99945 100%);
	border-radius: 85px;
	width: 100%;
	height: 315px;
	padding: 0 0 45px;
	display: flex;
	align-items: flex-end;
}
.site-content .spc-page-links ul{ display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; padding: 0 30px; margin: 0; }
.site-content .spc-page-links ul li { list-style: none; padding: 0; margin: 0; color: #FFFFFF; font-family: Lato; font-size: 18px; font-weight: bold; letter-spacing: 0.75px; line-height: 22px; text-align: center; padding: 0 15px; }
.spc-page-links ul li a{ color: #fff; white-space: nowrap; }
.spc-page-links ul li a:hover{ color: #003C64; }

.sp-painting-service{ margin-bottom: 100px; padding: 0 !important; }

.site-content .sp-painting-tab { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 60px; }
.site-content .sp-painting-tab li{ list-style: none; margin: 0; padding: 0; color: #003C64; font-family: Lato; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1px; line-height: 15px; }

.sp-painting-tab li.active a, .sp-painting-tab li a:hover{ color: #F68118; display: block; border-bottom: 1px solid #F68118; }
.sp-painting-tab li a{ color: #003C64; display: block; padding: 1px 0; }

.sp-painting-container .sp-painting-content{ display: none; }
.sp-painting-container .sp-painting-content:first-child{ display: block; }

.sp-painting-content .row{ display: flex; margin: 0 -15px; align-items: center; }
.sp-painting-content .row > div { padding: 0 15px; width: 50%; flex: 0 0 50%; }
.sp-painting-content .max-460 , .max-460{ max-width: 460px; }

.sp-search-tab{ background: #003C64; padding: 22px 0; margin: 0 0 50px; }
.sp-search-tab .container{ display: flex; justify-content: space-between; align-items: center; }
.sp-search-tab .container form{ display: flex; align-items: center; justify-content: space-between; width: 100%; }

.sp-search-tab .sp-search-left{ display: flex; align-items: center; }
.sp-search-tab .sp-search-left .sp-search-select{ display: inline-flex; }
.sp-search-tab .sp-search-left span{
	color: #FFFFFF;
	font-family: Lato;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	margin-right: 40px;
}
.sp-search-tab select{
	background: url(../images/Triangle-down.svg) no-repeat right center;
	color: #FFFFFF;
	font-family: Lato;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	margin-right: 40px;
}
.sp-search-right a{
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.5px;
	line-height: 22px;
	text-align: center;
	border-bottom: 1px solid #fff;
	display: inline-block;
}
.sp-search-right a:hover{ border-bottom: 1px solid transparent; }

.sp-search-right input[type="submit"]{
  	background: linear-gradient(315deg, #F26725 0%, #F99945 100%);
	border-radius: 4px;
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.88px;
	line-height: 16px;
	text-align: center;
	margin-right: 30px;
	padding: 17px 65px;
	text-transform: uppercase;
}
.sp-search-right input[type="submit"]:hover{ background: linear-gradient(315deg, #F99945 0%, #F26725 100%); color: #FFF; }

.sp-search-links { padding: 0 0 70px; }
.sp-search-links a{
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 0 0 7px 0 rgba(103,151,255,0.25);
	color: #003C64;
	font-family: Lato;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 15px;
	text-align: center;
	display: inline-block;
	padding: 10px 40px;
	margin: 0 12px;
	transition: all 0.3s;
}
.sp-search-links a:hover{ background: #003C64; color: #fff; }

.sp-before-after{
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15);
	padding: 25px;
	margin: 0 0 50px;
}
.sp-before-after-image{ display: flex; justify-content: space-between; }
.sp-before-after-image > div{ flex: 0 0 calc(50% - 12px); width: calc(50% - 12px); position: relative; }
.sp-before-after-image > div img{ width: 100%; height: auto; }
.sp-before-after-image .spba-left span{ 
	border: 2px solid #FFFFFF;
	border-radius: 0 8px 8px 0;
	background-color: #003C64;
	color: #FFFFFF;
	font-family: Lato;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 30px;
	text-align: center;
	display: block;
	width: 230px;
	text-transform: uppercase;
	position: absolute;
	left: -2px;
	bottom: 28px;
	padding: 5px 0;
}
.sp-before-after-image .spba-right span{ 
	border: 2px solid #FFFFFF;
	border-radius: 8px 0 0 8px;
	background-color: #F68118;
	color: #FFFFFF;
	font-family: Lato;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 30px;
	text-align: center;
	display: block;
	width: 230px;
	text-transform: uppercase;
	position: absolute;
	right: -2px;
	bottom: 28px;
	padding: 5px 0;
}
.spba-detail-info{ display: flex; padding: 24px 0 0; }
.spba-detail-info .spba-info{ margin-right: 40px; }
.spba-detail-info h4{ color: #F68118; margin: 0 0 10px; }
.spba-detail-info span{ display: block; color: #757F8B; font-family: Lato; font-size: 18px; letter-spacing: 0; line-height: 26px; }

.spba-social-link{ text-align: right; flex: 1; }
.spba-social-link ul{ text-align: right; }
.spba-social-link ul li{ display: inline-block; margin-left: 20px; }
.spba-social-link ul li a:hover img{ opacity: 0.7; }

.local-calagary-slider-main{ padding: 20px 0 90px; }
.local-calagary-slider-main .controls-slider{ margin: 30px 0 0; }

.local-calagary-slider { padding: 0 45px; }
.local-calagary-slide.slick-slide{ display: flex; flex-wrap: wrap; }
.local-calagary-slide.slick-slide .local-slide-img{ width: 25%; flex: 0 0 25%; padding: 12px 10px; }
.local-calagary-slide.slick-slide .local-slide-img img{ border-radius: 8px; width: 100%; height: auto; }

.local-calagary-slider .slick-slide{ padding: 0; transition: all 0.3s; overflow: hidden;  }
.local-calagary-slider .slick-dots > li > button{ box-shadow: none; margin: 0 12px; width: 15px; height: 15px; border-radius: 100%; background:#d8d8d8; }
.local-calagary-slider .slick-dots > li.slick-active > button{ background: #F68118; }

.local-calagary-slider .slick-slide a.btn{ display: none; }
.local-calagary-slider .slick-slide.slick-current a.btn{
	position: absolute;
    display: inline-block;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -25px;
}
.local-calagary-slider .slick-slide.slick-current .home-happy-slide{ padding-bottom: 20px; }
.local-calagary-slider .slick-dots{ padding: 65px 0 0; }
.local-calagary-slider .slick-arrow.slick-prev{
	background: url(../images/arrow-slide-left.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    left: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-left: -135px;
    background-size: 100%;
}
.local-calagary-slider .slick-arrow.slick-next{
	background: url(../images/arrow-slide-right.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    right: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-right: -135px;
    background-size: 100%;
}

.vinyl-three-block .row{ display: flex; flex-wrap: wrap; margin: 0 -10px; }
.vinyl-three-block .row > div{ flex:0 0 33.33%; max-width: 33.33%; width: 100%; padding: 0 10px; }
.vinyl-box{ display: flex; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 34px 0 rgba(103,151,255,0.15); padding: 20px; }
.vinyl-box .vinyl-icon{ flex: 0 0 80px; width: 80px; margin-right: 10px; }
.vinyl-box h6{
	color: #333F50;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 34px;
	margin: 0 0 4px;
}
.vinyl-box p{ margin: 0 0 15px; }

.customer-calgary-main{ background: linear-gradient(180deg, #F2F7FD 0%, #FFFFFF 100%); padding: 200px 0 100px; margin-top: -85px; }
.customer-calgary-main{ padding: 200px 0 100px; }

#take-our-word{ padding: 0; }

.home-happy-customers.no-user-img .slick-list{ padding: 0 !important; }
.home-happy-customers.no-user-img .home-happy-slide { padding: 50px 25px 40px; }
.home-happy-customers.no-user-img .slick-slide.slick-current .home-happy-slide{ padding-top: 60px; padding-bottom: 50px; }
.home-happy-customers.no-user-img .home-happy-slide h4{ margin: 0 0 10px; }
.home-happy-customers.no-user-img .home-happy-slide span{ color: #003C64; font-family: Lato; font-size: 14px; font-weight: 600; letter-spacing: 2px; line-height: 24px; text-align: center; display: block; text-transform: uppercase; margin: 0 0 20px; }
.home-happy-customers.no-user-img .home-happy-slide p{ margin: 0 0 25px; }
.home-happy-customers.no-user-img .home-happy-slide .happy-video-icon{ max-width: 26px; }

.we-serve-area{ padding: 100px 0 0; }
.we-serve-area #we-serve-area{ padding: 0 15px; }

.cg-join-block{
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15);
	padding: 12px 24px;
	margin: 0 0 100px;
}
.cg-join-inner-block{ border-bottom: 1px solid #F2F7FD; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; }
.cg-join-inner-block:last-child{ border: none; }
.cg-join-inner-block h6{ color: #333F50; font-family: Lato; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 34px; margin: 0 0 3px; }
.cg-join-inner-block p{ margin: 0; }

.contact-calgary { padding: 0 0 150px; }
.contact-calgary .container-2{ display: flex; align-items: center; }
.contact-calgary .contact-calgary-left{ flex: 0 0 55%; width: 55%; border-right: 1px solid #F2F7FD; padding-right: 70px; }
.contact-calgary .contact-calgary-left .google-map-wrap{ height: 100%; min-height: 540px; }
.contact-calgary .contact-calgary-left .google-map-wrap .google-map{ height: 100% !important; min-height: 540px; }
.contact-calgary .contact-calgary-right{ flex: 0 0 45%; width: 45%; padding-left: 70px; }
.contact-calgary .contact-calgary-right h2{ color: #F68118; }
.contact-calgary .contact-calgary-right h6{
	color: #F68118;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.82px;
	line-height: 30px;
	text-transform: uppercase;
}
.contact-calgary .contact-calgary-right p{ 
	color: #333F50;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 34px; 
}
.contact-calgary .contact-calgary-right p a{ color: #333F50; font-size: 18px; line-height: 34px; font-weight: 600; text-decoration: none; }
.contact-calgary .contact-calgary-right p a:hover{ color: #F68118; }
.contact-calgary-time{ display: flex; flex-wrap: wrap; }
.contact-calgary-time > div:first-child{ flex: 0 0 100%; width: 100%; }
.contact-calgary-time > div{ flex: 0 0 50%; width: 50%; margin: 10px 0 0; }

.calagary-three-block { padding: 0 0 30px; }
.calagary-three-block .container-2 .row{ display: flex; margin: 0 -12px; }
.calagary-three-block .container-2 .row > div{ flex: 0 0 33.33%; width: 33.33%; padding: 0 12px; }

.we-serve-outer{ display: flex;  border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15); }
.we-serve-outer > div{ flex: 0 0 50%; width: 50%; }
.we-serve-outer .google-map-wrap{ height: 100%; }
.we-serve-outer .google-map-wrap .google-map{ height: 100%; }
.we-serve-outer h3{ color: #F68118; }

.we-serve-outer .we-serve-left p,
.we-serve-outer .we-serve-left iframe{ margin: 0; height: 100%; }

.we-serve-outer .we-serve-right{ height: 100%; display: flex; justify-content: flex-end; align-self: center; padding: 0 15px; }
.we-serve-outer .we-serve-inner{ width: 100%; max-width: calc(100% - 115px); padding: 35px 0; }
.site-content .we-serve-outer .we-serve-right ul { margin: 0 0 20px; max-height: 300px; overflow: auto; padding: 0; }
.site-content .we-serve-outer .we-serve-right ul li{
	color: #333F50;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 34px;
	margin: 0;
	padding: 0;
}
.we-serve-outer .we-serve-right ul li a{ color: #333F50; }
.we-serve-outer .we-serve-right ul li a:hover{ color: #F68118; }
.we-serve-outer a.btn { box-shadow: 0 4px 30px 0 rgba(103,151,255,0.25); } 

.we-serve-outer .we-serve-right ::-webkit-scrollbar { width: 10px; }
.we-serve-outer .we-serve-right ::-webkit-scrollbar-track {
    background-color: #F0F8FF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.we-serve-outer .we-serve-right ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #003C64; 
}

.ctb-outer{ box-shadow: 0 0 34px 0 rgba(103,151,255,0.15); background: #f2f7ff; border-radius: 8px; }
.ctb-outer .learn-more{ margin: 15px 0; display: inline-block; }
.ctb-box{
	position: relative;
	border-radius: 8px;
	background-color: #FFFFFF;
	padding: 80px 30px 25px;
}
.ctb-box .ctb-icon{
	position: absolute;
	max-width: 124px;
	left: 50%;
	top: -62px;
	margin-left: -62px;
}
.ctb-box h4{ margin: 0 0 15px; }
.ctb-box p{ min-height: 100px; margin: 0; }
.ctb-link{ padding: 0 15px; }

.page-template-contact-us .ctb-outer { background: #F0F8FF; box-shadow: 0 5px 15px 0 rgba(103,151,255,0.25); border-radius: 8px; }
.page-template-contact-us .ctb-outer .ctb-box{ border-radius: 8px 8px 0 0; }


/* -----------------------------------
	Services
----------------------------------- */
.vinyl-sliding-transformation{
	background: linear-gradient(180deg, #F2F7FD 0%, #FFFFFF 100%);
    padding: 200px 0 100px;
    margin-top: -85px;
}
.vinyl-slider-column #old-new-look{ width: 100%; box-shadow: 0 12px 34px 0 rgba(103,152,255,0.15); border-radius: 8px; }
.vinyl-slider-column .flex-row{ margin: 0 -40px; }
.vinyl-slider-column .flex-row > div{ padding: 0 40px; }

.two-column-main .innovation-right .inv-right-inner{ max-width: 460px; margin: 0 auto; }
.two-column-main.two-column-alter .innovation-left{ order: 2; }
.two-column-main.two-column-alter .innovation-right .inv-right-inner{ margin: 0; }
.two-column-main .innovation-right .inv-right-inner .top-link{
	background: url(../images/link.png) no-repeat left top;
    color: #F68118;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.58px;
    line-height: 17px;
    display: inline-block;
    margin: 0 0 15px;
    background-size: 16px;
    padding-left: 28px;
    transition: all 0.3s;
}
.two-column-main .innovation-right .inv-right-inner .top-link:hover{ opacity: 0.7; }

.inv-testimonial { max-width: 100%; padding: 25px 0; border-top: 1px solid #F2F7FD; }
.inv-testimonial p{
	color: #757F8B;
	font-family: Lato;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px;
	margin: 0 0 12px;
	max-width: 250px;
}
.inv-testimonial span{
	background: url(../images/Google.png) no-repeat left top;
	color: #757F8B;
	font-family: Lato;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 26px;
	display: inline-block;
	background-size: auto 26px !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	padding-left: 40px;
}


.browse-after-before-slider { padding: 0 0 85px; margin-top: -30px; }
.browse-after-before-slider .slick-list{ padding: 25px 0 !important; }
.browse-after-before-slider .slick-slide{ padding: 0; transform: scale(0.82); transition: all 0.3s; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 34px 0 rgba(103,151,255,0.15); overflow: hidden;  }
.browse-after-before-slider .slick-slide.slick-current { transform: scale(1); }
.browse-after-before-slider .slick-dots > li > button{ box-shadow: none; margin: 0 12px; width: 15px; height: 15px; border-radius: 100%; background:#d8d8d8; }
.browse-after-before-slider .slick-dots > li.slick-active > button{ background: #F68118; }

.browse-after-before-slider .slick-slide a.btn{ display: none; }
.browse-after-before-slider .slick-slide.slick-current a.btn{
	position: absolute;
    display: inline-block;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -25px;
}
.browse-after-before-slider .slick-slide.slick-current .home-happy-slide{ padding-bottom: 20px; }
.browse-after-before-slider .slick-dots{ margin: 0; position: absolute; width: 100%; }
.browse-after-before-slider .slick-arrow.slick-prev{
	background: url(../images/arrow-slide-left.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    left: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-left: -135px;
    background-size: 100%;
}
.browse-after-before-slider .slick-arrow.slick-next{
	background: url(../images/arrow-slide-right.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    right: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-right: -135px;
    background-size: 100%;
}
.browse-after-before-slider h6{
	color: #003C64;
	font-family: Lato;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.58px;
	line-height: 17px;
	background: #fff;
	text-transform: uppercase;
	padding: 18px 0;
	margin: 0;
}

.small-handel .twentytwenty-handle {
    background: url(../images/t20-arrow.png) no-repeat center;
    height: 38px;
    width: 38px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
    background-size: 100%;
    margin-left: -19px;
    margin-top: -19px;
    cursor: move;
    border:none;
}
.small-handel .twentytwenty-horizontal .twentytwenty-handle:before, 
.small-handel .twentytwenty-horizontal .twentytwenty-handle:after{ width: 2px; margin-left: -1px; margin: 0; }
.small-handel .twentytwenty-horizontal .twentytwenty-handle span{ display: none; }

.quote-about-pricing{ background: linear-gradient(315deg, #F26725 0%, #F99945 100%); padding: 50px 0 0; }
.quote-about-pricing h3{ margin: 0 auto 25px; color: #fff; max-width: 910px; }
.quote-about-pricing .quote-img{ max-width: 100px; margin: 0 auto 15px; }
.quote-about-pricing .quote-img img{ display: block; }
.quote-about-pricing .name-role span{ display: block; text-transform: uppercase; }
.quote-about-pricing .name-role{
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 24px;
	text-align: center;
	margin: 0 0 10px;
}
.quote-about-pricing a.btn {
    max-width: 310px;
    width: 100%;
    position: relative;
    top: 25px;
}

.ext-gradient-bg{ padding-bottom: 0; }

.ext-paint-slider{ text-align: center; padding: 0 0 55px; margin-top: -25px; }
.ext-paint-slider .slick-list{ padding: 25px 0 !important; }
.ext-paint-slider .slick-slide{ padding: 0; transform: scale(0.82); transition: all 0.3s; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 34px 0 rgba(103,151,255,0.15); overflow: hidden;  }
.ext-paint-slider .slick-slide.slick-current { transform: scale(1); }
.ext-paint-slider .slick-dots > li > button{ box-shadow: none; margin: 0 12px; width: 15px; height: 15px; border-radius: 100%; background:#d8d8d8; }
.ext-paint-slider .slick-dots > li.slick-active > button{ background: #F68118; }

.ext-paint-slider .ext-paint-img img{ max-height: 260px; width: 100%; object-fit: cover; object-position: center; }
.ext-paint-slider .slick-slide h6{
	color: #003C64;
	font-family: Lato;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.58px;
	line-height: 17px;
	background: #fff;
	text-transform: uppercase;
	padding: 18px 0;
	margin: 0;
}


.ext-paint-slider .slick-slide a.btn{ display: none; }
.ext-paint-slider .slick-slide.slick-current a.btn{
	position: absolute;
    display: inline-block;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -25px;
}
.ext-paint-slider .slick-slide.slick-current .home-happy-slide{ padding-bottom: 20px; }
.ext-paint-slider .slick-dots{ margin: 0; position: absolute; width: 100%; }
.ext-paint-slider .slick-arrow.slick-prev{
	background: url(../images/arrow-slide-left.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    left: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-left: -135px;
    background-size: 100%;
}
.ext-paint-slider .slick-arrow.slick-next{
	background: url(../images/arrow-slide-right.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    right: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-right: -135px;
    background-size: 100%;
}

.ext-paint-year { padding: 0 0 150px; }
.ext-paint-year.no-bullets{ padding: 0 0 80px; }

.ext-paint-year .ext-paint-inner{ display: flex; align-items: center; }
.ext-paint-year .ext-paint-right{ width: 100%; max-width: 74%; flex: 0 0 74%; position: relative; }
.ext-paint-year .ext-paint-right #old-new-look , .ext-paint-year .ext-paint-right .old-new-look { border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 34px 0 rgba(103,151,255,0.15); }
.ext-paint-year .ext-paint-right #old-new-look img,
.ext-paint-year .ext-paint-right .old-new-look img{ width: 100%; object-position: center top; object-fit: cover; }
.ext-paint-year .ext-paint-left{ width: 100%; max-width: 26%; flex: 0 0 26%; }
.ext-paint-year .ext-paint-content{
	border: 4px solid #FFFFFF;
	border-radius: 8px;
	background-color: #F0F8FF;
	width: calc(100% + 115px);
	position: relative;
	z-index: 2;
	padding: 25px;
}
.ext-hexagon-block{
	position: absolute;
	right: 0;
	z-index: 1;
	width: 100%;
	text-align: right;
	top: calc(100% - 63px);
	width: 440px;
	text-align: center;
}
.ext-hexagon-block .hexagon-block{ display: inline-block; margin: 0 12px; vertical-align: top; width: 100%; max-width: 115px; text-align: center; }
.ext-hexagon-block .hexagon-block img{ width: 100%; }
.ext-hexagon-block .hexagon-block h6{
	color: #757F8B;
	font-family: Lato;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.58px;
	line-height: 17px;
	text-align: center;
	display: block;
	margin: 5px 0 0;
	text-transform: uppercase;
}

/* --------------------------------------------
	Review Page
-------------------------------------------- */
.sp-review-page .customer-calgary-main{ margin: 0; padding: 50px 0 100px; }

.review-video-slider { border-radius: 8px; box-shadow: 0 12px 34px 0 rgba(103,151,255,0.15); }
.review-video-slider .review-video{ position: relative; }
.review-video-slider .slick-dots{ position: absolute; bottom: -50px; margin: 0; width: 100%; }
.review-video-slider .slick-dots > li > button{ width: 100px; height: 7.5px; background-color: #003C64; border-radius: 2.5px; margin: 0 10px; }
.review-video-slider .slick-dots > li.slick-active > button{ background: linear-gradient(315deg, #F26725 0%, #F99945 100%); }


/* --------------------------------------------
	New Blog
-------------------------------------------- */
.simple-header .main_header{ padding: 18px 0; }
.simple-header .top-header{ background: #003C64; }
.simple-header .sp-header{ box-shadow: 0 2px 12px 0 rgba(103,151,255,0.15); }

.simple-header .logo-box .sticky-logo{ display: block; }
.simple-header .logo-box .logo{ display: none; }

.simple-header .top-header-right .contact a, .simple-header .langwrap .header-desktop-language{ color: #fff; } 
.simple-header .langwrap .header-desktop-language{ filter: brightness(0) invert(1); }


.simple-header .top-header-right > .wpml-ls-sidebars-top-lang + div a{ color: #fff; }
.simple-header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle span{ color: #fff; }
.simple-header .wpml-ls-legacy-dropdown a span{ color: #003C64 }

.simple-header .header-right .menu li > a{ color: #003C64; }
.simple-header .header-right .menu > li.menu-item-has-children > a:after{ background: url(../images/Triangle.svg) no-repeat center; }
.simple-header .header-right .menu > li:hover.menu-item-has-children > a:after{ background: url(../images/Triangle-up.svg) no-repeat center; }
.simple-header .header-right .menu > li:hover.menu-item-has-children > a { color: #F68118; }

.simple-header .site-content{ margin-top: 155px; }

.sp-blog-ttl{ padding: 90px 0 70px; }
.sp-blog-ttl h6,
.sp-blog-ttl .title{
	color: #003C64;
	font-family: Lato;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 24px;
	text-align: center;
	margin: 0;
}

.featured-blog-main .container{ max-width: 1136px; display: flex; justify-content: space-between; }
.featured-blog-main .featured-blog-left{ width: 100%; max-width: 51%; flex: 0 0 51%; }
.featured-blog-main .featured-blog-left .featured-blog-img{ margin-bottom: 30px; }
.featured-blog-main .featured-blog-left h3 { margin: 0 0 25px; }
.featured-blog-main .featured-blog-left h3 a{ color: #333F50; }
.featured-blog-main .featured-blog-left p{ margin: 0; }

.featured-blog-main .featured-blog-right{ flex: 0 0 40%; width: 40%; }
.featured-blog-main .featured-blog-right label{ margin: 0; }
.featured-blog-main .featured-blog-right input[type="search"]{
	box-shadow: 0 6px 34px 0 rgba(103,151,255,0.1); 
	background: #fff; 
	border: 1px solid #F68118;
	border-radius: 4px;
}
.featured-blog-main .featured-blog-right .search-form .search-submit{
	border-radius: 0 4px 4px 0;
	height: 100%;
	top: 0;
	right: 0;
	width: 55px;
}

.site-content .featured-blog-main .featured-blog-right ul { margin: 0; padding: 0; }
.site-content .featured-blog-main .featured-blog-right ul li{
	color: #003C64;
	font-family: Lato;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.67px;
	line-height: 19px;
	padding: 0;
	margin: 0 0 25px;
	list-style: none;
	text-transform: uppercase;
}
.site-content .featured-blog-main .featured-blog-right ul li a{ color: #003C64; }
.site-content .featured-blog-main .featured-blog-right ul li a:hover, .featured-blog-main .featured-blog-right ul li.active a{ color: #F68118; text-decoration: underline; }

.blog-section-slide{ box-shadow: 0 12px 13px 0 rgba(103,151,255,0.15); overflow: hidden; border-radius: 8px; }
.blog-section-slide img{ width: 100%; }
.blog-section-slide p{
	color: #333F50;
	font-family: Lato;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 34px;
	margin: 0 0 15px;
}
.blog-section-slide a span{
	background-color: #485465;
	color: #FFFFFF;
	font-family: Lato;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 24px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	padding: 3px 15px;
}
.blog-section-slide .blog-slide-content{ padding: 15px; }

.blog-section-slider { margin-top: -15px; }
.blog-section-slider .slick-list{ padding: 25px 0 34px !important; margin: 0 -13px; }
.blog-section-slider .slick-slide{ padding: 0 13px; }

.blog-section-slider .slick-dots { margin: 15px 0 0; }
.blog-section-slider .slick-dots > li > button{ box-shadow: none; margin: 0 12px; width: 15px; height: 15px; border-radius: 100%; background:#d8d8d8; }
.blog-section-slider .slick-dots > li.slick-active > button{ background: #F68118; }

.blog-section-slider .slick-slide a.btn{ display: none; }
.blog-section-slider .slick-slide.slick-current a.btn{
	position: absolute;
    display: inline-block;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -25px;
}
.blog-section-slider .slick-slide.slick-current .home-happy-slide{ padding-bottom: 20px; }
.blog-section-slider .slick-arrow.slick-prev{
	background: url(../images/arrow-slide-left.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    left: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-left: -135px;
    background-size: 100%;
}
.blog-section-slider .slick-arrow.slick-next{
	background: url(../images/arrow-slide-right.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    right: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-right: -135px;
    background-size: 100%;
}

.sp-subscribe-blog{ position: relative; padding: 0 0 50px; }
.sp-subscribe-blog .container-2{ display: flex; align-items: center; }
.sp-subscribe-blog .container-2 > div{ flex: 0 0 50%; width: 100%; max-width: 50%; }
.sp-subscribe-blog .sp-subscribe-left p{ color: #333F50; margin: 0; }

.sp-line{ height: 1px; width: 100%; background: #F2F7FD; }

/* --------------------------------------------
	Color Paint
-------------------------------------------- */
.ext-kitchen-slide{ width: 100%; display: flex !important; flex-wrap: wrap; text-align: center; }
.ext-kitchen-slide .ext-kitchen-block{ width: 16.666%; margin: 0 0 40px; }
.ext-kitchen-slide .ext-kitchen-block .ext-kitchen-inner{ width: 100%; max-width: 130px; margin: 0 auto; }
.ext-kitchen-slide .ext-kitchen-block .ext-kitchen-inner:hover .ext-kit-technology{ opacity: 1; }
.ext-kitchen-slide .ext-kitchen-block .ext-kitchen-inner svg{ width: 100% !important; height: auto; }
.ext-kitchen-slide .ext-kit-img img , .ext-kitchen-slide .ext-kit-img svg{ width: 100%; height: auto; }
.ext-kitchen-slide .ext-kit-content h6{
	color: #757F8B;
	font-family: Lato;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 26px;
	text-align: center;
	margin: 10px 0 6px;
}
.ext-kit-technology{ display: flex; align-items: flex-start; opacity: 0; transition: all 0.3s; }
.ext-kit-technology img{ width: 25px; flex: 0 0 25px; margin-right: 6px; position: relative; top: 2px; }
.ext-kit-technology span{
	color: #F68118;
	font-family: Lato;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.5px;
	line-height: 15px;
	text-transform: uppercase;
}
.ext-kitchen-paint-main .container-2{ max-width: 1210px; }

.site-content .ext-kitchen-tab { display: flex; justify-content: space-between; margin: 0 0 60px; }
.site-content .ext-kitchen-tab li{
	color: #003C64;
	font-family: Lato;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 15px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-transform: uppercase;
}
.ext-kitchen-tab li a{ color: #003C64; padding: 1px 0; }
.ext-kitchen-tab li a:hover, .ext-kitchen-tab li.active a{ color: #F68118; border-bottom: 1px solid #F68118; }

.ext-kitchen-slider .slick-dots > li > button{ box-shadow: none; margin: 0 12px; width: 15px; height: 15px; border-radius: 100%; background:#d8d8d8; }
.ext-kitchen-slider .slick-dots > li.slick-active > button{ background: #F68118; }
.ext-kitchen-slider .slick-arrow.slick-prev{
	background: url(../images/arrow-slide-left.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    left: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-left: -135px;
    background-size: 100%;
}
.ext-kitchen-slider .slick-arrow.slick-next{
	background: url(../images/arrow-slide-right.svg) no-repeat center;
    position: absolute;
    bottom: -42px;
    right: 50%;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-right: -135px;
    background-size: 100%;
}

.ext-note { max-width: 585px; margin: 35px auto 0; }
.ext-note p{
	color: #757F8B;
	font-family: Lato;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
	margin: 0;
}

.ext-paint-palettes-slider .slick-list{ padding-bottom: 120px; margin: 0 -35px; }
.ext-paint-palettes-slider .ext-paint-inner{ padding: 0 35px; }
.ext-paint-palettes-slider .slick-dots{ position: absolute; bottom: -50px; margin: 0; width: 100%; }
.ext-paint-palettes-slider .slick-dots > li > button{ width: 100px; height: 7.5px; background-color: #003C64; border-radius: 2.5px; margin: 0 10px; }
.ext-paint-palettes-slider .slick-dots > li.slick-active > button{ background: linear-gradient(315deg, #F26725 0%, #F99945 100%); }

/* --------------------------------------------
	Search 
-------------------------------------------- */
.search .page-header h2 span{ color: #F68118; }
.search h4.entry-title{ margin: 0; }


.our-transformations-20 #new-look{ padding: 0 0 90px; }



.controls-slider {
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.controls-slider-inner {
    position: relative;
    padding: 0 60px;
    display: inline-block;
    float: none;
    margin: 0 auto;
}
.controls-slider .slick-arrow.slick-prev {
    background: url(../images/arrow-slide-left.svg) no-repeat center;
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-left: 0;
    background-size: 100%;
    transform: none;
}
.controls-slider .slick-arrow.slick-next {
    background: url(../images/arrow-slide-right.svg) no-repeat center;
    position: absolute;
    bottom: -22px;
    right: 0;
    width: 55px;
    height: 55px;
    transition: none;
    top: auto;
    margin-right: 0;
    background-size: 100%;
    transform: none;
}
.controls-slider .slick-dots > li > button{ box-shadow: none; margin: 0 12px; width: 15px; height: 15px; border-radius: 100%; background:#d8d8d8; }
.controls-slider .slick-dots > li.slick-active > button{ background: #F68118; }
.site-content .controls-slider .slick-dots {
    margin-left: 0;
    margin: 0;
    position: static;
}


.customer-calgary-main.transformation-calgary{ padding-bottom: 0; }

.single-services .top-header { background: #fff; }

.site-content .benefits-exterior-paints .sp-painting-tab li a{ display: flex; align-items: center; transition: all 0.3s; }
.site-content .benefits-exterior-paints .sp-painting-tab li a:hover{ border:none; }
.site-content .benefits-exterior-paints .sp-painting-tab li a span{ border-bottom: 1px solid transparent; }
.site-content .benefits-exterior-paints .sp-painting-tab li a:hover span{ border-bottom: 1px solid #F68118; }
.site-content .benefits-exterior-paints .sp-painting-tab li.active a{ border:none; outline: none; }
.site-content .benefits-exterior-paints .sp-painting-tab li.active a span{ border-bottom: 1px solid #F68118; }

#available-opportunity-section.cg-join-team{ padding-top: 0; }
#contact-us.contact-calgary{ padding: 0 0 150px; }

.page-template-exterior-brick-stain .gradient-bg{ padding: 70px 0 0; }


.get-a-free-quote{ left: calc(100% + 30px); }
.get-a-free-quote.show-form{ z-index: 9999; }

.ext-kitchen-select{ display: none; }

#find-local-spray-net.pt-100{ padding: 100px 0 0; }

.page-template-contact-us .calagary-three-block{ display: none; }
.page-template-contact-us .sp-banner-main{ margin-bottom: 30px; }


.gform_fileupload_rules, .gform_legacy_markup_wrapper div.charleft.warningTextareaInfo{ display: none; }

.sp-subscribe-right ul li{ list-style: none !important; }

.footer-last-block .btn-default.mobileshow-btn{ display: none; }


/* --------------------------------------------
	Media Query
-------------------------------------------- */

@media screen and (max-width: 1329px){
	.sp-search-tab .container form{ flex-direction: column; }
	.sp-search-tab .sp-search-left{ margin: 0 0 20px; }
}

@media screen and (max-width: 1139px){
	.banner-video-main { margin-top: -90px; }
	.banner-video-main .container{ max-width: 530px; }

	.sp-banner-content .container { top: 10px; }

	.choose-spraynet-boxes{ margin: 0 -10px; }
	.choose-spraynet-boxes .sp-box{ padding: 0 10px; }

	.vinyl-box { padding: 15px; }
	.vinyl-box .vinyl-icon{ flex: 0 0 50px; width: 50px; }


	/* Paint */ 
	.site-content .ext-kitchen-tab { flex-wrap: wrap; justify-content: center; }
	.site-content .ext-kitchen-tab li{ margin: 0 15px 12px; }
	.ext-kitchen-slide .ext-kitchen-block .ext-kitchen-inner { max-width: 120px; }
	.ext-kitchen-slide .ext-kit-content h6{ font-size: 14px; line-height: 20px; }

	.ext-paint-year { padding: 0 0 50px; }
	.ext-paint-year.no-bullets{ padding: 0 0 30px; }
	.ext-paint-year .container-2 { overflow: hidden; }

	.page-template-exterior-paints .ext-paint-year .container-2,
	.page-template-exterior-brick-stain .ext-paint-year .container-2{ overflow: visible; }
	
	.page-template-exterior-paints .ext-paint-year{ padding: 0 0 80px; } 

	/* Calgary */
	.site-content .spc-page-links ul li{ font-size: 15px; line-height: 19px; padding: 4px 12px; }
	.spba-detail-info h4{ font-size: 18px; line-height: normal; }
	.we-serve-outer .we-serve-inner{ max-width: calc(100% - 40px); }

	.site-content .sp-painting-tab { flex-wrap: wrap; justify-content: center; }
	.site-content .sp-painting-tab li{ margin: 0 15px 12px; }

	/* Blog */
	.single-blog-main.pt-120 { padding-top: 130px; }

}

@media screen and (min-width: 1024px){
	.fr-lg .sp-logos-list ul li img{ max-height: 50px; }
}

@media screen and (max-width: 1024px){
	h1 { font-size: 30px; line-height: 36px; }
	h2 { font-size: 26px; line-height: 34px; }

	p,.process-2020 .process-boxes .single-process-box p{ font-size: 16px; line-height: 24px; }

	.pt-120 { padding-top: 60px; }
	.pb-120 { padding-bottom: 60px; }
	.banner-video-main{ padding-bottom: 60px; }

	.pt-90{ padding-top: 40px; }
	.pb-90{ padding-bottom: 40px; }

	.site-content.has-banner{ margin-top: 0; }
	.innovation-right{ margin-top: 0; }

	.sp-banner-content .container{ max-width: 600px; }
	.sp-banner-content h1 { font-size: 30px; line-height: 36px; }
	.video-play-icon{ max-width: 100px; }

	.home-happy-slide:before{ width: 35px; height: 28px; left: 15px; top: -15px; }
	.home-happy-slide .happy-img { width: 90px; height: 90px; margin: 0 auto 25px; position: relative; top: -45px; }
	.home-happy-slide h4{ margin-top: -50px; }

	.home-happy-customers .slick-list{ padding: 25px 0 0 !important; }

	.home-replacement-cost{ margin-bottom: 25px; }
	.process-2020 .process-boxes h4{ font-size: 20px; line-height: 24px; }

	/* Services */
	.vinyl-slider-column .flex-row{ margin: 0 -15px; }
	.vinyl-slider-column .flex-row > div { padding: 0 15px; }

	.browse-after-before-slider{ padding-bottom: 50px; }

	.choose-spraynet-boxes .sp-box-inner { padding: 50px 15px 30px; }
	.choose-spraynet-boxes .sp-box-inner .sp-icon { max-width: 80px; top: -40px; margin-left: -40px; }


	.ext-kit-technology{ display: none; }
	.ext-kitchen-slide .ext-kitchen-block { margin: 0 0 20px; }

	/* Calgary */
	.spc-page-links{ padding: 0 0 30px; }
	.local-calagary-slider{ padding: 0; }
	.sp-search-tab .sp-search-left{ flex-direction: column; width: 100%; }
	.sp-search-tab .sp-search-left span{ display: block; margin: 0 0 12px; }

	.vinyl-box h6{ line-height: normal; margin: 0 0 12px; }

	.review-video-container.pb-120{ padding: 0 0 100px; }
	.sp-review-page .customer-calgary-main{ padding: 50px 0 10px; }

	.back-to-blog{ padding-left: 0; }

	.single-job .banner-bg{ height: 300px; }
	.single-job .banner-bg img{ height: 100%; object-fit: cover; }


}

@media screen and (max-width: 991px){
	#innovation-section .flex-row { flex-direction: row; }
	#innovation-section .flex-row .flex-column { width: 50%; }

	.sp-get-quote { padding: 50px 0; }
	.sp-get-quote .sp-get-container{ padding: 45px 0; background-size: 100% 100%; }
	.sp-get-quote .spg-box{ width: 80%; padding: 25px; max-width: 500px; }

	.calculate-tabs ul li{ margin: 0 12px; }

	.choose-spraynet-boxes { flex-wrap: wrap; }
	.choose-spraynet-boxes .sp-box { width: 50%; flex: 0 0 50%; margin: 0 0 60px; }

	.home-happy-slide{ box-shadow: 0 0 15px 0 rgba(103,151,255,0.15); }
	.home-happy-slide h4{ font-size: 20px; }

	.home-happy-customers{ padding: 0 0 60px; }
	.home-happy-customers .slick-slide{ padding: 20px 10px 25px; transform: scale(1); }
	.home-happy-customers .slick-slide.slick-current a.btn{ bottom: -25px; }

	.browse-after-before-slider .slick-slide{ transform: scale(1); }


	.ext-kitchen-slide .ext-kitchen-block .ext-kitchen-inner{ max-width: 100px; }

	.ext-hexagon-block{ width: 335px; }
	.ext-hexagon-block .hexagon-block{ max-width: 80px; }
	.ext-hexagon-block .hexagon-block svg{ width: 100%; height: auto; }
	.ext-hexagon-block .hexagon-block h6{ font-size: 10px; line-height: normal; }
	.ext-hexagon-block{ top: calc(100% - 45px); }

	/* Blog */
	.single-post .blog-section-slider{ margin: 0 0 30px; }
	.blog-section-slide p{ line-height: normal; }
	.single-blog-main.pt-120{ padding-top: 110px; }

	.sp-blog-ttl{ padding: 110px 0 30px; }

	.controls-slider .slick-dots > li > button{ margin: 0 6px; }
	.new-look-20 .new-look-numbers{ max-width: 660px; }

	.simple-header .langwrap .header-desktop-language{ filter: unset; }
	.langwrap .header-desktop-language { color: #003C64 !important; }
}

@media screen and (max-width: 767px){
	main{ overflow: unset; }

	h1{ font-size: 26px; line-height: 30px; }
	h2{ font-size: 22px; line-height: 26px; }
	h3{ font-size: 20px; line-height: normal; }
	p,.process-2020 .process-boxes .single-process-box p{ font-size: 15px; line-height: 23px; }

	body .site-content ul li, body .site-content ol li{ font-size: 15px; line-height: 23px; }

	.section-info h2{ font-size: 24px; line-height: 30px; }
	.section-info p{ font-size: 18px; line-height: 24px; margin: 0 auto 30px; }

	.btn{ font-size: 12px; line-height: 14px; padding: 15px 15px 14px; }
	.btn.btn-secondary{ font-size: 12px; line-height: 14px; padding: 15px 15px 12px; }

	.home-replacement-cost h2{ font-size: 26px; line-height: 34px; }
	.home-replacement-cost p{ font-size: 18px; line-height: 24px; }

	.pb-90{ padding-bottom: 45px; }

	.logged-in .sp-banner-main{ margin-top: 25px; }
	.sp-banner-main { margin-top: 65px; }
	.sp-banner-content .container{ top: 0; }

	.sp-get-quote .sp-get-container{ padding: 30px 0; background-size: 100% 100%; }
	.sp-get-quote .spg-box{ padding: 18px; max-width: 90%; }
	.sp-get-quote .spg-box h2{ font-size: 15px !important; line-height: 22px !important; margin: 0 0 12px; }
	.sp-get-quote .spg-box a{ margin: 0 0 6px; }

	.calculate-tabs { margin: 0 0 20px; }
	.calculate-tabs ul li{ margin: 0 6px 8px; }
	.calculator-form fieldset .field-inner{ padding: 20px 15px 120px; }

	.our-work-model .our-work-right{ padding: 40px 0 0; }
	.our-work-model{ padding: 0 0 50px; }


	#innovation-section { padding: 40px 0 0; }
	#innovation-section .flex-row { flex-direction: column; }
	#innovation-section .flex-row .flex-column { width: 100%; }

	#customization-section{ padding: 0 0 40px; }
	.customization-right{ margin-bottom: 0; }
	.customization-right img{ width: 100%; }
	.customization-left .content-460{ margin: 0 auto; }

	.process-2020 .process-boxes { margin: 0 -15px; }
	.process-2020 .process-boxes .single-process-box{ flex:0 0 50%; width: 50%; max-width: 50%; padding: 0 15px; }
	.process-2020 .process-boxes .process-icon { width: 45px; height: 45px; }
	.process-2020 .process-boxes h4 { font-size: 17px; line-height: 22px; margin: 0 0 12px; letter-spacing: 0; }

	.home-buttons { margin: 0 0 10px; }
	.new-look-20 .new-look-numbers ul > li p{ font-size: 13px; line-height: 16px; }
	.new-look-20 .new-look-numbers ul{ flex-direction: row; }
	.new-look-20 #old-new-look > img{ height: 350px; }
	.new-look-20 .new-look-numbers ul > li h3{ font-size: 26px; line-height: 40px; }
	.new-look-20 .new-look-numbers ul > li h3 span{ font-size: 20px; margin-right: 4px; }

	.banner-video-main{ margin-top: 40px; }

	/* Services */
	.vinyl-box { margin: 0 0 20px; }
	.vinyl-three-block .row > div{ width: 100%; flex:0 0 100%; max-width: 100%; }
	.vinyl-sliding-transformation{ padding: 35px 0; margin: 10px 0 0; }
	.vinyl-slider-column .inv-right-inner{ padding-top: 30px; }

	.two-column-main .innovation-left{ margin: 0 0 15px; }
	.two-column-main.two-column-alter .innovation-left{ order: unset; }
	.two-column-main .innovation-right .inv-right-inner{ max-width: 100%; }

	/* Point */
	.ext-kitchen-slide .ext-kitchen-block{ width: 25%; }

	.visualizer-home-left{ width: 100%; }
	.visualizer-home-right{ width: 100%; }

	/* Calgary */
	.sp-painting-container .sp-painting-content .container-2{ padding: 0 15px; }

	.sp-painting-content .row{ flex-direction: column; }
	.sp-painting-content .row > div{ flex: 0 0 100%; width: 100%; padding: 0 15px; }
	.sp-painting-content .max-460{ max-width: 100%; }

	.sp-painting-content .row > .sp-painting-left{ margin-bottom: 20px; }

	.sp-search-tab .sp-search-left .sp-search-select {
	    flex-wrap: wrap;
	    width: 100%;
	    flex: 0 0 100%;
	    display: flex;
	    justify-content: space-between;
	    margin: 0;
	}
	.sp-search-tab select { width: 47% !important; margin: 0 0 5px; }

	.contact-calgary .contact-calgary-left{ padding-right: 15px; }
	.contact-calgary .contact-calgary-right{ padding-left: 15px; }

	.sp-painting-service{ margin-bottom: 30px; }

	.ctb-box { padding: 55px 30px 25px; }
	.ctb-box .ctb-icon { position: absolute; max-width: 80px; left: 50%; top: -40px; margin-left: -40px; }

	.contact-calgary .contact-calgary-right h6 { font-size: 15px; line-height: 23px; }
	.contact-calgary .contact-calgary-right p{ font-size: 15px; line-height: 23px; margin-bottom: 10px; }
	.contact-calgary .contact-calgary-left .google-map-wrap{ min-height: 350px; }
	.contact-calgary .contact-calgary-left .google-map-wrap .google-map{ min-height: 350px; }
	.contact-calgary-time > div{ flex: 0 0 100%; width: 100%; }

	.sp-calgary-pages{ margin: 40px 0; }
	.spc-page-links { padding: 15px; border-radius: 15px; height: auto; }
	.site-content .sp-painting-tab{ margin: 0 0 30px; }

	.ext-paint-slider .slick-slide{ transform: scale(1); }


	.page-template-exterior-brick-stain .gradient-bg{ padding: 50px 0 0; }

	.home-happy-customers.no-slider-slick{ padding: 0; }
	.home-happy-customers.no-slider-slick .slidewrap{ transform: scale(1); }

	.sp-logos-list ul { flex-wrap: wrap; }
	.sp-logos-list ul li { padding: 0 0 10px; margin: 8px 10px !important; }
	.sp-logos-list ul li img{ max-height: 26px; }

	.single-job .top-padding{ padding-top: 170px; }

}

@media screen and ( max-width: 639px ){
	.ext-paint-year .ext-paint-inner{ display: flex; flex-direction: column; position: relative; }
	.ext-paint-year .ext-paint-left { width: 100%; max-width: 100%; flex: 0 0 100%; order: 2; }
	.ext-paint-year .ext-paint-right { width: 100%; max-width: 100%; flex: 0 0 100%; position: unset; }
	.ext-paint-year .ext-paint-content{ width: 100%; padding: 15px; }
	.ext-hexagon-block{ width: 235px; top: calc(100% - 38px); }

	.ext-paint-palettes-slider .ext-hexagon-block{ top: calc(100% - 18px); right: 30px; z-index: 11; }

	.ext-hexagon-block .hexagon-block { max-width: 60px; margin: 0 2px; }
	.ext-hexagon-block .hexagon-block h6 { margin: 0; }
	.ext-paint-palettes-slider .slick-list{ padding-bottom: 65px; }

	.calagary-three-block .container-2 .row{ flex-direction: column; }
	.calagary-three-block .container-2 .row > div { flex: 0 0 100%; width: 100%; padding: 0 12px; margin-bottom: 50px; }
	.calagary-three-block .container-2 .row > div:last-child{ margin: 0; }
	.ctb-box p{ min-height: 0; }

	.we-serve-outer{ flex-wrap: wrap; }
	.we-serve-outer > div{ flex: 0 0 100%; }
	.we-serve-outer .we-serve-right{ flex: 0 0 100%; }
	.we-serve-outer .we-serve-inner{ max-width: 100%; }
	.we-serve-outer .we-serve-left #google-map{ height: 300px; }

	.contact-calgary .container-2{ flex-wrap: wrap; }
	.contact-calgary .contact-calgary-left{ padding: 0; flex: 0 0 100%; width: 100%; }
	.contact-calgary .contact-calgary-right{ padding: 30px 0 0; flex: 0 0 100%; width: 100%; }

	#contact-us.contact-calgary{ padding: 0 0 80px; }


	.spba-detail-info { flex-wrap: wrap; }
	.spba-detail-info .spba-info{ flex: 0 0 50%; width: 50%; margin: 0; padding-right: 30px; padding-bottom: 15px; }
	.spba-social-link{ flex: none; text-align: left; flex: 0 0 50%; width: 50%; }

	.sp-before-after { padding: 15px; margin-bottom: 20px; }
	.sp-before-after-image .spba-left span{ bottom: 10px; border-width: 1px; font-size: 14px; line-height: normal; width: 80px; left: -1px; }
	.sp-before-after-image .spba-right span{ bottom: 10px; border-width: 1px; font-size: 14px; line-height: normal; width: 80px; right: -1px; }

	.spba-detail-info h4 { font-size: 16px; line-height: 20px; }
	.spba-detail-info span { font-size: 16px; line-height: 20px; }

	.spba-social-link ul{ margin-left: 0 !important; text-align: left; }
	.site-content .spba-social-link ul li{ padding-right: 10px; padding-left: 0; margin-bottom: 0; }

	.local-calagary-slider-main{ padding: 20px 0 40px; }


	.single-franchise-location .customer-calgary-main{ margin: 0; padding: 50px 0 60px; }

	.blog-section-slider { padding: 15px 0 0; }
	.blog-section-slider .slick-list{ padding: 0 !important; }
	.blog-section-slider .slick-slide{ padding: 0 13px 20px; }
	.blog-slider-main .controls-slider{ margin: 20px auto 0; }

	.site-content .ext-kitchen-tab.mobile-hide{ display: none; }

	.home-happy-customers .slick-slide.slick-current a.btn{ bottom: -21px; }

	.ext-kitchen-select{ display: block; margin: 0 0 30px; }
	.ext-kitchen-select select {
	    background: #f68118 url(../images/white-down-arrow.png) no-repeat calc(100% - 12px) center;
	    width: 100%;
	    border-radius: 0;
	    padding: 7px 12px;
	    color: #fff;
	}
	.ext-kitchen-select select option{ color: #fff; }

	.review-video-slider .slick-dots > li > button{ width: 40px; }
}

@media screen and (max-width: 575px){
	.pt-120 { padding-top: 40px; }
	.pb-120 { padding-bottom: 40px; }

	.sp-banner-main > img { object-fit: cover; }
	.sp-banner-content h1{ font-size: 24px; line-height: 34px; }
	.sp-banner-content p{ font-size: 18px; line-height: 24px; }

	.banner-video-main{ padding-bottom: 30px; }

	.new-look-20 #old-new-look > img{ height: 220px; }
	.our-transformations-20 #new-look{ padding: 0 15px 20px; }

	.sp-banner-main > img{ min-height: 350px; }
	.calculator-form { max-width: 273px; }
	.calculator-form fieldset{ width: 273px; }
	.next-step{ width: calc(100% - 30px); left: 15px; }

	.choose-spraynet-boxes { margin: 0 -15px; }
	.choose-spraynet-boxes .sp-box { padding: 0 15px; width: 100%; flex: 0 0 100%; margin: 0 0 50px; }
	.choose-spraynet-boxes .sp-box:last-child{ margin: 0; }

	.process-2020 .process-boxes .single-process-box{ flex:0 0 100%; width: 100%; max-width: 100%; padding: 0 15px; }

	.sp-get-quote { padding: 30px 0; }
	.sp-get-quote .sp-get-container{ padding: 0; }
	.sp-get-quote .spg-box span{ font-size: 12px; letter-spacing: 1px; }
	.sp-get-quote .sp-get-container {
	    background-size: 110% 110% !important;
	    background-position: center;
	}

	.site-content .ext-kitchen-tab { margin: 0 0 30px; }
	.ext-kitchen-slide .ext-kitchen-block .ext-kitchen-inner svg{ width: 60px !important; height: auto; }
	.ext-kitchen-slide .ext-kit-content h6{ font-size: 12px; line-height: 16px; }
	.ext-kitchen-slide .ext-kitchen-block{ margin: 0 0 10px; width: 33.33%; }
	.controls-slider .slick-dots > li > button { margin: 0 4px; }

	.spba-detail-info h4 { font-size: 14px; line-height: 20px; }

	.sp-search-tab select{ width: 100% !important; margin: 0 0 10px; }
	.sp-search-right { text-align: center; }
	.sp-search-right input[type="submit"]{ display: block; margin: 0; }
	.local-calagary-slide.slick-slide .local-slide-img{ padding: 5px; }

	.no-job-div { padding: 20px !important; }
	.no-job-div p{ font-size: 18px !important; line-height: 24px !important; }

	.how-faq-inner{ margin: 0 0 20px; }
	.ext-paint-slider .ext-paint-img img{ max-height: 180px; object-fit: cover; object-position: center; }

	.footer-last-block .btn-default.mobileshow-btn{
		display: block;
		margin: 15px auto !important;
		max-width: 246px;
	}

}

@media screen and (max-width: 379px){
	.sp-get-quote .sp-get-container {
	    background-size: 100% !important;
	    background-position: center;
	}
}