*{margin: 0; padding: 0; font-family: 'Source Sans Pro', sans-serif; color: #58585a;}
body{background: #f9f6ef;}
.clear{clear: both; border: none;}
h2{text-transform: uppercase; font-size: 18px; margin-bottom: 20px;}
h3{color: #3f4276; margin-bottom: 10px;}
h4{margin-bottom: 5px;}
#nav{position: fixed; top: 0; background: white; width: 100%;-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2); z-index: 9999;
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);}
#nav .inner{padding: 30px 50px;}
#nav ul{list-style: none;}
#nav ul li{display: inline-block; margin-right: 20px;}
#nav ul li a{text-transform: uppercase; font-size: 16px; color: #58585a; text-decoration: none;}
#nav ul li a:hover{font-weight: bold;}
#nav ul li:last-child{float: right; margin-right: 0;}

#nav2{position: absolute; width: 100%; z-index: 99;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.21) 50%, rgba(0,0,0,0.2) 51%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(50%,rgba(0,0,0,0.21)), color-stop(51%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.21) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
#nav2 .inner{padding: 30px 50px;}
#nav2 ul{list-style: none; text-align: right;}
#nav2 ul li{display: inline-block; margin-right: 20px;}
#nav2 ul li a{text-transform: uppercase; font-size: 16px; color: white; text-decoration: none;}
#nav2 ul li a b{color: white;}
#nav2 ul li a:hover{font-weight: bold;}
#nav2 ul li:last-child{float: right; margin-right: 0;}

#content{width: 1028px; margin: 150px auto;}

#new{display: inline-block; padding: 10px 20px; background: #3f4276; color: #54ec0f; text-decoration: none; margin-bottom: 15px;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#new:hover{background: #54ec0f; color: #3f4276;}
#new span{color: #54ec0f;}
#new:hover span{color: #3f4276;}

ul.turn{list-style: none;}
ul.turn li{background: white; padding: 20px; margin-bottom: 15px;}
ul.turn li img, ul.turn li .txt, ul.turn li .btns{float: left;}
ul.turn li img{margin: 0 20px;}
ul.turn li .txt{margin-left: 15px; width: 550px; padding: 30px 0;}
ul.turn li .btns{width: 200px; float: right;}
.btns a{display: block; padding: 5px 10px; background: #3f4276; border: 2px solid #3f4276; text-align: center; color: white; text-decoration: none; font-size: 14px; text-transform: uppercase; margin-bottom: 5px;}
.btns a.switch{text-align: left; position: relative;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btns a.switch span{position: absolute; background: #54ec0f; width: 24px; height: 24px; top: 2px; right: 2px;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btns a.switch p.in{color: #58585a; display: none;}
.btns a.switch.passiv p.in{display: inline;}
.btns a.switch.passiv{background: none; text-align: right; color: #58585a;}
.btns a.switch.passiv span{right: 170px; background: #ff9933;}
.btns a.res{opacity: 1.0;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btns a.res.passiv{opacity: 0.4;}

.bread{float: left; font-size: 14px;}
ul#wizard{list-style: none; float: right; position: relative;}
ul#wizard li{float: left; background: #b1b3b4; padding: 22px 18px; margin-left: 30px; border-radius: 25px; color: white; text-align: center; line-height: 0;}
ul#wizard li.act{background: #3f4276;}
ul#wizard hr{position: absolute; left: 10%; border: 1px solid #58585a; top: 50%; width: 80%; z-index: -1;}

#tit{margin-top: 40px; margin-bottom: 19px;}
#tit h1{float: left; font-size: 30px; text-transform: uppercase; color: #3f4276;}
#tit .btns{width: 200px; float: right;}
#tit hr{clear: both;}

.three{float: left; width: 248px; padding: 20px; background: white; margin-right: 19px; min-height: 350px;}
/*.middle, .right{display: none;}*/
.left{width: 373px;}
.right, .midright{margin-right: 0;}
.midleft{width: 681px;}

.seti{min-height: 495px;}
 
span.save{font-size: 14px; display: inline-block; padding: 8px 15px; margin-top: 15px; float: right; color: white; background: #3f4276; cursor: pointer; text-transform: none; font-weight: normal;}

input[type="text"]{position:absolute; border: none; background: none; display: block; font-size: 16px; width: 353px; padding: 5px 10px; background: none; border-bottom: 1px solid #3f4276; margin-bottom: 10px;}
input[type="password"]{position:absolute; border: none; background: none; display: block; font-size: 16px; width: 353px; padding: 5px 10px; background: none; border-bottom: 1px solid #3f4276; margin-bottom: 10px;}
textarea{border: 1px solid #3f4276; background: none; display: block; font-size: 16px; width: 353px; padding: 5px 10px; background: none; margin-bottom: 10px;}
.borders{border-left: 1px solid #3f4276; border-right: 1px solid #3f4276; position: absolute; left: 0; bottom: 0; width: 371px; height: 50%;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}

input[type="date"], input[type="time"]{float: left; border: 1px solid #3f4276; background: none; display: block; font-size: 16px; width: 160px; padding: 5px 10px; background: none; margin-bottom: 10px;}
input[type="time"]{float: right;}

#select{padding: 5px 10px; border: 1px solid #3f4276; cursor: pointer; position: relative;} 
#select .arrow{width: 30px; height: 30px; position: absolute; right: 0; top: 0; background: url(img/arrow_down.png) no-repeat center center #3f4276;}
#select .sele{position: absolute; left: 0; top: 100%; width: 100%; padding: 5px 0; border: 1px solid #3f4276; list-style: none; display: none;}
#select .sele li{padding: 3px 10px;}
#select .sele li:hover{background: #3f4276; color: white;}

#platz{list-style: none; margin-top: 15px; width: 92%; float: right;}
#platz li{background: #3f4276; color: white; padding: 5px; margin-bottom: 5px; cursor: move; border: 2px solid #3f4276; background: url(img/drag.png) no-repeat 96% center #3f4276;}
#platz li.sortable-placeholder{background: none; border: 2px dashed #3f4276; height: 20px;}

ul#number{list-style: none; width: 5%; float: left; margin-top: 15px;}
ul#number li{padding: 5px 0; margin-bottom: 5px; border: 2px solid white; display: inline-block; font-weight: bold;}

#navbtn{margin-top: 20px;}
#navbtn a{display: inline-block; padding: 8px 30px; background: #3f4276; color: white; text-align: left; text-decoration: none; font-size: 14px;}
a#next{float: right; background: url(img/arrow_right.png) no-repeat 133px center #3f4276;}
a#prev{float: left; background: url(img/arrow_left.png) no-repeat 12px center #3f4276;}

ul#team{list-style: none;}
ul#team li{float: left; width: 150px; padding: 20px; margin-right: 19px; background: white; margin-bottom: 19px;}
ul#team li:nth-child(5n){margin-right: 0;}
 
ul#team li .wrap{width: 150px; margin-bottom: 0;}
ul#team li .wrap .borders{width: 148px;}
ul#team li .wrap input{width: 130px; text-align: center;}

.halfleft{width: 464px; min-height: 280px;}
.halfright{width: 464px; margin-right: 0; min-height: 280px;}
#group{margin-bottom:25px;}
#group #platz li{padding: 5px 15px; background-position: 97% center; cursor: move;}

#switchgroup{margin: 10px 0 25px 0;}
#switchgroup .swi{float: right; width: 150px; text-align: center; border: 2px solid #3f4276; padding: 5px 10px; cursor: pointer;}
#switchgroup .swi.act, #switchgroup .swi:hover{background: #3f4276; color: white;}

#ko{display: none;}
#ko li:nth-child(2n){margin-bottom: 20px;}
#ko li:last-child{margin-bottom: 0px;}

.semi{  width: 250px; float: left; padding: 20px; background: white; margin-right: 19px;}
.semi .gr{list-style: none; display: table-cell; vertical-align: middle;}
.semi .gr li{border: 2px solid #3f4276; margin-bottom: 5px; padding: 5px;}
.semi .grwrap{height: 380px; display: inline-table; width: 250px;}

.cup{width: 39px; float: right; height: 380px; padding: 20px; background: url(img/cup.png) no-repeat center center; margin-top: 43px;}

ul.tmi{list-style: none; width: 10%; float: left;}
ul.tmi li {margin-bottom: 5px;}
ul.tmi li input{width: auto; float: none; padding: 2px; margin: 0;}
ul.plays{list-style: none; width: 83%; float: right;}
ul.plays li{background: url(img/drag.png) no-repeat 98% center #3f4276; color: white; padding: 3px 5px; margin-bottom: 5px; border: 2px solid #3f4276; cursor: move;}
ul.plays li.noty{opacity: 0.6;}
ul.plays li.disabled{cursor: auto;}
ul.plays li.sortable-placeholder{background: none; border: 2px dashed #3f4276; height: 20px;}
ul.plays li span{color: white; margin-right: 10px; display: inline-block;}
ul.plays li span.nr{width: 30px; display: none;}
ul.plays li span.t1, ul.plays li span.t2{width: 150px;}
ul.plays li span.mid{width: 20px;}

#tit .btns.mul{width: 420px;}
.btns.mul a{width: 176px; float: right; margin-left: 10px;}
.btns.mul a.del{background: url(img/bin.png) no-repeat 30px center #3f4276; padding-left:30px; width: 156px;}

#wiz{list-style: none; margin-bottom: 19px;}
#wiz li{background: #3f4276; width: 150px; margin-left: 19px; padding: 20px; height: 150px; float: left; cursor: pointer; color: white; position: relative; text-transform: uppercase; text-align: center;}
#wiz li:first-child{margin-left: 0;}
#wiz li .quad{position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; background: #54ec0f;}
#wiz li .quad.or{background: #ff9933;}
#wiz li img{margin: 15px auto; display: block;}

#wiz2{list-style: none;}
#wiz2 li{background: #3f4276; width: 254px; margin-left: 19px; padding: 20px; height: 150px; float: left; cursor: pointer; color: white; position: relative; text-transform: uppercase; text-align: center;}
#wiz2 li:first-child{margin-left: 0;}
#wiz2 li.score{background: #54ec0f; color: #3f4276; padding-right; width: 200px; padding-right: 180px; cursor: auto;}
#wiz2 li.score .bt{position: absolute; top: 50px; right: 30px; width: 150px;}
#wiz2 li.score .bt a{display: block; background: #3f4276; padding: 5px 10px; margin-bottom: 5px; color: white; font-size: 14px; text-decoration: none; cursor: pointer;}
#wiz2 li.score .bt a.inact{opacity: 0.6;}
#wiz2 li img{margin: 15px auto; display: block;}

.login{  height: 650px; /*background: url(img/slider.png) no-repeat center center; background-size: auto 650px;*/ position: relative;}
.login_inner{position: absolute; bottom: 40px; width: 374px; margin: 0 auto; background: white; padding: 20px; left: 50%; margin-left: -187px;}

#playground{list-style: none;}
#playground li{float: left; width: 485px; text-align: center;}
#playground li h2{margin-bottom: 10px;}

#games{list-style: none;}
#games li{margin-bottom: 10px; text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#games li .wrap{padding: 10px; background: white;}
#games li .ptime{width: 35px; display: inline-block; margin-left: 5px;}
.links, .rechts{width: 484px; display: inline-block; text-align: center;}
#games li .t1, #games li .t3{width: 145px; display: inline-block; text-align: right; margin-right: 10px;}
#games li .t2, #games li .t4{width: 145px; display: inline-block; text-align: left; margin-left: 10px;}
#games li .dp{margin: 0 10px;}
#games li .resu{width: 65px; display: inline-block; position: relative; margin: 0 5px;}
#games li .resu input{text-align: center; padding: 5px; width: 30px; border: none; background: #d9dadb; margin: 0; position: inherit;}
#games li .resu .bu{position:absolute; right: 0; top: 0; background: url(img/up.png) no-repeat center center rgb(150,150,150); width: 25px; height: 15px; background-size: 50%; cursor: pointer; opacity: 0.6;}
#games li .resu .bd{position:absolute; right: 0; bottom: 0;  background: url(img/down.png) no-repeat center center rgb(150,150,150); width: 25px; height: 15px;  background-size: 50%; cursor: pointer; opacity: 0.6;}
#games li .btns{margin-top: 10px; display: none;}
#games li .btns a{width: 176px; float: right; margin-left: 10px;}

#games li.activ .btns{display: block;}
#games li.activ .wrap{background: #3f4276; padding: 25px 10px;}
#games li.activ .wrap span{color: white;}
#games li.activ input{background: white; text-align: center;}
#games li.activ .resu .bu, #games li.activ .resu .bd{background-color: #54ec0f; opacity: 1;}
#games.old li input{cursor: pointer;}
#games.old li input:focus{background: #3f4276; color: white;}

#phoneframe_outer{width: 430px; height: 870px; margin: 20px auto; position: relative;}
#phone{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(img/phone.png) no-repeat center center;}
#phoneframe{width: 376px; height: 667px; position: absolute; left: 28px; top: 103px; overflow-y: scroll; overflow-x:hidden; -webkit-box-shadow:inset 0 0 5px 2px rgba(0,0,0,0.2);
box-shadow:inset 0 0 5px 2px rgba(0,0,0,0.2);background: #f9f6ef;}
#mobhead{width: 90%; position: absolute; background: white; padding: 13px 5%; top: 0; text-align: center;}
#mobhead h2{margin-bottom: 0;}
#mobnav{  position: absolute; width: 50px; height: 50px; background: url(img/menu.png)no-repeat center center #3f4276; right: 26px; top: 103px;}
#mobnav.open{background-image: url(img/close.png);}
#mobnavlist{display: none; width: 376px; height: 667px; background-color: #3f4276; position: absolute; left: 28px; top: 103px; list-style: none;}
#mobnavlist ul{color: white; border-top: 1px solid white; margin-top: 50px; list-style: none;}
#mobnavlist ul a{color: white; text-decoration: none; padding: 15px; text-transform: uppercase; display: block; border-bottom: 1px solid white; background: url(img/arr.png) no-repeat 90% center;}
#mobnavlist ul li.open a{background: #58585a;}
#mobnavlist ul li ul{margin-top: 0px; border-top: 0; display: none;}
#mobnavlist ul li ul li a{padding-left: 30px; background: url(img/arr.png) no-repeat 90% center #58585a!important;}
#mobhomenav li ul{display: none;}
#mobhomenav li.open a{background: #58585a;}
#mobhomenav li ul{margin-top: 0px; border-top: 0; display: none;}
#mobhomenav li ul li a{padding-left: 30px; background: url(img/arr.png) no-repeat 95% center #58585a!important;}
#mobcont{padding: 15px; margin-top: 50px;}
#moblogo{text-align: center; margin: 20px 0;}
#moblogo.small img{height: 140px; width: auto;}
#mobhomenav{list-style: none; margin-bottom: 30px;}
#mobhomenav li a{color: white; text-decoration: none; padding: 12px; text-transform: uppercase; display: block; margin-bottom: 10px; background: url(img/arr.png) no-repeat 95% center  #3f4276;}

#spons{list-style: none; margin-top: -10px;}
#spons li{width: 47%; height: 80px; float: left; margin: 0 3% 10px 0; background: url(img/spons1.png) no-repeat center center white;}
#spons li:nth-child(2n){margin-right: 0;}
#spons li.tw{background-image:url(img/spons2.png);}
#spons li.th{background-image:url(img/spons3.png);}
#spons li.fo{background-image:url(img/spons4.png);}

.aplay{list-style: none;}
.aplay li{background: white; margin-bottom: 10px;}
.aplay li div{padding: 15px 20px 15px 60px; background: url(img/fcm.png) no-repeat 5px center;}
.aplay li div span{float: right;}
.aplay li div.ho{background-image:url(img/fcm.png);}
.aplay li div.au{background-image:url(img/fcs.png);}
.aplay li:nth-child(3n+2) div.ho{background-image:url(img/fcp.png);}
.aplay li:nth-child(3n+2) div.au{background-image:url(img/fcr.png);}
.aplay li:nth-child(3n+3) div.ho{background-image:url(img/fck.png);}
.aplay li:nth-child(3n+3) div.au{background-image:url(img/fcb.png);}

ul.tab{margin: 5px 0 20px 0; list-style: none;}
ul.tab li{padding: 3px 5px; background: white; margin-bottom: 5px;}
ul.tab li span.tea{width: 45%; display: inline-block;}
ul.tab li span.gam{width: 15%; display: inline-block;}
ul.tab li span.wi{width: 5%; display: inline-block;}
ul.tab li span.un{width: 5%; display: inline-block;}
ul.tab li span.lo{width: 5%; display: inline-block;}
ul.tab li span.to{width: 17%; display: inline-block; text-align: center;}
ul.tab li span.pt{width: 8%; display: inline-block; text-align: right;}

ul.tab li span.li{width: 40%; display: inline-block;}
ul.tab li span.re{width: 40%; display: inline-block;}
ul.tab li span.re1{width: 10%; display: inline-block; text-align: center;}
ul.tab li span.re2{width: 10%; display: inline-block; text-align: center;}
ul.tab li span.do{width: 0%; display: inline-block; text-align: center;}

ul.sp{list-style: none;}
ul.sp li{padding: 3px 10px; background: white; margin-bottom: 5px;}
ul.sp li span{display: inline-block;}
ul.sp li span.ti{width: 10%;}
ul.sp li span.ti1{width: 34%;}
ul.sp li span.ti2{width: 39%;}
ul.sp li span.res1{width: 5%;text-align: center;}
ul.sp li span.res2{width: 5%;text-align: center; margin-right: 3%;}
ul.sp li span.dop{text-align: center;}
ul.sp.gone{display: none;}
.older span{color: white;}
.older span.off{display: none;}

#tvframe_outer{width: 1120px; height: 685px; margin: 20px auto; position:relative;}
#tv{position: absolute; width: 100%; height: 100%; background: url(img/tv.png) no-repeat center center;}
#tvframe{width: 1100px; height: 620px; background: yellow; position: absolute; left: 11px; top: 12px; background: #f9f6ef;}
#tvframe #spons{position: absolute; bottom: 0px; width: 98%; height: 100px; padding: 0 1%;}
#tvframe #spons li{width: 23%; margin: 0 1%;}

.swiper-container{height: 100%;}
#tvframe h1{margin: 40px 40px 20px 40px; font-size: 36px; font-weight: 600; text-align: center;}
#tvframe ul.akt{list-style: none; margin: 20px 40px;}
#tvframe ul.akt li{padding: 10px 30px; background: white; font-size: 25px; font-weight: 600; margin-bottom: 20px; text-align: center;}
#tvframe ul.akt li span{display: inline-block; padding: 12px 0;}
#tvframe ul.akt li span.mit{text-align: center; width: 2%;}
#tvframe ul.akt li span.resul{text-align: center; width: 5%;}
#tvframe ul.akt li span.man{width: 30%; text-align: left; padding-left: 8%; background: url(img/logofcs.png) no-repeat left center; background-size: 15%;}
#tvframe ul.akt li span.m2{background-image: url(img/logofcu.png);margin-left: 5%;}
#tvframe ul.akt li span.m3{background-image: url(img/logofc.png);}
#tvframe ul.akt li span.m4{background-image: url(img/logofcb.png);margin-left: 5%;}
#tvframe ul.akt li span.m5{background-image: url(img/logofcp.png);}
#tvframe ul.akt li span.m6{background-image: url(img/logofmc.png);margin-left: 5%;}
.tablewrap{margin: 0 30px;}
.tablewrap table{width: 48%; margin-right: 2%; font-size: 18px; float: left;}
.tablewrap table td{background: white; padding: 15px; border-bottom: 5px solid #f9f6ef;}
.tablewrap table td:last-child{text-align: right;}
.tablewrap table.tright{margin:0 0 0 2%;}

#link,#jury{background: black; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; display: none;}
.link, .jury{background: #f9f6ef; width: 374px; padding: 50px 30px 30px 30px; margin: 50px auto; position: relative;}
.link .close, .jury .close{width: 40px; height: 40px; position: absolute; top: 0px; right: 0px; background: url(img/close.png) no-repeat center #3f4276; cursor: pointer;}

#link .member li{padding: 3px 30px 3px 5px; float: none; displaY: inline-block; margin-right: 5px;}
#link .member li .bin{width: 26px; height: 26px; position: absolute; top: 0px; right: 0px; background: url(img/close.png) no-repeat center #3f4276; background-size: 14px; cursor: pointer;}

.member{list-style: none;}
.member li{padding: 10px 10px; background:#3f4276; margin-bottom: 5px; color: white; position: relative;}
.member li .bin{width: 45px; height: 100%; position: absolute; right: 0; top: 0; background: url(img/bin.png) no-repeat center center; cursor: pointer;}

#home{position: absolute; width: 100%; height: 60%;}
.cont{position: absolute; left: 0; bottom: 0; height: 40%;}
.cont .contl{width: 50%; float: left; height: 100%; background: url(img/spick.png) no-repeat right center #54ec0f; position: relative;}
.contl img{width: 90%; height: auto; margin: 0 5%;}
.cont .contr{width: 50%; float: right; height: 100%; position: relative;}
#home .swiper-slide{line-height: 0; overflow: hidden;}

#home .swiper-pagination{ bottom:0; padding: 20px 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.2) 51%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.2)), color-stop(51%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.2) 51%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
#home .swiper-pagination-bullet{width: 10px; height: 10px; background: white; border-radius: 10px; margin: 5px; opacity: 0.6;}
#home .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #54ec0f!important; opacity: 1.0;}
#mobnav.hscreen{top: 0; right: 0; display: none;}

.btsel{list-style: none;}
.btsel li{float: left; display: inline-block; padding: 5px 15px; border: 2px solid #3f4276; margin-right: -1px; cursor: pointer;}
.btsel li.at, .btsel li:hover{background: #3f4276; color: white;}
.models .model{display: none;}
.models .model.at{display: block;}

@media screen and (max-width: 900px) {
 #nav2 img{width: 20%;}
 #nav2 .inner{display: none;}
#mobnav.hscreen{display: block; position: fixed;}
#home{height: 40%;}
.cont{top: 40%; height: auto; width: auto;}
.cont .contl, .cont .contr{clear: both; height: auto; width: auto; background-image: none;}
.cont .contl div{position: inherit!important;}
.cont .contl img{width: 80%; margin: 5% 10%;}
}
@media screen and (max-width: 500px) {
	 #nav2 img{width: 25%;}
#home{height: 30%;}
.cont{top: 30%;}
}

@media screen and (min-width: 1350px) {
 .contl img{width: 80%; height: auto; margin: 0 10%;}
}

@media screen and (min-width: 900px) and (max-height: 700px){
 .contl img{width: 70%; height: auto; margin: 0 15%;}
}

input[type=range] {
  -webkit-appearance: none; margin: 18px 0; width: 100%;
  margin-bottom: 45px;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%; height: 3px; cursor: pointer; animate: 0.2s; background:  #58585a;
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid white; height: 24px; width: 24px; background: #3f4276; cursor: pointer; -webkit-appearance: none; margin-top: -10px;
}

input[type=range]::-moz-range-track {
  width: 100%; height: 3px; cursor: pointer; animate: 0.2s; background:  #58585a;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid white; height: 24px; width: 24px; background: #3f4276; cursor: pointer; -webkit-appearance: none; margin-top: -10px;
}
input[type=range]::-ms-track {
  width: 100%; height: 3px; cursor: pointer; animate: 0.2s; background:  #58585a;
}
input[type=range]::-ms-thumb {
  border: 1px solid white; height: 24px; width: 24px; background: #3f4276; cursor: pointer; -webkit-appearance: none; margin-top: -10px;
}


.chb{background: white; color: #58585a; border: 2px solid #3f4276; padding: 3px 5px; display: inline-block; width: 60px; margin-right: 8px; text-transform: uppercase; position: relative; cursor: pointer;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.chb span.ja{color: white;}
.chb .ja{display: none;}
.chb .inner{width: 19px; height: 19px; background: #ff9933; position: absolute; top:3px; right: 3px;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.chb.act{background: #3f4276; color: white; text-align: right;}
.chb.act .inner{right: auto; left: 3px; background: #54ec0f;}
.chb.act .ja{display: block;}
.chb.act .nein{display: none;}