/*home page*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@import url('https://fonts.googleapis.com/css?family=Courgette&subset=latin-ext');
body {
    font-family: 'Lato', sans-serif;
}

b,
strong {
    font-weight: 700;
}

.quick-box{
    background: #e8e8e8;
    height: 435px;
}
.menu-bar {
    font-weight: bold;
    background: #253044;
    color: #fff;
}

.navbar-default {
    background: none;
}

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

.navbar {
    position: relative;
    min-height: auto;
    margin-bottom: 0px;
    border: none;
    margin-top: 0px;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

.quick-quote .btn-default {
    margin-top: 0px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 9px;
    font-weight: 600;
}

.nav>li {
    position: relative;
    display: block;
    padding: 0px 0px;
}

.banner {
    padding: 0px;
}
.banner img{

    border-radius: 40px;
}
.nav>li:hover {
    background: #d32023;
    color: #fff;
}

.nav>li:last-child {
    border-right: 0px;
}

.clickable {
    cursor: pointer;
    background: #fff;
}


/*navbar dropdown*/

.dropdown-menu>li>a {
    display: block;
    padding: 10px 40px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #ffffff;
    white-space: nowrap;
    text-transform: uppercase;
}

.dropdown-menu>li>a:hover {
    color: #ffffff;
    background: #d32023;
}


/*footer*/

.footer {
    background: #000000;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #FFFFFF;
    /* text-align: center; */
}

.footer font {
    font-size: 0.90em;
}

.footer a {
    color: #FFFFFF;
}

.footer a:hover {
    color: #328cff;
}

.footer font span {
    float: left;
    width: 100%;
}


/*header section*/

.header img {}

.header-con {
}

.header-con h4 a {
    color: #253044;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.header-con h4 a span {
    font-size: 17px;
    font-weight: 700;
    color: #d32023;
    text-transform: uppercase;
}

.phone {
    border-left: 1px solid #d8d8d8;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-left: 30px;
}

.phone h4 a {}

.email {text-align: right;margin-top: 40px;padding-right: 30px;}

.phone img {
    margin-top: 25px;
}


/*carosal*/

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.row {
    margin: 0px;
}

.caro-bottom {
    border-bottom: 12px solid #3399cc;
}

.banner-wrap {
    width: 100%;
    float: left;
    background: url("../images/banner-bg.jpg");
    
}


/*quick quote*/

.carousel {
    overflow: hidden;
}

.quick-con {
    position: relative;
    min-height: 100px;
    background-color: #0066FF;
}

.quick-quote-wrap {}

.quote-header p {
    color: #ffffff;
    text-align: center!important;
    padding-bottom: 10px;
    font-weight: 600;
}

.quote-header h3 {
    text-align: center;
    color: #fffafa!important;
    font-weight: bold;
    font-size: 20px;
    padding-top: 15px;
}

.quick-quote h6 {
    margin-top: 0px;
    color: #fff;
}

.quick-quote h6 a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.quick-quote {
    width: 100%;
    background: #253044;
    border-radius: 35px;
}

.quick-quote-wrap img {
    position: absolute;
    right: 375px;
    margin-top: -18px;
    z-index: 1000;
    height: 412px;
}

.quick-quote h1,
.quick-quote h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 28px;
    font-weight: bold;
}

.quick-quote input::placeholder {
    color: #101010;
}

.quick-quote textarea::placeholder {
    color: #000;
}

.quick-quote h4 {
    width: 100%;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    text-align: right;
    z-index: 1000;
    color: #fff!important;
    padding-top: 7px;
    margin-left: -45px;
}

.quick-quote h4 span {
    color: #f3c331;
}

.quick-quote h5 {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #fff;
}

.quick-quote input {
    width: 100%;
    height: 30px;
    border-radius: 0px;
    border: none;
    color: #000000;
    padding: 8px;
    margin-bottom: 12px;
    position: relative;
}

.quick-quote textarea {
    width: 100%;
    height: 62px;
    border-radius: 0px;
    color: #000000;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #131010;
}

.quick-quote .g-recaptcha {
    webkit-transform: scale(0.53);
    transform: scale(0.53);
    transform-origin: 100px 0px;
    -webkit-transform-origin: 0px 0px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: -15px;
    -ms-transform: scale(0.53);
    -ms-transform-origin: 0px 0px;
}

.quick-quote .btn-default:hover:active {
    background: #253044;
    color: #fff;
}

.quick-quote .btn-default {
    position: relative;
    margin-top: 10px;
    border: 0px;
    color: #fff;
    width: 100%;
    background: #d32023;
    border-radius: 0px;
    height: 40px;
    text-transform: uppercase;
}

.mobile-email {
    display: none;
    color: #333333;
    font-size: 26px;
    position: absolute;
    left: 45%;
    top: 20px;
}

.mobile-phone {
    display: none;
    color: #333333;
    font-size: 26px;
    position: absolute;
    left: 10%;
    top: 20px;
}


/*our services*/

.services {
    text-align: center;
}

.service-header {
    background: #f3c331;
    border-radius: 0px 0px 10px 10px;
    font-size: 28px;
    padding: 20px 40px 20px 40px;
    width: auto!important;
}

.services h1 {
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-transform: uppercase;
    float: none!important;
    text-align: center;
}

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

.services {
    margin-top: -18px!important;
    z-index: 0;
    position: relative;
    text-align: center!important;
}

.service-con {
    margin-top: 15px;
}

.logo-image img {
    width: 100%;
    margin-top: 15px;
}

.roofing {
    padding: 10px;
}

.readmore {
    background: #f3c331;
    padding: 1px;
    width: 40%;
    border-radius: 0px 0px 15px 15px;
}

