/* http://fontm.com/web-symbols-regular-font/ */
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbols-regular-webfont.woff') format('woff'),
         url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.headermenu{
    padding-top:3px;
}
.headermenu-topbar{
    padding-left:6px;
}	
.header-headermenu:hover{
    color:#FFFFFF;
}	
.headermenu-contact{
    padding-right:12px;
}
.showroom_banner {
	 margin-top:10px;
}
@media (max-width: 992px) {
  .showroom_banner {
     display:none;
  }
}
.ca-menu{
    padding: 0;
    margin: 14px auto;
    width: 100%;
}
.ca-menu li{
    width: 100%;
    height: 147px;
    overflow: hidden;
    display: block;
    background: #F5B617;
/*    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2); */
    margin-bottom: 4px;
    border-left: 0px solid #DB4A17;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
	margin-top:14px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #DB4A17;
    position:relative;
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 20px;
    text-shadow: 0px 0px 1px #333;
    line-height: 90px;
    position: absolute;
    width: 90px;
    left: -5px;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.box-icon{
    font-size: 5em;
	padding-bottom:12px;
}
.ca-content{
	text-align:center;
    padding-top: 17px;
}
.ca-main{
    font-size: 1.8em;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-sub{
    font-size: 18px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.ca-menu li:hover{
    border-color: #F5B617;
    background: #DB4A17;
}
.ca-menu li:hover .ca-icon{
    color: #fff004;
    text-shadow: 0px 0px 1px #F5B617;
    font-size: 50px;
}
.ca-menu li:hover .ca-main{
    color: #fff004;
    font-size: 1.8em;
}
.ca-menu li:hover .ca-sub{
    color: #fff;
    font-size: 24px;
}

@media (max-width: 1200px) {
  .ca-menu li{
    height: 120px;
  }
  .ca-content{
    padding-top: 7px;
  }
  .ca-main{
    font-size: 22px;
  }
  .ca-sub{
    font-size: 16px;
  }
  .ca-menu li:hover .ca-main{
    font-size: 22px;
  }
  .ca-menu li:hover .ca-sub{
    font-size: 20px;
  }
  
}
@media (max-width: 992px) {
  .ca-menu{
    padding: 0;
    margin: 2px auto;
  }
  .ca-menu li:last-child{
    margin-bottom: 0px;
	margin-top:2px;
  }
}
@media (max-width: 764px) {
  .ca-menu{
    padding: 0;
    margin: 2px auto;
    width: 100%;
  }
  .ca-menu li:last-child{
    margin-bottom: 0px;
	margin-top:2px;
  }
  .ca-menu li{
    height: 63px;
  }
  .box-icon{
    font-size: 2em;
	padding-bottom:1px;
  }
  .ca-content{
	text-align:center;
    padding-top: 2px;
  }
  .ca-main{
    font-size: 22px;
  }
  .ca-sub{
    font-size: 14px;
  }
  .ca-menu li:hover .ca-main{
    font-size: 22px;
  }
  .ca-menu li:hover .ca-sub{
    font-size: 18px;
  }
}


/*  Player */

.embed-video {
  width:100%;
  margin-top:14px;
  height:auto;
}
#title_overlay {
  position: absolute; 
  bottom: 25px; 
  color: #FFF; 
  text-align: center;
  font-size: 20px;
  background-color: rgba(221, 221, 221, 0.3);
  width:100%;
  max-width: 755px;
  padding: 10px 0;
  z-index: 2147483647;
}
.title_overlay_on {
 visibility:visible;
}
.title_overlay_off {
 visibility:hidden;
}
.videoplayer {
  width: 755px;
  height: 413px;
/*  max-height: 309px; */
}  

#playbutton {
  position: absolute; 
  padding-left:25px;
  bottom: 115px; 
  color: #FFF; 
  text-align: center;
  font-size: 20px;
  background:url(../images/playbutton.png) no-repeat left 100px;
  width:100%;
  max-width: 850px;
  padding: 10px 0;
  z-index: 2147483647;
  opacity: 0.85;
}

.playbutton {
 cursor: pointer;
 width:80px;
}
.playbutton-on {
 visibility:visible;
}
.playbutton-off {
 visibility:hidden;
}
.fa-playbutton{
	left:0px;
	width:80px;
	font-size:80px;
	color:#CCCCCC;
	cursor:pointer;
}  

/* Teaser-Block */
.videodetails_teaserblock {
  margin-top:14px;
  display:block;
}

.videodetails_teaserblock_item{
  padding-bottom:10px;
}

@media (max-width: 1200px) {
  .videoplayer {
    width: 628px;
    height: 344px;
    max-height: 500px;
  }  
  #playbutton {
    bottom: 35%; 
  }
  #title_overlay {
    max-width: 628px;
  }
}
@media (max-width:992px) {
  .embed-video {
    margin-top:2px;
  }
  .videoplayer {
    width: 720px;
    height: 394px;
    max-height: 500px;
  }
  #title_overlay {
    max-width: 720px;
  }
  .videodetails_teaserblock {
    display:none;
  }
}
@media (max-width: 650px) {
  .videoplayer {
    width: 464px;
    height: 254px;
    max-height: 400px;
  }  
  #playbutton {
    bottom: 35%; 
  }
  #title_overlay {
    max-width: 100%;
  }
}

@media (min-width:481px) { 
  .header-headermenu-spacer{
    padding-left:12px;
  }	
}  

.video-wrapper {
  position: absolute;
  width:50px;
  height:50px;
  right:30px;
  top:30px;
  background: url(../img/playerlogo.png);
  opacity: 0.85;
}

#advertising_vid {
    position: absolute;
    left: 15px;
    bottom: 45px;
    opacity: 0.98;
	color:#FFFFFF;
}

#switch_vid {
    position: absolute;
    right: 15px;
    bottom: 45px;
    opacity: 0.98;
	color:#FFFFFF;
	background: #F5B617 none repeat scroll 0% 0%;
	padding: 1px 10px 1px 10px;
	cursor:pointer;
}

.video-playbutton_test{
  position: absolute;
  width: 30px;
  height: 21px;
  left: 135px;
  top: 60px;
  background: url(../img/playbutton.png);
  opacity: 0.85;
}

@media (max-width: 650px) {
  .video-wrapper {
  width:25px;
  height:25px;
  right:20px;
  top:15px;
  background-size: 25px 25px;
  }
}

@media (min-width: 993px) {
  .player-section-tripple .video-details {
    min-height: 335px;
  }
  .player-section-tripple .detail-right {
    margin-top: 2px;
	padding-top: 5px;
  }
  .player-section-tripple .event-detail .social-icon a
  {
    width: 29px;
	height: 29px;
    line-height: 29px;
  }
  .player-section-tripple .event-detail .main-title {
    font-size: 1.2em;
  }
  .player-section-tripple .video-description-text {
    min-height: 180px;
  }
  
  .event-detail .clearfix_teaserblock {
    margin: 2px 0px 0px 0px;
    font-size: 0.95em;
  }
  .event-detail .criteria-title_teaserblock {
    font-size: 1.0em;
    color: #848080;
  }
  .social-icon-headline_teaserblock {
    margin-top: 2px;
    padding-left: 2px;
    font-size: 0.9em;
  }
}