/* Banner / Flexslider */
.nobanner {
    display:block;
    clear:both;
    float:none;
    min-height:40px;
}
.flexslider .slides > li {
    position: relative;
}

#header_banner.flexslider, #footer_banner.flexslider {
    width:1600px;
    left:50%;
    margin-left:-800px;
}
#header_banner.flexslider,l
#header_banner_small.flexslider {
    display:block;
    overflow:hidden;
    margin-bottom:20px;
}
.flex-control-paging li a { 
    background:transparent;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,1);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,1);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,1);
    box-shadow: inset 0 0 3px rgba(0,0,0,1);
}


#header_banner.flexslider .flex-control-nav,
#footer_banner.flexslider .flex-control-nav {
    height:10px;
}
#footer_banner.flexslider .flex-control-nav a {
    background:#938c88;
    border:0;
    box-shadow: 0 0 0;
}
#footer_banner.flexslider .flex-control-nav a.flex-active {
    background:#fff;
}

/* Slogan */
.flexslider .ontopcontainer {
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:5;
}
.flexslider .ontopcontainer .ontop {
    position: relative;
    display:table;
    width:100%;
    padding:0 0 50px;
    height:300px;
}
.flexslider .ontopcontainer .ontop > * {
    display:table-cell;
    vertical-align: middle;
    float:none;
}
#header_banner.flexslider .Slogan {
    z-index:5;
    position: relative;
}
.flexslider .Slogan.txt > span, .flexslider .Slogan.txtblack > span { color:#000!important; }
.flexslider .Slogan > span.txtblack { color:#000; }
.flexslider .Slogan.txtwhite > span { color:#fff!important; text-shadow: 0 0 0; }
.flexslider .Slogan > span.txtwhite { color:#fff; }
.flexslider .Slogan > img { width: 200px; margin: 0 auto 30px auto; }

@media (max-width:1200px) {
    .flexslider .Slogan > img { width: 150px; margin: 0 auto 30px auto; }
}
@media (max-width:1000px) {
    .flexslider .Slogan > img { width: 100px; margin: 0 auto 30px auto; }
}
.flexslider .Slogan > span { font-size:276%; text-align:center; color:#000000; display:block; line-height:1.2; margin-bottom:0px; }
.flexslider .Slogan > span.line1 { font-family:"quicksand"; font-size:200%; color:#fff; font-weight:bold; }
.flexslider .Slogan > span.line2 { font-family:"playfair"; font-size:400%; text-transform:uppercase;}
.flexslider .Slogan > span.line3 { font-family:"quicksand"; font-size:300%; font-weight:100; text-transform:uppercase; }
.flexslider .Slogan > .Buttons { padding-top:15px; text-align:center; }
.flexslider .Slogan > .Buttons .more { 
    font-size:18px; padding: 10px 15px; display:inline-block; float:none; background:transparent;
    -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:2px solid black; color:black; font-weight:bolder;
}
.flexslider .Slogan > .Buttons .more::after  { display:none;  }

.flexslider .Slogan.font2 > span.line1 { font-family: 'bodoni_handregular'; line-height:0.6;}

#header_banner_small.flexslider .ontopcontainer .ontop { padding:20px 0; }
#header_banner_small.flexslider .Slogan > span { margin-bottom:0; }
#header_banner_small.flexslider .Slogan > span.line1 { font-size:246%; }
#header_banner_small.flexslider .Slogan > span.line2 { font-size:200%; }

@media (min-width:768px) { #header_banner_small.flexslider .Slogan > span.line3 { padding-top:20px; } }

@media (max-width:767px) {
    .flexslider .Slogan {
        width: 100%!important; padding-left: 40px!important; vertical-align:middle!important;
    }
    .flexslider .Slogan > span.line1 { font-size:200%!important; }
    .flexslider .Slogan > span.line2 { font-size:300%!important; }
    .flexslider .Slogan > span.line3 { font-size:350%!important; font-weight: bolder!important;}

}

@media (max-width:550px) {
    .Slogan { 
        display:none!important;
    }
}

@media (max-width:350px) {
    .flexslider .Slogan > span.line1 { font-size:200%!important; }
    .flexslider .Slogan > span.line2 { font-size:300%!important; }
    .flexslider .Slogan > span.line3 { font-size:400%!important; }
}

.ontopbanner {
    position: absolute;
    display:block;
    width:380px;
    top:0;
    left:50%;
    height:100%;
    margin-left:120px;
    z-index:6;
    background:#fff;
    padding:0 15px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 20px;
    -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 20px;
    box-shadow: rgba(0,0,0,0.6) 0px 0px 20px;
}
.ontopbanner.content {
    background:#71579b;
    color:#fff;
    padding:30px 25px;
}
.ontopbanner.content > .Text {
    font-size:115%;
}
.ontopbanner .flexslider.BannerLinks, 
.ontopbanner .flexslider.BannerLinks .flex-viewport{
    height:100%!important;
}
.ontopbanner .flexslider.BannerLinks {
    padding-top:30px;
    padding-bottom:30px;
}
.ontopbanner .flexslider.BannerLinks .items {
    list-style:none;
    margin:0;
    padding:0;
}

.ontopbanner .flexslider.BannerLinks .flex-direction-nav a {
    color:#a7a7a7;
    left:50%;
    top:0;
    margin-left:-20px;
    margin-top:0;
    text-align: center;
    line-height:20px;
    height:20px;
    /*opacity:1!important;*/
}
.ontopbanner .flexslider.BannerLinks .flex-direction-nav a:before {
    font-family: 'fontAwesome';
    line-height:20px;
    font-size:230%;
}
.ontopbanner .flexslider.BannerLinks .flex-direction-nav a.flex-prev:before {
    content:'';
}
.ontopbanner .flexslider.BannerLinks .flex-direction-nav a.flex-next:before {
    content:'';
}
.ontopbanner .flexslider.BannerLinks .flex-direction-nav a.flex-next {
    bottom:0;
    top:auto;
}


.flexslider.BannerLinks ul.subitems {
    list-style:none;
    margin:0;
    padding:0;
    height:100%;
    border-bottom:1px solid #cccccc;
}
.flexslider.BannerLinks ul.subitems > li {
    height:33.333%;
    display:block;
    position: relative;
    clear:both;
    float:none;
    overflow:hidden;
    border-top:1px solid #cccccc;
    padding:10px 0 10px 10px;
}
.flexslider.BannerLinks ul.subitems > li img {
    float:right;
    margin-left:6px;
    max-height: 100%;
}
.flexslider.BannerLinks ul.subitems > li h3{
    font-size:115%;
    margin:0;
}
.flexslider.BannerLinks ul.subitems > li p {
    color:#505050;
    margin:0;
}


/* Slogan */
.Slogan.txtwhite > .Buttons > a.more { color:white; border-color:white;}
.Slogan.txtblack > .Buttons > a.more { color:black; border-color:black;}
.flexslider .ontopcontainer .ontop > .Slogan.top{
    padding-top:60px;
    vertical-align: top;
}
.flexslider .ontopcontainer > .container{
    width:1600px; max-width:100%;
}
.flexslider .ontopcontainer .ontop > .Slogan.bottom{
    padding-bottom:60px;
    vertical-align: bottom;
}




/* Sub banner */
#footer_banner.flexslider .ontop { padding-top: 90px; }

/* Responsive */
@media(min-width:1230px){
    .flexslider.BannerLinks ul.subitems .more-inline {
        display:block;
    }
}
@media(min-width:1550px){ 

    #header_banner.flexslider .Slogan h3 {
        font-size:369%;
    }
}
@media(max-width:1199px){
    .flexslider .Slogan { font-size:75%; }
    .flexslider .ontopcontainer .ontop { padding:0; }

    #header_banner.flexslider, #footer_banner.flexslider {
        width:1400px;
        margin-left:-700px;
    }
}

@media(max-width:1030px){
    #header_banner.flexslider .flex-control-nav,
    #header_banner_small.flexslider .flex-control-nav,
    #footer_banner.flexslider .flex-control-nav{
        display:none;
    }

    .ontopbanner { width:280px; margin-left:90px; padding:0 10px; }
    .ontopbanner .flexslider.BannerLinks { padding:20px 0; }
    .flexslider.BannerLinks ul.subitems > li { padding:6px 0; }
    .flexslider.BannerLinks ul.subitems > li h3 { font-size:125%; }
    .flexslider.BannerLinks ul.subitems > li p { margin-bottom:2px; }
    .flexslider.BannerLinks ul.subitems > li img { max-height:50px; }

    #header_banner.flexslider, #footer_banner.flexslider {
        width:1200px;
        margin-left:-600px;
    }

    .flexslider .Slogan > .Buttons .more { font-size:16px; }
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
    #header_banner.flexslider { margin-left: 0;
                                width: 100%;
                                left: 0;
                                min-height: unset!important;
    }
    #header_banner_small.flexslider {margin-left: 0;
                                     width: 100%;
                                     left: 0;
                                     min-height: unset!important; }
    #footer_banner.flexslider { margin-left: 0;
                                width: 100%;
                                left: 0;
                                min-height: unset!important; }

    #header_banner.flexslider .ontopcontainer { padding-left:10%; padding-right:10%; }
    #header_banner_small.flexslider .ontopcontainer { padding-left:17%; padding-right:17%; }
    #footer_banner.flexslider .ontopcontainer { padding-left:30%; padding-right:20%; }

    .flexslider .Slogan h4 { font-size:15px; }
    .flexslider .Slogan > .Buttons { padding-top:2px; }
    .flexslider .Slogan > .Buttons .more { font-size:11px; padding:0.5em 1em; }

    .flexslider .Slogan > span.line1 { font-size:250%; margin-bottom:2px; }
    .flexslider .Slogan > span { font-size:200%; text-shadow: 1px 1px 4px #fff; }
    #header_banner_small.flexslider .Slogan > span.line3:first-child { padding-top:0; }

    #header_banner_small.flexslider .ontopcontainer .ontop { padding:5px 0; }

    .flexslider .Slogan > span.txtwhite { text-shadow:0 0 0; }



    .ontopbanner { display:none; }

    .flexslider .Slogan { font-size:50%; }
    .flexslider .Slogan > span.line3 { font-size:200%; }

}