@charset "utf-8";
/* CSS Document */
/*
.hero-cnt{
    width:100%;
    max-width:1366px;
    display:inline-block;
    margin: 0 auto; 
    position:relative;
    overflow-x:hidden;
    
}
.hero{
    width:100%;
    max-width:960px;
    margin: 0 auto;
    padding: 0 10px;
    display:inline-block;
    position:relative;
    z-index:6;
    
}
.hero-art{
    position:absolute;
    width:100%;
    min-width:1366px;
    height:852px;
    display:block;
    top:0;
    right:0;
    z-index:2;
    text-align:left;
}

.hero-vector{
    position:absolute;
    width:1366px;
    height:852px;
    display:block;
    top:0;
    left:0;
    z-index:3;
}
*/


/* centered */

.hero-cnt{
    width:100%;
    max-width:1366px;
    display:inline-block;
    margin: 0 auto; 
    position:relative;
    
}
.hero{
    width:100%;
    max-width:960px;
    margin: 0 auto;
    padding: 0 10px;
    display:inline-block;
    position:relative;
    text-align:left;
    z-index:6;
    float:none;
}

.hero img{
    width:100%;
}


.hero-art{
    position:absolute;
    width:100%;
    height:100%;
    max-height:852px;
    display:inline-block;
    top:0;
    left:0;
    z-index:2;
}
.hero-vector{
    position:absolute;
    width:100%;
    height:100%;
    display:inline-block;
    top:0;
    left:0;
    z-index:3;
}

/* END centered */



.hero-gradient{
    position:absolute;
    width:100%;
    height:100%;
    display:inline-block;
    top:0;
    left:0;
    z-index:4;
    background:url(theme/images/hero-gradient.png) top repeat-x;
}

.hero-intro{
    /*padding:24px 10% 45px 60px;*/
    padding:24px 10% 25px 60px;
    display:inline-block;
    width:100%;
}
.search-intro{
    padding:0 10% 0 60px;
    display:inline-block;
    width:100%;
    margin-top:-30px;
}
.hero-intro h1{
    margin-bottom:8px;
    line-height:1em;
}
.hero-intro p{
    /*font-size:18px;   */
    font-size:1.385em;
}



.hero-cnt.h-family-1-a .hero-vector{
    background:url(../images/themes/page/h-family-1-a.png) center top no-repeat;
}
.hero-cnt.h-family-1-a .hero-intro h1{
    color:#910043;
}
.hero-cnt.h-family-1-a .themed {
    background-color:#910043;
}

.hero-cnt.h-family-1-b .hero-vector{
    background:url(../images/themes/page/h-family-1-b.png) center top no-repeat;
}
.hero-cnt.h-family-1-b .hero-intro h1{
    color:#0097d1;
}

.hero-cnt.h-family-1-b .themed{
    background-color:#0097d1;
}

.hero-cnt.h-family-2-a .hero-vector{
    background:url(../images/themes/page/h-family-2-a.png) center top no-repeat;
}
.hero-cnt.h-family-2-a .hero-intro h1{
    color:#007139;
}

.hero-cnt.h-family-2-a .themed{
    background-color:#007139;
}

.hero-cnt.h-family-2-b .hero-vector{
    background:url(../images/themes/page/h-family-2-b.png) center top no-repeat;
}
.hero-cnt.h-family-2-b .hero-intro h1{
    color:#0097d1;
}
.hero-cnt.h-family-2-b .themed{
    background-color:#0097d1;
}

.hero-cnt.h-family-3-a .hero-vector{
    background:url(../images/themes/page/h-family-3-a.png) center top no-repeat;
}
.hero-cnt.h-family-3-a .hero-intro h1{
    color:#910043;
}
.hero-cnt.h-family-3-a .themed{
    background-color:#910043;
}

.hero-cnt.h-family-3-b .hero-vector{
    background:url(../images/themes/page/h-family-3-b.png) center top no-repeat;
}
.hero-cnt.h-family-3-b .hero-intro h1{
    color:#003058;
}
.hero-cnt.h-family-3-b .themed{
    background-color:#003058;
}

.hero-cnt.h-family-4-a .hero-vector{
    background:url(../images/themes/page/h-family-4-a.png) center top no-repeat;
}
.hero-cnt.h-family-4-a .hero-intro h1{
    color:#ed1849;
}
.hero-cnt.h-family-4-a .themed{
    background-color:#ed1849;
}
.hero-cnt.h-family-4-b .hero-vector{
    background:url(../images/themes/page/h-family-4-b.png) center top no-repeat;
}
.hero-cnt.h-family-4-b .hero-intro h1{
    color:#003058;
}
.hero-cnt.h-family-4-b .themed{
    background-color:#003058;
}
/*.hero-cnt.h-family-4-c .hero-vector {
    background: url(theme/images/themes/page/h-family-4-c.png) center top no-repeat;
}*/
.hero-cnt.h-family-4-c .hero-vector {
    background: url(../images/themes/page/h-family-4-c.png) center top no-repeat;
}
.hero-cnt.h-family-4-c .hero-intro h1{
    color:#f6892f;
}
.hero-cnt.h-family-4-c .themed{
    background-color:#f6892f;
}




