/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */

@font-face {font-family:"Font-Light"; src:url("../fonts/Font-Light.eot"); src:url("../fonts/Font-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Light.woff") format("woff"), url("../fonts/Font-Light.ttf") format("truetype"), url("../fonts/Font-Light.svg#Font-Light") format("svg"); font-weight:normal; font-style:normal;}
@font-face {font-family:"Font-Bold"; src:url("../fonts/Font-Bold.eot"); src:url("../fonts/Font-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Font-Bold.woff") format("woff"), url("../fonts/Font-Bold.ttf") format("truetype"), url("../fonts/Font-Bold.svg#Font-Bold") format("svg"); font-weight:normal; font-style:normal;}


body,input,section,h1,h2,h3,h4{font-family: "Font-Light", Arial, sans-serif; font-weight:normal; font-size:14px; line-height:160%;}
body,html{ width:100%; height:100%; color:#000; background:url(../images/background.jpg); background-size: cover}
body{
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffffff',GradientType=1 );
}
a,a:hover, a:active, a:focus{outline:0;}
a{color:#184e82; }
a:focus,a:hover{color:#0e304f}
a,button,.animate,.flickity-viewport{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
strong{font-family:'Font-Bold'; font-weight:normal}

.display-table{width:100%; height:100%; display:table;}
.display-table > div{width:100%; height:100%; display:table-cell; vertical-align: middle;}

.btn{border-radius:0; border:none; line-height:20px; padding:10px; font-family:'Font-Regular'; font-size:100%}
.btn-black{ background:#000; color:#fff; border: 2px solid #000}
.btn-black:hover{ background:none; color:#000; border: 2px solid #000}


.carousel img,.carousel .carousel-cell, .carousel-cell.is-selected{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

.carousel-main{background:#191919; box-shadow:0 0 50px 40px #191919; position:relative; z-index:0}
.carousel-main .carousel-cell{width:100%; margin:0; bottom:0; padding:80px 0 40px 0}
.carousel-main .carousel-cell img{height:600px; display:inline-block; vertical-align:middle; border:10px solid #191919; margin:0; opacity:0; box-shadow:0 0 40px 20px #000}
.carousel-main .carousel-cell.is-selected img{opacity:1}
.carousel-main .title{ position:relative;}
.carousel-main .title h2{ color:#666; font-size:40px; line-height:100%; text-transform:uppercase; text-align:right; margin:0 20%; border-bottom:1px dotted #666; padding:15px 15px }
.carousel-main .title img{ height:15px !important; box-shadow:none; border:none; display:inline-block; vertical-align:middle; margin:4px 0 0 0; float:left;}


.carousel-nav{position:relative; z-index:1}
.carousel-nav .carousel-cell{width:15%; margin:0; bottom:0; padding:30px 0;}
.carousel-nav .carousel-cell img{ height:90px; display:inline-block; vertical-align:middle; border:5px solid #333; opacity:0.5; }
.carousel-nav .carousel-cell.is-selected img{opacity:1}
.carousel-nav .title{display:none}

@media (max-width:1366px){
	.carousel-main .carousel-cell{padding:40px 0 20px 0}
	.carousel-main .carousel-cell img{height:430px;}
	.carousel-nav .carousel-cell img{ height:70px;}
}
@media (max-width:1024px){
	.carousel-main .carousel-cell{padding:40px 0 20px 0}
	.carousel-main .carousel-cell img{height:330px;}
	.carousel-nav .carousel-cell img{ height:50px;}
	.carousel-main .title h2{ font-size:30px; margin:0 10%;}
}

#javaMessage{width:100%; height:100%; line-height:40px; background: url(../images/background_1.png); text-align:center; color:#333; position:absolute; top:0; left:0; z-index:100; display:none}

/* © copyright Intouch Interactive Marketing - Carl-Heinz Benseler :: the css gods will strike down on tables with great vengence! */