.readmore h4 a {
    text-decoration: none;
    color: #fff;
}

.readmore h4 {
    text-align: center;
}


/*about us*/

.aboutus {
    margin-top: 35px;
    background: url("../images/home/about-back.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.aboutus-con {}

.aboutus-con h2 {
    color: #f3c331;
    margin-top: 30px;
}

.aboutus-con p {
    font-family: 'Lato', sans-serif;
    text-align: justify;
    line-height: 26px;
}

.two-col li {
    width: 48%;
    float: left;
    font-weight: 700;
    color: #253044;
    line-height: 30px;
    list-style-image: url(../images/blacktick.png);
    margin-left: 16px;
}

.one-col li {
    color: #151617;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    list-style-image: url(../images/blacktick.png);
    margin-left: 16px;
}

.three-col li {
    width: 31%;
    float: left;
    font-weight: bold;
    color: #040404;
    line-height: 26px;
    list-style: square;
    margin-left: 16px;
    list-style-image: url(../images/blacktick.png);
}

.four-col li {
    width: 25%;
    float: left;
    font-weight: bold;
    list-style: square;
    color: #253044;
    line-height: 26px;
    list-style: url("../images/list-icon.png");
}


/*testimonial section*/

#quote-carousel {
    padding: 30px 10px 30px 10px;
    margin-top: 0px;
    text-align: center;
    background: #7c7879;
    height: 277px;
}

.testimonial img {
    width: 100%;
    margin-top: 15px;
}

.test-con p {
    text-align: justify;
    line-height: 36px;
    font-size: 15px;
}

.testimonial {background: url(../images/home/testi-bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.test-head {}

.test-head h2 {
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.test-head p {
    text-align: center;
}

.test-con h5 {
    text-align: justify;
    font-style: italic;
    font-size: 18px;
}

.testimonial-con {
    margin-top: 20px;
    margin-bottom: 30px;
}

.testimonial .carousel-indicators {
    bottom: 7px;
}

.test-con h2 {
    text-align: center;
    color: #000;
    margin-top: 20px;
    font-size: 30px;
}

.test-con h4 {
    text-align: center;
    margin-bottom: 30px;
}


/*why choose as*/

.why-choose {}

.why-choose h3 {
    color: #ffffff!important;
}

.why-choose h3 span {
    color: #b80c32;
    font-weight: bold;
}

.why-choose-con {background: #d32023;}

.why-choose ul {
    /* padding: 0px; */
    /* margin-left: 17px; */
}

.why-choose ul li {
    width: 50%;
    float: left;
    line-height: 32px;
    color: #253044;
    font-weight: bold;
    list-style-image: url("../images/blacktick.png");
    font-size: 16px;
}


/* .why-choose ul li{}

}
.why-choose ul li:nth-child(even) {
    color: #253044;
    font-weight: bold;
    font-size: 19px;
    float: left;
    width: 100%;
    list-style: url(../images/home/list-blue.png);
    line-height: 30px;

} */

.why-choose p {
    text-align: justify;
    color: #fff;
    line-height: 26px;
}

.why-choose img {
    margin-top: 25px;
    width: 50%;
}

.logos {
    text-align: center;
    padding: 10px;
    background: rgba(255, 255, 255, 0.48);
    border-radius: 20px;
    border: 1px solid #000;
    margin-top: 35px;
}


/*Area coverage*/

.covering h5 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: #c1c1c1 2px solid;
    padding-bottom: 5px;
}

.covering li {
    display: block;
    line-height: 35px;
    font-size: 0.95em;
    border-bottom: #bfbfbb 1px solid;
    padding: 0px;
    list-style-position: inside;
}

.covering li img {
    font-size: 22px;
    /* float: left; */
    margin-left: 0px;
    margin-right: 10px;
}

.covering ul {
    padding: 0px;
}

#area iframe {
    height: 612px;
}

.page-container ul {
    padding: 0px;
}
.page-container ul li{
}
.page-container h1 {
    margin-bottom: 10px;
    width: 100%;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    margin-left: 0px;
    line-height: 26px;
    margin-top: 30px;
    text-transform: uppercase;
}

.page-container h2 {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    /* border-bottom: #f3c331 thin solid; */
    /* padding-bottom: 10px; */
    text-transform: uppercase;
    color: #253044;
    /* font-weight: bold; */
    /* font-size: 18px; */
    margin-left: 0px;
}


/*driveways*/

.page-container p {
    text-align: justify;
    line-height: 26px;
}

.page-img {
    padding-left: 0px;
}

.page-img img {
    width: 100%;
    padding: 5px;
}

.drive-list li {
    font-weight: bold;
    line-height: 26px;
}


/*block paving*/

.block-logo {
    text-align: center;
    padding: 10px;
}

.block-logo img {
    width: 20%;
}


/*resinbound*/

.page-container h4 {
    font-weight: 700;
    color: #000000;
    margin-top: 25px;
}


/*gallery*/

.gallery-pc {
    display: block;
    visibility: visible;
}

.gallery-mobile {
    display: none !important;
    visibility: hidden !important;
}

.gallery li {
    padding: 5px;
    float: left;
    width: 25%;
    height: 200px;
    overflow: hidden;
}

.gallery li img {
    width: 100%;
    height: auto!important;
    min-height: 200px!important;
}


/*modal*/

.modal-dialog {
    z-index: 3000!important;
    top: 100px;
}

.modal-header,
.modal-footer {
    background: #FFFFFF;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 16px!important;
}

.modal-header {
    background: #253044;
}

.modal-menu {
    padding: 0px;
    text-align: center;
}

.modal-menu li {
    list-style: none;
    width: 100%;
    padding: 5px;
    border-bottom: #CCCCCC thin solid;
}

.modal-menu li a {
    color: #253044;
    text-transform: uppercase;
    font-weight: bold;
}

#sticky {
    width: 100%;
    margin-left: 20px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .6;
}

.modal-footer .btn-default {
    color: #fff;
    background: #253044;
}


/*contact form*/

.con-btn {
    padding: 11px 33px;
    float: right;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    margin-top: 0px;
    width: 100%;
    background: #253044;
    /* background: -webkit-linear-gradient(#f3c331,#abc0e4); */
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f3c331, #abc0e4);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f3c331, #abc0e4);
    /* For Firefox 3.6 to 15 */
    /* background: linear-gradient(#f3c331, #abc0e4); */
    /* Standard syntax */
    border: none;
}

.con-btn:hover {
    color: #FFFFFF;
    background-color: #253044;
}

.con-address h5 {
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: bold;
    color: #000000!important;
    text-align: left!important;
}


/*.message{
    padding: 0px!important;
}*/

.con-address p b {
    color: #a2213b;
    ;
    font-size: 15px;
}

.con-address h6 {
    padding: 0px;
    margin: 20px 0px 0px 0px;
    font-size: 14px;
    font-weight: 900;
    color: #253044;
}

.con-address h6 a {
    text-decoration: none;
    color: #333333;
    font-weight: normal;
    font-size: 13px;
}

.txt-send {
    color: #f3c331;
}

.txt-send h3 {
    color: #000000!important;
    font-size: 22px!important;
    font-weight: 600;
    margin-bottom: 10px!important;
    text-align: center;
}

.txt-contact {
    color: #70aace;
    margin-left: -16px;
}

.txt-contact span {
    color: #024788;
}

.msg-box .col-md-6 {
    padding-right: 15px;
}

.page-container .col-md-12,
.page-container .col-md-11,
.page-container .col-md-10,
.page-container .col-md-9,
.page-container .col-md-8,
.page-container .col-md-7,
.page-container .col-md-6,
.page-container .col-md-5,
.page-container .col-md-4,
.page-container .col-md-3,
.page-container .col-md-2,
.page-container .col-md-1 {
    padding-left: 0px;
}

.inside-images {
    padding-left: 0px;
    margin-bottom: 10px;
}

.contact-form-2 {
    width: 100%;
    float: left;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, white 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #ebebeb 0%, white 100%);
    background: -o-linear-gradient(top, #ebebeb 0%, white 100%);
    background: -ms-linear-gradient(top, #ebebeb 0%, white 100%);
    float: left;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px;
}

.contact-form-2 input {
    width: 100%;
    margin: 5px;
    min-height: 30px;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-form-2 select {
    width: 100%;
    margin: 5px;
    min-height: 30px;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #ccc;
}

.contact-form-2 textarea {
    width: 100%;
    margin: 5px;
    min-height: 75px;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-form-2 .g-recaptcha {
    transform: scale(0.73);
    transform-origin: 0 0;
    margin-bottom: 0px;
    margin-left: 5px;
}

.carousel-caption2 {
    float: left;
    right: 60%;
    bottom: 0%;
    z-index: 1001;
    position: absolute;
    width: 42%;
}

.carousel-caption2 img {
    width: 100%;
}

.welcome {}

.welcome-con {
    margin-top: 20px;
}

.welcome h2 {
    color: #080808;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 26px;
    /* font-family: 'Courgette', cursive; */
}

.welcome h4 {
    color: #253044;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
}

.welcome-con p {
    line-height: 26px;
    text-align: justify;
}

.welcome-box {
    border: 5px solid #f3c331;
    padding: 5px;
    margin-bottom: 12px;
}

.welcome-box p {}

.welcome-box img {
    margin-top: 30px!important;
    width: 100%;
}

.welcome-con ul li {
    font-weight: bold;
    line-height: 30px;
    width: 33.333%;
    color: #101010;
    float: left;
    list-style-image: url(../images/blacktick.png);
}

.welcome img {
    width: 100%;
}

.welcome-con ul {padding: 0px;margin-left: 17px;}

.welcome2 {
    border: 3px solid #000;
    margin-top: 27px;
    padding: 10px;
}

.check {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.inside-images {
    margin-top: 0px;
}

.foot-left {
    /* text-align: center */
}

.foot-right {
    text-align: right;
}

.carousel-control.right {
    background: none;
}

.carousel-control.left {
    background: none;
}

.tabs {
    text-align: center;
}
.tab-con h2{

    color: #d32023;

    text-transform: uppercase;

    font-size: 25px;
}
.tab-wrap h6{

    font-size: 16px;

    line-height: 26px;
}
.tab-wrap h6 b{

    font-size: 20px;
}
.tab-con {
    margin-bottom: 30px;
    color: #080808;
}

.tab-con h4 a {
    font-size: 18px;
    color: #d32023;
    text-decoration: none;
    text-transform: uppercase;
}

.tab-con h4 {
    font-weight: 700;
    margin-top: 15px;
    color: #d32023;
    text-transform: uppercase;
}

.tab-con img {
    background: #fff;
    padding: 5px;
}

.tab-con img:hover {}

.tab-con p {
    color: #0c0c0c;
    line-height: 24px;
    font-size: 13px;
    padding: 5px;
}


/**/

.logos h1 {
    font-size: 32px;
    color: #f3c331;
}

.logos img {
    width: 30%;
    padding: 10px;
}

.reg {
    /* text-align: center; */
}

.quick-quote img {
    width: 35%;
    right: 40%;
    margin-top: 10px;
}

.test-logo {
    text-align: center;
    border: 1px solid #000;
    margin-top: 31px;
    /* padding: 0px; */
}

.quik-img {}

.check {
    background: #ff9c08;
    height: 50px;
    margin-bottom: 40px;
    vertical-align: middle;
    margin-top: 25px!important;
}

.check span {
    margin-top: -16px;
    position: relative;
    line-height: 84px;
    float: left;
    font-weight: bold;
    font-style: italic;
}

.check img {
    margin-top: -23px;
    float: left;
}

.logo {
    margin-top: 2px;
}



.check {
    background: #ff9c08;
    height: 50px;
    margin-bottom: 40px;
    vertical-align: middle;
    margin-top: 45px!important;
}

.check {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rating iframe {
    border: none;
    height: 630px;
}

.review img {
    width: 100%;
}

.qulity {
    text-align: center;
}

.qulity img {
    width: auto;
}

.foot-img img {
    /* width: 100%; */
}

.flat-box {
    border: 5px solid #f3c331;
}

.flat-box p {
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
}


/*.box{
    border: 5px solid #f3c331;
    padding: 10px;
    margin-bottom: 10px;
}
*/

.small-images img {
    margin-top: 40%;
}


/* 3d box style*/

.box::before,
.box::after {
    position: absolute;
    content: '';
    -webkit-transition: all .5s;
    transition: all .5s;
}

.box {
    display: inline-block;
    padding: 20px 40px;
    color: white;
    position: relative;
    /* top: 50%; */
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
    vertical-align: middle;
    /* font-family: 'Rubik One', sans-serif; */
    text-decoration: none;
    /* font-size: 4vw; */
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #3498db;
    margin-bottom: 25px;
    margin-left: 10px;
}

.box::before {
    bottom: -15px;
    height: 15px;
    width: 100%;
    left: 8px;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg);
    background-color: #196090;
}

.box::after {
    right: -15px;
    height: 100%;
    width: 15px;
    bottom: -8px;
    -webkit-transform: skewY(45deg);
    transform: skewY(45deg);
    background-color: #124364;
}

.box:active {
    margin-left: 10px;
    margin-top: 10px;
}

.box:active::before {
    bottom: -5px;
    height: 5px;
    left: 3px;
}

.box:active::after {
    right: -5px;
    width: 5px;
    bottom: -3px;
}

.test h4 {
    color: #f6f987;
}

p a {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

p a:hover {
    text-decoration: none;
    color: #253044;
}


/* 3d box style ends*/


/* .header-con h4:last-child{font-size:16px;}

.header-con h4:last-child span{font-size:14px;} */

.bottom-line img {
    width: 100%;
}

.van-con {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.van {
    background: url("../images/home/van-bg.jpg");
}

.van-img img {
    width: 100%;
}

.leadwork {
    border: 5px solid #f3c331;
    padding: 15px;
}

.trust {
    width: 25%!important;
}

.fmb {
    width: 22%;
}

.trustmark {
    width: 40%;
}

.tab-img img {
    width: 100%;
}

.tab-img {
    margin-top: 20px;
}

.footer-wrap {
    padding: 0px;
}

.page-container h3 {
    color: #000000;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.contact-form-2 input::placeholder {
    color: #676464;
}

.contact-form-2 textarea::placeholder {
    color: #676464;
}

.logo-img img {
    width: 32%;
    padding: 0px;
}

.flat-li li {
    line-height: 30px;
}

.tab-white p {}

.tab-black {
    background: #000;
    color: #fff;
    padding: 15px;
}

.tab-white {
    padding: 15px;
}

.tab-black p {}

.inner-tab p {
    padding: 0px 15px 0px 20px;
}

.inner-tab h4 {
    text-align: center;
    text-transform: uppercase;
    color: #f3c331;
    margin-top: 20px;
}

.tab-col {
    background: #f3c331;
    color: #fff;
    padding: 20px;
}

.tab-ul li {
    color: #ffffff;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    list-style: url(../images/home/list.png);
}

.tab-col p {
    padding: 10px;
    margin-bottom: -5px;
}

.line {
    border-bottom: 1px solid #f3c331;
}

.red-border {
    border: 1px solid #f3c331;
    margin-top: 5px;
    padding: 10px;
}

.dropdown-menu {
    z-index: 2000;
    background-color: #253044;
}

.dropdown-menu li {
    color: #000;
}

.dropdown-menu li a {
    color: #fff;
}

.ph-head {
    background: #f3c331;
    margin-top: -5px;
}

.email h4 a span {
    font-size: 18px;
    color: #253044;
}

.email-head {
    margin-top: 15px;
}

.wel-img img {
    width: 100%;
}

.tab-wrap ul li {
    text-align: justify;
    list-style-type: square;
    font-size: 15px;
    font-weight: bold;
    color: #253044;
    line-height: 30px;
    list-style: inside;
    list-style-image: url(../images/tick.png);
}

.tab-wrap1 ul li {
    font-size: 15px;
    text-align: justify;
    list-style-type: square;
    line-height: 26px;
    text-align: center;
    /* font-weight: bold; */
    list-style: inside;
}

.tab-wrap ul {
    padding: inherit;
}

.tab-wrap1 ul {
    padding: 0px;
}

.wel {
    margin-bottom: 20px;
}

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

.test-con {
    border-bottom: 2px solid #f3c331;
}

.foot-con img {
    /* width: 100%; */
    padding: 10px;
}

.foot-con iframe {
    height: 262px;
}

.foot-add h3 {
    margin-bottom: 20px;
    color: #f3c331;
    font-weight: bold;
}

.foot-add h5 {
    font-weight: bold;
    font-size: 16px;
}

.foot-add h5 a {
    color: #000;
    text-decoration: none;
}

.foot-add h5 a span {
    color: #337ab7;
    font-size: 15px;
}

.blue-box {
    background: -webkit-linear-gradient(left, #0a6d9a, #15b5fc);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #0a6d9a, #15b5fc);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #0a6d9a, #15b5fc);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #0a6d9a, #15b5fc);
    /* Standard syntax */
    color: #fff;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.blue-box p {
    text-align: center;
    font-weight: bold;
}

.roofing-page {
    border-bottom: 2px solid #f3c331;
}

.flat h4 {
    text-align: center;
    line-height: 26px;
}

.gallery h4 {
    color: #253044;
    font-size: 20px;
    padding-left: 5px;
}


/*.container{
  max-width: none !important;
  width: 1170px;
}*/

.rated-logo img {
    width: auto;
}

.rated-logo {
    margin-top: 50px;
}

.check {
    background: #ff9c08;
    height: 50px;
    margin-bottom: 40px;
    vertical-align: middle;
    margin-top: 25px!important;
}

.check span {
    margin-top: -16px;
    position: relative;
    line-height: 84px;
    float: left;
    font-weight: bold;
    font-style: italic;
    margin-left: 10px;
}

.check img {

}

.logo {
    padding: 0px;
    margin-top: 0px;
}

.logos-top {
}

.check {
    background: #ff9c08;
    height: 50px;
    margin-bottom: 40px;
    vertical-align: middle;
    margin-top: 45px!important;
}

.check {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rating iframe {
    border: none;
    height: 510px;
}

.rating {
}

.review img {
    width: 100%;
    margin-top: 15px;
}

.qulity {
    text-align: center;
}

.qulity img {
    width: auto;
}

.box2 h4 {
    color: #ff0017;
}

.box1 h4 {
    color: #ff0017;
}

.email h4 a {
    color: #d32023;
}

.email h4 {
    margin-top: 8px;
    margin-bottom: 5px;
}

.header {}

.testimonial-con h2 {
    color: #ff602c;
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    /* font-family: 'Courgette', cursive; */
}

.testimonial-con h3 {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-top-con h3 {
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    border-bottom: 3px solid #d32023;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.footer-top {
    background: #253044;
}

.footer-top-con {
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer-top-con a {
    color: #ffffff!important;
    font-weight: 900;
}

.footer-top-con a:hover {
    color: #fff;
    text-decoration: none;
}

.footer-menu {}

.footer-logo {
    color: #fff;
}

.footer-menu h5 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.footer-menu ul {
    padding: 0px;
    margin-left: 19px;
}

.footer-menu ul li a {
    color: #fff;
}

.footer-menu ul li {
    color: #fff;
    list-style: url(../images/white.png);
}

.footer-contact h5 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.footer-contact h6 a {
    color: #fff;
}

.footer-contact h6 {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}

.inner-logos {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.inner-logos img {
    padding: 15px;
    width: 13%;
}

.footer-logo img {
    margin-bottom: 20px;
}

.header-ph {
    background: #f3c331;
}


/*.ph-head:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f3c331;
    transform-origin: top right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}*/

.logo img {
    width: 50%;
}

.head {}

.head-img {
    margin-top: 20px;
}

.welcome h1 {
    color: #253044;
    text-transform: none;
    font-size: 26px;
    font-weight: 700;
    /* margin-bottom: 20px; */
}

.quote-header h4 {}

.orange {
    border: 2px solid #f3c331;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.video-wrap iframe {
    width: 100%;
    height: 197px;
    margin-top: 30px;
}

.video-wrap img {
    width: 100%
}

.foot-map {
    margin-top: 20px;
}

.head-img-1 img {
    margin-top: 20px;
    width: 20%;
    margin-left: 24px;
}

.head-img-2 img {
    margin-top: 38px;
    width: 55%;
}

.tab-con h3 {
    font-weight: bold;
    line-height: 32px;
    color: #253044;
    font-size: 22px;
    margin-bottom: 20px;
}

.tab-con h3 span {
    color: #000000;
    font-size: 26px;
}

.blue h5 a {
    background: #078dcb!important;
}

.tab-wrap h5 a {
    text-decoration: none;
    color: #000000;
    font-weight: 900;
}

.tab-wrap h5 {
    font-size: 13px;
    font-weight: 600;
}

.tab-wrap1 {
    background: #6bb4e8;
    height: 275px;
}

.tab-wrap1 h5 a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}

.foot-con h4 a {
    color: #36c;
    font-weight: bold;
    text-decoration: none;
}

.foot-con h4 a span {
    color: #848181;
    font-size: 16px;
}

.freephone a {
    color: #f66603!important;
}

.freephone a span {
    color: #f66603!important;
}

.head img {
    margin-top: -94px;
    margin-right: 534px;
}

.head {
    text-align: center;
}

.wel h2:before {
    background: url("../images/heading.bg.png");
    content: " ";
}

.quote-header h6 {
    text-align: center;
    color: #253044;
    margin-bottom: 20px;
    font-size: 14px;
}

/*
 carosel fade

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
     z-index: 2; 
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-caption {
    text-shadow: 0 1px 4px rgba(0, 0, 0, .9);
    font-size: 17px
}

.carousel-caption h3 {
    font-size: 30px;
    font-family: 'Lato', sans-serif;
}

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
    height: 100%;
}

.item:nth-child(1) {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.item:nth-child(2) {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.item:nth-child(3) {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #ffffff;
}


*/

.carousel-caption1 {
    float: left;
    left: 8%;
    top: 10%;
    z-index: 3000;
    position: absolute;
    border-radius: 50%;
}

.carousel-caption1 h3 {
    font-size: 38px;
    font-weight: bold;
    line-height: 43px;
    color: #253044;
    font-family: 'Courgette', cursive;
}

.carousel-caption1 img {
    padding: 7px;
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
    IE10+ specific styles go here .quick-quote .g-recaptcha {}
    .quick-quote .btn-default {}
}

@media all and (-ms-high-contrast:none) {
    .quick-quote .g-recaptcha {}
    .quick-quote {}
    .quick-quote .btn-default {}
}

.freephone {
    color: #ff0505;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
}

body#area a#areanav,
body#gallery a#galnav,
body#contact a#contactnav,
body#roof a#roofnav,
body#commercial a#comnav,
body#flat a#flatnav,
body#gutter a#gutternav,
body#chimney a#chimneynav,
body#build a#buildnav,
body#repair a#repairnav,
body#break a#breaknav,
body#home a#homenav {
    background: #d32023;
    color: #fff;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 85px;
    border: none;
    outline: none;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 23px;
    border-radius: 4px;
}

.scrollup {
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url("../images/home/arrow.png");
    z-index: 99;
    padding: 32px;
    background-repeat: no-repeat;
}

.wel-li li {
    width: 30%!important;
}

.survey {}

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

.survey-con h3 {
    background: #f3c331;
    padding: 15px;
    color: #fff;
    border-radius: 0px 0px 30px 30px;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
}

.survey-con:nth-child(even) h3 {}

.tab {
    border-right: 1px solid #d32023;
}

.tab {}


/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT FEATTURE DESIGN
 * ----------------------------------------------------------------------------------------
 */

.single_about {
    /* background: #f3f3f3 none repeat scroll 0 0; */
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    z-index: 2;
    transition: all 0.3s ease 0s;
}

.single_about:hover {
    box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 100;
    transform: translate(0, -10px);
}

.single_about:hover i {
    background: #2a80b9 none repeat scroll 0 0;
    border: 1px solid #2a80b9;
    color: #fff;
}

.single_about i {
    border: 1px solid #eee;
    border-radius: 100px;
    color: #2a80b9;
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 80px;
}

.quote-header h3 span {
    font-size: 18px;
    color: #f3c331;
}

.complement {}

.complement-con {
    border: 3px solid #f3c331;
    padding: 10px;
}

.complement img {
    width: 100%;
    margin-top: 40px;
}

.complement p {
    text-align: justify;
    line-height: 25px;
}

.trade img {
    width: 100%;
    margin-top: 20px;
}

.trade {
    margin-top: 30px;
    border: 3px solid #253044;
    padding: 10px;
}

.trade p {
    text-align: justify;
    line-height: 24px;
}

.custumer-review {}

.custumer-review h5 {
    font-weight: bold;
    color: #253044;
    font-size: 15px;
    margin-top: 24px;
}

.custumer-review h6 {
    color: #989898;
    font-size: 14px;
}

.custumer-review p {
    font-size: 13px;
    text-align: justify;
}

.custumer-review h6 span {
    color: #253044;
}

.review-2 img {
    width: 100%;
}

.credit img {
    width: 100%;
    margin-top: 10px;
}

.survey-con h3 a {
    text-decoration: none;
    color: #fff;
}

.survey-con h3 {
    background: #f3c331;
    padding: 15px;
    color: #fff;
    border-radius: 0px 0px 30px 30px;
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
}

.survey-con:nth-child( even) h3 {}


/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT FEATTURE DESIGN
 * ----------------------------------------------------------------------------------------
 */

.single_about {
    /* background: #f3f3f3 none repeat scroll 0 0; */
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    z-index: 2;
    transition: all 0.3s ease 0s;
}

.single_about:hover {
    box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 100;
    transform: translate(0, -10px);
}

.single_about:hover i {
    background: #2a80b9 none repeat scroll 0 0;
    border: 1px solid #2a80b9;
    color: #fff;
}

.single_about i {
    border: 1px solid #eee;
    border-radius: 100px;
    color: #2a80b9;
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 80px;
}

.tab:hover {}

.corc {
    margin-top: 10px;
    margin-bottom: 30px;
}

.corc-con {
    border: 1px solid #253044;
    padding: 10px;
}

.corc-con img {
    width: 100%;
    margin-top: 30px;
}

.corc-con p {
    text-align: justify;
}

.welcome-con span {
    color: #d32023;
    font-size: 15px;
    font-weight: 700;
}

.complement {}

.complement-con {
    border: 3px solid #f3c331;
    padding: 10px;
}

.complement img {
    width: 100%;
    margin-top: 40px;
}

.complement p {
    text-align: justify;
    line-height: 25px;
}

.trade img {
    width: 100%;
    margin-top: 20px;
}

.trade {
    margin-top: 30px;
    border: 3px solid #253044;
    padding: 20px;
}

.trade p {
    text-align: justify;
    line-height: 24px;
}

.custumer-review {}

.custumer-review h5 {
    font-weight: bold;
    color: #145bc5;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.custumer-review h6 {
    color: #989898;
    font-size: 14px;
}


.custumer-review h6 span {
    color: #253044;
}

.review-2 img {
    width: 75%;
}

.credit img {
    width: 100%;
    margin-top: 10px;
}

.survey-con h3 a {
    text-decoration: none;
    color: #fff;
}

.inner-video iframe {
    margin-top: 10px;
}

.inner-video {}

.corc-inner img {
    width: 50%;
}

.corc-inner {
    border: 2px solid #253044;
    padding: 20px;
    margin-bottom: 10px;
}

.comp {
    text-align: center;
}

.inner-video h4 {
    text-align: center;
}

.cleaning h4 {
    text-align: center;
    margin-bottom: 15px;
}

.cleaning iframe {
    height: 205px;
}

.nat {
    width: 8%;
}

.which {
    width: 6%;
}

.trust-img {
    width: 7%;
}

.cat {
    width: 10%;
}

.trade-img {
    width: 5%;
}

.com {
    width: 8%;
}

.con {
    width: 6%;
}

.mybuild {
    width: 11%;
}

.sec-1 {
    margin-bottom: 10px;
}

.sec-2 {
    margin-bottom: 10px;
}

.sec-3 {
    margin-bottom: 15px;
    margin-left: 13px;
}

.sec-4 {
    margin-bottom: 20px;
    margin-left: -54px;
}

.sec-5 {
    margin-left: -65px;
}


/*privacy*/

.privacy h4 {
    font-size: 16px;
    font-weight: bold;
    color: #b1b1b1;
    margin-top: 20px;
}

.privacy h2 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
}

.privacy p {
    color: #969696;
    text-align: justify;
    font-size: 12px;
}

.privacy {}

.privacy p span {}

.btn-privacy {
    background: #253044;
    border: none!important;
    color: #fff;
}

.btn-privacy:hover {
    background: #253044;
    border: none;
    color: #fff;
}

.btn-privacy:active,
.btn-privacy:focus {
    color: #fff;
}


/*/*/

p strong {
    color: #000;
}

p strong a {
    color: #253044;
}

.area-map img {
    width: 100%;
}

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

.area-mobile {
    display: none;
}

.red li {
    color: #b80c32!important;
    list-style-image: url(../images/red.png)!important;
}

.tab-bottom h5 {
    font-weight: 900;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.tab-bottom p {
    text-align: justify;
    line-height: 26px;
}

.tab-bottom ul li {
    float: left;
    font-weight: bold;
    width: 50%;
    line-height: 26px;
    color: #253044;
    list-style-image: url("../images/list-icon.png");
}

.cureit {
    text-align: center;
    margin-top: 50px;
    padding: 20px;
}

.cureit img {
    width: 45%;
    padding: 10px;
}

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

.yell {
    width: 35%!important;
}

.footer-top-con h5 {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.footer-top-con h6 {
    color: #ffffff;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
}

.footer-top-con h6 a {}

.footer-top-con ul li {
    float: left!important;
    line-height: 38px;
    list-style-image: url("../images/white.png");
    width: 100%!important;
    color: #d32023;
    text-transform: uppercase;
}

.footer-top-con ul {
    padding: 0px;
    padding-left: 17px;
}
.foot-contact p{color: #fff;font-weight: bold;}.foot-contact h4{

    color: #fff;

    font-weight: 700;
}
.carousel-caption1 h5 {
    font-size: 20px;
    font-weight: bold;
}

.carousel-caption1 h4 {
    line-height: 26px;
    font-weight: bold;
    font-size: 22px;
}

.carousel-caption1 p {
    font-size: 17px;
    border-top: 4px solid #151313;
    padding-top: 10px;
}

.shape img {
    width: 100%;
    height: 100px;
}

.yell img {
    margin-bottom: 10px;
}

.header-logo img {
    padding: 10px;
}

.header-logo {
    margin-top: 10px;
}

.page-container h5 {
    font-weight: 700;
    color: #000000;
}

.loc img {
    width: 90%;
    margin-top: 13px;
}

.fmp-inner {}

.fmp-con p {}

.fmp-con h5 {
    font-weight: bold;
}

.video iframe {
    height: 200px;
}

.head-con {
}

.address h3 {
    text-transform: uppercase;
}

.address p {
    color: #d32023;
}

.banner-bottom h4 {
    text-align: center;
    font-size: 26px;
    font-weight: 900;
    color: #ff0e0e;
}

.call-us {
    background: url("../images/home/header-bg2.jpg");
    height: 200px;
}

.call-us-con {
    margin-top: 20px;
}

.call-us-con h4 {
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    font-size: 20px;
}

.call-us-con h3 {
    color: #d32023;
    font-weight: bold;
}

.tool {
    margin-top: 10px;
}

.call-us-con h4 a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 36px;
}

.tool img {
    width: 100%;
}

.fb {
    width: 20%!important;
}

.rated {}

.book {
    width: 40%!important;
}

.our-video {
}

.video-con {
}

.video-con h3 {
    text-align: center;
    color: #ffffff;
    font-weight: 900;
    font-size: 20px;
    margin-top: 60px;
    margin-bottom: 23px;
}

.video-con h3 span {
    color: #000;
    font-size: 26px;
}

.video-con iframe {
    height: 300px;
}

.call-now {
    background: #d32023;
    text-align: center;
}

.call-now-con {
    margin-top: 20px;
    margin-bottom: 20px;
}

.call-now-con h4 {
    font-weight: 800;
    font-size: 24px;
}

.call-now-con h2 {
    font-weight: bold;
    color: #00b0f0;
    font-size: 40px;
}

.two-col-img .col-md-2 {
    width: 20%;
}

.footer-logos {
    text-align: center;
    margin-bottom: 20px;
}

.footer-logos h4 {
    color: #0000FF;
}

.blue {
    background: #d32023;
}

.blue h5 a {
    color: #fff;
}

.header-sec {
}



.why-choose-home h2 {
    text-transform: uppercase;
    font-size: 24px;
    color: #253044;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    margin-top: 45px!important;
}
.why-choose h2 {
    text-transform: uppercase;
    font-size: 24px;
    color: #253044;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
}
.why-choose h2 span {
    font-size: 28px;
    color: #f60;
}

.testimonial iframe {
    width: 100%;
    height: 198px;
}

.testimonial-con h5 {
    font-weight: 600;
}

.msg {
    margin-bottom: 15px;
}

.page-img .col-md-2 {
    width: 20%;
}

.quick-quote-mobile {
    display: none;
}
.logos-top{
    text-align: center;
    margin-bottom: 10px;
}
.pas{

    width: 10%;
}
.why-choose h4{
    text-align: center;
    color: #253044;
    font-weight: 700;
    margin-top: 20px;
}
.map{
    padding: 0px;
}
.home-map{
}

.testimonial p{

    font-size: 13px;

    line-height: 26px;

    font-weight: 500;

    text-align: justify;

    color: #fff;
}

.service-con{

    text-align: center;

    margin-bottom: 10px;
}
.service{

    background: #d32023;
}
.service img{

    width: 13%;

    padding: 5px;
}
.master{

    width: 9%!important;
}
.service-con h4{

    text-align:  center;

    line-height: 28px;

    color: #253044;

    font-weight: 700;
}
.why{

    text-align:  center;

    background: #d8d8d8;
}
.why h3{

    font-size: 20px;

    line-height: 26px;

    font-weight: 600;

    color: #253044;
}
.why-con{margin-bottom: 15px;}

.five-col li{
    width: 20%;
    float: left;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
    list-style-image: url(../images/blacktick.png);
}
.five-col{

}

.acl-logo{

    text-align: center;

    border: 1px solid #000;

    padding: 12px;

    margin-top: 10px;
}
.acl-logo p{

    font-size: 11px;

    line-height: 16px;
}
.acl-logo img{

    width: 29%;
}
.acl-logo ul li{

    font-size: 11px;

    line-height: 20px;

    text-align: left;
}
.acl-logo ul{
    padding: 0px;
    margin-left: 13px;
}
.ivr-logo{

    text-align:  center;

    border: 1px solid #000;

    padding: 10px;

    margin-bottom: 10px;
}
.ivr-logo h6{

    text-align:  center;

    color: #253044;

    font-weight: 700;

    font-size: 15px;
}
.ivr-logo p{

    font-size: 12px;

    font-weight: 600;
}

.ivr-logo img{

    width: 45%;
}
.phone-privacy{
    display: none;
}
.header-shape img{width: 100%;height: 100px;}
.video-con h2{
    text-transform: uppercase;
    font-size: 26px;
    color: #d32023;
    line-height: 32px;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}

.service-24{

    text-align: center;
}

.service-24 h5 span{

    color: #fff;

    background: #d32023;

    padding: 10px;

    font-weight: 900;

    font-size: 16px;

    margin-top: 0px;
}

.video-con h4{

    text-align: center;

    color: #253044;

    font-weight: bold;

    font-size: 20px;
}

.map iframe{

    height: 410px;

    width: 95%;
}
.check-customer img{

    width: 70%;
}
.review-2 img{

}
.rate img{

    width: 100%;

    margin-top: 15px;
}
.rating-con{
    margin-top: 15px;
}


/*banner-logos*/

.banner-logo{

    margin-top: 20px;

    text-align: center;
}
.banner-logo img{

    margin-bottom: 25px;
}
.banner-logo-inner img{margin-bottom: 35px;}
.banner-logo-inner{
    text-align: center;
    margin-top: 20px;
}
.checktrade{width: 91%;}
.mybuild{width: 83%;}
.logo3{width: 55%;}

.banner-logo-mobile{
    display: none;
}
/**/



.tab-con h2:before {
    content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 20px auto; /* This will center the border. */
    width: 40%; /* Change this to whatever width you want. */
    padding-top: 0px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #d32023; /* This creates the border. Replace black with whatever color you want. */
}
.tabs:after{
     content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 20px auto; /* This will center the border. */
    width: 40%; /* Change this to whatever width you want. */
    padding-top: 0px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #000; /* This creates the border. Replace black with whatever color you want. */
}
.rating:after{
     content: ""; /* This is necessary for the pseudo element to work. */
    display: block; /* This will put the pseudo element on its own line. */
    margin: 20px auto; /* This will center the border. */
    width: 40%; /* Change this to whatever width you want. */
    padding-top: 0px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #000; /* This creates the border. Replace black with whatever color you want. */
}
.border{

    border: 2px solid #253044;

    padding: 10px;

    border-radius: 40px;
}
.border h3{

    margin-bottom: 0px;

    text-align: center;

    font-weight: 700;

    margin-top: 0px;
}
.repair{
    margin-top: 10px;
}

.tab:last-child{
    border:none;
}


.testimonial-con #quote-carousel  {background: none!important;}

.testimonial-con img{width: 17%;margin-right: 10px;}

.testimonial-con h4{margin-left:20px;color: #fff;}

.testimonial-con h5{color: #fff;}
.testimonial-con h4{color: #fff;}
.testimonial-con p{color: #fff;}

.testi-row {background-color: #253044;}


.testimonial-con.carousel-indicators {
    bottom: 7px;
}

.testimonial-con p{line-height: 27px;font-size: 14px;margin-top: 10px;color: #fff;}

.test-head h4{text-align: center;}

.gallery h2{fmargin-bottom: 15px;
    width: 100%;
    float: left;
    /* border-bottom: #f3c331 thin solid; */
    /* padding-bottom: 10px; */
    text-transform: uppercase;
    color: #040404;
    font-weight: bold;
    font-size: 20px;
    margin-left: 0px;
}

.responsive-chimney  {display: none;}

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

.builder-home img {width: 22%;margin-top: 20px;margin-bottom: 20px;}

.area-map iframe{width: 100%;}

.welcome-con font{font-size: 20px;font-style: italic;}

.wel-col1  p{line-height: 29px;}

.land-con h1{margin-bottom: 20px;}