/*
*	BANNER
*/
#main_banner{background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}

/*
*	INTRO
*/
.intro{margin-top:-270px;background-color:rgba(255, 255, 255, .4);position:relative;z-index:1}
.intro .inner{padding:60px 75px 0 75px}
/* content */
.intro .content{margin-right:320px;padding-right:25px}
/* intro */
.intro header{padding-bottom:20px;color:#000;text-transform:uppercase;position:relative}
.intro header::after{width:30%;height:4px;margin:auto;content:'';background-color:#00a1b0;position:absolute;bottom:0;left:0}
.intro header h1{height:80px;margin:0 0 10px 0;line-height:40px;font-weight:400;font-size:24px;overflow:hidden}
.intro header h2{height:100px;margin:0;line-height:50px;font-size:46px;position:relative;overflow:hidden}
.intro header h2 span{font-weight:700;display:block}
/* description */
.intro .description{height:96px;margin:15px 0 0 0;line-height:24px;overflow:hidden}
@media all and (max-width:1260px){
.intro{margin-top:-260px}
.intro .inner{padding:50px 40px 0 40px}
/* content */
.intro .content{padding-right:20px}
/* intro */
.intro header{padding-bottom:20px}
.intro header h2{font-size:36px;}
.intro header h2 span{display:inline}
/* description */
.intro .description{height:96px;margin-top:15px;font-size:13px;}
}
@media all and (max-width:1020px){
.intro{margin-top:-224px;text-align:center}
.intro .inner{padding:40px 60px 0 60px}
/* content */
.intro .content{margin-right:0;padding-right:0}
/* intro */
.intro header::after{right:0}
.intro header h1{height:68px;line-height: 34px;}
.intro header h2{height:86px; line-height: 43px; font-size: 32px;}
}
@media all and (max-width:740px){
.intro{margin-top:-104px}
.intro .inner{padding:30px 50px 0 50px}
/* intro */
.intro header::after{display:none}
.intro header h1{height:64px;line-height:32px;font-size:26px}
.intro header h2{height:auto;padding-top:10px;line-height:24px;font-size:18px}
/* description */
.intro .description{display:none}
}
@media all and (max-width:460px){
.intro{margin-top:-120px}
.intro .inner{padding:20px 15px 0 15px}
/* intro */
.intro header h1{height:90px;line-height:30px;font-size:22px}
}

/*
*	STATS
*/
.stats_pane{width:320px;height:320px;text-transform:uppercase;background-color:#fff;float:right;position:relative}
.stats .rec{width:320px;height:320px;padding:30px;text-align:center;box-sizing:border-box}
.stats .rec input{font-family:'Open+Sans'!important;font-size:22px!important;font-weight:700!important}
.stats .rec h4{height:30px;margin:36px 0 0 0;line-height:30px;color:#00a1b0;font-size:24px;font-weight:400}
.stats .rec p{height:40px;margin:10px 0 0 0;line-height:20px;font-size:16px}
/* arrows */
.stats_pane .icon{height:30px;margin:auto;line-height:30px;color:#777;font-size:25px;cursor:pointer;position:absolute;top:0;bottom:0;transition:color .4s;-webkit-transition:color .4s}
.stats_pane .icon:hover{color:#00a1b0}
.stats_pane .icon.slick-disabled, .stats_pane .icon.slick-hidden{display:none!important}
.stats_pane .icon.prev{left:15px}
.stats_pane .icon.next{right:15px}
@media all and (max-width:1020px){
.stats_pane{display:none}
}


/*
*	PROJECTS PANE
*/
.projects_pane{padding-bottom:65px;position:relative;z-index:1}
.projects_pane::before{height:155px;margin:auto;content:'';background-color:#f0eeee;position:absolute;top:0;right:0;left:0;z-index:-1}

/*
*	TEASER
*/
.teaser{padding:50px 0;color:#fff;overflow:hidden}
.teaser h3{width:40%;margin:30px 0 100px 0}
.teaser h3 span{display:block}
.teaser a:first-child{float:left}
.teaser a:last-child{float:right}
@media all and (max-width:1260px){
.teaser h3{width:50%;margin-bottom:80px}
}
@media all and (max-width:1020px){
.teaser h3{width:60%;margin-bottom:60px}
}
@media all and (max-width:740px){
.teaser h3{width:100%;margin:0 0 40px 0;text-align:center}
.teaser a{display:block}
.teaser a:first-child{margin-bottom:10px;float:none}
.teaser a:last-child{float:none}
}