/*LAYOUTS*/
/*STANDART FRAME BEGINN*/
.element1cols { position:relative;width:100%;margin:0px auto 0 auto; padding:0px 0px 0px 0px;}
.element2cols { position:relative;width:1440px;margin:0px auto 0 auto; padding:0px 0px 0px 0px;}
.element4cols { position:relative;width:52%;margin:0px auto 0 auto; padding:0px 0px 0px 0px;background-color:#ebebeb}
.element5cols { position:relative;width:52%;margin:40px auto 80px auto; padding:0px 0px 0px 0px;}
.element-cols {padding:0px 0px 0px 0px;}

.element3cols-box { position:relative;width:100%;margin:0px auto 0 auto; padding:0px 0px 40px 0px;background-color:#f6f5f3}
.element4cols-box { position:relative;width:100%;margin:0px auto 0 auto; padding:40px 0px 40px 0px;background-color:#f6f5f3}
#c20 h1{color: #394852;font-size: 19px;line-height:27px; font-family: 'Source Sans Pro', sans-serif; font-weight:300; margin:0; padding:0;}
.element-slider { position:relative;width:100%;margin:0px; padding:0px;background-color:#2f71b6;}
.col2-2-header h2{font-size:40px;line-height:46px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:40px;line-height:46px;width:50%; padding:0;}
.col2-2-header {float:right; width:720px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:420px;}


/*INTRO FRAME BEGINN*/
.element1-2cols-image {position:relative;width:100%; height:740px; z-index: 1; overflow:hidden;margin:0px auto 0 auto; padding:0px 0px 0px 0px; background: #000;}
.element1-2cols-image img{width:100vw; height:auto;display: block; opacity: 0.8;}
.element1-2cols-title {position:absolute; bottom:10px;width:100%;}
.element1-2cols-image h4 { position: relative; z-index: 2;}

.element1-2cols { position:relative;width:1440px;margin:0px auto 0 auto; padding:0px 0px 0px 0px; }
.element1-3cols { position:relative;width:1440px;margin:0px auto 0 auto; padding:30px 0px 0px 0px;}



.col2 {float:left; width:48%; padding:20px 1% 10px 1%; text-align:left; }
.col2-1 {float:right; width:50%; padding:0% 0 0 0; text-align:left; }
.col2-2 {float:left; width:50%; padding:0 0 0 0; text-align:left; }
.col2-3 {float:left; width:50%; padding:0 0 0 50%; text-align:left; }
.col3 {float:left; width:31%; padding:0 2% 10px 0%; text-align:left; }


.col2-2 .image {background: #000000;}
.col2-2 .image img{opacity: 0.9;}
.col2-3 .image {background: #000000;}
.col2-3 .image img{opacity: 0.9;}


.col4 {float:left; width:100%; padding:0px 0 0px 0; text-align:left;}
.col1 {float:left; width:21%; padding:0 4% 0 0%; text-align:left;}
.col1-2 {float:left; width:21%; padding:0 0 0 4%; text-align:left; }

@media screen and (max-width:1690px) {
.element1-2cols-image {height:640px; }
}
@media screen and (max-width:1440px) {
.element1-2cols-image {height:540px; }
.col2-2-header h2{font-size:34px;line-height:40px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:34px;line-height:40px;width:50%; padding:0;}
.col2-2-header {float:right; width:600px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:340px;}
.element2cols {width:1200px;}
.element1-2cols {width:1200px;}
.element1-3cols {width:1200px;padding:10px 0px 0px 0px;}
}

@media screen and (max-width:1280px) {
.element1-2cols-image {height:440px; }
.col2-2-header h2{font-size:32px;line-height:38px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:32px;line-height:38px;width:50%; padding:0;}
.col2-2-header {float:right; width:520px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:300px;}
.col3 {float:left; width:100%; padding:0 0% 10px 0%; text-align:left; }
.element2cols {width:1040px;}
.element1-2cols {width:1040px;}
.element1-3cols {width:1040px;}
}
@media screen and (max-width:980px) {
.element1-2cols-title {position:absolute; bottom:-20px;width:100%;}
.element1-2cols-image {height: auto}
.col2-2-header h2{font-size:28px;line-height:34px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:28px;line-height:34px;width:50%; padding:0;}
.col2-2-header {float:right; width:360px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:300px;}
.col3 {float:left; width:100%; padding:0 0% 10px 0%; text-align:left; }
.col2 {width:73%;}
.col1-2 {width:720px; padding:0 0 0 0;}
.element2cols {width:720px;}
.element1-2cols {width:720px;}
.element1-3cols {width:720px;}
}
@media screen and (max-width:720px) {
.element3cols-box {width:90%;padding:0 5% 0 5%;}
.element4cols-box {width:90%;padding:0 5% 0 5%;}
.element1-2cols-title {position:absolute; bottom:-20px;width:100%;}


.col2-2-header h2{font-size:24px;line-height:30px;width:100%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:24px;line-height:30px;width:100%; padding:0;}
.col2-2-header {float:left; width:100%; height:auto}
.col2-2-header h2 { position: inherit;bottom:0px; padding:10% 5%;width:90%;}

.col2 {width:100%;padding:10px 0 0 0;}
.col1-2 {width:100%;padding:0 0 0 0; }
.element1cols {width:100%;padding:0 0 0 0;}
.element2cols {width:100%;padding:0 0 0 0;}
.element1-2cols {width:90%;padding:0 5% 0 5%;}
.element1-3cols {width:90%;padding:0 5% 0 5%;}

.col2-1 {width:100%;padding:0 0 0 0;}
.col2-2 {width:100%;padding:0 0 0 0;}
.col2-3 {float:left; width:100%; padding:0 0 0 0%; text-align:left; }
.col3 {width:100%;padding:20px 0 0 0;}
.col4 {width:100%;padding:0 0 0 0;}
.col1 {width:100%;padding:0 0 0 0;}
.col1-2{width:100%;padding:0 0 0 0;}
}