
.promo,.promo-alt,.promo-02,.promo-03,.promo-04{
    position:relative;width:100%;
    min-height:300px;padding:100px 0;
    background-color:transparent;
    background-image:none;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;background-size:cover;
    background-position:center top;background-repeat:no-repeat;
    background-attachment:fixed;
    -webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
}
.promo::before,.promo-alt::before,.promo-02::before,.promo-03::before,.promo-04::before{content:'';display:table;clear:both}

.promo::after,.promo-alt::after,.promo-02::after,.promo-03::after,.promo-04::after{content:'';
    position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;}
.promo .promo-text,.promo-alt .promo-text,.promo-02 .promo-text,.promo-03 .promo-text,.promo-04 .promo-text{position:relative;z-index:3;text-align:center}
.promo .promo-text .page-title,.promo-alt .promo-text .page-title,.promo-02 .promo-text .page-title,.promo-03 .promo-text .page-title,.promo-04 .promo-text .page-title{margin-bottom:30px}
.promo .promo-text h1,.promo-alt .promo-text h1,.promo-02 .promo-text h1,.promo-03 .promo-text h1,.promo-04 .promo-text h1,.promo .promo-text h2,.promo-alt .promo-text h2,.promo-02 .promo-text h2,.promo-03 .promo-text h2,.promo-04 .promo-text h2,.promo .promo-text h3,.promo-alt .promo-text h3,.promo-02 .promo-text h3,.promo-03 .promo-text h3,.promo-04 .promo-text h3,.promo .promo-text h4,.promo-alt .promo-text h4,.promo-02 .promo-text h4,.promo-03 .promo-text h4,.promo-04 .promo-text h4,.promo .promo-text h5,.promo-alt .promo-text h5,.promo-02 .promo-text h5,.promo-03 .promo-text h5,.promo-04 .promo-text h5,.promo .promo-text h6,.promo-alt .promo-text h6,.promo-02 .promo-text h6,.promo-03 .promo-text h6,.promo-04 .promo-text h6,.promo .promo-text small,.promo-alt .promo-text small,.promo-02 .promo-text small,.promo-03 .promo-text small,.promo-04 .promo-text small,.promo .promo-text p,.promo-alt .promo-text p,.promo-02 .promo-text p,.promo-03 .promo-text p,.promo-04 .promo-text p,.promo .promo-text strong,.promo-alt .promo-text strong,.promo-02 .promo-text strong,.promo-03 .promo-text strong,.promo-04 .promo-text strong{color:#fff}

#header::after{content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}
#header .header-caption{position:relative;z-index:2;padding:280px 30px 0;text-align:center;color:#fff}
#header .header-caption p{font-family:'Open Sans',sans-serif;font-size:20px;line-height:28px;font-weight:400;padding-left:1%;padding-right:1%}
#header .hero-title{ font-size: 3em; color: #fff;}

@media screen and (min-width: 767px) and (max-width: 992px) {
    #header{min-height:500px; padding-top:360px; padding-bottom:60px;}
    #header .header-caption{position:relative;z-index:2;padding:20px 30px 0;text-align:center;color:#fff}
    #header .hero-title{ font-size: 2em; color: #fff;}

    .promo,.promo-alt,.promo-02,.promo-03,.promo-04{ background-attachment:scroll;}
    #header{background-attachment:scroll; }
}


@media screen and (min-width: 767px) and (max-width: 1024px) {
    #header{min-height:200px; padding-top:360px; padding-bottom:60px;}
    #header .header-caption{position:relative;z-index:2;padding:20px 30px 0;text-align:center;color:#fff}
    #header .hero-title{ font-size: 2em; color: #fff;}

    .promo,.promo-alt,.promo-02,.promo-03,.promo-04{ background-attachment:scroll;}
    #header{background-attachment:scroll; }

}

@media (max-width:767px){
    #header{min-height:100px; padding-top:60px; padding-bottom:60px;}
    #header .header-caption{position:relative;z-index:2;padding:20px 30px 0;text-align:center;color:#fff}
    #header .hero-title{ font-size: 2em; color: #fff;}

    .promo,.promo-alt,.promo-02,.promo-03,.promo-04{ background-attachment:scroll;}
    #header{background-attachment:scroll; }

}



#header{position:relative;
    width:100%;
    min-height:680px;
    height:auto;
    background-color:transparent;
    background-image:none;-webkit-background-size:cover;
    -moz-background-size:cover;-ms-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
#header .hero-title{ font-size: 4em; color: #fff;}

@media screen and (min-width: 767px) and (max-width: 992px) {
    #header{min-height:500px; padding-top:360px; padding-bottom:60px;}
    #header .header-caption{position:relative;z-index:2;padding:20px 30px 0;text-align:center;color:#fff}
    #header .hero-title{ font-size: 4em; color: #fff;}
    #header{background-attachment:scroll; }

}


@media screen and (min-width: 767px) and (max-width: 1024px) {
    #header{min-height:200px; padding-top:120px; padding-bottom:150px;}
    #header .header-caption{position:relative;z-index:2;padding:20px 30px 0;text-align:center;color:#fff}
    #header .hero-title{ font-size: 3em; color: #fff;}
    #header{background-attachment:scroll; }

}

@media (max-width:767px){
    #header{min-height:100px; padding-top:60px; padding-bottom:80px;}
    #header .header-caption{position:relative;z-index:2;padding:100px 30px 0;text-align:center;color:#fff}
    #header .hero-title{ font-size: 2.4em; color: #fff;}
    #header{background-attachment:scroll; }
    .width_100-20{ width: 95%;}

}
