/* Banner / Flexslider */
.banner .Slogan.colored.bgdblue { background:transparent; z-index:3;}
.banner{overflow:hidden;}
.banner:before {
    content:''; background:url(../../img/slogan-right.png) no-repeat center center / 100% auto;
    position:absolute; right:0; top:0; bottom:0; width:60%;z-index:2;
}

.Slogan h4{ position:relative; display:table; }

.Slogan h4:before{
    content:'"'; position:absolute; left: -30px; top: -30px; font-size: 70px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
}
.Slogan h4:after{
    content:'"'; position:absolute; right:0; bottom: -60px; font-size: 70px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
}

#header_banner.flexslider {
    clear:both;
    float:none;
    display:block;
    margin-bottom:15px;
    padding-top:10px;
    min-height:310px;
}
#header_banner.flexslider ul.slides > li > figure {
    width:100%;
    border:0px solid #fff;
    margin:0;
    padding:0;
    display: block;
    position: relative;
    background:#fff;
    behavior: url(/pie/PIE.htc);
}
#header_banner.flexslider ul.slides > li > figure > img {
    display: block;
    position: relative;
    background:#fff;
    behavior: url(/pie/PIE.htc);
}

/* Slogan */
.sloganRow {
    position: absolute;
    left:0;
    top:50%;
    transform:translate(0, -50%);
    width:100%;
    z-index: 3;
}
.Slogan h4 {
    font-size:230%;
}

#header_banner.flexslider .flex-control-nav {
    width:85%;
    left:0;
    bottom:15px;
    z-index:3;
}
#header_banner.flexslider .flex-control-paging li a {
    border:2px solid #fff;
    background:none transparent;
    box-shadow: 0 0 0;
}
#header_banner.flexslider .flex-control-paging li a.flex-active {
    background:#fff;
    box-shadow: 0 0 0;
}

/* Responsive */
@media(max-width:1024px){	
    .Slogan h4 {
        font-size:190%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #header_banner.flexslider {
        min-height:225px;
    }
}

@media (max-width: 767px) {

    body #header_banner.flexslider {
        min-height:1px;
    }
    .banner:before {display:none;}
    .sloganRow {
        display:none;
    }
    #header_banner.flexslider ul.slides > li > figure {
        width:100%;
    }
}