/*
Template Name: AUTO LIVE 1 GmbH
Author: Web Live Solutions LTD
*/
 
body {font-family: Arial}
.login {
    width: 460px;
    /* float: right; */
    text-align: left;
    background: url(../img/menu-bg.png) repeat;
    height: auto;
    position: absolute;
    margin-left: 80%;
 
    align-self: righ;
    z-index: 1000;
	margin-top: 10px;

}


.forms {
    background: url(../img/countdown-bg.png) repeat;
    box-shadow: 0 0 3px #000;
    margin: 30px auto;
    overflow: hidden;
    position: relative;
    /* padding: 10px; */
    padding-left: 0;
    padding-right: 0;
   margin-top: 25px;
    width: 460px;
}

.login-form{
	
	margin-top:10px;
}

.contents{
	position: absolute;
    padding: 80px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.wrapper {width: 800px; margin: 0 auto}
.main-frame{position: fixed; top: 0%; width: 100%; z-index: 100;}


.main-frame:after{
   content: '';
  display: block;
  border-bottom: 5px solid #dea640;
  width: 0;
  position: relative;
  right: 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.main-frame:hover:after {
    width: 100%;
}
 
.main{background: url(../img/main-bg.png) repeat-x; width: 100%; position: absolute; }
.top-main{
padding: 12px 7px 4px 18px;
    /* margin-left: 38px; */
    text-ident: 4;
    width: 301px;
    text-ident: 3;
    letter-spacing: 3px;
    text-ident: 2;
    ght: 40px;
    background: black;
    font-family: 'GnuolaneFree', Arial, Tahoma;
    color: #fff;
    font-size: 22px;
    margin-bottom: 1px;
}

.main-text a>img{
	margin-left: 0px;
	margin-top: 1px;
	 
}

@-moz-document url-prefix() {
   .main-text a>img { margin-top: 1em; } 
}
.main-text {
    color: #fff;
    background: transparent;
    
    padding-left: 33px;
    margin-top: -94px;
    position: absolute;
    z-index: 3;
    line-height: 19px;
    font-family: 'GnuolaneFree', Arial;
    font-size: 15px;
    text-transform: uppercase;
}
.main-text span {color:#ff7f00; font-size: 18px;}

.navigation {float: left; margin-top: 10px}
#navigationpanel{position: relative; margin-left: 303px; z-index: 1}
#panel {
    position: relative;
    width: 122%;
    /* margin-left: 8%; */
    height: 94px;
    background: url(../img/menu-bg.png) repeat;
    border-left: 1px dotted #4e4e4e;
    float: right;
    padding-left: 20%;
}
.panel_button { position: absolute; left:0px; width:30px; height: 30px; cursor: pointer; padding: 7px}
#panel ul {
    width: 98%;
    position: relative;
    text-align: left !important;
    text-indent: initial;
    line-height: 5;
 
}
#panel ul li{ display: inline;  list-style: none; margin: 37px 0px 20px 0px; border-right: 1px solid #666666; text-align: center; }
#panel ul li.last{border-right: none}
#panel ul li a{font-family: 'GnuolaneFree', Arial, Tahoma; color: #fff; font-size: 17px; text-decoration: none;letter-spacing: 2px;}
#panel ul li a:hover{color: #ff7f00;}
#panel ul li a:focus {outline: none;} 

.countdown{margin: auto; margin-top: 0px; margin-bottom: 10x; }
#Countdown{ color: #fff;  background: url(../img/countdown-bg.png) repeat; width: 335px; height: 94px; padding-left: 230px; position: absolute; z-index: 2;}
#Countdown2{ width: 440px; height: 94px; padding-left: 38px; }
.time{float: left;  margin-right: 20px; font-family: 'LeagueGothicRegular', Arial, SansationRegular; opacity: 1; }
.time span{font-size: 15px; font-family: 'LeagueGothicRegular', Arial, SansationRegular; text-transform: uppercase; line-height: 15px;}
.days{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; border-right: 1px dotted #666666; padding-right: 20px; line-height: 55px}
.hours{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; border-right: 1px dotted #666666; padding-right: 20px; line-height: 55px}
.minutes{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; border-right: 1px dotted #666666; padding-right: 20px; line-height: 55px}
.seconds{text-align: left; margin-top: 13px; padding-bottom: 0px; font-size: 61px; line-height: 55px}


.twitterf{float: left; font-size: 9px ; color: #fff; padding-top: 15px; padding-left: 30px}
.twitterf span{font-weight: bold; font-size: 10px; padding-left: 10px}
.twitterf li{list-style: none}
.twitterf a{color: #fff; text-decoration: none}
.twitterf a:hover{color: #fff; text-decoration: underline}
.tweet_time {float: right}



.social-icons ul li {
    float: left;
    margin-right: 35px;
    list-style: none;
}
.social-icons ul li img{opacity: 0.7}
.social-icons ul {
    line-height: 34px!Important;
}

.tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat; background-image: url(../img/tipsy.gif); margin-top: -25px }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: #fff; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }



cboxContent
#supersized-loader {background:url(../img/progress-black.gif) no-repeat center center;}
#controls-wrapper {  background: black;}
#cboxContent{position: absolutes;max-height: 740px;; overflow: scroll;}
.colorbox-title {border-left: 0px solid #ff7f00; color: #fff; border-bottom: 1px dotted #595959; margin-bottom: 10px; font-size: 18px}
.colorbox-inline-title {border-left: 0px solid #ff7f00; color: #212529; border-bottom: 1px dotted #595959; margin-bottom: 10px; font-size: 18px}
#mcs_container .customScrollBox .content p{color:#fff; }
#mcs_container .customScrollBox .content p.alt{color:#fff}
#cboxLoadingOverlay{background:#000; }
#cboxLoadingGraphic{background:#000; }
#cboxOverlay{background:#000}
#cboxClose{ background:url(images/close.png) no-repeat;}

.panel_button {background: #ff7f00; display: none !important}
			
#progress-back{ background:url('../img/progress-back.png') repeat-x; }
#progress-bar{ background:url('../img/progress-bar.png') repeat-x; }
#slidecaption {color:#fff}
#slidecounter {color:#fff}

.panel2_button2 {background: #ff7f00}
.hide_button2{background: none}

/* HOVERS */

.hover-text {
    color: #5f5f5f;
    margin-left: 50px;
    margin-top: 35px;
	padding-right: 50px;
	font-size: 11px;
	font-style: italic; 
	text-transform: uppercasee;
	text-align: center;
	line-height: 28px;
}

.hover-view {
    color: #fff;
    margin-left: 94px;
    margin-top: -3px;
	display: block;
	width: 28px;
	height: 28px; 
	background: url(../images/zoom.png) no-repeat center;
	font-size: 11px;
	text-transform: uppercasee;
	text-align: center;
	line-height: 28px;
}
.hover-view a{color: #fff; text-decoration: none}
.hover-view a:hover{color: #fff; text-decoration: underline}

.portfolio-hover {
    background: transparent;
    height: 100%;
    overflow: hidden;
    width: 220px;
	height: 125px;
    z-index: 99;
	position: absolute;
	top:0px; left:0px; right:0px; bottom:0px; 
	display: none;
	left: 0px;
	top: 0px
}

.hover-port{float: left; margin-right: 15px}
.hover-port p{font-size: 11px; color: #fff; width: 160px; padding-top: 10px}
.portfolio-line{margin-top: 20px; margin-left: 40px; float: left}

.play-pause {margin-top: 20px}
#controlBar_bgndVideo {display: none!important}