/*home page*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800');
body{
    font-family: 'Montserrat', sans-serif;
    /*background:#ddeaf0;*/
    overflow-x: hidden;



}
.welcome{
    padding: 0px;
    margin-top: 144px;
}
.head-con{
}
.bark{

width: 35%!important;
}
.mybuild{
    width: 27%!important;
}
.wel li{

    list-style: none;

    list-style-image: url("../images/tick.png");

    color: #b44135;

    font-weight: 700;

    line-height: 26px;

    margin-left:0px;
    margin-top: 40px;
}
.wel ul{

    padding: 0px;
}
.top-bar{/* background:#22231d; *//* height:15px; */}

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

.darkblue{ background:#01a3e5;

           background: -webkit-linear-gradient(left top, #01a3e5, #01a3e5, #aae1f7, #01a3e5, #01a3e5); /* For Safari 5.1 to 6.0 */
           background: -o-linear-gradient(bottom right, #01a3e5, #01a3e5, #aae1f7, #01a3e5, #01a3e5); /* For Opera 11.1 to 12.0 */
           background: -moz-linear-gradient(bottom right, #01a3e5, #01a3e5, #aae1f7, #01a3e5, #01a3e5); /* For Firefox 3.6 to 15 */
           background: linear-gradient(bottom right, #01a3e5, #01a3e5, #aae1f7, #01a3e5, #01a3e5); /* Standard syntax */

}

body#home a#homenav, 
body#driveways a#drivenav,
body#patios a#patiosnav,
body#resinbound a#resinnav,
body#landscape a#landscapenav,
body#fencing a#fencingnav,
body#improvement a#improvementnav,
body#drainage a#drainagenav,
body#jetwash a#jetwashnav,
body#faqs a#faqsnav,
body#extensions a#extnav,
body#roofing a#roofingnav,
body#refurb a#refurbnav,
body#rope a#ropenav,
body#building a#buildingnav,
body#residential a#residentialnav,
body#thermal a#thermalnav,
body#homeimprovements a#homeimprovementsnav,
body#galler a#gallernav,
body#area a#area-covernav,
body#conts a#contsnav,
body#drainage a#drainagenav

{

    color: #1a1a18;
    font-weight: bold;
    background: #000;
    color: #fff;

}

.menu-bar{
    font-size: 15px;
    font-weight: bold;
    background: none;
    color: #045572;
    margin-top: 0px;
}
.navbar-default {

    background: none;
}
.navbar {
    position: relative;
    min-height: auto;
    margin-bottom: 0px;
    border: none;
    margin-top: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #1a1a18;
    font-weight: bold;
    border-radius: 10px 10px 0px 0px;
    padding: 12px 10px 12px 10px;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #1a1a18;
    font-weight: bold;
    background: #000;
    color: #fff;


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

.clickable {
    cursor: pointer;
}

/*navbar dropdown*/

.dropdown-menu>li>a {
    display: block;
    padding: 17px 42px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #000000;
    white-space: nowrap;
}
.dropdown-menu>li>a:hover{
    color: #FFFFFF;
    background:#000000
}

/*footer*/


.footer {
    background: #0a0a16;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #FFFFFF;

}
.footer font
{ 
    float:right;
}
.footer a
{ 
    color:#FFFFFF;
}
.footer a:hover {
    color: #328cff;
}


/*header section*/
.head {
    /* background: #ccc; */
    padding: 10px;
    /* border-radius: 0px 0px 5px 5px; */
    /* margin-right: -100%; */
}
.header {

}

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

.header-numbers h4{
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 26px;
}

.header-numbers{padding-left:52px!important;text-align: right;}

.ph-info a span {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
}
.ph-info a{

color: #fff;

text-decoration: none;

font-weight: bold;

font-size: 17px;
}
.email-info a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
.ph-info{
    padding: 0px;
    /* float: left; */
    /* margin-right: 22px; */
}

.logo img{
    margin-top: -1px;
    margin-left: -56px;
    background: #fff;
    padding: 10px;
}

/*carousel*/

.carousel-inner>.item>a>img, .carousel-inner>.item>img{ width:100%;}

.carousel-caption2 {
    /* background-color: rgba(255, 255, 255, 0.6); */
    float: left;
    width: 25%;
    left: 15%;
    /* top: 30%; */
    padding: 10px;
    z-index: 1001;
    position: absolute;
    /* border-radius: 0px 0px 30px 0px; */
    background: #fff;
    bottom: 0;
}

.carousel-caption2 img{
    width: 60%;
    padding: 10px;
    width: 40%!important;
}

.carousel-caption2 h1{
    font-size: 20px;
    color: #fff;
}
.carousel-caption img{
    width: 40%;
}

.carousel-caption {

    /* background-color: rgba(255, 255, 255, 0.6); */
    float: left;
    width: 25%;
    left: 0px;
    bottom: 30%;
    padding: 10px;
    z-index: 1001;
    margin-bottom: -49px;
    border-radius: 0px 30px 0px 0px;
}

.carousel-caption h1{
    font-size: 22px;
}


/* our services  */

#faq h3{ border-bottom:none; color:#333333; font-size:18px; text-transform:none;}
.our-serice-con{
    text-align: center;
    margin-bottom: 50px;
}
.our-service{
    background: #b2392c;
}

.our-serice-con p{
    color: #fff;
    font-size: 15px;
}
.our-serice-con h1{
    color: #b13b2f;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 34px;
}
.our-serice-con h1 span{
    color: #fff;
    font-weight: bold;
    font-size: 35px;
}
.our-serice-con h2{
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
.our-serice-con h4 a{
    color: #fff;
}


/**/



.videos{

}
.videos h2{

    color: #a9392b;
}
.videos iframe{
    width:100%;
    padding:10px;
}

.logos{
    text-align: center;
}
.logos h2{
    color: #000;
}

/**/
.img-sec{ margin-top:20px;}

.four-col-img img{ width:100%;}

.four-col-img h1{
    font-size: 17px;
    width: 85%;
    color: #000;
    background-color: #f7f7f7;
    padding: 20px 0px;
    margin-top: -50px;
    padding-left: 20px;
    margin-left: 16px;
    position: relative;
    font-weight:bold;

}

.four-col-img a:hover { text-decoration:none;}

.four-col-img a:hover h1 { text-decoration:none!important; background:#0099CC; color:#FFFFFF;}

.four-col-img a:hover .glyphicon{ color:#FFFFFF;} 

.glyphicon {
    position: relative;
    font-size: 24px;
    color: #045572;
    top: -4px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    float: right;
    margin-right: 20px;
    /* margin-left: 98px; */
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.two-col li{
    width:50%;
    float: left;
    font-weight: bold;
    color: #b13b2f;
    line-height: 26px;
}
.four-col li{
    width:25%;
    float: left;
    font-weight: bold;
    color: #b13b2f;
    line-height: 26px;
}

.welcome h1{
    color: #045572;
}
.welcome p{
    text-align: justify;
}

/* testimonial section*/

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

}

.testimonial p{ line-height:24px!important;}

.carousel-indicators {
    bottom: -13px;
}
.inside-img{
    background-image: url("../images/home/testimonial.png");
    background-repeat: no-repeat;

}
.inside-img h2{
    font-size: 20px;
    color: #666666;
    margin-top: 20px;
    /* font-weight: bold; */
    /* text-align: center; */
    padding-bottom: 20px;
    font-weight: bold;

}
.inside-img p{
    line-height: 29px;
    text-align: justify;
    font-size: 14px;
    color: #fff;
    font-style: italic;

}

.inside-img i{
    font-size: 18px;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
}

/*Drive ways*/

.page-container h1 {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    border-bottom: #b13b2f thin solid;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #b13b2f;
    font-weight: bold;
    font-size: 26px;
    margin-left: 0px;    

}
.page-container h2 {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    border-bottom: #b13b2f thin solid;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #b13b2f;
    font-weight: bold;
    font-size: 22px;
    margin-left: 0px;    
}
.page-container p{
    text-align: justify;
    line-height: 26px;
}

.page-container h5 {

    font-size:16px; 
    font-weight:bold;
    color: #b13b2f;
    border-bottom: #b13b2f thin solid;


}
.page-container{
    float: left;
}

.page-container h6 a{
    color: #b13b2f;
}
.page-container h6{
    color: #b13b2f;
}
/*patios*/

.page-img img{
    width: 100%;
    margin-bottom: 5px;
}
.page-img { padding: 0px 0px 0px 0px;}
/*jetwash*/

.three-col li{
    width:33%;
    float: left;
    font-weight: bold;
    color: #045572;
    line-height: 26px;
}

/*landscape*/

.page-container h3 {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    border-bottom: #b13b2f thin solid;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #b13b2f;
    font-weight: bold;
    font-size: 20px;
    margin-left: 0px;
}
.page-container h4 {
    margin-bottom: 15px;
    width: 100%;
    float: left;
    border-bottom: #b13b2f thin solid;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #b13b2f;
    font-weight: bold;
    font-size: 18px;
    margin-left: 0px;
}

/*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: 32px;
    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: 581px;
    width: 100%;
}
.area-2 iframe{
    height: 470px!important;
}

/*contact form*/


.contact-form{
    width:100%;
    background: rgba(235,235,235,1);
    background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgb(239, 176, 176) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
    float:left;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


.contact-form .col-md-12 {


}



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

.contact-form h3{
    padding: 0px;
    margin: 0px 0px 10px 15px;
    text-transform: uppercase;
    font-size: 20px;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 0px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #000;
}
.contact-form-2 select{
    width: 100%;
    margin: 5px;
    min-height: 30px;
    padding: 5px;
}
.contact-form input{
    width: 100%;
    height: 40px;
    border: 1px solid #999999;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0;
    padding-left: 10px;
}


.contact-form textarea{
    width: 100%;
    height: 85px;
    border: 1px solid #999999;
    -moz-border-radius: 5px;
    border-radius: 5px;

    margin-bottom: 12px;
    padding-left: 15px;
    margin-left: 0px;
}

.con-btn{
    background-color: #000;
    padding: 11px 33px;
    float: right;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    margin-top: 0px;
    width:100%;
}

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

.con-address h5{
    padding:0px;
    margin:0px;
    text-transform:uppercase;
    font-size:20px;
    margin-bottom:15px;
    margin-top:15px;
    font-weight:bold;
    color: #045572;
}

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

.con-address h6{
    padding:0px;
    margin:20px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
}

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

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


.txt-contact span{




    color: #024788;
}

.msg-box .col-md-6
{ 
    padding-right:15px;
}
.contact-form .col-md-12
{ 
    padding:15px; 
}
a{
    color: #b13b2f;
}


.contact-form .col-md-12 .col-md-12
{ 
    padding-left:0px; 
    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%;
    background: rgba(235,235,235,1);
    background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgb(239, 176, 176) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
    float:left;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding:15px;
}

.contact-form-2 input{ width:100%; margin:5px; min-height:30px; padding:5px;}

.contact-form-2 textarea{ width:100%; margin:5px; min-height:100px; padding:5px;}

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

/*gallery*/

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

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


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

.carousel-caption2{left: 8.3%;width: 15%;border-radius: 10px 10px 0px 0px;}

/*quick quote*/

.carousel{ overflow:hidden;}


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




.quick-quote-wrap{position: absolute;top: -10px;right: 10%;}

.quick-quote-wrap img{ position:absolute; top:0px; left:0px; width:100%; z-index:-1;}

.quick-quote{

width:400px;

float:right;

min-height:300px;

position:absolute;

z-index:1001;

left: 76%;

padding-bottom:8px;

height:100vh;

margin-top: 10px;

background: rgba(178, 57, 44, 0.77);
}  /* green with opacity */



.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 h4{ color:#FFFFFF; padding:15px;}


.quick-quote h5{ color:#5cbc51; text-transform:uppercase; margin-bottom:10px; margin-top:10px;}



.quick-quote input{
    width:90%;
    height: 38px;
    border-radius:5px;
    border:#006633 thin solid;
    background-color: rgba(255, 255, 255, 0.9);
    color:#000;
    padding:10px;
    margin-bottom:10px;
    position:relative;
}



.quick-quote textarea{
    width:90%;
    height: 50px;
    border-radius:5px;
    border:#006633 thin solid;
    background-color: rgba(255, 255, 255, 0.9);
    color:#000;
    padding:10px;
}



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


.quick-quote .btn-default{
    margin-left:0px!important;
    position: relative;
    margin-top:10px;
    background: #000000;
    border:0px;
    color:#FFFFFF;
    width: 80%;
    padding: 12px;
}

.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;}


/*modal*/

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

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

.modal-header{ background:#b13b2f;}

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

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

.modal-menu li a{ color:#b13b2f; text-transform:uppercase;}





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

.trade-logos img{ height:80px; margin:10px;}

.trade-logos h3, .trade-logos h4{ color:#FFFFFF;}




/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
    padding-top: 0px;
    padding-bottom: 0px;
    height:320px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
    padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #e84a64;
    border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

blockquote h4{ text-align:left!important; color:#FFFFFF; border-top:#00FFFF thin solid; padding-top:10px;}

.driveways-image{ padding-left:15px;}

.home2-li li{ color:#FFFFFF!important;}


p{ color:#000;}


.one-col li{
    font-weight: bold;
    color: #b13b2f;
    line-height: 26px;

}


.welcome h1 { color:#a9392b;}

.con-address{ color:#000;}

.con-address h6 a{ color:#b13b2f;
                   font-weight: bold;}

.con-address h5{ color:#000!important;}

.welcome-mobile{ display:none;}

.anchor {
    display:block;
    padding-top:35px;
    margin-top:-35px;
}

.banner-des{
    display: block;
}
.banner-mobile{
    display: none;
}

.banner-des img{
    width: 100%;
}

.hide-res{display:block!important;}
.show-res{display:none!important;}

.hide-res img{display:block!important;}
.show-res img{display:none!important;}  

.videos iframe { height:220px;}  




/*privacy*/
.quick-quote h6{

    margin-left: 20px;
}
.quick-quote h6 a{

    text-decoration: none;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;
}
.privacy h4{

    font-size: 16px;

    font-weight:  bold;

    color: #b1b1b1;

    margin-top: 20px;
}
.privacy h2{

    font-size: 22px;

    font-weight: bold;

    margin-top: 25px;
}
.privacy p{

    color: #717171;

    text-align: justify;

    font-size: 12px;
}
.privacy{

}
.privacy p span{

}
.btn-privacy{

    background: #000;

    border: none!important;

    color: #fff;
}
.btn-privacy:hover{

    background: #000;

    border: none;

    color: #fff;
}

.btn-privacy:active, .btn-privacy:focus{ color:#fff;}
.contact-privacy{
    text-align: left;
}
.border-ul{

    width: 22%;

    border: 1px solid #b5392d;

    padding: 5px;
}
/*/*/

.responsive-element { display:none;}

.desktop-element { display:block;}


.carousal-responsive {display: none;}

.res-builderlogos {display: none;}

.welcome  p a{text-decoration: underline;color: #333;font-weight: normal;}

.covering li:last-child{border-bottom: none!important;}

.drive-new p{line-height: 27px;}

.drive-new-col2 img{margin-bottom: 15px;}

.new-drive-col {padding-left: 15px;padding-right: 0px;}

.new-drive-col img{width: 100%;margin-bottom: 10px;}
.mobile-disp2
{
    display: none;
}

.head-row {

    background: #b2392c;

}
.quality-col {
    text-align: right;
}
.quality-col img{
    width: 31%;
    margin-top: 5px;
    margin-bottom: 10px;
}

.facebook-col {
    width: 7%;
}

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

.col-social img{
    padding: 10px;
}

.badge-col img{
    width: 100%;
}

.badge-col h4{
    text-align: center;
    position: relative;
    margin-top: -60%;
    color: #fff;
    line-height: 29px;
    font-weight: 600;
}


.carousel-caption2 .mybuild {
    width: 55%!important;
}


.our-serice-con h4 a:hover{
    color: #000;
    text-decoration: none;
}