section.banner *{
    clear: both;
    padding: 0;
}
section.banner .title{ padding:40px 14px;}
section.banner .textItem{ padding:25px 14px;}
section.banner .clip{position: relative;}

section.banner,
section.banner .clip,
section.banner .container{
    width: 100%;
    height: 100%;
}


section.banner .clip .blockA{
    position:absolute;
    width: 100%;
    height: 50%;
}
section.banner .clip .blockA .text{
    height: 100%;
    padding:15px;
}


section.banner .clip .blockB{
    position:absolute;
    width: 100%;
    height: 50%;
    top:50%;
}

section.banner .clip .blockB .text{
    height: 100%;
    margin:0;
    padding:0;
    overflow: hidden;

}

section.banner .text h1,
section.banner .textItem h1{padding:10px 0 5px 0 ; color:#ffffff}
section.banner .text h2,
section.banner .textItem h2{padding:5px 0 10px 0;; color:#ffffff}

section.banner .bannerSpecialWidth{position: relative; width: 100%;height:100%}
section.banner .textblock{position: absolute ;width: 100%;height:100%;z-index: 10}

section.banner .textItem { max-width: 800px;}