/*home page*/

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

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

body{

    font-family: 'Oswald', sans-serif;

}



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



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



.menu-bar{



    font-weight: bold;

    background:#0050b4;

    color: #fff;



}

.navbar-default {

    background: none;

}

.navbar {

    position: relative;

    min-height: auto;

    margin-bottom: 8px;

    border: none;

    margin-top: 8px;

    padding: 0px;

    margin: 0px;

}

.navbar-default .navbar-nav>li>a {

    color: #fff;

    font-weight: normal;

    font-size: 18px;

}

.navbar-default .navbar-nav>li>a:hover {

    color: #14a6db;  



}

.nav>li>a {

    position: relative;

    display: block;

    padding: 10px 25px;

    font-size: 14px;

}

.nav>li {

    position: relative;

    display: block;

    padding: 10px 15px;

    border-right: 1px solid #fff;

}



.nav li:last-child{

    border-right: 0px;

}

.clickable {

    cursor: pointer;

}



/*navbar dropdown*/



.navbar-nav>li>.dropdown-menu{ padding:0px;}



.dropdown-menu>li>a {

    display: block;

    padding: 17px 42px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #0050b4;

    white-space: nowrap;

}

.dropdown-menu>li>a:hover{

    color: #fff;

	background: #0050b4;

}







/*footer*/





.footer {

    background: #252525;

    padding-top: 25px;

    padding-bottom: 25px;

    color: #FFFFFF;



}

.footer font

{ 

    float:right;

    font-size:0.90em;

}

.footer a

{ 

    color:#FFFFFF;

}

.footer a:hover {

    color: #328cff;

}



.footer font span{

    float: left;

    width: 100%;



}





/*header section*/



.header img{
    margin-top: 10px;
    margin-bottom: 10px;
}

.header-con{

    margin-top: 10px;

}



.header-con h4 a{

    color: #ff2a2a;

}

.header-con h4 a span{

    color: #000;

}

.email{

    text-align: center;

}





/*carosal*/



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



.row{

    margin: 0px;

}

.caro-bottom {

    border-bottom: 12px solid #3399cc;

}







/*quick quote*/



.carousel{

    overflow:hidden;

}





.quick-con{

    position:relative; 

    min-height:100px; 

    background-color:#0066FF;

}









.quick-quote-wrap{

    position:relative;

}



.quick-quote{

background-color: rgba(235, 88, 92, 0.9);

width: 351px;

float: right;

min-height: 341px;

position: absolute;

z-index: 1001;

right: 0px;

/*    height: 65vh;*/

border-radius: 20px;

margin-top: 10px;

margin-bottom: -15px;
}  







.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: 16px;

    width: 75%;

    font-weight: bold;

    font-size: 25px;

}





.quick-quote h5{

    color:#5cbc51;

    text-transform:uppercase;

    margin-bottom:10px;

    margin-top:10px;

}



.quick-quote input{

    width: 85%;

    height: 20%!important;

    border-radius: 5px;

    border: none;

    background-color: rgba(169, 49, 54, 0.9);

    color: #FFFFFF;

    padding: 8px;

    margin-bottom: 10px;

    position: relative;

    margin-top: -2px;

}



.quick-quote input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #fff;

}

.quick-quote input::-moz-placeholder { /* Firefox 19+ */

  color: #fff;

}

.quick-quote input:-ms-input-placeholder { /* IE 10+ */

  color: #fff;

}

.quick-quote input:-moz-placeholder { /* Firefox 18- */

  color: #fff;

}



.quick-quote textarea{

    width:85%; 

    height:20%!important; 

    border-radius:5px; 

    border: none;

    background-color: rgba(169, 49, 54, 0.9); 

    color:#FFFFFF; 

    padding:8px;

}



.quick-quote textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #fff;

}

.quick-quote textarea::-moz-placeholder { /* Firefox 19+ */

  color: #fff;

}

.quick-quote textarea:-ms-input-placeholder { /* IE 10+ */

  color: #fff;

}

.quick-quote textarea:-moz-placeholder { /* Firefox 18- */

  color: #fff;

}



.quick-quote .g-recaptcha{

    webkit-transform: scale(0.50);

    transform: scale(0.50);

    transform-origin: 100px 0px;

    -webkit-transform-origin: 100px 0px;

    margin: -25px;

    padding: 0px;

    margin-top: 10px;

    -ms-transform: scale(0.53);

    -ms-transform-origin: 100px 0px;

}





.quick-quote .btn-default{

/* margin-left:-50px!important; */

/* position:absolute; */

margin-top:10px;

margin-bottom: 22px;

border:0px;

color:#fff;

width: 100%;

background:rgba(0, 80, 180, 0.9);
}



