.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
body {
	margin:0;
    background: #000000;
    background: #000000 url(banner_for_Tesla_emulator.jpg) no-repeat center top;
    /* background-image: url(bgmain.jpg); */
    /* background-position: center; */
    /* background-attachment: fixed; */
    /*background-size: cover;*/
}

.wrap {
    text-align: center;
}
.wrap img[src="main.png"] {
    height: 622px;
}
img[src="bg-car-397.jpg"]{
	width: 397px;
}
div.main {
	position:relative;
	height: 622px;
	width:736px;
	margin:0 auto;
}
div .wrap-menu-long {
	width: 397px;
    height: 447px;
    overflow: hidden;
    position: absolute;
    /* left: 168px;
    top:71px; */
    left: 0px;
    top:0px;
}
div .menu-long {
	width: 800px;
    height: 447px;
}
div .menu-long, 
div .bg-car-wrap {
/* 	position:absolute;
    left: 168px; */
}
div .menu-long {
	top: 71px;
}
div .bg-car-wrap {
	top: 135px;
}
img.menu {
	height:57px;
	background: #000000;
	padding: 2px;
}
figure {
	display:inline;
	display: inline-block;
    margin: 0;
}
figure > a {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.radio-wrap {
    position: absolute;
    left: 473px;
    top: 129px;
    /* transition: all .3s; */
}
.radio-wrap.active {
	left: 173px;
    top: 129px;
}
ul.tabs.chang {
    position: absolute;
    left: -400px;
}
/* .tabs.chang .tab-content{
	transition: all 0s;
}
.tabs.chang li > input:checked ~ .tab-content {
	left: 400px;
} */
.tabs {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	left:0;
	transition:.3s;
	z-index: 10;
}
.tabs:after {
	content: "";
	clear: both;
	display: block;
	/* height: 240px; */
}
.tabs li {
	float: left;
}
.tabs li > input {
	display: none;
}
.tabs li > label {
	display: inline-block;
	/* border: 1px solid #999; */
	border-right-width: 0;
	border-bottom-width: 0;
	/* height: 30px; */
	/* line-height: 30px; */
	/* padding: 5px 20px; */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tabs li:last-child > label {
	border-right-width: 0px;
}
.tabs .tab-content {
	/* display: none; */
	position: absolute;
	/* left: 0; */
	/* padding: 20px; */
	/* border: 1px solid #999; */
	/* height: 200px; */
	left: 845px;/* 480px */
    top: 62px;
    transition: .4s;
    opacity:0;
}
.tabs .tab-content.half-screen {
	left:0;
	top: -510px;
	z-index: 5;
	opacity:0;
	transition: .3s;
}
.tabs .tab-content.half-screen.rightmenu {
	left:400px;
	top: -510px;
	z-index: 5;
	opacity:0;
	transition: .3s;
}
.tabs .tab-content.tab-browser{
	left: 400px;
	top: 57px;
	transition: .1s;
}
/* .tabs .tab-content.half-screen img[src="car-bottom.png"] {
    padding-top: 800px;
	display:none;
}
.tabs li > input:checked ~ .tab-content img[src="car-bottom.png"] {
	padding-top: 0px;
	display:block;
} */

.tabs .tab-content.half-screen img[src="car-bottom.png"] {
    opacity: 0;
     position: absolute;
	left: 0;
	top: 280px;
}
.tabs li > input:checked ~ .tab-content img[src="car-bottom.png"] {
    opacity: 1;
     position: absolute;
	left: 0;
	top: 188px;
	opacity:1;
    transition: all .2s .2s;
}
/* .tabs li:nth-child(n+8) > input:checked ~ .tab-content img[src="9-aux-2.jpg"] {
    left: 400px;

} */
.tabs .tab-content.half-screen img[src="9-aux-2.jpg"],
.tabs .tab-content.half-screen img[src="11-app-0-2.jpg"] {
    opacity: 0;
     position: absolute;
	left: 0;
	top: 280px;
}
.tabs li > input:checked ~ .tab-content img[src="9-aux-2.jpg"],
.tabs li > input:checked ~ .tab-content img[src="11-app-0-2.jpg"] {
    opacity: 1;
    position: absolute;
	left: 0;
	top: 188px;
	opacity:1;
    transition: all .2s .2s;
    z-index:-1;
}
/* .tabs .tab-content.half-screen img[src="8-browser.jpg"] {
    opacity: 0;
     position: absolute;
	left: 0;
	top: 0px;
}
.tabs li > input:checked ~ .tab-content img[src="8-browser.jpg"] {
    opacity: 1;
    position: absolute;
	left: 0;
	top: 0px;
	opacity:1;
    transition: all .2s .2s;
} */

.tabs li > input:checked ~ .tab-content.half-screen {
/* 	display: block; */
    left: 0px;
    top: 62px;
    opacity:1;
}
/* Функциональность: */
 
.tabs li > input:checked + label {
	background-color: #999;
}
.tabs li > input:checked ~ .tab-content {
/* 	display: block; */
    left: 0px;
    top: 62px;
    opacity:1;
}
.tabs li:nth-child(n+8) > input:checked ~ .tab-content {
    left: 400px;
    top: 62px;
    opacity:1;
}
/* */
input[type="radio"] {
    margin: 0 !important;
}
.husk {
    width: 417px;
    height: 452px;
    position: absolute;
    left: 168px;
    top: 71px;
}
.triangle {
	/* content:''; */
	position:absolute;
	right: -12px;
	top: 6px;
	z-index: 999;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 20px;
	border-color: transparent transparent transparent #cde3fa;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #cde3fa;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	opacity: .3;
	cursor:pointer;
	transition: all .3s;
}
.triangleLeft {
	opacity:0;
	position:absolute;
	left: -22px;
	top: 6px;
	z-index: 999;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 20px 0;
	border-color: transparent #cde3fa transparent transparent;
	line-height: 0px;
	_border-color: #000000 #cde3fa #000000 #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	cursor:pointer;
	transition: all .3s;
}
.triangle:hover {
	opacity:.4;
}
, .triangleLeft:hover {
	opacity:.4 !important;
}
img[src="buttons/browser.jpg"] {
    padding-left: 8px;
}
img.app1{
	display:none;
}
img.app1.active {
	display:block;
}
img.climate- {
    position: absolute;
    bottom: -200px;
    left: 0;
    z-index: 999999999999999999;
    transition:all .3s;
}
.show-me,
.sound-show-me {
	bottom: 0px !important;
}
img.sound- {
    position: absolute;
    bottom: -100px;
    left: 0;
    z-index: 999999999999999999;
    transition:all .3s;

}
/* div.main {
	cursor:pointer;
} */
#start {
	position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 100000;
    opacity: .9;
    text-align:center;

}
#start img {
    /* position: absolute;
    top: 36%;
    left: 42%;
    width: 255px;
    display: block; */
    cursor:pointer;
    height: auto;
    display: block;
    margin: 0 auto;
    border: none;
}
.text {
    position: absolute;
    top: 27%;
    left: 43%;
    color: #ffffff;
    font-size: 49px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.turn-on {
	color: #ffffff;
    font-size: 49px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
	width: 250px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -125px;
    text-align:center;
}