/*BOOTSTRAP OVERRIDE(s)*/
a{color:#886939;}
a:hover{color:#666;}
a.default{text-decoration:none;color:#000;}
a.default:hover{text-decoration:none;}

.ftInfo2 a{color:#b7b7b7;}

.btn-info,
.btn-info.focus,
.btn-info:focus,
.btn-info:active{background:#3b678f;color:#fff;border:1px solid #5885ad}
.btn-info:hover{background:#000;border:1px solid #000;}
.dropdown-menu>li>a{padding:6px 20px;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left:0;margin-right:0;}
.container.edge{padding:0;}

input[type=checkbox], input[type=radio]{margin:4px 6px 0 0;}
/*BOOTSTRAP OVERRIDE(s)*/



/*GENERAL(s)
====================================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');
body>iframe,
body>img,
body>form>iframe,
body>form>img{position:absolute;bottom:0;left:0;width:1px;height:1px;}

body{font-size:14px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden;}
body.template_blank{padding-top:0!important;}
/*override (might need to replace bootstrap.css)*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:inherit;font-weight:500;line-height:1.1;
}
h1{font-size:34px;}
h2 {font-size:27px;color:#6b9d8b;line-height:1.5em;}
h1, .h1, h2, .h2, h3, .h3{margin-top:20px;margin-bottom:20px;}
.clear{clear:both;}
.text-gold{color:#c48e65;}
.text-green,
.text-green:hover{color:#6b9d8b;}
.text-black{color:#000;}
.text-white{color:#fff;}
.text-blue{color:#3d709e;}
.text-light-brown{color:#786e62;}
.grn{color:#759d85}
.sp-gold{color:#c48e65;}
.whtText,
.white14,
.wht,
.white14:hover{color:#fff;}
.red12{color:red;}
.spblue{color:#3b678f;}
a.nohover:hover{text-decoration:none;}

p {margin-bottom:20px;}
.cursor{cursor:pointer;}

.img-full-width{width:100%;height:auto;}
.vspacer{margin-bottom:40px;display:block;}
.vspacer_md{margin-bottom:20px;display:block;}
.boxHighlight,
.container-fluid.boxHighlight,
.container.boxHighlight{padding:40px 0;background-color:#f5f5f5;}

.boxHighlight2,
.container-fluid.boxHighlight2,
.container.boxHighlight2{padding:50px 0;background-color:#80a590;color:#fff;}
.boxHighlight2.alt_md,
.container-fluid.boxHighlight2.alt_md,
.container.boxHighlight2.alt_md{padding:25px 0;}

.boxHighlight2 h2,
.container-fluid.boxHighlight2 h2,
.container.boxHighlight2 h2{color:#fff;}


.boxHighlight_gray,
.container.boxHighlight_gray,
.container-fluid.boxHighlight_gray{padding:40px 0;background-color:#f5f5f5;}

.vertical_divider{position:relative;}
.vertical_divider:before{width:1px;height:100%;position:absolute;top:0;right:0;background-color:#b4b0ad;z-index:2;content:"";}


.vtopspacer{margin-top:25px;}
.vtopspacer_md{margin-top:15px;}
#main{position:relative;}

.section-home h1{font-size:18px;font-weight:bold;margin-top:0; margin-bottom:15px; color:#000}
.section-home h2 {
    color: #000;
    margin-top: 0;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
    line-height:24px;
}
.section-home .icon{}
.section-home { margin-top:40px;}
.section-home a{color:#000; text-decoration:none}
.section-home hr{margin-bottom:20px;border-color:#bc906c}

.p_quote{position:relative;padding:0 30px;}
.p_quote .signage{font-style:italic;opacity:.6;}

 hr{margin-top:0px; margin-bottom:0px;} /* Made 0px by VL */
.mobile_hr{height:10px;background-color:#f3f3f3;border:0;margin:30px 0;}

.btn-danger{background:#c93b32;color:#fff;}
.btn-danger:hover{background:#b63a20;}

.content_highlight{background-color: #f5f5f5; padding: 30px 0;}
/*shaghayegh Changes here*/

.opt_btn_header_consultation .glyphicon, .opt_btn_header_consultation_scroll .glyphicon{ padding-left:4px;}
.link_consult a.btn .glyphicon,  .read-more-blog .glyphicon{ padding-left: 4px;}
span.fourfour-head{ font-size: 2em;}
#ctl00_cpMain_pnlResetPwd { color: #d84427; }
/*Shaghayegh Changes end*/
@media screen and (max-width:670px){
	.content_highlight{padding:10px 0;}
    .synchrony-img {        width: 140px;    }
}

iframe[name="google_conversion_frame"],
img[height="1"]{position:absolute;width:0;height:0;overflow:hidden;}

#show-more,
#show-less{cursor:pointer;margin:0 auto}

@media screen and (max-width:1024px){

}
@media screen and (max-width:768px){
    .section-home .icon{max-width:100px;}
}
@media screen and (max-width:767px){
	.col-fluid-mobile{padding-left:0;padding-right:0;}
	
	/*body{padding:80px 0 0 0;}	*/
	h1, .h1{margin:20px 0 10px;}
    h2, .h2{margin:20px 0 10px;}
	h3, .h3{margin:10px 0 10px;}
	
    h1{font-size:26px;}
    h2{font-size:22px;}
    h3{font-size:18px;}

    .row, .thumbnails{margin-left:0;margin-right:0;}
    .vspacer{margin-bottom:30px;}
    .vspacer_mobile{margin-bottom:15px;display:block;}
    .vtopspacer{margin-top:0;}

    .boxHighlight, .container-fluid.boxHighlight, .container.boxHighlight{padding:20px 0;}
	/*.container-fluid{padding-left:0!Important;padding-right:0!important;}*/
	/*.vspacer_md{margin-bottom:10px;}*/
    .mobile_vspacer_md{margin-bottom:20px;}
	 
	.boxHighlight2, .container-fluid.boxHighlight2, .container.boxHighlight2{padding:25px 0;}
	
	.vertical_divider:before{display:none;}
	
	.vtopspacer_mobile{margin-top:15px;}
	
	.text-center_mobile{text-align:center;}
}
@media screen and (max-width:670px){
	.mobile_no_margin{margin:0!important;}	
}

/*bootstrap overrides*/
.list-inline.alt {margin-left:0;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:auto;max-width:1170px;}
@media screen and (max-width:1024px){
    .row{margin-left:0;margin-right:0;}
}
/*GENERAL(e)
====================================*/

.blackFriday .divStyleblackFriday{
    background-color: #f2c72a;
    text-align: center;
    border-top: 4px solid #c48e65;   
    color: black;
    font-weight: bold;
    font-size: 18px;
    position: relative;
	padding:3px 0px;
	cursor:pointer;
}
.divStyleblackFriday:hover{background-color:#ffa500;}

/*mobile portrait and landscape*/
@media screen and (max-width:767px){

   .blackFriday{display:none;}
}
/*@media screen and (max-width:350px){
	.navbar .sp_logo{width:190px;top:3px;left:-14px;}	
}*/
@media(max-width:767px){  }
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}


/*HERO(s)
====================================*/
.heroes{position:relative;z-index:1;margin: 0 0 25px 0;overflow:hidden;}
.heroes img{width:100%;height:auto;position:relative;display:block;}
.hero{position:relative;z-index:1;margin: 0 0 25px 0;overflow:hidden;}
.hero>img,
.hero>a>img{width:100%;height:auto;position:relative} /*some will need to change img size*/
.hero.align_left>img{}
.ssslide img{}

/*new*/
.simpleFader_next,
.simpleFader_prev{width:50px;height:50px;position:absolute;top:50%;right:3%;margin-top:-25px;z-index:10;/*background:url(/images/arr.png) -26px 0 no-repeat;*/cursor:pointer;display:none;background: rgba(0,0,0,.3);border-radius:50px;color:#fff;font-size:30px;text-align:center;}
/*.simpleFader_prev{width:25px;height:25px;position:absolute;top:50%;right:3%;margin-top:-12px;z-index:10;background:url(/images/arr.png) -26px 0 no-repeat;cursor:pointer;display:none;}*/
.simpleFader_prev{right:auto;left:3%;background-position:0 0;}
.simpleFader_next:active,
.simpleFader_prev:active{margin-top:-24px;}
.simpleFader .slide{display:none;}
.simpleFader .slide:first-child{display:block;}

.heroSub{height:300px;border-top:16px solid #a09994;background:center center no-repeat;background-size:cover!important;margin-bottom:25px;position:relative;}
.heroSub>.inner{position:relative;padding-bottom:20px;}
.heroSub>img{width:100%;height:auto;position:relative}
.heroSub .half_circle{width:620px;height:273px;position:absolute;top:0;left:50%;margin-left:-310px;z-index:2;background:url(/images/layout/half_circle.png) center top no-repeat;font-family: 'Lato', sans-serif;font-weight:300;text-align:center;font-size:21px;color:#6a6a6a;}
.heroSub .half_circle>.inner{width:400px;height:154px;position:absolute;top:4px;left:50%;margin-left:-200px;}
.heroSub .half_circle h2{font-weight:200;font-size:40px;margin-bottom:16px;line-height:1.1em;}
.heroSub .half_circle .subhead_divider{margin-bottom:12px;}
.heroSub .half_circle .desc{margin:0 40px;}
.heroSub.hc_large{height:440px;}
.heroSub.hc_large .half_circle{font-size:16px;font-weight:400;line-height:29px;height:402px;background-image:url(/images/layout/half_circle_large.png);}
.heroSub.hc_large .half_circle>.inner{width:440px;margin-left:-220px;}
.font_lato{font-family: 'Lato', sans-serif;}


@media screen and (max-width:1024px){
	.hero>img, .hero>a>img{width:auto;height:345px;max-width:none;margin-left:-747px;left:50%;}
	.hero.alt_sam>img,
	.hero.alt_sam>a>img{height:380px;margin-left:-580px;}
	
	.hero.alt_promotion>img,
	.hero.alt_promotion>a>img{height:360px;margin-left:-590px;}
	
	.hero.alt_charity>img,
	.hero.alt_charity>a>img{margin-left:-635px;}
}
@media (max-width:768px){
	.hero>img,
	.hero>a>img{width:auto;max-width:none;height:300px;left:50%;margin-left:-656px}
	.hero.alt_sam>img,
	.hero.alt_sam>a>img{height:300px;margin-left:-460px;}
	
	.hero.alt_promotion>img,
	.hero.alt_promotion>a>img{margin-left:-560px;}
	
	.hero.alt_charity>img,
	.hero.alt_charity>a>img{margin-left:-555px;}
	
	.hero.align_left>img{left:0;margin-left:0;}
	/*.ssslide img{width:auto!important;max-width:none!important;height:320px!important;left:50%!important;margin-left:-450px!important}
	.ssslide img.align_left{left:0!Important;margin-left:0!important;}*/
	
	/*temp:fix last*/
	.heroSub>img{width:auto;max-width:none;height:250px;left:50%;margin-left:-608px}
}

@media (max-width:767px){
    .hero{margin-bottom:15px;}
    .hero>img,
	.hero>a>img{height:200px;left:50%;margin-left:-439px}
	.hero.alt_small>img,
	.hero.alt_small>a>img{height:130px;left:50%;margin-left:-284px}
	.hero.alt_medium>img,
	.hero.alt_medium>a>img{height:150px;left:50%;margin-left:-326px}
	
	.hero.align_left>img{left:0;margin-left:0;}
	.hero.alt_sam>img,
	.hero.alt_sam>a>img{height:200px;margin-left:-310px;}
	.hero.alt_sweepstake>img{height:110px;margin-left:-240px;}
	
	.hero.alt_promotion>img,
	.hero.alt_promotion>a>img{height:200px;margin-left:-420px;}
	
	.hero.alt_charity>img,
	.hero.alt_charity>a>img{margin-left:-375px;}
	
	.hero.alt_guildquality>img,
	.hero.alt_guildquality>a>img{height:160px;margin-left:-340px}
	
	.ssslide img{width:auto!important;height:200px!important;left:50%!important;margin-left:-277px!important;max-width:none!Important}
	.ssslide img.align_left{left:0!Important;margin-left:0!important;}
	
	/*temp:fix last*/
	.heroSub{margin-bottom:15px;border-top:10px solid #c1bfbe;overflow:Hidden;}
	.heroSub>img{height:200px;left:50%;margin-left:-447px}
	.heroSub>.inner>img{width:auto;height:200px;max-width:none;left:50%;margin-left:-46px;}
	
	.heroSub{height:194px;}
	.heroSub .half_circle{background-size:400px auto;font-size:15px;}
	.heroSub .half_circle h2{font-size:30px;}
	.heroSub .half_circle>.inner{width:310px;top:10px;margin-left:-155px;}
	.heroSub .half_circle .desc{max-width:200px;margin:0 auto;}
	.heroSub.mobile_title_only .half_circle>.inner{width:280px;margin-left:-140px;}
	.heroSub.mobile_title_only .half_circle h2{line-height:normal;}
	.heroSub.mobile_title_only .half_circle .desc{display:none;}
	.heroSub.mobile_title_only .subhead_divider{display:none;}
	.heroSub.hc_large{height:190px;margin-bottom:0;}
	.heroSub.hc_large .half_circle{height:100%;background-image:url(/images/layout/half_circle.png);}
	.heroSub.hc_large .half_circle .desc{display:none;}
	.heroSub.hc_large .half_circle>.inner{width:250px;margin-left:-125px;}
	.heroSub.hc_large .subhead_divider{}
	
	.sssnext, .sssprev{z-index:100;}
}
@media (max-width:767px) and (orientation:landscape){
	.ssslide img{width:auto!important;height:250px!important;left:50%!important;margin-left:-360px!important;max-width:none!Important}
	.ssslide img.align_left{left:0!Important;margin-left:0!important;}
}
@media (max-width:670px){
	.heroes{/*margin-bottom:0!important;*/}
	.heroes .mobile_image_center{width:200%;max-width:none;left:-50%;}
	.heroes .mobile_image_right{width:200%;max-width:none;left:-100%;}
	.heroes .mobile_image_left{width:200%;max-width:none;left:0;}
}

/*HERO(e)
====================================*/


.pp_social>table{width:100%!important}
.pp_social>table td{width:50%;}



/*CONTENT
====================================*/
/*HOME*/
.homeLocations {
    padding: 40px 30px 40px 30px;
    background-color: #f1f3f6;
    position: relative;
    overflow-x: hidden;
}
.homeLocations h2{color:#000;font-size:24px;font-weight:bold;margin-top:0;margin-bottom:15px;line-height:24px}
.homeLocations hr {
    margin-bottom: 20px;
    border-color:#bc906c
}

/*--*/
.homeFeatures{margin-top:20px;}
.homeFeatures>.row{margin-bottom:20px;}
.homeFeatures h2{margin-bottom:10px;line-height:normal;}
.homeFeatures .divider{margin-bottom:15px;}
.homeFeatures .desc{display:table-cell;height:480px;vertical-align:middle;}
/*--*/
.homeFinance{padding:15px 0 45px;margin-left:auto;margin-right:auto;}
.homeFinance h2{font-size:27px;}


@media screen and (max-width:1024px){
	.homeFeatures .desc{height:auto;}
}
@media screen and (max-width:768px){
    .homeFeatures .desc{display:block;}
	.homeFeatures>.row:first-child{border-top:none;}
}
@media screen and (max-width:767px){
    .homeFeatureds .desc{height:auto;display:block;margin:0 auto;vertical-align:top;}
    .homeFeatures .desc{height:auto;}
	.homeFeatures>.row{padding-bottom:40px;margin-bottom:20px;border-bottom:2px solid #f3f3f3;}
	.homeFeatures>.row:last-child{border-bottom:0;margin-bottom:0;}
	.homeFeatures>.row.alt_mobile_border:last-child{margin-bottom:30px;border-bottom:10px solid #f3f3f3;}
	
}
/*--*/
    /*.specialOffers.alt_light {
            background-color: #759d85;
            color: #fff;
    }
.specialOffers{background-color: #759d85;width: 100%;padding:35px 0 30px;color: #fff;}
.specialOffers.alt_light{background-color:#f5f5f5;color:#333}
.specialOffers.alt_light h2{color:#759d85;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.specialOffers.alt_light2{background-color:#ececec;color:#333}
.specialOffers.alt_light2 h2{color:#759d85;font-family:Arial, Helvetica, sans-serif;font-size:30px;font-weight:normal;}*/

#pavers-tabs>li{cursor:pointer;}

/*category*/
.faq{margin-top:25px;}
.faq>.row:nth-child(even) .faq-item{background:#e7e7e6;}
.faq-item{min-height:70px;padding:10px 24px 10px 14px;}
.faq .toggleHeader{color:#555;cursor:pointer;font-weight:bold;}
.faq .toggleHeader:hover{color:#000;}
.faq .toggleContent{padding:0 20px;margin-top:10px;}
.toggleContent{display:none;}
@media screen and (max-width:768px){
	.faq{margin-top:0;}
    .faq>.row:nth-child(even) .faq-item{background:transparent;}
    .faq>.row>div:first-child{background:#d7e8de;}
	.faq>.row:first-child>div:first-child{background:#d7e8de;}
    .faq-item{padding:10px 0;min-height:0;}
    .faq .toggleContent{padding:0 10px;}
	.faq .toggleHeader:hover{color:#333;}
}

.post-title .post-date{background:#72a088;color:#fff;padding:0 10px;}
.blogPrev-item{margin-bottom:20px;border-bottom:1px solid #f1f3f6;margin-bottom:20px;}
.blogPrev-item a{text-decoration:none;}
.blogPrev-item .thumb{display:block;margin-bottom:20px;}
@media screen and (max-width:767px){
    .blogPrev-item .thumb{margin-bottom:10px;}
    .blogPrev-item h3{margin-top:6px;}
}

.pavers_tab{text-transform:uppercase;margin-top:15px;}
.pavers_tab ul{margin:0;}
.pavers_tab li{padding:10px 10px;cursor:pointer;color:#FFFFFF;font-size:18px;font-weight:bold;}
    .pavers_tab li.active {
        color: #213946;
    }
@media screen and (max-width:767px){
    .pavers_tab{margin-top:14px;}
	.pavers_tab ul{position:relative;text-align:center;}
    .pavers_tab li{padding:5px 10px;font-size:14px;display:inline-block;border:1px solid #ddd;margin:0 -1px -1px 0;font-weight:normal;background:#f1f3f6;}
	.pavers_tab li.active{background:#fff;}
}

/*Turf*/
.tbl_turf_warranty{font-size:16px;}
.tbl_turf_warranty td{padding:10px 20px;border:1px solid #333333;}
.tbl_turf_warranty thead tr{background:#ece0cc;font-weight:bold;}
.tbl_turf_warranty tbody tr:nth-child(even){background:#f7f2ea;}


/*turf gallery*/
.gallery-more {
	height:520px;
    overflow: hidden;
    display: block;
    margin-left: 0;
    text-align:center;
    margin-bottom:15px;
}
.gallery-more img {
    margin: 0 10px 20px;
    width: 217px;
    height: 159px;
    border: 1px solid #b4b3b3
}
.gallery-nomore {
    height: auto;
    display: block;
    margin-left: 0;
	text-align:center;
}
.gallery-nomore img {
    margin: 0 10px 20px;
    width: 217px;
    height: 159px;
    border: 1px solid #b4b3b3;
	max-width:40%;
	height:auto;
}
@media screen and (max-width:767px){
    .gallery-more img{height:auto;   max-width: 40%;     margin: 0 10px 20px;     width: 217px;} /* updated by VL*/
	.gallery-more{height:auto;}
}

/*blog*/
.blogPreview{max-width:900px;margin:0 auto 30px;}
.blogPreview .item .thumb{margin-bottom:10px;display:block;}
.blogPreview .item .title{font-size:18px;font-weight:bold;color:#333;margin-bottom:5px;display:block;}
.blogPreview .item:nth-child(4n+1){clear:left;}



.guild_list h2{color:#a09994;font-size:1.8em;}
.guild_list ul>li{line-height:50px;background:url(/img/listChk.png) left 6px no-repeat;padding-left:50px;color:#759d85;font-size:16px;font-weight:700}
@media screen and (max-width:767px){
	.guild_list{text-align:center;}
	.guild_list ul>li{line-height:normal;padding:0;background:none;margin-bottom:10px;}
}

/*blog*/
.blog-entry {
    margin: 10px 50px 30px 0;
    /*max-width: 50%;*/
    /*width: 284px;
    height: 310px*/
}
.blog-entry .b_thumb{width:100%;height:auto;display:block;margin-bottom:10px;}
.blog-title {
    margin: 0;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    height: 30px;
    overflow: hidden;
    display: block
}
.blog-meta {
    font-size: 10px;
    color: #878787;
    margin: 2px 0 2px 4px;
    height: 18px;
    display: block
}
.blog-text {
    margin: 0;
    font-size: 14px;
    color: #666;
    height: 63px;
    overflow: hidden;
    display: block;
    border: 0 solid #fff
}
.blog-sm-img {
    width: 220px;
    height: 150px
}
.blog-sq {
    margin: 10px 50px 50px;
    padding: 16px 0;
    border-bottom: 1px solid #d5d2d0
}
.blog-thmb {
    width: 390px;
    height: 193px;
    overflow: hidden
}
@media screen and (max-width:767px){
	.blog-entry{margin:0 0 10px 0;}	
	.blog-text{height:auto;margin-bottom:25px;}
}

/*loc features*/
.location_features{margin-bottom:40px;position:relative;}
@media screen and (max-width:767px){
	.location_features .item{padding-top:30px;border-top:1px solid #f1f3f6;}
}


/*news*/
.frmSweeps h4 {
    font-size: 18px;
    background-color: #614d4f;
    color: #FFF;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    margin: 0;
    padding: 10px 0 10px 16px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px
}
.frameTabs {
    background: #fff;
    margin: 0 0 0 16px;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    display: block
}
.frameTabs h2 {
    font-size: 12px;
    font-weight: 700;
    background-color: #efefef;
    color: #933;
    display: block;
    margin: 0;
    padding: 10px 10px 10px 16px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef
}
.frameTabs h2 a {
    font-size: 16px;
    font-weight: 700;
    color: #878787
}
.frameTabs p {
    font-size: 14px;
    font-weight: 500;
    background-color: #fefefe;
    color: #666;
    display: block;
    margin: 0;
    padding: 10px 10px 10px 16px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid gray
}
.frmSweeps {
    border: 1px solid gray;
    margin: 0 0 0 16px;
    padding: 0;
    float: right;
    width: 226px;
    height: 290px;
    display: inline-block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    background: url(../images/bk_form.png) repeat-y #d6cabe
}
.frmBottom {
    border: 1px solid #999;
    margin: 0 0 0 10px;
    padding: 0 0 16px 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    min-width: 190px;
    max-width: 190px;
    width: 190px;
    display: block;
    background-color: #95954A
}
.frmBottom input[type=text] {
    float: left;
    border: 1px solid #d8d8d8;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #878787;
    padding: 4px;
    margin: 0 10px 16px 1px;
    display: inline;
    height: 16px;
    background-color: #FFF
}

/*misc*/
.griddk {
    background-color: silver;
    border-bottom: solid 1px #8A8A8A
}
.gridlt {
    background-color: #DADADA;
    border-bottom: solid 1px #8A8A8A
}
.flRight {
    display: inline;
    float: right;
    width: 300px;
    margin-right: 20px
}
.oTop {
    background: url(../promotions/img/topBg.jpg) repeat-x #fff
}
.orangeBg {
    background: url(../promotions/img/topRt.jpg) no-repeat #fff;
    height: 375px;
    width: 280px
}
.oBot {
    background: url(../promotions/img/botBg.jpg) repeat-x #fff
}
.orangeBot {
    background: url(../promotions/img/botLf.jpg) no-repeat #fff;
    height: 160px;
    width: 282px;
    margin: 20px 0 0 20px
}
.ltGray {
    margin: 16px 0 0;
    border-top: solid 1px silver;
    padding: 14px;
    background-color: #f6f5f3;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px
}
.frameBlue {
    padding: 16px;
    margin: 0 0 10px;
    background-color: #ebf5fd
}
.frameBlue .lpCall {
    margin: 40px 0;
    padding: 20px 0 0 30px;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    background: url(../images/phoneBackground.jpg) no-repeat #3c98c8;
    height: 40px
}
.dkBlue {
    padding: 24px;
    margin: 0 0 10px;
    background-color: #243950;
    color: #fff
}

.frameGray {
    border: 1px solid silver;
    background: #F1F3F6;
    margin: 0 0 0 16px;
    padding: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    min-width: 280px;
    max-width: 280px;
    width: 280px;
    display: block
}

/*location map*/
#wrapit { position: relative; }
#map-canvas {
	height: 360px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#over_map { 
	position: absolute; 
	padding: 15px 0;
	top: 10px; 
	left: 24px; 
	background-color: #fff; 
	width: 240px; 
	height: 340px;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	z-index:3;
}
#over_map h2 { font-size: 14px; margin: 0; padding: 0;}
#over_map h2.md{font-size:20px;color:#000;}
#over_map td { color: #888; font-weight: 500; }
.gmap_jobs{width:100%;height:360px;position:relative;}
@media screen and (max-width:1024px){
	#over_map>.container{padding:0;}	
}
@media screen and (max-width:767px){
	#over_map{position:relative;width:auto;height:auto!important;top:auto;left:auto;padding:10px 0;margin-top:10px;}	
	#over_map>table{width:100%;}
	.frameGray{max-width:none;margin:0 20px;padding:0 10px;width:auto;min-width:0;}
	.gmap_jobs{height:300px!important;}
}

/*content: calendar*/
.calendar td,
.calendar th{padding:10px;}
@media screen and (max-width:640px){

	.calendar td{width:100%!important;display:block;}	
	.calendar th{display:none;}
	.calendar .othermonthday{display:none;}
}
	
/*content: tbl paving stone*/
.tbl_paving_stone{}
.tbl_paving_stone td,
.tbl_paving_stone th{width:29%;padding:2%;}
@media screen and (max-width:640px){
	/*repsonsive table*/
	.tbl_paving_stone{width:100%;}
	.tbl_paving_stone th{display:none;}
	.tbl_paving_stone>tbody>tr{}
	.tbl_paving_stone>tbody>tr:nth-child(odd){background-color:#f1f3f6;}
	.tbl_paving_stone>tbody>tr:nth-child(odd) td{background:transparent;}
	.tbl_paving_stone>tbody>tr:first-child{display:none;}
	.tbl_paving_stone>tbody>tr>td{width:auto;display:block;position:relative;padding:5px 5px 5px 50%;}
	.tbl_paving_stone>tbody>tr>td:first-child{padding:10px;font-weight:bold;text-transform:uppercase;}
	.tbl_paving_stone>tbody>tr>td:last-child{border-bottom:1px solid #ccc;}
	.tbl_paving_stone>tbody>tr>td:before{width:40%;position:absolute;top:0;left:0;margin:5px 10px;}
	.tbl_paving_stone>tbody>tr>td:nth-of-type(1):before{content:"";}
	.tbl_paving_stone>tbody>tr>td:nth-of-type(2):before{content:"WITHIN 30 DAYS OF COMPLETION OF PROJECT";}
	.tbl_paving_stone>tbody>tr>td:nth-of-type(3):before{content:"90 DAYS AFTER COMPLETION";}
	.tbl_paving_stone>tbody>tr>td.empty{border:none!important;}
}
/*whyus:warranty*/
#whyus-tabs, #whyus-tabsa{font-size:15px;}
#whyus-tabs li .active,
#whyus-tabsa li .active{font-weight:bold;}
@media screen and (max-width:640px){
	#whyus-tabs li,
	#whyus-tabsa li{margin-bottom:10px;}
	#whyus-tabs li:last-child,
	#whyus-tabsa li:last-child{margin-bottom:0;}
}

/*location-events*/
.table_mobile_events th{font-weight:bold;border-bottom:2px solid #c8c8c8;}
@media screen and (max-width:640px){
	/*repsonsive table*/
	.table_mobile_events{width:100%;}
	.table_mobile_events>tbody>tr{}
	.table_mobile_events>tbody>tr:nth-child(odd){background-color:#f1f3f6;}
	.table_mobile_events>tbody>tr:nth-child(odd) td{background:transparent;}
	.table_mobile_events>tbody>tr:first-child{display:none;}
	.table_mobile_events>tbody>tr>td{width:auto!important;display:block;position:relative;padding:5px 5px 5px 50%;}
	.table_mobile_events>tbody>tr>td:first-child{padding:10px;font-weight:bold;text-transform:uppercase;}
	.table_mobile_events>tbody>tr>td:last-child{border-bottom:1px solid #ccc;}
	.table_mobile_events>tbody>tr>td:before{width:50%;position:absolute;top:0;left:0;margin:5px 10px;}
	.table_mobile_events>tbody>tr>td:nth-of-type(1):before{content:"";}
	.table_mobile_events>tbody>tr>td:nth-of-type(2):before{content:"Location";}
	.table_mobile_events>tbody>tr>td:nth-of-type(3):before{content:"Dates";}
	.table_mobile_events>tbody>tr>td:nth-of-type(4):before{content:"Times";}
	.table_mobile_events>tbody>tr>td:nth-of-type(5):before{content:"Booth";}
	.table_mobile_events>tbody>tr>td.empty{border:none!important;}
}

/*table_comparison_mobile*/
.table_comparison_mobile td{vertical-align:middle;}
.table_comparison_mobile tr{margin-bottom:10px;}
@media screen and (max-width:640px){
	.table_comparison_mobile .c_thumb{width:100%;height:auto;display:block;}
	.table_comparison_mobile .alt_mobile{height:10px;}
	/*repsonsive table*/
	.table_comparison_mobile{width:100%;}
	.table_comparison_mobile>tbody>tr{}
	.table_comparison_mobile>tbody>tr:nth-child(2n+1){background-color:#f1f3f6;}
	.table_comparison_mobile>tbody>tr:nth-child(2n+1) td{background:transparent;}
	.table_comparison_mobile>tbody>tr:first-child{display:none;}
	.table_comparison_mobile>tbody>tr>td{display:block;position:relative;padding:5px 5px 5px 50%;}
	.table_comparison_mobile>tbody>tr>td:first-child{padding:0 0 10px;font-weight:bold;text-transform:uppercase;}
	.table_comparison_mobile>tbody>tr>td:last-child{border-bottom:1px solid #ccc;}
	.table_comparison_mobile>tbody>tr>td:before{width:50%;position:absolute;top:0;left:0;margin:5px 10px;}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(1):before{content:"";}
	/*.table_comparison_mobile>tbody>tr>td:nth-of-type(2):before{content:"Low-Medium Cost";}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(3):before{content:"Will Not Crack, Chip or Break";}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(4):before{content:"Does Not Need Replacing";}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(5):before{content:"Comes With Guarantee";}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(6):before{content:"Abundance of Design Choices";}*/
	.table_comparison_mobile>tbody>tr>td:nth-of-type(2):before{content:"Low-Medium Cost";height:100%;vertical-align:middle;}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(3):before{content:"Does Not Need Replacing";height:100%;vertical-align:middle;}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(4):before{content:"Comes With Guarantee";height:100%;vertical-align:middle;}
	.table_comparison_mobile>tbody>tr>td:nth-of-type(5):before{content:"Abundance of Design Choices";height:100%;vertical-align:middle;}
	.table_comparison_mobile>tbody>tr>td.empty{border:none!important;}
}


#locs ul {
	position:relative;
    margin: 0 0 30px -40px
}
#locs ul li {
    display: inline-block;
    background-color: #fff;
    border-top: 2px solid #d48a1d
}
#locs li a {
    padding: 4px 10px;
    font-size: 15px;
    display: inline-block;
    color: #d48a1d;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif
}
#locs ul li a:hover {
    background-color: #F5F5F5;
    display: inline-block
}
#locspnw ul {
    margin: 0;
	padding:0;
}
#locspnw ul li {
    display: inline-block;
    background-color: #fff;
    border-top: 2px solid #bcbcbc
}
#locspnw li a {
    padding: 4px 10px;
    font-size: 15px;
    display: inline-block;
    color: #A06916;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif
}
#locspnw ul li a:hover {
    background-color: #F5F5F5;
    display: inline-block
}
@media screen and (max-width:640px){
	#locs{padding:0!Important;}
	#locs ul{overflow:hidden;}
	#locs ul li{width:47%;float:left;display:inline;border-top:none;border-bottom:1px solid #d48a1d;margin-right:3%;}
	#locs ul li:nth-child(2n+1){clear:left;}
	#locs ul li a{font-size:13px;font-weight:bold;padding:4px 7px;}
	
	#locspnw{padding:0!Important;}
	#locspnw ul{overflow:hidden;}
	#locspnw ul li{width:47%;float:left;display:inline;border-top:none;border-bottom:1px solid #bcbcbc;margin-right:3%;}
	#locspnw ul li:nth-child(2n+1){clear:left;}
	#locspnw ul li a{font-size:13px;font-weight:bold;padding:4px 7px;}
}

/*modal*/
.modal-body.md_thin{padding:10px;}

.form_conversion{padding:20px;}
.vald{font-size:14px;font-weight:bold;line-height:15px;font-family:Verdana;}
.tbCheckbox{margin-right:3px;}
@media screen and (max-width:640px){
	.form_conversion{padding:20px 0;}
	.form_conversion_radio td{display:block;text-align:left;}	
}

/*helper*/
@media screen and (min-width:641px){
	.tableTwoCol td{width:50%;}	
}
@media screen and (max-width:640px){
	.removeMobile{display:none;}	
	.tdRowMobile td{display:block;text-align:left;}
	.nopaddingMobile{padding:0!important;}
	.noMarginMobile{margin:0!important;}
}

/*blog*/
.blog_wrap{}
.blog_wrap .crop{height:193px;overflow:hidden;position:relative;margin-bottom:15px;}
.blog_wrap .crop>a{width:100%;height:100%;display:block;position:relative;}
.pinterest_wrap{width:100%;position:relative;overflow:hidden;}

.side_menu{}
.side_menu .header{color:#72a088;font-size:28px;margin:0 0 30px 0;}
.side_menu hr{margin-top:40px;margin-bottom:40px;border-top:1px solid #807e7e;margin-right:30px;}
.side_menu>ul{position:relative;padding:0;list-style:none;font-size:18px;font-weight:bold;margin-bottom:40px;}
.side_menu>ul li{/*margin-bottom:3px;*/}
.side_menu>ul a{color:#49494d;display:block;}
.side_menu>ul ul{padding-left:27px;}
.side_menu>ul ul li{margin-bottom:0;}
.side_menu>ul ul a{font-size:12px;}
.side_menu>ul>li>ul{display:none;}
.side_menu>ul>li>ul.active{display:block;}

.side_items{position:relative;overflow:hidden;border:1px solid #f1f3f6;padding:20px;}
.side_items .item{width:42%;float:left;display:inline;margin:0 0 35px 5%;font-size:16px;}
.side_items .item .thumb{height:200px;position:relative;overflow:hidden;display:block;margin-bottom:15px;}
.side_items .item .thumb img{display:block;}
.side_items .item .title{display:block;margin-bottom:4px;font-size:18px;font-weight:bold;}
.side_items .item a{color:#c48e65;font-size:16px;display:block;}
.side_items .item:nth-child(2n){clear:both;}

@media screen and (max-width:1024px){
	.side_items .item{margin-bottom:20px;}
	.side_items .item .thumb{height:155px;}	
}
@media screen and (max-width:768px){
	.side_items .item .thumb{height:108px;}	
}
@media screen and (max-width:768px){
	.side_menu>ul{margin-bottom:20px;}
	.side_items .item{width:auto;margin:0;float:none;display:block;}
	.side_items .item .thumb{height:auto;}
	.side_menu hr{margin:20px 0;}
	.side_items{border:none;padding:0;}
}

.recipe_menu{margin-left:40px;padding-top:32px;background:#fff;position:relative;padding-left:10px;padding-right:10px;margin-bottom:30px;}
.recipe_menu>.inner{height:245px;position:relative;overflow:auto;margin-right:15px;}
.recipe_menu .header{color:#72a088;font-size:28px;margin:0 0 30px 0;}
.recipe_menu hr{margin-top:40px;margin-bottom:40px;border-top:1px solid #807e7e;margin-right:30px;}
.recipe_menu ul{position:relative;padding:0;list-style:none;font-size:18px;font-weight:bold;margin-bottom:40px;}
.recipe_menu ul li{margin-bottom:3px;}
.recipe_menu ul a{color:#49494d;}
.recipe_menu ul li.active a{color:#b28235;}
.recipeMenuFixed .recipe_menu{width:320px;position:fixed;top:0;}
@media screen and (max-width:1024px){
	.recipe_menu{margin-left:10px;}
}

#imaginary_container{max-width:210px;margin:12px 0 22px;}
.stylish-input-group .input-group-addon{background: white !important; margin-left:-1px;padding:6px;border-width:2px;}
.stylish-input-group .form-control{box-shadow:0 0 0; border-color:#ccc;border-left:none;padding:6px 3px 6px 0;font-weight:bold;font-size:18px;border-width:2px;}
.stylish-input-group button{border:0;background:transparent;}

.blogSubscribe {
    position: relative;
    padding-bottom: 12px;
    background: #eee;
}
.blogSubscribe>.header{position:relative;}
.blogSubscribe>.header>img{display:block;width:100%;height:auto;}
.blogSubscribe>.inner{position:relative;padding:0 23px;}
.blogSubscribe h3{font-size:19px;font-weight:bold;color:#72a088;margin:0 0 15px;}
.blogSubscribe input[type="submit"]{font-weight:bold;}
.blogSubscribe .error_email{display:none;margin-top:10px;color:red;font-weight:bold;font-size:12px;}
.blogSubscribe.active .error_email{display:block;}

.blogSubscribe>.header{position:relative;}
.blogSubscribe>.header>img{display:block;width:100%;height:auto;}
.blogSubscribe>.inner{position:relative;padding:0 23px;}
.blogSubscribe h3{font-size:19px;font-weight:bold;color:#72a088;margin:0 0 15px;}
.blogSubscribe input[type="submit"]{font-weight:bold;}
.blogSubscribe .error_email{display:none;margin-top:10px;color:red;font-weight:bold;font-size:12px;}
.blogSubscribe.active .error_email{display:block;}

@media screen and (max-width:670px){}


.outdoor_tabs{position:relative;}
.outdoor_tabs>ul{margin:0;padding:0;list-style:none;}
.outdoor_tabs>ul>li{width:20%;float:left;display:inline;text-align:center;background:url(https://systempavers.com/portals/_default/skins/sp_page_type1/img/ico_pavers.png) center top no-repeat;}
.outdoor_tabs>ul>li>a{display:block;border-bottom:1px solid #b5b0ad;padding:60px 0 16px 0;position:relative;text-decoration:none;color:#b5b0ad;}
.outdoor_tabs>ul>li:hover>a,
.outdoor_tabs>ul>li.active>a{color:#c48e65;}
.outdoor_tabs>ul>li:hover>a:before,
.outdoor_tabs>ul>li.active>a:before{width:17px;height:18px;position:absolute;bottom:0;left:50%;margin-bottom:-9px;margin-left:-9px;background:url(https://systempavers.com/portals/_default/skins/sp_page_type1/img/tab_needle.png) 0 0 no-repeat;content:"";}
.outdoor_tabs>ul>li.t_pavers{background-image:url(https://systempavers.com/portals/_default/skins/sp_page_type1/img/ico_pavers.png);}
.outdoor_tabs>ul>li.t_turf{background-image:url(https://systempavers.com/portals/_default/skins/sp_page_type1/img/ico_turf.png);}
.outdoor_tabs>ul>li.t_elements{background-image:url(https://systempavers.com/portals/_default/skins/sp_page_type1/img/ico_elements.png);}
.outdoor_tabs>ul>li.t_lighting{background-image:url(https://systempavers.com/portals/_default/skins/sp_page_type1/img/ico_lighting.png);}
.outdoor_tabs>ul>li.t_pergolas{background-image:url(https://systempavers.com/portals/_default/skins/sp_page_type1/img/ico_pergolas.png);}



/*DNN MISC*/
.dnn_iframe_map{height:360px;position:relative;}
.newsleter_img_alt_left{width:500px;height:auto;max-width:none;margin-left:-338px;}
@media screen and (max-width:768px){
	.newsleter_img_alt_left{width:357px;margin-left:-46px;}
}
@media screen and (max-width:670px){
	.newsleter_img_alt_left{margin-left:-30px;}
	.dnn_iframe_map{height:400px;}
}

/*NO HEADER*/
.dnn_no_header .mainMenuFixed{padding-top:0;}
.dnn_no_header .navbar-default{display:None;}

.dnn_no_header_nav .navbar-default>.container.header-bottom{display:none;}
.dnn_no_header_nav .navbar-default .navbar-toggle.collapsed{display:None;}
@media screen and (max-width:767px){
	.dnn_no_header body{padding-top:0;}
	.dnn_no_header .link_consult{display:none}
}


.footer-birthday{position:relative;background:url("https://systempavers.com/img/birthday/footerBackground.jpg") center center no-repeat;background-size:cover;}
.footer-birthday>.inner{max-width:1040px;position:relative;margin:0 auto;padding:40px 10px 50px;box-sizing:border-box;}
.footer-birthday h3{text-align:center;color:#2371b0;font-size:25px; margin-top:15px;}
.footer-birthday .fb-info{position:relative;overflow:hidden;}
.footer-birthday .fb-info>.item{width:25%;padding:20px;box-sizing:border-box;position:relative;;float:left;display:inline; padding:20px; margin-top:15px;margin:bottom:15px;}
.footer-birthday .fb-info>.item:nth-child(4n+1){clear:both;}
@media screen and (max-width:670px){
	.footer-birthday .fb-info>.item{width:50%;padding:20px;box-sizing:border-box;position:relative;;float:left;display:inline; padding:20px; margin-top:15px;margin:bottom:15px;text-align:center;}
	.footer-birthday .fb-info>.item:nth-child(4n+1){clear:none;}
	.footer-birthday .fb-info>.item:nth-child(2n+1){clear:both;}
}


/*DNN IMAGE MASK SLIDER*/
.maskPhoto{position:relative;display:inline-block;overflow:hidden;}
.maskPhoto>.maskPhoto-base{position:relative;z-index:1;background:#000;}
.maskPhoto>.maskPhoto-base>img{width:100%;display:block;}
.maskPhoto>.maskPhoto-mask{width:100%;height:100%;position:relative;z-index:2;top:0;right:0;overflow:hidden;border-left:1px solid #333;background:#000;}
.maskPhoto>.maskPhoto-mask>img{width:100%;height:100%;display:block;position:relative;top:0;right:0;}
.maskPhoto>.shadow{width:1px;height:100%;position:absolute;top:0;left:0;z-index:2;}
.maskPhoto>.shadow:before{width:50px;height:100%;position:absolute;top:0;right:0;content:"";opacity:.3;
	background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,1)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,1)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1)); /*Standard*/
}

/*SWEEPSTAKES*/
.sweepstake_list{max-width:515px;margin:0 auto;position:relative;overflow:hidden;}
.sweepstake_list>.item{display:inline-block;padding:8px 16px;cursor:pointer;border:1px solid transparent;background-color:#f5f5f5;margin-right:-1px;z-index:1;position:relative;opacity:.5}
.sweepstake_list>.item:hover,
.sweepstake_list>.item.active{border:1px solid #a09994;z-index:2;opacity:1;}
.sweepstake_list>.item>img{width:100%;height:auto;}
.sweepstake_selection option{background:#fff;color:#000;}
@media screen and (max-width:670px){
	.sweepstake_list>.item{width:50%;}
}

.dnn_map{height:365px;position:relative;padding:0 15px;}
.dnn_map>iframe{height:100%;position:relative;}
#map-canvas{height:100%;}
@media screen and (max-width:670px){
	.dnn_map{height:650px;position:relative;}
	#map-canvas{height:358px;}
	.server_form{overflow:hidden;}
}


/*POPUPS*/
.modal-vertical-alignment-helper {display:table;height: 100%;width: 100%;pointer-events:none;}
.modal-vertical-align-center {display: table-cell;vertical-align: middle;pointer-events:none;}
/*.modal-content {width:inherit;height:inherit;margin: 0 auto;pointer-events:all;}*/
@media screen and (max-width:670px){
    .modal-vertical-alignment-helper {display:normal;width:auto;height:auto;pointer-events:all}
    .modal-vertical-align-center {display:normal;vertical-align:initial;pointer-events:all}
}


/*Sweepstake1k*/
.modal-popPromo-content{width:750px;height:520px;margin:auto;position:relative;}
.pop_sweep1k{position:relative;height:520px;background:#fff;border-radius:5px;}
.pop_sweep1k .btn_close{width:25px;height:25px;text-align:center;line-height:20px;color:#fff;position:absolute;top:-25px;right:-25px;cursor:pointer;font-size:20px;display:block;}
.pop_sweep1k .col_l{width:392px;height:520px;float:left;display:inline;position:relative;overflow:hidden;}
.pop_sweep1k .col_l img{width:100%;height:auto;}
.pop_sweep1k .col_r{width:353px;float:left;display:inline;overflow:hidden;}
.pop_sweep1k .col_r>.inner{padding:20px 15px 0 18px;}
.pop_sweep1k .form_conversion{padding:0;}
.pop_sweep1k .conv_rules{padding:0!important;background:transparent!important;font-size:11px;}
.pop_sweep1k .conv_rules p{margin-bottom:10px;}
.pop_sweep1k .sweep_short_disable{display:none;}
.pop_sweep1k .sweep_short_br{height:8px;}
.pop_sweep1k .field_item{margin-bottom:12px;}
.pop_sweep1k label{margin-bottom:0;font-size:13px;font-weight:bold;}
.pop_sweep1k .chkIsMobile input[type="checkbox"]{width:auto;height:auto;margin-right:5px;}
.pop_sweep1k .form-control{padding:0 10px;height:30px;}
.pop_sweep1k input[type=checkbox],
.pop_sweep1k input[type=radio]{margin:0;}
.pop_sweep1k .conv_submit{width:100%;font-size:16px;background:#d84129!important;border:none!important;}

.pop_sweep1k  .fi_firstname{width:139px;float:left;display:Inline;margin-right:11px;}
.pop_sweep1k  .fi_lastname{width:169px;float:left;display:Inline;}
.pop_sweep1k  .fi_address{width:139px;float:left;display:Inline;margin-right:11px;}
.pop_sweep1k  .fi_state{width:80px;float:left;display:Inline;margin-right:11px;}
.pop_sweep1k  .fi_zip{width:75px;float:left;display:Inline;}
.pop_sweep1k  .lblFormMsg{}
.pop_sweep1k  .tbCheckbox>input[type="checkbox"]{vertical-align:top;}
.pop_sweep1k  .lblErrorTerms{display:none;}
.pop_sweep1k .thankyou{position:relative;display:none;}
.pop_sweep1k .thankyou>img{width:100%;height:auto;}
@media screen and (max-width:670px){
	.modal-popPromo-content{width:90%;height:auto;margin:30px 5%;}
	.pop_sweep1k{height:auto;}
	.pop_sweep1k .col_l{width:auto;height:auto;background:none;float:none;display:block;border-radius:none;}
	.pop_sweep1k .col_r{width:auto;float:none;display:block;}
	.pop_sweep1k .field_item{width:100%;display:block;float:none;}
	.pop_sweep1k .btn_close{display:block;right:0;}
}

/*for Careers page */
.careerContainer{
    padding-top:40px;
}
.careerContainer .titleHeadline{
    font-size:25px;
    color:#c48e65!important;
	margin:0px;	
	margin-bottom:15px;
	font-family:inherit;
	text-transform: uppercase;
	
}
.careerContainer .btnStyle{
	padding-top:0px;
	background-color:#d83f21!important;
	font-size:16px;
	font-weight:600;
	text-align:center;
	padding-top:5px;
	border:1px solid #d83f21!important;
	
}
.careerContainer .star{
	      list-style-image:url(/img/Career/bullet.jpg); 
		  list-style-position: initial;
		  background-position: center-left;
 }

 
 /* for jpt-offer page*/
 
   .btnStylejpt-offer{
    padding-top: 0px;
    background-color: #d83f21!important;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding-top: 5px;
    border: 1px solid #d83f21!important;
    color:#fff;
    }
   .jpt-offer .outerdiv {
            padding-bottom: 15px;
        }

   .jpt-offer .txtStyle {
            display: inline;
   }
.jpt-offer .belowButton {
    padding-bottom:35px;
}
    @media screen and (max-width:670px) {
            .jpt-offer .txtStyle {              
                margin-bottom: 10px;
                display:block!important;
            }
        }

.jpt-offer .header {
    color: #dd4c27; 
    font-weight: bold; 
    font-size: 50px; 
    margin-bottom: 0px!important; 
    padding-top: 40px;
}
@media screen and (max-width:670px) {
            .jpt-offer .header {              
              font-size: 35px;     
                padding-top: 0px;
            }
        }
		
		
		/*New Openhouse Design Shalini*/

/*.newopenhouse .newlink{
    color:#f3f1ef;font-style:italic;font-size:22px; font-family:Fournier MT Std;padding-left:45px;
}*/
.newopenhouse .newlink{
    color:#f3f1ef;font-style:italic;font-size:25px;font-weight:bold;font-family:Fournier MT Std;
}
.newopenhouse .headerh3{
    color: #d84527; font-size: 20px; font-weight: bold;text-align:center;margin-top:15px!important;margin-bottom:15px!important;
}
.newopenhouse .iframediv{
    background-color:#f3f1ef;padding-right: 20px;padding-left:20px;padding-top:5px;
}
.newopenhouse .outeriframediv{
    position:absolute;bottom:5px;
}
.newopenhouse .infodivwhere{
    background-color:#8b211b;padding-top:15px;text-align:center;
}
.newopenhouse .infodivwhen{
    border-right:solid 5px #fff;padding-top:15px;
}
 .newopenhouse .billimage{ 
	width:184px;
	margin:0 auto;
	padding-bottom:10px;
    /* margin-left:90px;margin-bottom:25px;  */
 } 
.newopenhouse .eventdetails{
    font-size:25px;padding-top:20px;margin-bottom:5px!important;
}
.newopenhouse .outereventdetails{
    background-color:#f3f1ef;position:relative;right:-30px
}
.newopenhouse .stylewhereP{
	color:#fff;font-family:inherit;text-align:center;padding-right:480px;
}
.newopenhouse .stylewhenP{
    color:#fff;font-family:inherit;text-align:center;
}

.newopenhouse .stylewhyP{
color:#fff;font-family:inherit;text-align:center;padding-left:100px;
}

.newopenhouse .divstyleinfo{
	border-top:solid 5px #fff;background-color:#8b211b;
}
.newopenhouse .onmobile{
	padding-top:15px;
	padding-bottom:10px;
}

@media screen and (max-width:990px) {
            .newopenhouse .outeriframediv {              
               position:relative;
			   bottom:auto;
            }
			.newopenhouse .outereventdetails{
				position:relative;right:0px;margin-top:15px;
			}
		
		.newopenhouse .infodivwhere{
				border-right:0px;height:auto;}
				.newopenhouse .infodivwhen{
				border-right:0px;height:auto;}
.newopenhouse .stylewhereP{
			padding-right:0px;
}
.newopenhouse .stylewhyP{
   padding-left:0px;
}
.newopenhouse .divstyleinfo{
	border-top:0px;
	}
.newopenhouse .removevspacer{
	margin-bottom:0px!important;
}
.newopenhouse .onmobile{
	background:#8b211b;
	display:block;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
.newopenhouse .imgcenter{
	max-width:200px;
	margin:0 auto;
}
.newopenhouse .headerh3{
    padding-top:10px!important;
	padding-bottom:10px!important;
}
.newopenhouse .billimage{
	 /* margin:0 auto;  */
	/* display:block; */
	/* margin-left:0px;margin-bottom:0px; */
	/* padding-bottom:10px; */
}
.newopenhouse .iframediv{
    padding-top:10px;
}

}



/*el nino DNN page*/

.elnino h2{font-size:40px;color:#296294;padding-top:20px;}
	.elnino .imgBull{display:block;margin:0 auto 12px;}
	@media screen and (max-width:1024px){
		.elnino .align_left img{margin-left:0;left:0;}	
	}
	@media screen and (max-width:670px){
		.elnino .align_left img{height:130px!Important;}	
	}
		
		.elnino .bull_list{font-weight:bold;font-size:20px;max-width:480px;margin:20px auto;text-align:left;position:relative;left:20px;}
					.elnino .bull_list>.item{padding-left:45px;position:relative;margin-bottom:20px;}
					.elnino .bull_list .bull{position:absolute;top:-2px;left:0;}
					.elnino .disc_link{cursor: pointer; color: #b78e39}
					.elnino .disc_link:hover{text-decoration:underline;}
					@media screen and (max-width:670px){
						.elnino .bull_list{padding-right:20px;}	


					}
			
.elnino .gallery-more{height:auto;}
.elnino .imagine_list{background-color:#eff3e8;padding:20px 0 45px;}
.elnino .imagine_list h2{color:#678e27;font-size:40px;}
.elnino .imagine_list h5{color:#678e27;font-weight:bold;}

.elnino .sb_link{text-decoration:underline;}
.elnino .sb_link:hover{text-decoration:none;cursor:pointer;}
@media screen and (max-width:1024px){
	.elnino .hero.alt_promo1000>img, .elnino .hero.alt_promo1000>a>img{margin-left:-607px;}
}
@media screen and (max-width:768px){
	.elnino .hero.alt_promo1000>img, .elnino .hero.alt_promo1000>a>img{margin-left:-590px;}
}
@media screen and (max-width:767px){
	.elnino .hero.alt_promo1000>img, .elnino .hero.alt_promo1000>a>img{margin-left:-320px;}
}
@media screen and (max-width:670px){
	.elnino h2{font-size:30px;color:#296294;padding-top:10px;}
	.elnino .hero.alt_promo1000>img, .elnino .hero.alt_promo1000>a>img{margin-left:-430px;}
	
	.elnino .form_promo .field_item,
	.elnino .form_promo .field_item.alt_state,
	.elnino .form_promo .field_item.alt_zip{width:auto;float:none;display:block;}
	.elnino .form_promo .field_item.alt_interest{float:left;}
	
	.elnino .form_promo .field_item.alt_interest .wrp_table{padding:0;background:transparent;}
	.elnino .form_promo .field_item.alt_interest .wrp_table td{width:100%;display:block;}
	.elnino .text-center-mobile{text-align:center!important;}
	
	
	 .elnino .mobileCenter{text-align:center;display:block;}	
}



/*25th anniversary sale*/

.anniversary .offer{
    border-right: 1px solid #b38335; text-align: center;
}
.anniversary .btnspace{
    padding-bottom: 20px; padding-top: 0px !important;
}
.anniversary .offerDetails{
    padding-top: 50px;
}

.anniversary .offerheaderTop{
    color: #b38335; font-size: 20px; font-weight: bold; margin-bottom: 0px !important;
}
.anniversary .offerheaderbottom{
    color: #000000; font-size: 20px; font-weight: bold; margin-top: 2px !important; margin-bottom:5px!important;
}
.anniversary .btn2nd{
    padding-bottom: 50px; padding-top: 0px !important;
}

.anniversary .formSpace{
    padding-top: 40px; padding-bottom: 0px;
}

.anniversary .galleryHeader{
    font-size: 30px; color: #786e62;
}
.boxAnniversaryphone{
    position: absolute; bottom: 5px;
}
.anniversary .optionDetails{
    color: #b38335; padding-top: 10px;
}

@media screen and (max-width:970px){
	.anniversary .offer{border-right: 0px; text-align: center;}
	
}

@media screen and (max-width:670px){
	.anniversary .btn2nd{
    padding-bottom: 30px; padding-top: 0px !important;}
    .anniversary .galleryHeader {
        font-size: 20px !important;
    }
    .anniversary .optionDetails{
    padding-bottom: 10px;
}

}

@media screen and (max-width:1020px){
	.boxAnniversary{
    display:none;}
    .boxAnniversaryphone{position:relative;bottom:auto;margin:0 auto;}
     .boxAnniversaryphone .imgcenter{max-width:300px;margin:0 auto;}
}

.diamond_aniversary{max-width:700px;height:340px;margin:0 auto;position:relative;}
.diamond_aniversary>.item{position:absolute;top:0;left:0;z-index:2;transition: all 2s ease;opacity:0;}
.diamond_aniversary>.item>img{width:100%;height:auto;}
.diamond_aniversary>.item.i1{width:211px;height:210px;top:50%;left:0;margin-left:-105px;margin-top:-105px;z-index:3;padding-top:300px;}
.diamond_aniversary>.item.i2{width:320px;height:322px;top:50%;left:25%;margin-left:-160px;margin-top:-160px;padding-top:200px;}
.diamond_aniversary>.item.i3{width:330px;height:327px;top:50%;left:50%;margin-left:-165px;margin-top:-165px;z-index:4;padding-top:100px;}
.diamond_aniversary>.item.i4{width:325px;height:319px;top:50%;left:75%;margin-left:-162px;margin-top:-162px;padding-top:200px;}
.diamond_aniversary>.item.i5{width:210px;height:213px;top:50%;left:100%;margin-left:-105px;margin-top:-105px;z-index:3;padding-top:300px;}
/* #confetti{width:120%;height:100%;position:absolute;top:0;left:-10%;overflow:hidden;z-index:10;opacity:.01;transition: all 1s ease;} */
		
.animate_diamond_aniversary .diamond_aniversary>.item{padding-top:0;opacity:1;}
.animate_diamond_aniversary #confetti{opacity:1;}

@media screen and (max-width:768px) {
    /* #confetti { */
        /* display: none; */
    /* } */
    .diamond_aniversary{
        height:180px;
    }
    .diamond_aniversary {
        margin: 0 80px;
    }

        .diamond_aniversary > .item {
            opacity: 1;
            padding-top: 0 !important;
        }

            .diamond_aniversary > .item.i1 {
                width: 75px;
                height: 75px;
                margin-left: -35px;
                margin-top: -35px;
            }

            .diamond_aniversary > .item.i2 {
                width: 130px;
                height: 130px;
                margin-left: -55px;
                margin-top: -55px;
            }

            .diamond_aniversary > .item.i3 {
                width: 150px;
                height: 150px;
                margin-left: -75px;
                margin-top: -75px;
            }

            .diamond_aniversary > .item.i4 {
                width: 130px;
                height: 130px;
                margin-left: -55px;
                margin-top: -55px;
            }

            .diamond_aniversary > .item.i5 {
                width: 75px;
                height: 75px;
                margin-left: -35px;
                margin-top: -35px;
            }
}

/*BillHandl page*/

.billHandel .detaildesc{
    padding-right: 30px; padding-left: 30px;
}
 .billHandel .videobg1{
        color: white; font-size: 25px; margin-bottom: 15px; font-family: inherit; font-weight: 600; margin-top: 0px;padding-top:30px;
    }
 .billHandel .videobg{
       background: url('https://systempavers.com/img/Billhandel/videobg.jpg') center top / cover no-repeat; width: 100%;

    }
@media screen and (max-width:768px) {
    .billHandel .detaildesc{
    padding-right: 10px; padding-left: 10px;

}
    .billHandel .videobg{
        background:none;

    }
     .billHandel .videobg1{
        color: Red;
        padding-top:0px;
    }
      .billHandel .videobg2{
        padding-right:0px!important;
        padding-left:0px!important;
    }
}


.gallery-section h2{
    margin-bottom:10px;
    line-height:26px;
}

.text-center{
    text-align:center;
}

.file-not-found-container {
    padding: 40px 0;
    font-family: Arial, Helvetica, sans-serif
}

.hero.file-not-found {
    background-image: url(/images/promotions/OldOfferBanner.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    min-height: 400px;
}

.file-not-found-container .heading {
    color: #B28235;
    font-size: 30px;
    font-weight: bold
}

#over_map{}

#over_map select {
    padding: 3px 0;
}
.promo-notes{
    font-size:13px;
    text-align:center;
}

.img-center {
    margin: 0 auto
}
.img-col{
    display:block;
    max-width:100%;
    height:auto;
    margin:0 auto 20px;
}
.awards-logo img{
    padding:0 5px;
}

.promo-btn{
    padding:10px 70px;
    font-size:16px;
    text-transform:uppercase
}

.form-content .fi_firstname, .form-content .fi_lastname {
    width: 48%;
    float: left;
    display: inline;
    margin-right: 2%;
    position: relative;
}
.form-content .fi_address {
    width: 48%;
    float: left;
    display: inline;
    margin-right: 2%;
    position: relative;
}

.form-content .fi_state {
    width: 48%;
    float: left;
    display: inline;
    margin-right: 2%;
    position: relative;
}

.form-content .fi_zip {
    width: 48%;
    float: left;
    display: inline;
    margin-right: 2%;
    position: relative;
}

.form-content .fi_phone {
    width: 48%;
    float: left;
    display: inline;
    margin-right: 2%;
    position: relative;
}
.form-content .fi_email {
    width: 98%;
    margin-right: 2%;
}	     
.form-content .form-group{
    text-align:left;
}
.form_conversion input[type=checkbox] {
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-top:0;
}

.schedule-appt .appt-box {
    max-width:80%;
    min-height:100px;
    border:1px solid #cccccc;
    border-radius:10px;
    margin:20px 0;
    display:flex;
    padding:30px 20px 15px 20px;
    cursor:pointer;
    overflow:hidden;
    justify-content:center;
    align-items:center;
}
.schedule-appt .box-icon{
    float:left;
    width:15%;
}
.schedule-appt .note {
    /*font-size: 0.875rem;*/
    font-size: 14px;
    font-style: italic;
    color: #6b9d8b
}
.schedule-appt .box-copy {
    float: left;
    width: 70%;
    margin-right: 30px
}
.schedule-appt .ty-box{
    min-width:35%;
    margin:20px 0;
    float:left
}
.schedule-appt .col-icon {
    float:left;
    margin-right:15px;
    margin-top:4px
}
.schedule-appt .col-copy {
    float: left;
    /*width: 80%;*/
}
.schedule-appt .box-arrow {
    float: left;
    border: solid #707070;
    border-width: 0px 2px 2px 0px;
    display: inline-block;
    transform: rotate(-45deg);
    padding: 4px;
}
.schedule-appt .subhead {
    /*font-size:18px;*/
    font-size: 1.125rem; 
    font-weight: bold;
    color: #2E2C2C
}
.schedule-appt label{
    font-size:14px;
}
.schedule-appt .form_conversion{
    padding:0;
}
.schedule-appt .fi_firstname, .schedule-appt .fi_lastname, .schedule-appt .fi_state, .schedule-appt .fi_zip {
    width: 48%;
    float: left;
    display: inline;
    margin-right: 2%;
    position: relative;
}
.schedule-appt .fi_address, .schedule-appt .fi_phone, .schedule-appt .fi_email {
    width: 98%;
    float: left;
    position: relative;
}
.schedule-appt .fi_submit .btn-primary,
.schedule-appt .fi_submit .btn-primary.focus,
.schedule-appt .fi_submit .btn-primary:focus,
.schedule-appt .fi_submit .btn-primary:active {    
    background: #4ACE4F !important;
}
.schedule-appt .btn[disabled] {
    background: #C3C3C3 !important;
    cursor:default
}
.schedule-appt .form-control {
    border-radius: 10px;
    min-height: 40px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #C3C3C3
}
.schedule-appt .input-group-addon {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 0;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    border-top: 1px solid #C3C3C3
}
.schedule-appt .row {
    margin-left: 0;
    margin-right: 0;
}
.schedule-appt input[type=checkbox] {
    width: 20px;
    height: 20px;
    border:1px solid #C3C3C3;
    border-radius: 5px;
    vertical-align: top;
    margin-top:0;
}
.schedule-appt .fi_appt_area label {
    font-weight: normal;
}
.schedule-appt .fi_appt_area table tr td{
   /*padding-right:30px;*/
   padding-bottom:5px;
}
.schedule-appt {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1rem;
    color: #707070
}
.schedule-appt .appt-bg {
    background: url(/images/online-appt/outdoor-living-bg.jpg) no-repeat;
    background-position: left top;
    min-height: 990px;
    background-size: cover;
    position: relative
}
.schedule-appt h2 {
    /*font-size:46px;*/
    font-size: 2.875rem; 
    font-family: 'Playfair Display', Arial;
    color: #fff;
    text-align: left;
    /*line-height:40px;*/
    line-height: 2.5rem;
}
.schedule-appt .content-container{
    position:relative;
}
.schedule-appt .content {
    background-color: #fff;
    padding: 50px 40px 40px 40px;
    z-index:1;
    border-radius: 10px;
    position: absolute;
    left: -100px;
    top: 10px;
    min-height:700px;
}
.schedule-appt .container {
    padding:30px 40px;
}
.schedule-appt p{
    margin-top:0;
    margin-bottom:15px;
}
.schedule-appt .appt-footer {
    color:#fff;
    font-family:Arial;
    /*font-size:17px;*/
    font-size:1.0625rem; 
    position:absolute;
    bottom:10%;   
}
.schedule-appt .appt-footer a{
    color: #fff;
    margin:0 0 0 30px;
    text-decoration:underline
}
.schedule-appt .appt-footer hr{
    border-top:1px solid rgba(255,255,255,1);
    margin-bottom:20px;
}
.schedule-appt .phone{
    color:#707070;
    font-weight:bold;
    vertical-align:text-bottom;
    font-size:1.125rem;
}
.schedule-appt .phone-xs{
    width:35px;
    height:35px;
    border-radius:4px;
    background: url(https://systempavers.com/img/mobile/phone.png) center center no-repeat;
    display:inline-block;
    /*background-color:#4ACE4F;*/
    border:1px solid #c7c7c7;
    position:relative;
    top:5px;
    right:10px;
}
.schedule-appt .navbar-toggle{
    margin:0;
}
.schedule-appt .navbar{
    min-height:0;
    margin-bottom:0;
    float:right
}
.schedule-appt .appt-footer-legal {
    margin-top:770px;
    color:#C3C3C3;
    /*font-size:14px;*/
    font-size:0.875rem;
}
.schedule-appt .appt-footer-legal span{
    font-size:13px;
}
.schedule-appt .appt-loader{
   background:url(/img/loader.gif) no-repeat;
   background-position:center center;
   width:20px;
   height:20px;
   margin:0 auto;
   display:none
}
.schedule-appt .bg-gray {
    background: #F3F4F8;   
}
.schedule-appt .copy-green{
    color:#6b9d8b
}
.schedule-appt .btn-back {
    color: #C3C3C3;
    font-size:14px;      
    margin:20px 0 40px 0;
    display:block;
}
.schedule-appt .arrow {    
    border: solid #C3C3C3;
    border-width: 0px 2px 2px 0px;
    display:inline-block;
    transform: rotate(135deg);
    padding:6px;
    vertical-align:text-bottom
}

.schedule-appt .headline {
    /*font-size:24px;*/
    font-size: 1.5rem;
    font-weight: bold;
    color:#2E2C2C;
    margin-bottom:30px;
    line-height:28px;
}
.schedule-appt .headline2 {
    /*font-size:24px;*/
    font-size: 1.5rem;
    color:#6b9d8b;    
    line-height:28px;
}
.schedule-appt .ty-headline {
    /*font-size:40px;*/
    font-size: 2.5rem;
    font-weight: bold;
    color:#2E2C2C;
    margin-bottom:30px;
    line-height:28px;
}
.schedule-appt .tip-box{
    border-top:1px solid #4ACE4F;
    border-bottom:1px solid #4ACE4F;
    border-left:6px solid #4ACE4F;
    border-right:1px solid #4ACE4F;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    min-height:100px;
    padding:20px;
    width:90%;
    margin:30px 0;
    /*font-size:14px;*/
    font-size:0.875rem
}
.schedule-appt .subhead2{
    font-size:20px;
    font-weight:bold
}
.schedule-appt .avail-box{
    float:right;
     /*font-size:14px;*/
    font-size:0.875rem;
    margin-top:10px
}
.schedule-appt .avail-box span{
    width:20px;
    height:20px;
    border:1px solid #C3C3C3;
    border-radius:5px;
    display:inline-block;
    vertical-align:top;
    margin-right:10px
}
.schedule-appt .text-sm{
    font-size:12px;
}
.schedule-appt .fi_appt_time table {
    border-collapse: separate;
    border-spacing: 5px;
}
.schedule-appt .grid-col {
    width: 120px;
    border: 1px solid #a09994;
    border-radius: 10px;
    height:40px;
    line-height:40px;
    text-align:center;
    cursor:pointer;
    font-weight:bold
}
.schedule-appt .selected-time {
    border: 1px solid #4ACE4F;
    background: #4ACE4F;
    color: #fff
}
.schedule-appt .fi_appt_date, .schedule-appt .fi_appt_time {
    width: 100%;
    display:block;
    position: relative;
}
.responsive-content{
    padding:0;
}
.pt-8 {
    padding-top: 80px;
}
.pt-4{
    padding-top:40px;
}
.fi_save{
    margin:15px 0;
}
.apptdatepicker {
    z-index: 100000 !important;
    background:url(/images/online-appt/calendar-date.png) no-repeat 7px 7px;
    padding-left:40px;
    cursor:pointer
}

.dnn-map .blue-text {
    color: #296294
}
.dnn-map h2 {
    font-size: 20px;
    line-height: 1.5rem;
    text-align: center;
    color: #B28235;
    margin-top:0;
}
.mt-2 {
    margin-top: 20px;
}
.mt-4 {
    margin-top: 40px;
}
a.text-teal {
    color: #287791;
    text-decoration:underline
}
.referral .container{
    padding-top:30px;
    padding-bottom:30px;
}
.referral hr {
    margin: 30px 0 30px 0;
    border: 1px solid #c5c5c5
}
.referral h2 {
    font-size: 30px;
    text-align: center;
    color: #3D709E;
    margin-bottom:30px;
    line-height:30px
}
.referral .headline {
    font-size: 24px;
    text-transform: uppercase;
    color: #3D709E;
    font-weight:bold;
}
.referral .h3 {
    font-size: 20px;
    font-weight: bold
}
.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important
}
.referral-steps{
    margin: 50px 50px 0 0;
}
.referral-banner{
    background:url(../images/myreferral/referral-banner.jpg) center center no-repeat;
    background-size:cover;
    min-height:440px;
    width:100%;
    display:block;
    text-align:center;
    position:relative;
}
.referral-bannerReward {
    background: url(../images/myreferral/referralBanner.jpg) center center no-repeat;
    background-size: cover;
    min-height: 440px;
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
}
.ref-banner-btn{
    margin-top:22em !important
}
.referral .lblHeroMsg {
    background: #C48E66;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    color: #fff;
}
.referral .headline-brown {
    font-size: 20px;
    color: #C48E6D
}
.referral-term {
    color: #C48E6D;
    cursor: pointer;
}
.referral-term:hover{
    text-decoration:none;
    color: #C48E6D;
}
.referral-box-bg1 {
    background: url(../images/myreferral/BG1.jpg) center center no-repeat;
}
.referral-box-bg2 {
    background: url(../images/myreferral/BG2.jpg) center center no-repeat;
}
.referral-box-bg3 {
    background: url(../images/myreferral/BG3.jpg) center center no-repeat;
}
.referral-box {    
    margin: 20px auto;
    height: 228px;
    padding: 50px 40px;
}
.referral-box-icon{
    float:left;
    width:15%;
    margin-right:5px;
}
.referral-box-headline{
    font-size:24px;
    float:left;
    width:80%;
}
.referral .signup-btn {
    background: #3D709E;
    color: #fff;
    text-align: center;
    border: 1px solid #3D709E;
    width:120px;
    margin-top:30px;
}
table.sweeps-date{
    border-collapse:collapse;
    width:100%
}
table.sweeps-date th, table.sweeps-date td{
    border:1px solid #ddd;
    padding:10px;
}
.sweepstakes {
    font-size: 16px;
    color: #6D6865;
    margin-top:30px;
}
.sweepstakes .red-text {
    color: #CC3C33;
    font-weight:bold
}
.sweepstakes .msg{
    font-size:18px;
}
.vcenter{
    display:flex;
    justify-content:center;
    flex-direction:column;
    min-height:300px
}
.sweepstakes .notes{
    font-size:14px;
    text-align:center;
    font-style:italic;
    margin:20px 0;
}
.sweepstakes h2 {
    color: #CC3C33;
    font-size:20px;
}
.sweepstakes-banner {
    background: url(../img/promotions/sweepstakes/sweepstakes50k-banner.jpg) center center no-repeat;
    background-size: cover;
    min-height: 440px;
    width: 100%;
    display: block;
}
.sp-bg-red {
    background-color: #c93b32
}
.sp-white {
    background-color: #ffffff;
    color: #293A43;
}
a.sp-text-gold {
    color: #C48E65
}
.sp-text-green {
    color: #6b9d8b
}
.sp-bg-green {
    background-color: #6b9d8b
}
.sp-text-white {
    color: #ffffff
}
.sp-text-blk, .sp-text-blk:hover{
    color:#000;
    text-decoration:none
}
.sp-middle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.btn-primary,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:active {
    background: #c48e65 !important;
    color: #fff;    
    border-color:transparent;
}
.btn-primary:hover{background:#7f573d!important;text-decoration:none;border-color:transparent}
.btn {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 8px 16px;
    min-width: 170px;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    text-transform:capitalize
}
.sp-btn {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    min-width:170px;
    padding: 8px 16px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent
}
.sp-btn-gold {
    background-color: #C48E65;
    color: #ffffff;
}
.sp-btn-gold:hover {
    background-color: #7f573d;
    color: #ffffff;
    text-decoration:none
}
.sp-btn-white, .sp-btn-white:hover {
    background-color: #ffffff;
    color: #293A43;
    text-decoration: none;
}
#swTitle {
    color: #d85038;
    font-weight: bold;
    text-align: center
}

#pnForm .form_conversion .field_item.fi_submit {
    text-align: center
}
.home-loc-list {
    width: 200px;
    margin: 0 auto;
    text-align: left;
}
.home-loc-list a{
    text-decoration:underline;
    font-size: 18px;
}
.outdoor-features-header {
    background-image: url('/images/outdoor/outdoor-features-header.jpg');
}
.firepits-header {
    background-image: url('/images/outdoor/firepit-header.jpg');
}
.fireplace-header {
    background-image: url('/images/outdoor/fireplace-header.jpg');
}
.lighting-header {
    background-image: url('/images/lighting/lighting-header.jpg');
}
.mailbox-header {
    background-image: url('/images/outdoor/mailbox-header.jpg');
}
.pergolas-header {
    background-image: url('/images/outdoor/pergolas-header.jpg');
}
.walls-header {
    background-image: url('/images/outdoor/retaining-walls-header.jpg');
}


@media (max-width:767.98px) {
    .schedule-appt .btn-close {
        margin-top: 20px;
        margin-right: 20px
    }    
    .home-vcenter {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .home-arrow-more {
        float: left;
        border: solid #707070;
        border-width: 0px 2px 2px 0px;
        display: inline-block;
        transform: rotate(-45deg);
        padding: 4px;
    }
    .home-loc-list{
        width:100%
    }
    .loc-text {
        text-align: left
    }
    .section-home h2, .homeLocations h2 {
        font-size: 16px;
        line-height:16px
    }
    .ref-banner-btn {
        margin-top: 14em !important
    }
}
@media (max-width: 575.98px) {
    .form-content .fi_firstname, .form-content .fi_lastname, .form-content .fi_address, .form-content .fi_state, .form-content .fi_zip, .form-content .fi_phone {
        width: 98%;
    }
    .schedule-appt .content {        
        position: relative;
        padding:30px 20px;
        left: 0;
        top: 10px;
    }
    .schedule-appt .container {
        padding: 30px 0;
    }
    .schedule-appt .appt-box{
        width:100%;
        max-width:100%
    }
    .schedule-appt .appt-footer-legal{
        margin-top:50px
    }
    .schedule-appt .tip-box {        
        width: 100%;
    }
    .schedule-appt .box-copy {
        width: 80%;
        margin-right: 0;
        margin-left:20px;       
    }
    .schedule-appt .grid-col {
        width: 80px;
    }
    .schedule-appt .fi_appt_time table {
        border-spacing: 2px 5px;
    }

    .img-sm-center {
        margin: 0 auto
    }
    .referral .lblHeroMsg {
        font-size: 18px;
    }
    .referral h2 {
        font-size: 26px;
        line-height: 30px
    }
    .referral .headline-brown {
        font-size: 18px;
    }
    .referral-banner {
        min-height: 200px;
    }
    .sweepstakes-banner {
        min-height:200px
    }
    .text-right-xs {
        text-align: right
    }
    .btn {
        min-width: 150px;
    }

    .rptImages {
        width: 200% !important; 
        text-align: center;
        overflow: hidden; 
    }

    .rptImages img {
        position: relative;
        left: 5%;
        margin-left: -30%;
    }    
    .sp-middle {
        display: block;
    }
    .img-col {
        float: left;
        width: 40%;
        margin-right: 20px
    }
    .text-xs-col {
        text-align: left;
        width: 50%;
        float: left;
        font-size:12px;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) {
    .schedule-appt .content {
        position: relative;
        padding: 30px;
        left: 0;
        top: 10px;
    }
    .schedule-appt .appt-footer-legal {
        margin-top: 50px
    }
    .schedule-appt .tip-box {
        width: 100%;
    }
    .schedule-appt .grid-col {
        width: 80px;
    }
    .schedule-appt .fi_appt_time table {
        border-spacing: 2px 5px;
    }
    .img-sm-center {
        margin: 0 auto
    }
    .referral-box-headline {
        font-size: 20px;
    }
    .referral-banner {
        min-height: 300px;
    }
    .sweepstakes-banner {
        min-height: 250px
    }
    .text-right-xs {
        text-align: right
    }    
    .sp-middle {
        display: block;
    }
    .img-col {
        float: left;
        width: 30%;
        margin-right: 20px
    }
    .text-xs-col {
        text-align: left;
        width: 65%;
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .schedule-appt .content {
        position: relative;
        padding: 30px;
        left: 0;
        top: 10px;
    }
    .schedule-appt .appt-footer-legal {
        margin-top: 50px
    }
    .schedule-appt .tip-box {
        width: 100%;
    }
    .referral-box-headline {
        font-size: 20px;
    }
    .referral-steps {
        margin: 30px 10px 0 0;
    }
    .referral-banner {
        min-height: 300px;
    }
    .sweepstakes-banner {
        min-height: 300px
    }
    .section-home h2, .homeLocations h2 {
        font-size: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .schedule-appt .content {   
        position:relative;
        left:0;
    }
    .schedule-appt .appt-footer-legal {
        margin-top: 50px
    }
    .schedule-appt .tip-box {
        width: 100%;
    }
    .schedule-appt h2 {
        font-size: 2.25rem;
        line-height: 2rem;
    }
    .referral-box-headline {
        font-size: 20px;
    }
    .referral-banner {
        min-height: 300px;
    }
    
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .schedule-appt .appt-footer-legal {
        margin-top: 810px
    }
    .schedule-appt .tip-box {
        width: 100%;
    }
    .schedule-appt h2 {
        font-size: 2.25rem; 
        line-height: 2rem;
    }
}

.evidon-prefdiag-tabfooter{
    height:60px !important
}
.sp-h2 {
    font-size: 2rem; /*32px*/
    font-family: 'Playfair Display', Arial;
    font-weight: 400;
    letter-spacing: -2px;
    text-transform: uppercase;
    line-height: 2rem
}

.mtb-3{
    margin-top:30px;
    margin-bottom:30px;
}