.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: #0050b4;

    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: 40px;

}

.tabs .item-img  { background: #f5f5f5; width: 100%; padding: 20px; text-align:center;

 border-radius:50% 50% 0px 0px;

}

.logo-image img{

    width: 100%;

    margin-top: 15px;

}

.roofing h3{

    text-align: center;

    color: #ff3535;

}

.roofing p{

    text-align: center;

    font-size: 16px;

    color: #fff;

    

}

.roofing{

    background: #000;

    

    padding: 10px;

}

.readmore{

    background: #0050b4;

    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{

   

padding-bottom: 20px;

}

.aboutus-con h2{

    color: #0050b4;

    margin-top: 30px;

}

.aboutus-con p{



    text-align: justify;

    line-height: 26px;

}

.two-col li{

    width:50%;

    float: left;



    color: #0050b4;

    line-height: 26px;



    

}



.home-li{ font-size:0.99em!important; margin-left:0px; padding-left:15px;}



.one-col li{

    color: #0050b4;



    

    line-height: 26px;

}

.three-col li{

    width:33%;

    float: left;

/*    font-weight: bold;*/

    color: #0050b4;

    line-height: 26px;

}

.four-col li{

    width:25%;

    float: left;

    font-weight: bold;

    color: #0050b4;

    line-height: 26px;

}













/*testimonial section*/





#quote-carousel {

    padding: 0 10px 30px 10px;

    margin-top: 30px;

    text-align:center;

}





.testimonial img{

    width: auto;



}

.testimonial-con{

    

}

.testimonial-con h2{

    text-align: center;

    color: #fff;

    

}

.testimonial-con p{

    color: #fff;

    font-size: 16px;

    font-style: italic;

}

.testimonial{
    

background: #ff4545;
    

height: 300px;
    

margin-top: 0px;
}



.testimonial .carousel-indicators {

    bottom: 7px;



}





/*why choose as*/



.why-choose{



}

.why-choose h2{

        text-align: center;

        margin-bottom: 30px;

}

.why-choose h3 b{

    color: #2d2e6e;



}



.why-choose ul{ padding: 0px;}

.why-choose li{

    line-height: 34px;

    font-size: 16px;

    width: 50%;

    text-transform: uppercase;

    color: #fff;

    list-style: none;

    font-style: italic;

    margin-bottom: 10px;

    list-style-image: url(../images/home/arrow-li.png);

    list-style-position: inside;

    float: left;

}





.logos{

    text-align: center;

    padding: 10px;

}









/*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: 30px;

    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: 857px;

}

.page-container h1 {

    margin-bottom: 15px;

    width: 100%;

    float: left;

    border-bottom: #0050b4 thin solid;

    padding-bottom: 10px;

    text-transform: uppercase;

    color: #0050b4;

    font-weight: bold;

    font-size: 26px;

    margin-left: 0px;    



}

.page-container h2 {

    margin-bottom: 15px;

    width: 100%;

    float: left;

    border-bottom: #0050b4 thin solid;

    padding-bottom: 10px;

    text-transform: uppercase;

    color: #0050b4;

    font-weight: bold;

    font-size: 22px;

    margin-left: 0px;    

}













/*driveways*/



.page-container p{

    text-align: justify;

    line-height: 26px;

/*    font-family: 'Lato', sans-serif;*/

}

.page-img{

    padding-left: 0px; 

}

.page-img img{

    width: 100%;



}



.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: bold;

    color: #0050b4;

}







/*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;

    min-height: 200px;

}



/*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: #0050b4;

}



.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:#0050b4; 

    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: #0050b4;

}

/*contact form*/







.con-btn{

    background-color:#0050b4;

    padding: 11px 33px;

    float: right;

    letter-spacing: 0.5px;

    color: #FFFFFF;

    margin-top: 0px;

    width:100%;

}



.con-btn:hover{

    color:#FFFFFF;

    background-color:#ff4545;

}



.con-address h5{

    padding:0px;

    margin:0px;

   

    font-size:20px;

    margin-bottom:15px;

    margin-top:15px;

    font-weight:bold;

    color: #ff4545;

}

.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:16px;

    font-weight:bold;

}



.con-address h6 a{

    text-decoration:none;

    color:#333333;

    font-weight:normal;

}

.txt-send{

    color: #0050b4;

}

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

    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(226, 240, 255) 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;

}



.certifications{ text-align:center;}

.certifications img:first-child{ height:100px; }



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

.certification-footer img{ height:40px; margin:0px 10px; background:#FFFFFF;}