
body{
    background-color:#f4f4f4;
}
.col{flex-basis:inherit;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.brand{display:block; width:175px; height:70px;background-image:url("../images/logo-rss-dixie.png"); background-repeat:no-repeat; float:left;}
.brand span{display:none;}
.tagline{width:250px; padding:20px 0 0 25px;color:#a4aaad; font-size:16px; float:left; display:inline-block; font-family:'Montserrat', sans-serif;}
#header{width:100%; padding:15px 0 20px 0; margin:0 auto; border-top:3px solid #242424;background-color:#ffffff; }
.masthead{width:100%; height:360px; background-repeat:no-repeat; background-position:top center; background-size:cover;}

#hero{width:100%; height:650px; border-bottom:10px solid #343434;  }
.hero-content p{font-family:"Roboto Slab", "Georgia", serif; font-size:24px;}
.hero{width:100%; height:650px;background-repeat:no-repeat; background-size:cover; }
.hero-content p:first-of-type{color:#ffffff; display:block; background-color:#9b191d; padding:25px 30px 4px 10px; margin:0; position:relative;}
.hero-content p:first-of-type::before{
    display:block; 
    content:'';
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent  transparent transparent #cc171a;
    position:absolute;
    z-index:1;
    left:0px;
    top:0px;
}

.hero-content p:first-of-type::after{
    display:block; 
    content:'';
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0 0 50px 50px;
    border-color: transparent transparent #cc171a transparent;
    position:absolute;
    z-index:1;
    right:0px;
    bottom:0px;
}


.hero h2, .hero h3{color:#ffffff; font-family:'Montserrat', sans-serif; font-size:100px;  text-transform:uppercase;margin:0; }
.hero h2{line-height:80px;}
.hero h3{line-height:75px;}
.hero h2 strong{font-weight:800; }
.hero h3::before{width:100%; height:3px; background-color:#cc171a; content:""; display:block; }
.hero h3{padding:0px; margin:0 0 15px 100px;  }
.hero-content{padding:115px 0 0 0;}
.hero-content p:last-of-type{text-align:right; margin-top:25px;}
.hero-content p > a{color:#ffffff; background-color:#9b191d; padding:15px 65px 15px 15px; text-transform:uppercase; }
.hero-content p > a:hover{text-decoration:none;}

.hero-content p > a:after{
    content:"";
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    margin-top:0px;
    float:right;
    right:30px;
    position:relative;
    z-index:2;
}
#header .col-lg-2{padding:0; margin:0;}

#content{padding-bottom:50px;}
#contact{width:100%; height:400px; background-size:cover; background-repeat:no-repeat; background-image:url("../images/bg-connect.jpg");}
#footer{ background-color:#242424; padding:15px 0;color:#ffffff;}
#footer a{color:#ffffff;}
#footer p{margin:0;}
#footer .phone{font-size:18px; font-weight:bold;}
#directory h4 a{color:#ffffff; text-decoration:none;}
#directory h4 a:hover{color:#ffffff; text-decoration:none}

.section-standard{padding:50px 0;}
.section-standard h2{color:#aa232e; text-align:center;position:relative; margin:0 0 45px 0;}

.section-standard p{font-size:22px; line-height:33px; color:#575757;}

.section-band{padding:50px 0;background:#9b191d url("../images/bg-flame.png") no-repeat top center;}
.section-band h2{color:#ffffff; text-align:center;}
.section-band h3{color:#ffffff; text-align:center;}
.section-band p{color:#ffffff; text-align:center;}

.section-form{ padding:50px; background-color:#000; }
.section-form p, .section-form h4{color:#ffffff;}


h1{text-align:center; color:#cc171a; position:relative;}

.content h1{margin:45px 0 45px 0;}
.content h2{color:#02498d;}

.marker{
    display:block; 
    content:'';
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #cc171a transparent;
    position:absolute;
    bottom:-15px;
    right:33.33%;

}



.product-grid{width:100%; padding:80px 0 0 0 ;}

.product-grid .product{
    position:relative;
    z-index:1;
    width:100%;
    display:inline-block;
    margin:0 auto 0px auto;
    padding:0 0 75px 75px;
}
.product-chevron{position:absolute;
    display:block; 
    content:'';
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0 0 170px 170px;
    border-color: transparent transparent #f4f4f4 transparent;
    /*background-size:cover;
    background-position:bottom right; 
    background-repeat:no-repeat;*/
    
    background-color:#dddddd;
    z-index:-1;
    left:0px;
    top:-50px;
}
.product-grid .product h3, .product-list .product h3, .product-scroller .product h3{font-family:"Montserrat", sans-serif; font-size:20px; font-weight:bold; line-height:24px;  padding:20px 20px 15px 20px; background-color:#ffffff;  text-transform:uppercase; color:#173d6b;margin:0 0 5px -20px; } 
.product-grid .product p,  .product-scroller .product p{font-family:"Montserrat", sans-serif;  font-size:16px; line-height:26px; font-weight:300; color:#323e44;}
.product-grid .product a,  .product-scroller .product a{font-family:"Montserrat", sans-serif; font-size:13px; color:#00689f; text-transform:uppercase; font-weight:bold; }
.product h3 a{color:#173d6b;}

.product-scroller{margin:15px 0 0 0;}
.product-scroller .product {float:left; position:relative; padding:35px 60px 0 60px; max-width:400px; width:400px; /*width:33.33% !important;*/ }
.product-scroller .product p{color:#ffffff; text-align:left; font-size:14px; line-height:22px;}
.product-scroller .product a{color:#ffffff;}
.product-scroller .product h3{background-color:#9b191d; border:1px solid #ffffff; text-align:left;  padding:10px 20px 10px 20px; }
.product-scroller .product-chevron{border-color: transparent transparent #9b191d  transparent;}

.product-scroller .product .link-arrow::after{
    border-color: transparent transparent transparent #ffffff;
}

.IndustryPage #products .marker{display:none;}

.product-list{width:100%; clear:both;}

.product-list .product-chevron{
   z-index:-2; 
        top:-15px;
}
.product-list .product{
    width:100%; border:1px solid #91989c; background-color:#ffffff;
    position:relative;
    z-index:1;
    display:inline-block;
    margin:0 auto 75px auto;
    padding:15px 30px 30px 30px; 
}

.product-list .product p{font-size:20px; line-height:30px;}

.product-list .product::after{
    
    display:block; 
    content:'';
    width: 0; 
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent #91989c transparent;
    position:absolute;
    z-index:1;
    right:2px;
    bottom:2px;
    
}

.promo{position:relative; width:160px; height:160px; float:left; margin:30px 30px; border:1px solid #ffffff; }
.promo a{font-family:Montserrat, sans-serif; display:block; width:100%; height:160px; padding:35px 15px;  font-size: 15px; font-weight:bold; color:#ffffff;}
.promo a:hover{text-decoration:none; background-color:#00689f; }
.promo .arrow{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ffffff;
    display:none;
}

.link-arrow::after{
    content:"";
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #173d6b;
    margin:0 0 0 15px;
    
}


.promo a:hover .arrow{display:block; position:absolute; right:15px; bottom:15px; }
.promo-icon{position:absolute; content:''; width:100px; height:65px; background-repeat:no-repeat; top:-30px; left:-45px;}

.promo-list{width:100%;margin:0 auto;}
.promo-list .promo{background-color:#00689f;}
.promo-item{width:100%; display:inline-block; border-bottom:1px solid #9b191f; padding:30px 0;  }
.promo-item.last{border-bottom:none;}
.promo-details{float:left; width:70%; padding:20px 0 0 0;font-size:20px; line-height:30px; color:#575757;}
.promo-details .btn{text-decoration:none;}
.promo-details .btn:hover{background-color:#9b191d; color:#ffffff;}


.promo-list .promo {border:none;}
.promo-list .promo a:hover .arrow{display:none; bottom:-5px;}
.promo-list .promo a:hover{cursor: unset; }



.intro-copy{padding:0 30px 30px 30px;}
.intro-copy p{font-size:20px; line-height:30px; color:#575757;}
.content p{font-size:20px; line-height:30px; color:#575757;}
.content p, .content ul {font-size:20px; line-height:30px; color:#575757;}
.content p a{text-decoration:underline;}
.content ul, .content ol{margin:0 0 15px 2em;}
.content h4{ color:#173d6b;}
.content ul li:before{
    content:"";
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #173d6b;
    margin:-2px 0 0 0px;
    padding:0 10px 0 0;
}

.btn{ padding:5px 15px; text-align:center; color:#ffffff; background-color:#00689f; font-family:Montserrat, sans-serif; font-weight:bold; text-transform:uppercase; border-radius:0; font-size:14px;}

#directory{background-color:#575757; padding:50px 0; position:relative;}
#directory p{color:#ffffff;}
#directory h4{color:#ffffff;}
#directory li {margin:4px 0;}
#directory li a{color:#ffffff;}

#clients{padding:50px 0; background-color:#ebebeb; text-align:center;display:none;}
#connect{padding-bottom:100px;}
#connect h4{color:#ffffff; font-size:30px; text-align:center;}
#connect a{font-size:22px; color:#ffffff; background-color:transparent; border:1px solid #ffffff; border-radius:5px; font-weight:300;  }
#connect a:hover{background-color:#00689f; }
#connect .btn{margin-left:45px;}

.directory-actions{background-color:#242424; padding:10px 15px; width:400px; position:absolute; left:50%; top:-49px; margin-left:-200px;}
.directory-actions ul{text-align:center; margin:0 auto; display:table;}
.directory-actions ul li{float:left; display:inline-block; text-align:center; padding:0 15px; text-transform:uppercase; line-height:20px; margin:0px;}

.cycle-pager{position:absolute; z-index:99999999; top:25px; right:50px;}
.cycle-pager span{
  height: 15px;
  width: 15px;
    margin:0 2px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
    opacity: 0.5;
    
}
.cycle-pager span:hover{cursor:pointer;opacity: 1 !important;}
.cycle-pager-active{ background-color: #ffffff;opacity: 1 !important;}