.hero-cnt.h-family-5-a .hero-vector{
    background:url(../images/themes/page/h-family-5-a.png) center top no-repeat;
}
.hero-cnt.h-family-5-a .hero-intro h1{
    color:#572c8b;
}
.hero-cnt.h-family-5-a .themed{
    background-color:#572c8b;
}
.hero-cnt.h-family-5-b .hero-vector{
    background:url(../images/themes/page/h-family-5-b.png) center top no-repeat;
}
.hero-cnt.h-family-5-b .hero-intro h1{
    color:#003058;
}
.hero-cnt.h-family-5-b .themed{
    background-color:#003058;
}

.hero-cnt.h-family-6-a .hero-vector{
    background:url(../images/themes/page/h-family-6-a.png) center top no-repeat;
}
.hero-cnt.h-family-6-a .hero-intro h1{
    color:#572c8b;
}
.hero-cnt.h-family-6-a .themed{
    background-color:#572c8b;
}
.hero-cnt.h-family-6-b .hero-vector{
    background:url(../images/themes/page/h-family-6-b.png) center top no-repeat;
}
.hero-cnt.h-family-6-b .hero-intro h1{
    color:#003058;
}
.hero-cnt.h-family-6-b .themed{
    background-color:#003058;
}

.hero-cnt.h-family-7-a .hero-vector{
    background:url(../images/themes/page/h-family-7-a.png) center top no-repeat;
}
.hero-cnt.h-family-7-a .hero-intro h1{
    color:#0097d1;
}
.hero-cnt.h-family-7-a .themed{
    background-color:#0097d1;
}
.hero-cnt.h-family-7-b .hero-vector{
    background:url(../images/themes/page/h-family-7-b.png) center top no-repeat;
}
.hero-cnt.h-family-7-b .hero-intro h1{
    color:#910043;
}
.hero-cnt.h-family-7-b .themed{
    background-color:#910043;
}










