body { margin:0px; padding:0px;font-family:'Montserrat Regular';}
* { margin:0px; padding:0px; box-sizing:border-box;}
h1 { font-size:40px; margin:0; padding:0 0 15px 0; line-height:45px; color:#e90027;}
h2 { font-size:19px; margin:0; padding:8px 0; line-height:30px; color:#e90027;font-family: 'FranklinGothicBold'; font-weight:normal;}
h3 { font-size:18px; margin:0; padding:10px 0; line-height:25px; color:#e90027;}
h4 { font-size:19px; margin:0; padding:10px 0; line-height:26px; color:#58585a;}
h5 { font-size:14px; margin:0; padding:10px 0; line-height:24px; color:#17789c;}
p { font-size:19px; margin:0px; padding:8px 0; line-height:30px;  color:#58585a;  font-weight:normal; }
a { color:#e90027; text-decoration:none;}
a:hover { text-decoration:none; color:#383838;}

input[type="text"],input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;border-radius: 0;}

iframe#gmap { width:100%; border:0px;}

.wrapper { width:1100px; margin:0 auto;}

#galleryrow {float:left; width:100%; margin:80px 0; padding: 0 30px;}
/********** Owl Carousel Default Class  **********/
.owl-carousel .owl-nav[class*="owl-"] span{display: inline-flex;  align-items: center;  justify-content: center;  background-color: rgba(255,255,255,1);
    width: 50px;  height: 50px;  border-radius: 50px; box-shadow: 0px 3px 6px rgba(0,0,0,0.2);}
.owl-carousel.owl-theme .owl-nav [class*=owl-]:hover{background: transparent;}
.owl-carousel .owl-nav button.owl-prev{position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-prev span{font-size: 0; position: relative;}
.owl-carousel .owl-nav button.owl-prev span:before{ position: absolute;  content: '';  left: 22px;  width: 12px;  height: 12px;  border: solid var(--bg-dark-blue);
      border-width: 0 3px 3px 0;  transform: rotate(135deg);}
.owl-carousel .owl-nav button.owl-next{position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
.owl-carousel .owl-nav button.owl-next span{font-size: 0; position: relative;}
.owl-carousel .owl-nav button.owl-next span:before{ position: absolute;  content: '';  right: 22px;  width: 12px;  height: 12px;  border: solid var(--bg-dark-blue);
    border-width: 3px 0 0 3px;  transform: rotate(135deg);}


/********** Owl Carousel Default Class  **********/


.scrollup { width: 40px; height: 40px; text-indent: -9999px; opacity: 0.9; position: fixed; bottom: 50px; right: 50px; display: none; background: url('../images/icon_top.png'); background-repeat:no-repeat;}

ul.services,ul.services1,ul.services2 { margin:10px 0; padding:0px; text-align:left;}
ul.services li {color:#999da0; font-weight: normal; margin:0 15px; line-height:28px;  font-size:19px; font-weight:normal;}
ul.services2 li {color:#999da0; font-weight: bold; margin:0 15px; line-height:25px;  font-size:20px;}

.services { float:left; width:100%;}
.services ul { margin:0px; padding:0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; overflow: hidden;}

.space { float:left; width:100%; margin:10px 0;}
.nobr { white-space: nowrap; font-style: normal; }

#header { float: left; width: 100%; margin:30px 0 10px; }
.header-left { float: left; width:34%; margin:0; }
.header-mid { float: left; width:31%; text-align:center;}
.contact-no { float: left; width:22%; margin:0; padding:0px; text-align: right;}
.contact-no p {  font-size: 20px; line-height:28px; color:#000000; margin:0px; padding:0px;}
.contact-no a { font-size:26px;font-family: 'FranklinGothicBold';}

.header-logo { float:right; width:10%;}
.header-twitter { float: left; width:100%; margin:0px; padding:0 0 15px;}

#title { float:left; width:100%; background:#e90027; padding:30px 0; text-align: center; margin:0 0 30px 0;}
#title h1 { color:#fff; font-family:'metaboldregular'; font-weight:normal;}

#content {float:left; width:100%; text-align:center; padding:20px 0 40px 0;}
#content p { color:#999da0;}

#box-pen { float:left; width:100%; text-align:center; padding:50px 0; background:#414041; margin: 150px 0 0 0;}
.box-pen { float:left; width:100%; margin: -200px 0 0 0;}
.box-pen ul { margin:0px; padding:0px;}
.box-pen li { list-style:none; float:left; width:25%; margin:0; vertical-align:middle;}
.box-pen h2{color:#fff; font-size:35px; line-height:40px;}

#home-facebook-banner { float:left; width:100%; margin:0; padding:140px 0px;text-align:center;
background:url('../images/home-facebook-banner-parallax.png');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size: cover;
background-attachment:fixed;}
#home-facebook-banner h2 { color:#fff; font-size:33px; line-height:40px; padding:0 0 30px;text-shadow:5px 4px 11px #333; font-weight:bold;}


#banner { float:left; width:100%; margin:0;}
#banner img { width:100%; float:left;}

#home-slider { float:left; width:100%; margin:0;}
#home-slider img { width:100%; float:left;}

/*#eg-work {float:left; width:100%; margin:0; padding:140px 0px;
background:#010102 url('../images/home-gallery-banner.png');
background-repeat: no-repeat;
background-position: top 0% left 0%;
background-size: 100% auto;
text-align:center;}
.eg-work h2 {color:#fff; font-size:45px; line-height:55px; text-shadow: 7px 7px 6px #23440f;}
.eg-work .btn { float:left; width:100%; margin:2% 0 0;}
.eg-work .btn a {background:#000 url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 15px right 20px; color:#fff; border-radius:30px; padding:10px 60px 10px 30px; font-size:25px; font-weight:normal;}
.eg-work .btn a:hover  {background:#fff url('../images/arrow-hover.png'); background-repeat:no-repeat; background-position:top 15px right 20px; color:#000;}
*/

#footer {float:left; width:100%;padding:50px 0; background:#000000;}
.footer {float:left; width:100%;}
.footer1 {float:left; width:30%;}
.footer1 .logo img {width:80%;}
.footer1 h2 {font-size:37px; font-weight: bold; padding:26px 0; font-family: 'times_bold'; line-height:40px;}
.footer1 h2 a { font-size:35px; font-weight:bold; line-height:35px;font-family:'Montserrat Bold';}
.footer1 p { font-size:18px; line-height:28px; color:#fff; padding:0; margin:0px;}
.footer2 {float:left; width:45%; margin:0 2%;}
.footer3 { float:right; width:16%;}
.footer3 h2 { color:#e90027; font-size:25px; margin:0px; padding:0 0 10px;}
.footer3 li { list-style:none; line-height:56px; font-size:21px;}
.footer3 li a { color:#fff;}
.footer3 li a.active,.footer3 li a:hover { color:#e90027;}

#copy-right { float: left; width: 100%; background:#e90027; padding: 10px 0; }
#copy-right p span { color: #fff; font-size: 26px; vertical-align: middle;font-family:'Montserrat Bold'; }
#copy-right p { text-align: left; color: #fff; margin: 0px; padding: 0px; font-size:16px;font-family:'Montserrat Light';}
#copy-right p a { color: #fff; font-weight: normal; }
#copy-right p a:hover { color: #000; }

/*services*/
.row-content {float: left; width: 100%; padding: 30px 0;}
#row1 {float: left; width: 100%; margin:30px 0;}
.row1 {float: left; width: 100%; padding: 10px 0;}
.row1-left {float:left; width:48%; padding:0; margin:0;}
.row1-left h2,.row2-right h2 { color:#e90027; font-size:35px; line-height:40px; margin:0px; padding:0px;}
.row1-left h3,.row2-right h3 {color:#999da0; font-size:19px; line-height:28px; margin:0px; padding:20px 0;}
.row1-left p, .row2-right p {color:#999da0;}

.row1-right {float:right; width:48%; padding:0; margin:0;}

.pic-img { float:left; width:100%;}
.pic-img img { width:100%;}

#row2 {float: left; width: 100%; margin:30px 0;}
.row2 {float: left; width: 100%; padding: 10px 0;}
.row2-right {float:right; width:48%; padding:0; margin:0;}
.row2-left {float:left; width:48%; padding:0; margin:0;}

#row3 {float: left; width: 100%; margin:30px 0;}
#row4 {float: left; width: 100%; margin:30px 0;}


#we-can-quotes { float:left; width:100%; margin:0; padding:0;}
#we-can-quotes.we-can-quotes { float:left; width:100%; padding:60px 0; 
background:url('../images/quote-banner.png');
background-repeat:no-repeat;
background-position:top 0 right 0px;
background-size: cover; 
background-attachment:fixed;}
.we-can-quotes-left { float:left; width:80%;}
.we-can-quotes-left h2 { color:#fff; font-weight: normal; margin-bottom:10px;}
.we-can-quotes-left ul { column-count:4;  -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ margin:0px; padding:0px;}
.we-can-quotes-left li { list-style:none; font-size:20px; line-height:32px; color:#fff; font-weight: normal;}
.we-can-quotes-left li.active { color:#fff; font-weight:bold;}
.we-can-quotes-right { float:right; width:18%; margin:24px 0 0;}

.we-can-quotes-right .btn { float:left; width:100%; margin:2% 0 0;}
.we-can-quotes-right .btn a {background:#000 url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 11px right 20px; color:#fff; border-radius:30px; padding:10px 60px 10px 30px; font-size:20px; font-weight:normal;}
.we-can-quotes-right .btn a:hover  {background:#fff url('../images/arrow-hover.png'); background-repeat:no-repeat; background-position:top 11px right 20px; color:#000;}

#we-can-quotes2 { float:left; width:100%; padding:60px 0; 
background:url('../images/services-quote-banner_parallax.png');
background-repeat:no-repeat;
background-position:top 0 right 0px;
background-size: cover; 
background-attachment:fixed;}

#callus1 { float: left; width: 100%; padding:50px 0; 
background:url('../images/services-driveways-contact-banner.png');
background-repeat:no-repeat;
background-position:top 0px right 0px;
background-size:cover;}

.callus { float: left; width: 100%;}
.callus-left {float:left; width:76%;}
.callus-left h2 { color:#fff; font-size:30px; line-height:40px; margin:0px; padding:0px;}
.callus-left p { color:#fff;}
.callus-right {float:right; width:22%; margin:0;padding: 24px 0;}
.callus-right a {background: #e90027 url('../images/arrow.png');background-repeat: no-repeat; background-position: top 13px right 15px;color: #fff;border-radius: 28px;padding: 12px 70px 12px 30px;
font-size: 20px;}
.callus-right a:hover  {background:#000 url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 13px right 15px; color:#fff;}

#callus2 { float: left; width: 100%; padding:50px 0; 
background:url('../images/services-patios-contact-banner.png');
background-repeat:no-repeat;
background-position:top 0 right 0px;
background-size:100% auto;}

#callus3 { float: left; width: 100%; padding:50px 0; 
background:url('../images/services-landscapers-contact-banner.png');
background-repeat:no-repeat;
background-position:top 0 right 0px;
background-size:100% auto;}

/*contact-us*/
#contact {float:left; width:100%; margin:40px 0;}
.contact { float:left; width:100%; margin:0;}
.contact-left { float:left; width:48%;}
.contact-left h2,.contact-right h2 { font-size:32px; line-height:40px; color:#e90027;}
.contact-form { float: left; width: 100%;  }
.contact-form p { font-weight: normal; font-size: 15px; padding: 5px 0 5px 0; }
.formrow { float: left; line-height: 28px; width: 100%; padding: 3px 0; }
.formrow.pad1 { padding-top: 10px; }
.formrow .input { border: 2px solid #383838; color:#999da3; line-height: 30px; width: 100%; margin:5px 0; padding:5px 8px; font-size:17px; border-radius:5px; }
.pad1 { text-align: left;}
.formrow textarea.input { line-height: 16px; min-height:150px; color:#999da3;}
.formrow.captcha { float:left; width:100%;}
.formrow.captcha #captcha {float: left; margin: 0 10px 0 0; padding:0 5px 0; width: 120px; line-height:36px; border: 1px solid #383838;}
.imgcaptcha { border: 1px solid #383838; color:#fff; float: left; margin:0px 10px 0 0; padding:0px 20px; line-height:36px; background:#e90027;}
.refresh { margin:2px 10px;}

.formrow.pad1 input { background: #e90027; border: 0 none; border-radius:16px; color: #fff; font-size: 18px; padding:6px 25px; font-family:'Montserrat Regular';}
.formrow.pad1 input:hover { background: #000000; cursor: pointer; }

.contact-right { float:right; width:45%; text-align: left;}
.contact-right .address { border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; float:left; width:100%; padding:20px 0; margin:20px 0 30px;}
.contact-right .address h2 { font-size:45px; line-height:50px; margin:0px; padding:0px;}
.contact-right h3  { margin:0; padding:10px 0;font-size:18px; font-weight: bold; line-height:28px; color:#989da0;}
.contact-right h4  { margin:0; padding:30px 0;font-size:21px; line-height:30px; color:#989da0;}
.contact-right p { color:#989da0; font-size:19px; line-height:26px;}

.contact-icon { float:left; width:100%;}
.contact-icon li { list-style:none; display:inline-block;}