@charset "utf-8";
  html {
margin-top: 0 !important;
}
body {
background: #fff;
color: #000;
font-size: 16px;
margin: 0px;
padding: 0px;
font-family: 'Poppins', sans-serif !important;
}
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: "";
}
.clearfix:after {
clear: both;
}
sup {
top: -0.6em;
}
sub, sup {
font-size: 55%;
padding: 2px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0px 0px 15px 0px
}
h1 {
font-size: 36px;
line-height: 42px;
color: #000;
font-weight: 500;
margin: 0px 0px 25px 0px;
}
h2 {
font-size: 30px;
line-height: 40px;
color: #000;
font-weight: 500;
margin-bottom: 25px;
}
h3 {
font-size: 20px;
color: #000;
line-height: 26px;
font-weight: 500
}
h6 {
color: #000;
font-size: 14px;
}
a:link, a:visited {
text-decoration: none;
color: #000
}
a:link:hover, a:visited:hover {
color: #ff9e1d;
text-decoration: none;
}
::selection {
background: #ee8260;
color: #FFF;
}
p {
line-height: normal;
margin: 15px 0;
line-height: 24px;
}
.txt-tran {
text-transform: uppercase
}
ul {
}
li {
line-height: normal
}
img {
max-width: 100%
} input:not([type]), input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea, select {
border: 1px solid #bdbcbd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 16px;
font-size: 14px;
padding: 0px;
width: 100%;
margin: 0;
padding: 0px;
margin-bottom: 10px;
}
textarea {
height: 80px;
resize: none;
}
.ie8 input[type="text"] {
width: 100%;
line-height: 21px;
height: 21px;
}
7777444\ .ie8 input[ty\\0000000000003-0/// .pe="text"], .ie8 textarea {
width:100%;
margin-bottom:0;
}
.no-pad {
padding: 0 !important;
}
.no-mar {
margin: 0 !important;
}
.margin-top-fix {
margin-top: -6px;
}
.col-full {
width: 1170px;
margin: 0 auto;
}
.col-full {
margin-right: auto;
margin-left: auto;
}
.col-left {
float: left
}
.col-right {
float: right
}
#content {
padding: 0;
}
#wrapper {
max-width: none;
background: #f6f6f6;
padding: 0;
}
.ie8 #wrapper {
max-width: 100%;
padding: 0;
}
#inner-wrapper {
padding: 0;
} .hdrout {
position: relative;
z-index: 10;
height: 160px;
}
header {
background: #f6f6f6;
padding: 0px;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
width: 100%;
box-shadow: none;
position: absolute;
z-index: 10;
}
header.sticky {
position: fixed;
height: 160px;
width: 100%;
background: #fff;
padding-left: 0px;
z-index: 10;
box-shadow: none
}
.toprow {
height: 114px;
background: #fff;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
position: relative;
z-index: 10;
background: url(//www.cplusroofing.com/wp-content/themes/canvas/images/bg-city-new.png)no-repeat 47% 100%;
} #toggleTop {
background: #d1832c; 
padding: 10px;
position: fixed;
bottom: 15px;
right: 15px;
display: none;
-webkit-border-radius: 42px;
-moz-border-radius: 42px;
border-radius: 42px;
width: 39px;
height: 37px;
z-index: 8;
}
.clr {
clear: both
}
.container {
padding: 40px 0;
}
.container1 {
padding: 25px 0;
}
.text-center {
text-align: center;
}
.blank {
display: block;
}  .btn {
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-uppercase {
text-transform: uppercase;
}
.text-underline {
text-decoration: underline;
}
a.btn {
padding: 11px 22px;
display: block;
margin: 10px 0px;
width: auto;
display: inline-block;
background: #000;
color: #fff;
border-radius: 4px;
font-size: 18px;
border: 2px solid #000;
font-weight: 500;
text-transform: uppercase;
}
a.btn:hover {
background: none;
color: #000;
border: 2px solid #000;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
}
a.btnyl {
padding: 17px 30px;
display: block;
margin: 0px 0px;
width: auto;
display: inline-block;
background: #ff9e1d;
color: #000;
border-radius: 4px;
font-size: 20px;
border: 2px solid #ff9e1d;
font-weight: 500;
text-transform: uppercase;
}
a.btnyl:hover {
background: #000;
color: #ff9e1d;
border: 2px solid #000;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
}
a.hollow:hover {
border: 2px solid #d54343;
color: #d54343;
background: #fff
}
.calltxt {
padding: 14px 0px 0px 0px;
float: right;
color: #000;
font-size: 1.5em;
font-weight: 600;
line-height: 1.5em;
text-align: center;
width: 36%
}
.calltxt span {
display: block;
font-size: 1.52em;
font-weight: 700;
color: #000;
}
.calltxt span a {
color: #ff9e1d
}
.calltxt span a:hover {
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
}
.logo {
float: left;
width: 283px;
}
.logo h1 {
text-align: center;
text-transform: none;
color: #fff;
padding: 10px 0px 0px 0px;
margin-bottom: 0px
}
.logo .site-title a {
line-height: inherit;
display: block;
color: #fff
}
.logo .site-title a:hover {
text-decoration: none;
color: #d54343
}
.logo img {
max-width: 100%;
padding-top: 10px
}
.mobile-buttons {
display: none;
} ul.nav {
margin-right: 0px;
}
.nav-links {
width: 100%;
background: #ff9e1d;
height: 48px;
clear: both
}
nav ul {
float: left
}
ul.nav li a {
padding: 10px 1.235em;
color: #000;
font-size: 16px;
text-align: center;
font-weight: normal;
border-radius: 0px;
margin: 0px 5px;
border-bottom: 4px solid transparent;
font-weight: 500
}
ul.nav li a:hover {
color: #000;
border-bottom: 4px solid #000
}
ul.nav li.current_page_item a {
color: #000;
border-bottom: 4px solid #000
} .nav-links ul.nav .sub-menu { background: #ff9e1d;
padding: 0px 2%;
width: 170px;
border-radius: 0px 0px 4px 4px;
margin: -1px 0px 0px 0px;
font-weight: 500;
}
.nav-links ul.nav .sub-menu li { margin: 8px 0px 8px 0px;
width: 94%;
}
.nav-links ul.nav .sub-menu li a {
color: #000 !important;
text-decoration: none !important;
border: none;
border-radius: 4px;
font-size: 14px;
padding: 0px;
border-right: 0px;
text-align: left;
font-weight: 500
}
.nav-links ul.nav .sub-menu li.current-menu-item a {
color: #fff !important;
border: none;
background: #000
}
.nav-links ul.nav .sub-menu li a:hover {
color: #fff !important;
background: #000 !important;
padding: 0px;
border: none;
} .navigation ul.nav ul ul {
background: #383838;
width: 100%;
padding: 0px;
}
section.mainmenubox h2 {
display: none
} .banner {
background: #ff url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-about.jpg) repeat-x center top;
z-index: 0;
padding: 20px 0px 10px 0px
}
.bnr-about {
background: url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-about.jpg) no-repeat center top;
z-index: 0;
}
.bnr-contact {
background: url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-contact.jpg) no-repeat center top;
z-index: 0;
}
.bnr-blog {
background: url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-blog.jpg) no-repeat center top;
z-index: 0;
}
.bnr-gallery {
background: url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-gallery.jpg) no-repeat center top;
z-index: 0;
}
.bnr-roofrep {
background: url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-roofrep.jpg) no-repeat center top;
z-index: 0;
}
.bnr-guide {
background: url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-guide.jpg) no-repeat center top;
z-index: 0;
}
.ht-inner-size {
background-size: cover !important;
}
.innrtxt .bnrtxt-in {
position: relative;
text-align: center;
display: table;
width: 100%;
vertical-align: middle;
height: 345px
}
.bnrtxt-in span {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px
}
.bnrtxt-in span h1 {
color: #fff;
text-transform: uppercase;
font-size: 45px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
input, textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
.bnr-left {
float: left;
width: 61%;
margin: 20px 0px
}
.bnr-right {
float: right;
width: 36%;
background: #000;
padding: 16px 25px;
border-radius: 4px;
margin: 20px 0px;
height:497px;
}
.bnr-logo {
border-radius: 4px;
border: 2px solid #d7d7d7;
text-align: center; }
#video {
display: block;
background: red;
background: #fff;
border-radius: 4px;
border: 4px solid #ff9e1d;
box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
overflow: hidden;
margin-bottom: 20px;
}
.youtube-player {
position: relative;
padding-bottom: 50.33%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
background: transparent;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
#video div:hover {
-webkit-filter: brightness(75%);
}
#city div:hover {
-webkit-filter: brightness(75%);
} #city .youtube-player {
position: relative;
padding-bottom: 70.23%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.bnrtxt {
text-align: center;
}
h1.bnrhd {
margin: 0px;
padding: 0px 0px 5px 0px;
font-size: 28px;
line-height: 40px;
color: #000;
font-weight: 600;
}
.banner-inner {
background: #464647;
clear: both;
display: block;
}
.subhd {
background: #7f7f81;
padding: 40px 0px;
text-align: center;
width: 100%;
clear: both
}
.bnrtxt h2 {
color: #fff;
font-size: 1.9em;
font-weight: 500;
margin: 0px;
padding: 0px 0px 5px 0px;
}
.bnrtxt input {
background: #fff;
padding: 13px 14px;
border-radius: 4px;
font-size: 14px;
font-weight: 600px;
margin-bottom: 8px;
}
.bnrtxt select.select {
width: 100%;
color: #000;
padding: 14px 8px;
font-size: 16px;
border-radius: 4px;
background: #fff url(//www.cplusroofing.com/wp-content/themes/canvas/images/drp.png) no-repeat 96% 50%;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
margin-bottom: 8px;
font-weight: 500
} select::-ms-expand {
overflow:hidden;
}
.bnrtxt input.btn {
width: 100%;
border: none;
background: #ff9e1d;
color: #000;
text-transform: uppercase;
font-weight: 600;
margin-top: 0px
}
.dt {
position: relative;
}
.dticon {
position: absolute;
right: 12px;
top: 12px
} .pdg {
padding: 50px 0px;
}
.location-map img {
width: 100%
} .about {
background: #ff9e1d
}
.about p {
color: #000
}
.about p a {
margin: 25px 15px 0px 0px;
}
.rv {
width: 36%;
background: #fff;
border-radius: 4px;
text-align: center;
padding: 60px 0px
}
.abttxt {
width: 60%
} .whyus {
background: #fff;
clear: both;
text-align: center;
position: relative
}
ul.icons {
margin: 0px;
display: inline-block;
padding: 0px 0px
}
ul.icons li {
margin: 0px 0px;
display: inline-block;
padding: 10px 10px; vertical-align: top;
width: 33%
}
ul.icons li img {
margin: 20px 0px 20px 0px; border: 3px solid #ff9e1d;
border-radius: 100px;
float: left;
width: 104px
} .chtxt {
float: right;
width: 65%;
text-align: left
}
ul.icons li h3 {
font-size: 17px;
font-weight: 600;
margin: 15px 0px 5px 0px
}
ul.icons li p {
margin: 0px;
font-size: 14px;
color: #333
} .videoblock {
background: #ff9e1d;
text-align: center
}
.bx1 {
background: #000000;
padding: 0px;
border-radius: 4px;
display: inline-block;
vertical-align: top;
width: 30.33%;
text-align: center;
margin: 0px 15px;
}
.bx1 p {
color: #fff;
width: 100%;
font-size: 16px;
font-weight: 500;
}
.bx1 a {
color: #ff9e1d;
text-decoration: underline
}
.bx1 a:hover {
color: #fff;
text-decoration: none
}
.fancybox-slide > * {
padding: 50px 20px 20px 20px !important;
}
.detailblock {
width: 60%;
}
.detailblock, .dtl {
text-align: center !important
}
.detailblock h2 {
font-size: 30px;
}
.vd {
position: relative;
padding-bottom: 55.23%;
height: 0;
overflow: hidden;
max-width: 100%;
background: none;
margin: 0 auto
}
.vd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
background: transparent;
} .block3 {
text-align: center;
position: relative;
background: #fff url(//www.cplusroofing.com/wp-content/themes/canvas/images/glbg.jpg) repeat-x 0px 100%
}
ul.gallery {
margin: 0px 0px;
padding: 10px 0px;
display: inline-block
}
ul.gallery li {
margin: 0px 15px 15px 15px;
padding: 0px;
display: inline-block;
list-style: none;
cursor: pointer;
vertical-align: top;
width: 30%;
}
ul.gallery li img {
max-width: 100%;
border-radius: 8px !important;
border: 4px solid #ff9e1d;
}
ul.gallery li img:hover {
border: 4px solid #ff9e1d;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
} .invest {
text-align: center
}
.invest a.btnyl {
padding: 14px 20px;
margin-top: 15px;
} .block6 {
background: #fff;
clear: both;
text-align: center;
position: relative;
padding: 40px 0px
}
ul.logos {
margin: 0px;
display: inline-block;
padding: 10px 0px
}
ul.logos li {
margin: 0px 15px;
display: inline-block;
padding: 10px 0px;
} footer {
display: block;
}
.footer {
background: #ff9e1d;
width: 100%;
color: #000;
padding: 45px 0px 25px 0px;
text-transform: uppercase;
text-align: center;
}
.footer h5 {
color: #000;
margin-bottom: 15px;
font-size: 17px;
font-weight: 500;
margin-bottom: 22px
}
.brk {
display: block
}
.footer .ftr1 {
width: auto;
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0px 70px 0px 0px
}
.footer .ftr1:last-child{margin-right: 0;}
.footer .ftr2 {
width: 250px;
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0px 70px 0px 0px;
}
.ftr-left {
width: 70%
}
.ftr-right {
width: 30%
}
.footer p {
margin: 0px 0px 20px 0px;
font-size: 14px;
line-height: 24px;
}
.footer p, .footer a {
color: #000;
text-transform: none;
}
.footer ul {
margin: 0px;
}
.footer ul li {
line-heights: 28px;
font-size: 14px;
margin-bottom: 8px;
}
.footer ul li a img {
position: relative;
top: 5px;
padding-right: 10px;
}
.footer ul li a:hover {
color: #fff;
}
.footer a:hover {
color: #fff;
}
.footer-copy {
background: #000000;
text-transform: none;
text-align: center;
padding: 30px 0px 30px 0px;
color: #fff;
}
.footer-copy p {
font-size: 14px;
color: #fff;
margin: 0px;
padding: 15px 0px 0px 0px;
}
.footer-copy a {
color: #fff;
padding: 0px 5px;
line-height: 28px
}
.footer-copy a:hover {
color: #ff9e1d
}
#cont p {
line-height: 30px
}
#cont p span {
line-height: 20px;
margin-bottom: 5px
} .paging {
border-top: 1px solid #dcdcdc
}
.ngg-navigation {
font-size: 0.9em !important;
clear: both !important;
display: block !important;
padding-top: 20px;
padding-bottom: 3px;
text-align: center;
margin-bottom: 0px;
}
.ngg-navigation span {
color: #7b848b;
margin-right: 6px;
padding: 3px 8px;
text-decoration: none;
}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
margin-right: 6px;
padding: 3px 8px;
text-decoration: none;
}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
margin-right: 6px;
padding: 3px 8px;
text-decoration: none;
}
.ngg-navigation a {
color: #9c9a9a;
}
.ngg-navigation a:hover {
color: #282828;
}
.ngg-navigation {
font-size: 0.9em !important;
text-align: center;
}
.paging-gal {
}
.paging-gal div.ngg-navigation {
clear: both !important;
display: block !important;
padding-top: 20px;
padding-bottom: 3px;
text-align: center;
margin-bottom: 0px;
}
.paging-gal div.ngg-navigation span {
color: #6fb4d7;
margin-right: 6px;
padding: 3px 8px;
text-decoration: none;
display: inline
}
.paging-gal div.ngg-navigation a.page-numbers, .paging-gal div.ngg-navigation a.next, .paging-gal div.ngg-navigation a.prev, .paging-gal div.ngg-navigation span.page-numbers, .paging-gal div.ngg-navigation span.next, .paging-gal div.ngg-navigation span.prev {
margin-right: 6px;
padding: 3px 8px;
text-decoration: none;
}
.paging-gal div.ngg-navigation a.page-numbers, .paging-gal div.ngg-navigation a.next, .paging-gal div.ngg-navigation a.prev, .paging-gal div.ngg-navigation span.page-numbers, .paging-gal div.ngg-navigation span.next, .paging-gal div.ngg-navigation span.prev {
margin-right: 6px;
padding: 3px 5px;
text-decoration: none;
}
.paging-gal div.ngg-navigation a {
color: #ff9e1d
}
.paging-gal div.ngg-navigation span.current {
color: #000
}
.paging-gal div.ngg-navigation a:hover {
color: #000;
}
.paging-gal div.ngg-navigation {
font-size: 1.4em !important;
text-align: center;
font-weight: 500;
color: #ff9e1d
}
.paging-gal a.next img {
position: relative;
top: 0px;
} .pagination {
border-top: 1px solid #dcdcdc;
padding-top: 20px;
padding-bottom: 3px;
}
.woo-pagination {
margin: 0;
}
.woo-pagination a:link, .woo-pagination a:visited, .nav-entries a span {
padding: 0.6em 0.5em;
border: none;
}
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .nav-entries a span {
font-weight: 400;
font-size: 1.1em !important;
border: none;
}
.woo-pagination span.current {
font-weight: 400 !important;
font-size: 1.1em !important;
background-color: transparent !important;
border: none !important;
color: #000 !important;
padding: 0.6em 0.5em !important;
}
.woo-pagination span.dots {
background-color: transparent !important;
border: none;
color: #9c9a9a !important;
float: left;
padding: 0.6em 0.5em !important;
}
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
background: #ffffff;
border: none;
color: #9c9a9a !important;
}
.woo-pagination .current, .woo-pagination a:hover {
background-color: transparent !important;
border: none;
color: #000 !important;
} .body-inner-text {
background: #fff
}
.body-inner-text p {
font-size: 14px
}
.abt-hdr-text {
background: #eeeaea;
text-align: center
}
.pd-bot {
padding-bottom: 70px
}
.abtcon {
background: #fff
}
.img-width {
width: 45%
}
.txt-width {
width: 52%;
padding: 15px 0px 15px 0px;
}
.txt-width h2 span {
display: block
}
.inblock {
padding: 50px 0px 50px 0px
}
.cityblk {
background: #e1e5e8
}
.cont {
padding: 10px 0px 0px 0px
}
ul.abttxt {
margin: 0px;
padding: 0px;
display: inline-block;
width: 100%;
clear: both
}
ul.abttxt li {
margin: 0px;
padding: 0px;
display: inline-block;
vertical-align: middle;
width: 48%;
}
.pd1 {
padding-top: 20px
}
.pd2 {
padding-top: 35px
}
.pd3 {
padding-top: 50px
} .block4 { background: #000;
clear: both;
text-align: center;
position: relative;
}
.formsec {
margin-bottom: 25px;
padding: 0px 35px;
width: 66%;
margin: 0 auto;
}
.formsec .fldwd {
width: 48%
}
.formsec h2 {
font-size: 43px;
color: #ff9e1d;
line-height: 60px;
margin: 0px;
padding: 0px;
font-weight: bold
}
.formsec h2 + p {
font-size: 20px;
font-weight: 500;
color: #fff;
padding: 0px;
margin: 0px;
margin-bottom: 30px;
}
.formsec form {
padding: 0px;
}
::placeholder {
color: #000;
opacity: 1; }
:-ms-input-placeholder { color: #000;
}
::-ms-input-placeholder { color: #000;
}
.formsec input, .formsec textarea {
border-radius: 4px;
background: #fff;
border: 1px solid #fff;
padding: 12px 14px;
color: #000;
font-size: 16px;
margin-bottom: 24px;
font-weight: 500;
font-family: 'Poppins', sans-serif !important;
height: 50px
}
.formsec select.select {
width: 100%;
color: #000;
padding: 12px 14px;
height: 50px;
font-size: 16px;
border-radius: 4px;
background: #fff url(//www.cplusroofing.com/wp-content/themes/canvas/images/drp.png) no-repeat 96% 50%;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
text-indent: 1px;
text-overflow: '';
margin-bottom: 8px;
font-weight: 500;
font-family: 'Poppins', sans-serif !important;
}
.formsec input.txtbtn {
background: #ff9e1d;
color: #fff;
font-size: 20px;
text-align: center;
padding: 12px 30px;
width: 100%;
margin: 0px 0px 0px 0px;
border-radius: 4px;
width: auto;
cursor: pointer;
text-transform: uppercase;
font-weight: 500;
border: 2px solid #ff9e1d;
height: auto;
}
.formsec input.txtbtn:hover {
background: none;
color: #fff;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
border: 2px solid #fff;
}
.dt1 {
position: relative;
}
.dticon1 {
position: absolute;
right: 14px;
top: 14px
} .gallery-out {
text-align: center;
}
ul.galpg {
margin: 0px 0px;
padding: 10px 0px;
display: inline-block;
text-align: center
}
ul.galpg li {
margin: 0px 10px 22px 10px;
padding: 0px;
display: inline-block;
list-style: none;
cursor: pointer;
vertical-align: top;
width: 30%
}
ul.galpg li img {
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
padding: 3px;
border: 2px solid transparent
}
ul.galpg li img:hover {
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
padding: 3px;
border: 2px solid #ff9e1d;
margin: 0px 7px 22px;
}
.ngg-gallery-thumbnail {
border: 2px solid transparent !important;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
padding: 3px;
}
.ngg-gallery-thumbnail:hover {
border: 2px solid #ff9e1d !important;
}
.ngg-gallery-thumbnail a {
margin: 0 !important;
}
.ngg-navigation {
padding-top: 40px !important;
}
.ngg-navigation span {
font-size: 1.2em;
font-weight: 500 !important;
margin-right: 5px !important;
padding: 6px 8px !important;
display: inline-block;
vertical-align: middle;
color: #000 !important;
}
.ngg-navigation a.next, .ngg-navigation a.page-numbers, .ngg-navigation a.prev, .ngg-navigation span.next, .ngg-navigation span.page-numbers, .ngg-navigation span.prev {
margin-right: 5px !important;
padding: 6px 8px !important;
text-decoration: none;
display: inline-block;
vertical-align: middle;
color: #ff9e1d;
font-size: 1.2em;
font-weight: 500;
border: none !important;
}
body .ngg-navigation a.next:hover, body .ngg-navigation a.page-numbers:hover, body .ngg-navigation a.prev:hover, body .ngg-navigation span.next:hover, body .ngg-navigation span.page-numbers:hover, body .ngg-navigation span.prev:hover {
background-color: transparent !important;
color: #000 !important;
text-decoration: none !important;
} .guide {
background: #fff url(//www.cplusroofing.com/wp-content/themes/canvas/images/bnr-home.jpg) repeat-x 0px 0px;
min-height: 800px;
text-align: center
}
ul.th-list {
margin: 0px;
padding: 0px;
}
ul.th-list li {
margin: 0px 4px;
padding: 0px;
display: inline-table;
vertical-align: top;
text-align: center;
margin-bottom: 10px;
}
ul.th-list li p {
font-family: 'open_sansbold';
color: #000;
padding: 15px 0px
}
ul.th-list li img {
border-radius: 6px!important;
}
.material h1 {
padding-bottom: 10px;
}
.un {
background: #000;
height: 2px;
width: 100%;
margin-bottom: 20px;
}
.material h4 {
padding-bottom: 15px;
}
.bigimg {
padding-bottom: 30px;
}
ul.gim {
margin: 20px 0px;
padding: 0px;
display: inline-block;
text-align: center
}
.page-template-template-roofreguide ul.gim {text-align: left;}
.page-template-template-roofreguide ul.gim p{text-align: center;}
ul.gim li {
margin: 8px 6px;
padding: 0px;
display: inline-block;
vertical-align: top;
line-height: 0px;
}
ul.gim li img {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
padding: 8px;
background: #fff
}
ul.gim li p {
color: #000;
font-weight: normal;
}
.guide .btnyl {
padding: 12px 20px;
margin: 10px
}
.material {
background: #e1e5e8;
padding: 50px 0px;
text-align: center
}
.material h3 {
font-weight: 600
} .con-left {
width: 32%
}
.con-right {
width: 62%
}
.con-left p a {
color: #000
}
.con-left p a:hover {
color: #ff9e1d
}
.form-con {
margin-bottom: 20px;
padding: 0px 0px;
}
.form-con .fldwd {
width: 48%
}
.form-con h2 {
margin-bottom: 20px;
}
.form-con form {
padding: 0px;
}
.contact-group {
margin-bottom: 18px;
}
.form-con input, .form-con textarea {
border-radius: 4px;
background: #fff;
border: 1px solid #e8e8e8;
padding: 14px 12px;
color: #000;
font-size: 16px;
font-weight: normal;
-webkit-box-shadow: inset 0px 0px 9px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0px 0px 9px 1px rgba(0,0,0,0.1);
box-shadow: inset 0px 0px 9px 1px rgba(0,0,0,0.1);
font-family: 'Poppins', sans-serif;
margin: 0;
}
.form-con textarea {
height: 100px;
font-family: 'Poppins', sans-serif
}
.form-con input.txtbtn {
background: #ff9e1d;
color: #000;
font-size: 18px;
text-align: center;
padding: 15px 28px;
width: 100%;
margin: 10px 0px 0px 0px;
border: none;
border-radius: 4px;
width: auto;
cursor: pointer;
text-transform: uppercase;
font-weight: 500;
font-family: 'Poppins', sans-serif
}
.form-con input.txtbtn:hover {
background: #000;
color: #fff;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
} .mapbox {
padding: 15px 0px 0px 0px;
text-align: center
}
.mapbox iframe {
display: block;
width: 100%;
height: 460px;
}
.mapimage {
position: relative;
padding-bottom: 80%;
padding-top: 20px;
height: 0;
overflow: hidden;
}
.mapimage iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 98%;
border-radius: 4px;
} .ser {
margin-bottom: 25px;
}
.ser ul {
margin-top: 2em;
margin-bottom: 2em;
}
.ser ul li {
list-style-type: disc;
margin-top: 1em;
margin-left: 1em;
margin-right: 0;
padding-left:10px;
}
.blog-right-part {
width: 37%;
}
.ser-blk {
width: 100%;
background: #ff9e1d;
padding: 30px 35px;
margin-bottom: 30px;
border-radius: 6px;
}
.ser-blk h2, .get-social h2 {
border-bottom: 1px solid #000;
padding-bottom: 5px;
color: #1175bc;
margin-bottom: 0px;
font-size: 26px;
color: #000
}
h2.nobdr {
border-bottom: none;
}
.ser-blk p {
color: #fff
}
.txt-ser {
width: 59%
}
.txt-ser h2 {
padding-bottom: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
font-size: 26px;
line-height: 36px
}
.txt-ser h3 {
font-size: 17px;
text-transform: none;
border-bottom: 2px solid #000;
padding-bottom: 15px
}
.txt-ser img {
border-radius: 4px
}
.txt-ser p {
padding: 5px 0px;
}
.txt-ser .btn {
padding: 8px 18px;
margin: 10px 0px 10px 0px;
font-size: 15px;
font-weight: 500;
background: #ff9e1d;
border: none;
color: #000
}
.txt-ser .btn:hover {
background: #000;
border: none;
color: #fff
}
.ser img {
width: 100%;
border-radius: 4px;
max-width:100%;
height: auto;
}
.ser-blk ul {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.ser-blk ul li {
margin: 0px 0px 3px 0px;
padding: 0px 20px 0px 0px;
color: #6d6f78;
font-size: 16px;
list-style: url(//www.cplusroofing.com/wp-content/themes/canvas/images/rd.png);
list-style-position: inside;
}
.ser-blk ul li a {
color: #605f5f;
position: relative;
left: 15px;
display: block;
margin-top: -24px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .ser-blk ul li {
list-style-position: initial;
}
.ser-blk ul li a {
color: #605f5f;
position: relative;
left: 15px;
display: block;
margin-top: 0px;
} ::i-block-chrome, .ser-blk ul li {
list-style-position: initial;
}
.ser-blk ul li a {
color: #605f5f;
position: relative;
left: 15px;
display: block;
margin-top: 0px;
}
}
.ser-blk ul li a:hover {
color: #000
}
.es_lablebox {
display: none !important;
}
.ser-blk input[type="text"] {
padding: 15px 15px;
background: #fff;
border: none;
font-size: 16px;
color: #3e3e3e;
margin-bottom: 0px;
border-radius: 4px
}
.ser-blk input[type="button"] {
color: #fff;
background: #000;
padding: 10px 32px;
cursor: pointer;
border-radius: 4px;
font-size: 16px;
font-weight: normal;
margin: 10px 0px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
border: none;
width: initial;
}
.ser-blk input[type="button"]:hover {
color: #000 !important;
background: #fff;
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
}
.lightgrey {
background: #f1f4f5
}
.lightgrey h2 {
color: #000
}
.newsletter {
border-bottom: 2px solid #000;
padding: 0px 0px 10px 0px
}
.newsletter h2, .social-b h2 {
color: #000;
}
.social-b h2 {
color: #000;
text-transform: uppercase;
font-weight: 600;
font-size: 22px;
margin: 0px;
padding: 0px 20px 0px 0px;
display: inline-block
}
.social-b {
padding: 20px 0px 0px 0px;
display: inline-block
}
.social-b div {
display: inline-block;
}
.social-b div p {
margin: 0;
padding: 0;
}
.social-b a {
color: #000;
font-size: 40px;
padding: 5px 0px 0px 8px;
position: relative;
top: 5px
}
.social-b a:hover {
-webkit-transition: 1s all ease;
-moz-transition: 1s all ease;
transition: 1s all ease;
color: #fff
} .service-text {
width: 90%;
margin: 0 auto;
text-align: center;
}
.service-gallery {
padding: 50px 0px;
text-align: center
}
.service-gallery h2 {
padding-bottom: 40px;
}
ul.slider {
margin: 0px;
padding: 0px;
}
ul.slider li.slide {
margin: 0px 20px;
padding: 0px;
width: 345px !important;
}
.slide img {
margin-bottom: 20px;
max-width: 100%;
border: 8px solid #dfe0de
}
.service-form {
text-align: center
}
.service-needs {
text-align: center;
padding: 50px 0px 0px 0px;
}
.service-needs h2 {
padding-bottom: 40px;
}
.service-needs h3 {
font-size: 19px;
}
ul.needs {
margin: 0px;
padding: 0px;
display: inline;
}
ul.needs li {
margin: 20px 20px;
padding: 0px;
width: 46%;
display: inline-block;
vertical-align: top;
text-align: left;
}
.icon-img {
border: 8px solid #e3e3e3;
width: 167px;
height: 167px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
margin-right: 30px;
cursor: pointer
}
.icon-img img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 auto;
max-width: 100%
}
.icon-img:hover {
border: 8px solid #cee5b1;
width: 167px;
height: 167px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer
}
.formob {
display: none !important;
}
.mobile-buttons .formob {
display: block !important;
}
#video p {
margin: 0;
}
.wpcf7-form p {
margin: 0;
}
#submit + .ajax-loader {
position: absolute;
}
.bnr-right .wpcf7-form-control-wrap {
position: relative;
display: block;
}
.bnr-right span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
position: absolute;
bottom: 0;
text-align: right !important;
font-size: 14px;
padding: 0;
right: 5px;
height: 54px;
}
.formsec span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
position: absolute;
bottom: -10px;
text-align: right !important;
font-size: 14px;
padding: 0;
right: 5px;
height: 20px;
}
.wpcf7-response-output {
display: none !important;
}
#menu-roofingtoronto li {
display: inline;
}
.mean-container .mean-nav ul li a.mean-expand {
height: 27px !important;
}
.about.pdg .col-right.rv iframe {
width: 80%;
}
.heat-mid2 > ul > li {
list-style: outside;
margin-left: 16px;
}
#less{display:none;}
#read-more-content{display: none;} .bnr-logo ul {
width: 100%;
margin: 0;
padding: 15px 0;
background: #fff;
}
.bnr-logo ul li {
display: inline-block;
width: auto;
margin-right: 25px;
}
.bnr-logo ul li:last-child {
margin-right: 0;
}
@media screen and (max-width: 1550px) and (min-width: 1451px) {
.buyers-dropdown-section {
width: 270px !important;
left: 3% !important;
}
}  @media screen and (max-width:1279px){
ul.nav li {
position: relative;
float: left;
zoom: 1;
list-style: none;
padding: 0 3px;
}
ul.nav li a {
font-size: 14px;
padding: 10px 0;
}
}
@media screen and (min-width:1280px){
ul.nav li {
position: relative;
float: left;
zoom: 1;
list-style: none;
padding: 0px 0.635em;
}
ul.nav li a {
font-size: 14px;
padding: 13px 0 9px;
line-height: 22px;
}
} .request-form-box {
background: rgb(255, 158, 29) none repeat scroll 0 0;
border-radius: 5px;
margin: 65px auto 0;
max-width: 740px;
padding: 35px;
text-align: left;
width: 100%;
}
.request-form-box .form-group {
margin-bottom: 20px;
}
.resume {
color: #fff !important;
float: left;
font-size: 17px !important;
font-weight: 800 !important;
margin-bottom: 10px !important;
}
.request-form-box input {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
font-size: 16px;
margin-bottom: 16px;
padding: 13px 14px;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
width: 100%;
}
.request-form-box h2 {
color: #ffffff;
font-size: 36px;
font-weight: 800;
margin-bottom: 30px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}
.form-control {
border-radius: 4px;
display: block;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.request-form-box input.txtbtn {
background: rgb(0, 0, 0) none repeat scroll 0 0;
border: 2px solid rgb(0, 0, 0);
border-radius: 4px;
color: rgb(255, 255, 255);
cursor: pointer;
font-size: 20px;
font-weight: 500;
height: auto;
margin: 0;
padding: 12px 30px;
text-align: center;
text-transform: uppercase;
width: auto;
}
.request-form-box input.txtbtn:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid rgb(0, 0, 0);
color: rgb(0, 0, 0);
transition: all 1s ease 0s;
}
.page-id-1142 .abt-hdr-text {
background: #fff none repeat scroll 0 0;
text-align: center;
}
.gif-lgo {
position: relative;
left: 300px;
bottom: 60px;
}
#tmber-gaf {
margin-top: -40px !important;
}
.single-post .heat-mid2 > ul > li{margin-left: 15px;}
.listbox {
width: 70%;
padding: 15px;
}
.listbox ul {
margin: 0px;
padding: 0px;
}
.listbox ul li {
margin: 0 0 25px;
padding: 0px;
font-size: 14px;
color: #000; line-height: 24px;
float: left;
width: 33%;
}
.lft {
float: left
}
.privacy-policy-page {
margin-top: 50px;
margin-bottom: 35px;
}
.mean-container .mean-nav .mobile-buttons i {
font-size: 21px !important;
}
.bnr-vd.mobile-video {
display: none;
}
.for-captcha-error span.wpcf7-not-valid-tip, .page-template-template-solution span.wpcf7-not-valid-tip {
font-size: 12px;
position: absolute;
top: 5px !important;
left: -6% !important;
z-index: 10;
} 
.for-captcha-error{
margin-bottom: 20px;
}
.for-captcha-error .g-recaptcha{text-align: center;display: inline-block;}
.cplustable{
overflow-x: auto;
}
.cplustable table {
border-collapse: collapse;
border-spacing: 0;
width: 1170px;
border: 1px solid #ccc;
margin: 0 auto;
}
.cplustable th, .cplustable td {
text-align: left;
padding: 8px 20px;
border-right: solid 1px #ccc;
}
.cplustable tr:nth-child(even){background-color: #f2f2f2}
.cplustable th p, .cplustable td p {
margin: 0;
}
.cplustable h2 {
font-size: 25px;
}
.cplustable table tr:first-child {
background-color: #ff9e1d;
}
.cplustable h3 {
margin-bottom: 0;
text-align: center;
}
.cplustable table tr td:first-child {
font-weight: 600;
}
.bnr-vd #videomp {
height: 362px;
overflow: hidden;
margin-bottom: 20px;
border: 4px solid #ff9e1d;
box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}
.bnr-vd #videomp video {
width: 100%;
object-fit: cover;
}
.current-promotion-form input{
height: auto;
line-height: 21px;
}
.grecaptcha-badge {
bottom: 70px !important;
z-index: 1;
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
right: -175px !important;
}
.grecaptcha-badge:hover {
right: -38px !important;
} 
#logo .site-title {
display: none;
}
@media screen and (max-width:1023px){
.bnr-right span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
position: absolute;
bottom: 10px !important;
text-align: right !important;
font-size: 14px;
padding: 0;
right: 5px;
}
} .alert-banner,
.mobile-alert-banner {
width: 100%;
background-color: #fee2e2;
border: 1px solid #ef4444;
padding: 0.5rem 0.5rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-align: center;
}
.alert-banner .alert-banner-text-link,
.mobile-alert-banner .alert-banner-text-link {
display: block;
color: #b91c1c !important;
font-weight: bold;
font-size: 1rem;
line-height: 1.5rem;
}
.alert-banner  .alert-banner-text-link:hover,
.mobile-alert-banner .alert-banner-text-link:hover {
color: #b91c1c !important;
}
.mobile-alert-banner {
display: none;
}
.bnrtxt .bnrhd {
margin-top: 30px;
}
@media (max-width: 1024px) {
.alert-banner {
display: none;
}
.mobile-alert-banner {
display: block;
padding: 4px;
}
}