@media only screen and (min-width:0px) and (max-width:640px) {
    .hero-cnt.h-family-1-a,
    .hero-cnt.h-family-1-b,
    .hero-cnt.h-family-2-a,
    .hero-cnt.h-family-2-b,
    .hero-cnt.h-family-3-a,
    .hero-cnt.h-family-3-b,
    .hero-cnt.h-family-4-a,
    .hero-cnt.h-family-4-b,
    .hero-cnt.h-family-5-a,
    .hero-cnt.h-family-5-b,
    .hero-cnt.h-family-6-a,
    .hero-cnt.h-family-6-b,
    .hero-cnt.h-family-7-a,
    .hero-cnt.h-family-7-b,
    .hero-art{
        background:none !important; 
        background-color:#FFF !important;   
    }
    .hero{
        /*padding: 0 0 10px;*/
        padding: 0 0 0;
    }
    .hero-intro p{
        font-size: 1.077em;
        padding-right:20%;
        padding-top:0;
        line-height:1.385em;
    }
    .hero-intro{
        padding: 10px;
        border-bottom: 1px solid #ebebeb;
        min-height:175px;
        margin-bottom:20px;
    }
    .hero-intro h1{
        /*font-size: 22px;*/
        padding-right:20%;
    }
    
    
    
    
    .hero-cnt.h-family-1-a .hero-intro{
        background:url(../images/themes/page/h-family-1-a.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-1-a .hero-intro h1{
        color:#910043;
    }
    .hero-cnt.h-family-1-a .themed{
        background-color:#910043;
    }
        
    .hero-cnt.h-family-1-b .hero-intro{
        background:url(../images/themes/page/h-family-1-b.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-1-b .hero-intro h1{
        color:#0097d1;
    }
    .hero-cnt.h-family-1-b .themed{
        background-color:#0097d1;
    }
        
    .hero-cnt.h-family-2-a .hero-intro{
        background:url(../images/themes/page/h-family-2-a.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-2-a .hero-intro h1{
        color:#007139;
    }
    .hero-cnt.h-family-2-a .themed{
        background-color:#007139;
    }    
    .hero-cnt.h-family-2-b .hero-intro{
        background:url(../images/themes/page/h-family-2-b.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-2-b .hero-intro h1{
        color:#0097d1;
    }
    .hero-cnt.h-family-2-b .themed{
        background-color:#0097d1;
    }
        
    .hero-cnt.h-family-3-a .hero-intro{
        background:url(../images/themes/page/h-family-3-a.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-3-a .hero-intro h1{
        color:#910043;
    }
    .hero-cnt.h-family-3-a .themed{
        background-color:#910043;
    }    
    .hero-cnt.h-family-3-b .hero-intro{
        background:url(../images/themes/page/h-family-3-b.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-3-b .hero-intro h1{
        color:#003058;
    }
    .hero-cnt.h-family-3-b .themed{
        background-color:#003058;
    }    
    
    .hero-cnt.h-family-4-a .hero-intro{
        background:url(../images/themes/page/h-family-4-a.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-4-a .hero-intro h1{
        color:#ed1849;
    }
    .hero-cnt.h-family-4-a .themed{
        background-color:#ed1849;
    }    
    .hero-cnt.h-family-4-b .hero-intro{
        background:url(../images/themes/page/h-family-4-b.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-4-b .hero-intro h1{
        color:#003058;
    }
    .hero-cnt.h-family-4-b .themed{
        background-color:#003058;
    }
        
    .hero-cnt.h-family-5-a .hero-intro{
        background:url(../images/themes/page/h-family-5-a.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-5-a .hero-intro h1{
        color:#572c8b;
    }
    .hero-cnt.h-family-5-a .themed{
        background-color:#572c8b;
    }    
    .hero-cnt.h-family-5-b .hero-intro{
        background:url(../images/themes/page/h-family-5-b.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-5-b .hero-intro h1{
        color:#003058;
    }
    .hero-cnt.h-family-5-b .themed{
        background-color:#003058;
    }    
    
    .hero-cnt.h-family-6-a .hero-intro{
        background:url(../images/themes/page/h-family-6-a.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-6-a .hero-intro h1{
        color:#572c8b;
    }
    .hero-cnt.h-family-6-a .themed{
        background-color:#572c8b;
    }    
    .hero-cnt.h-family-6-b .hero-intro{
        background:url(../images/themes/page/h-family-6-b.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-6-b .hero-intro h1{
        color:#003058;
    }
    .hero-cnt.h-family-6-b .themed{
        backround-color:#003058;
    }    
    
    .hero-cnt.h-family-7-a .hero-intro{
        background:url(../images/themes/page/h-family-7-a.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-7-a .hero-intro h1{
        color:#0097d1;
    }
    .hero-cnt.h-family-7-a .themed{
        background-color:#0097d1;
    }    
    .hero-cnt.h-family-7-b .hero-intro{
        background:url(../images/themes/page/h-family-7-b.png) right top no-repeat;
        background-size:125%;
    }
    .hero-cnt.h-family-7-b .hero-intro h1{
        color:#910043;
    }
    .hero-cnt.h-family-7-b .themed{
        background-color:#910043;
    }    
    
    
    
    
    
    
    
    
    
}

@media only screen and (min-width:361px) and (max-width:480px) {
    .hero-cnt.h-family-1-a .hero-intro,
    .hero-cnt.h-family-1-b .hero-intro,
    .hero-cnt.h-family-2-a .hero-intro,
    .hero-cnt.h-family-2-b .hero-intro,
    .hero-cnt.h-family-3-a .hero-intro,
    .hero-cnt.h-family-3-b .hero-intro,
    .hero-cnt.h-family-4-a .hero-intro,
    .hero-cnt.h-family-4-b .hero-intro,
    .hero-cnt.h-family-5-a .hero-intro,
    .hero-cnt.h-family-5-b .hero-intro,
    .hero-cnt.h-family-6-a .hero-intro,
    .hero-cnt.h-family-6-b .hero-intro,
    .hero-cnt.h-family-7-a .hero-intro,
    .hero-cnt.h-family-7-b .hero-intro{
        background-size:100%;
    }
    
}
@media only screen and (min-width:481px) and (max-width:640px) {
    .hero-cnt.h-family-1-a .hero-intro,
    .hero-cnt.h-family-1-b .hero-intro,
    .hero-cnt.h-family-2-a .hero-intro,
    .hero-cnt.h-family-2-b .hero-intro,
    .hero-cnt.h-family-3-a .hero-intro,
    .hero-cnt.h-family-3-b .hero-intro,
    .hero-cnt.h-family-4-a .hero-intro,
    .hero-cnt.h-family-4-b .hero-intro,
    .hero-cnt.h-family-5-a .hero-intro,
    .hero-cnt.h-family-5-b .hero-intro,
    .hero-cnt.h-family-6-a .hero-intro,
    .hero-cnt.h-family-6-b .hero-intro,
    .hero-cnt.h-family-7-a .hero-intro,
    .hero-cnt.h-family-7-b .hero-intro{
        background-size:65%;
    }
}
/*@media only screen and (min-width:641px) and (max-width:768px) {
    .hero-cnt.h-family-1-b{
        background-size:75%;
        background-position:right top;  
    }
    .hero-cnt .hero-art{
        background-size:75%;
        background-position:left top;           
    }
}

@media only screen and (min-width:769px) and (max-width:2000px) {
    .hero-cnt.h-family-1-b{
        background-size: 1365px;
        background-position:center top; 
    }
}*/