@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Lato');

body{font-family: 'Lato', sans-serif;
    /*background:url(../images/texture.jpg) top repeat-x;overflow-x: hidden;*/
}

.map-mobile{ display:none;}
 .show-mobile-div 
    {
      display: none !important;;
    }

p { text-align:justify;}

.theme-bg{ background:#a2213b;}



.theme-text{ color:#a2213b;}

.box-responsive{ display:none;}

.header-contacts { margin-top:20px; margin-bottom:20px;}



.header-contacts h4{font-size: 16px;text-transform:none!important;}



.header-contacts h4 span, .header-contacts h4 span a, .header-contacts h4 span a:hover{font-size: 15px;color:#e73328;text-decoration:none;}



.header-contacts h4 a {font-size: 17px;color:#333333;}



.header-contacts h4 a:hover{ text-decoration:none; color:#e73328}



.logo{ text-align:left;}



.mobile-logo{ display:none;}



.page-container{}



.page-container ul{ list-style:none;}

.page-container ul li{ list-style-image:url(../images/bullet.png); color:#a2213b; font-weight:bold;}



.page-container h1,h3,h2,h4{ text-align:left; color:#a2213b; text-transform:uppercase; font-weight:bold!important;}







.no-caps{ text-transform:none!important;}



.box-wrap{ min-height:280px; padding:25px;}



.box-inner-wrap{ min-height:220px; background-color:#FFFFFF; border-radius:150px;}



.box{ width:20% ;min-height:180px; overflow:hidden; padding:20px; float:left;}



.box .item{ border-radius:100px; overflow:hidden; float:left; border:#772331 8px solid; max-width:180px; min-height:180px;}



.box .item h3{ color:#FFFFFF; position:relative; margin-top:-100px; z-index:999!important; width:100%; text-align:center; text-transform:uppercase; font-size:1.1em; background:#772331; padding:10px; font-weight:bold; 

background-color:rgba(119,35,39,0.8);}



.box .item h3 a { color:#FFFFFF; text-decoration:none!important;}



.box .item a:hover { text-decoration:none!important;}



.box .item h3:hover { background:#FFCC00; text-decoration:none!important;}



.box>.item>h3>a:hover{ text-decoration:none!important;}



.box .item img{ z-index:998;}



.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img

{ width:100%;}



.slider-con{ padding:0px!important; margin:0px; border-radius:10px;}



.quick-con{



    background: #979797; /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(#979797, #464646); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#979797, #464646); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#979797, #464646); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#979797, #464646); /* Standard syntax */

	margin:0px!important;

	padding:0px!important;

	text-align:center;

}



.banner-wrap{ margin-top:20px; margin-bottom:20px; border-radius:10px!important; overflow:hidden!important; z-index:1001; height:395px; overflow:hidden;}





/*quick quote*/



/*quick quote*/



/*.quick-quote-wrap{ position:;}*/

  /* green with opacity */


.quick-quote h2 { font-size:14px!important; padding:5px; width:90%; text-align:center; float:none; line-height:20px; }

.quick-quote h1, .quick-quote h2{ color:#FFFFFF; text-transform:uppercase; margin-bottom:3%; margin-top:3%; font-size:24px; text-align:center;}



.quick-quote input{ width:90%; height:20%!important; border-radius:10px; border:#666666 thin solid; background-color: #454547; color:#FFFFFF; padding:10px; margin-bottom:2%; position:relative;}



.quick-quote textarea{ width:90%; height:10%!important; border-radius:10px; border:#666666 thin solid; background-color: #454547; color:#FFFFFF; padding:10px; height:70px!important;}



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



.quick-quote .btn-default{ margin-left: 0px!important;

    position: relative;

    margin-top: 10px;

    width: 90%;

    float: left;

	margin-top:10px;

	height:40px;

	background:#a2223b;

	color:#FFFFFF;

	border:none;

	text-transform:uppercase;

	}

	

	.quick-mobile{  

    width: 100%;

    float: left;

	height:40px;

	background:#a2223b;

	color:#FFFFFF;

	border:none;

	text-transform:uppercase;

	border-radius:10px;

	margin-bottom:20px;

	display:none;

	}

	



/*nav*/



.menu-bar{ 



    background: #cf3358; /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(#cf3358, #b9123a); /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(#cf3358, #b9123a); /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(#cf3358, #b9123a); /* For Firefox 3.6 to 15 */

    background: linear-gradient(#cf3358, #b9123a); /* Standard syntax */

	

 }



body#home a#homenav,

body#paving a#pavingnav,

body#driveways a#drivewaysnav,

body#patios a#patiosnav,

body#tarmac a#tarmacnav,

body#jetwash a#jetwashnav,

body#landscape a#landscapingnav,

body#homeimprovements a#improvementsnav,

body#galler a#gallernav,

body#area-cover a#areanav,

body#conts a#contsnav,

body#drainage a#drainagenav

{

	color: #fff;

    background:#474747;

}





.three-col li{width:33.33%; float:left; font-size:0.9em; margin-bottom:10px; list-style-image:url(../images/bullet.png); font-weight:bold;  list-style:none; list-style-image:url(../images/bullet.jpg);}



.two-col li{width:50%; float:left; font-size:0.9em; margin-bottom:10px; list-style-image:url(../images/bullet.png); font-weight:bold;  list-style:none; list-style-image:url(../images/bullet.jpg);}



.one-col li{width:100%; float:left; font-size:0.9em; margin-bottom:10px; list-style-image:url(../images/bullet.png); font-weight:bold; }



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



.why-choose h2{ font-weight:lighter!important;}



.why-choose ul li{ color:#666666!important; font-size:1.2em!important;}





.menu-mobile{ display:none;}



.navbar-default {

  background-color:transparent;

  border:none;

  text-transform:uppercase;

  text-transform:uppercase;

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

  letter-spacing:.5px;

  font-weight: normal;

  font-size:13px;

  line-height:45px;



}

.navbar-default .navbar-brand {

  color: #777777;

}

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

  color: #5e5e5e;

  background-color: transparent;

}

.navbar-default .navbar-text {

  color: #777777;

}



.navbar-default .navbar-nav > li{

	/*border-right:1px solid #666666;*/

}



.navbar-default .navbar-nav > li:last-child{

	border-right:none;

}



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

  color: #FFFFFF;

}

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

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

  color: #FFFFFF;

background:#474747;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  color: #FFFFFF;

  background-color: #474747;

}

.navbar-default .navbar-nav > .disabled > a,

.navbar-default .navbar-nav > .disabled > a:hover,

.navbar-default .navbar-nav > .disabled > a:focus {

  color: #FFFFFF;

  background-color: transparent;

}

.navbar-default .navbar-toggle {

  border-color: #FFFFFF;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #474747;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #FFFFFF;

}

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #474747;

}

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

  background-color: #474747;

  color: #FFFFFF;

}



.dropdown-menu {



  font-size: 12px;



  background-color: #a2213b;



  border-radius: 0px;



}

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



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

  text-decoration: none;

  color: #FFFFFF;

  background-color:#474747;

}



.nav > li > a {position: relative;display: block;padding: 15px 14px;font-size:1em;}



.navbar { margin-bottom:0px;}



.mobile-phone, .mobile-phone a { display:none;}



.mobile-email {display:none;}



/*navbar ends*/



.inside-images{ padding:0px;}

.inside-images .col-md-3{}

.inside-images img{ width:100%; margin-bottom:5px;}



.why-choose{

 background: url(../images/home/bg2.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  min-height:200px;

  margin-top:0px;

  color:#FFFFFF!important;

  padding-bottom:50px;

  padding:20px;

  

}



.why-choose ul li{ color:#FFFFFF!important; margin-bottom:10px!important; width:50%; float:left;}



.why-choose h3, .why-choose h4 { color:#FFFFFF!important;}



.why-choose hr{ width:85%; float:left;}



.why-points{ padding:20px; width:100%; }



.brands{}



.brands h4{ color:#333333!important; font-size:1em; font-weight:bold;}



/*footer*/





.footer{

	width:100%;

	background-color:#a2213b;

	line-height:64px;

	color:#FFFFFF;

	letter-spacing:0.5px;

	margin-top:0px;

}



.footer font{

	float:right;

}



.footer font a{

	color:#FFFFFF;

	text-decoration:none;

}



.footer font a:hover{

	color:#d2ebb0;

}





.scrollup {



    width: 40px;

    height: 40px;

    position: fixed;

    bottom: 50px;

    right: 100px;

    display: none;

    text-indent: -9999px;

    border:2px solid #FFFFFF;

    background:url(../images/top-icon.gif) no-repeat #003986;;

	

}

/*footer bottom*/









/*Contact*/







.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, rgba(235,235,235,1) 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{ padding:15px; }



.contact-form .col-md-12 .col-md-12{ padding:15px; padding-right:15px; }



.contact-form .g-recaptcha {

    transform: scale(0.73);

    transform-origin: 0 0;

    margin-bottom: -12px;

}



.contact-form h3{

	padding:0px;

	margin:0px 0px 10px 0px;

	text-transform:uppercase;

	font-size:20px;

	border-bottom:1px solid #CCCCCC;

	padding:15px 0px;

	font-weight:bold;

	letter-spacing:0.4px;

}



.contact-form input{

	width:100%;

	height:32px;

	border:1px solid #999999;

	-moz-border-radius: 5px;

	border-radius: 5px;

	margin-top:15px;

	padding-left:10px;

}



.contact-form select{

	width:100%!important;

	height:32px;

	border:1px solid #999999;

	-moz-border-radius: 5px;

	border-radius: 5px;

	margin-top:15px;

	padding-left:10px;

	margin-left:0px;

}



.contact-form textarea{

	width:100%;

	height:85px;

	border:1px solid #999999;

	-moz-border-radius: 5px;

	border-radius: 5px;

	margin-top:15px;

	margin-bottom:12px;

	padding-left:15px;

}



.con-btn{

	background-color:#ff6b11;;

	padding:8px 26px;

	float:right;

	letter-spacing:0.5px;

	color:#FFFFFF;

}



.con-btn:hover{

	color:#FFFFFF;

	background-color:#000000;

}



.con-address h5{

	padding:0px;

	margin:0px;

	text-transform:uppercase;

	font-size:20px;

	margin-bottom:15px;

	margin-top:15px;

	font-weight:bold;

}



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

}



/*area map*/





.area-map {

	position: relative;

    padding-bottom: 0px; 

    height: auto;

    overflow: hidden;

	margin-top:15px;

	

}



.area-map iframe {

    position: relative;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 550px !important;

}



.area-map2 {

	position: relative;

    padding-bottom: 0px; 

    height: 200px;;

    overflow: hidden;

	margin-top:15px;

	

}



.area-map2 iframe {

    position: relative;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 850px; !important;

}



.map-bullet{ list-style:none; padding-top:40px;}

.map-bullet li{ list-style-image:url(../images/arrow.jpg); list-style-position:inside; margin-bottom:10px; border-bottom:#CCCCCC thin dashed;}





/*gallery*/



.gallery-pc{

	display:block;

	visibility:visible;

}



.gallery-mobile{

	display:none !important;

	visibility:hidden !important;

}





.theme-bg{ background:#a2213b;}



.theme-text{ color:#a2213b;}



.heading-center{ text-align:center!important;}



.gallery li{ list-style-image:none!important;}






/*testimonials*/

/* carousel */

.testimonial-wrap{ background:#e6e6e6; padding:10px; min-height:370px;}

#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

#quote-carousel  small{ color:#FFFFFF;}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #999999;
  font-size: 2em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

  
/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
   
}

@media (max-width: 1024px) { 
     .show-mobile-div 
    {
      display: block !important;
    }
}
/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
     .show-mobile-div 
    {
      display: block !important;
    }
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    .social-footer {
    padding-bottom: 8px;
    padding-top: 8px;
} 

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

.video-con{
    padding: 0px;
}
.video iframe{
    
}


/* Cloud CSS A.N // For Footer Social Icons */

.social-footer {
    line-height: initial;
    text-align: center;
    padding-bottom: 13px;
}

.social-footer a {
    color: #fff !important;
    font-size: 20px;
    padding: 0px 12px;
}

/* Cloud CSS A.N */