/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;	
}

/* Reset browsers default styling */
html, body, div, span, 
h1, h2, h3, h4, h5, h6,
a, acronym,
font, img,
ul, li,
fieldset, form, label, legend, button {	margin: 0; padding: 0;	border: 0; outline: 0;	font-size: 100.01%; vertical-align: baseline;	background: transparent; }
ul { list-style: none; }
blockquote, q { quotes: none; }
textarea { overflow:auto; }

*, *:before, *:after {  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;	}
	
@font-face {    font-family: MuseoSansCyrl-500;    src:url('/fonts/MuseoSansCyrl_500.otf') format('opentype');    font-weight: normal;    font-style: italic;		}
@font-face {    font-family: MuseoSansCyrl-700;    src:url('/fonts/MuseoSansCyrl_700.otf') format('opentype');    font-weight: normal;    font-style: italic;		}

@font-face { 
	font-family: MuseoSansCyrl-100;
	src: url(/fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.otf) format('truetype'); 
	src: url(/fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.eot);
	src: url(/fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.eot?#iefix) format('embedded-opentype'),
	url(/fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.woff) format('woff'),
	url(/fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.ttf) format('truetype'),
	url(/fonts/MuseoSansCyrl-100/MuseoSansCyrl-100.svg#LatoBlack) format('svg');		 
	font-weight: normal;    
	font-style: italic;		
}


@font-face { 
	font-family: MuseoSansCyrl-300;
	src: url(/fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.otf) format('truetype'); 
	src: url(/fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.eot);
	src: url(/fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.eot?#iefix) format('embedded-opentype'),
	url(/fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.woff) format('woff'),
	url(/fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.ttf) format('truetype'),
	url(/fonts/MuseoSansCyrl-300/MuseoSansCyrl-300.svg#LatoBlack) format('svg');		 
	font-weight: normal;    
	font-style: italic;		
}

@font-face { 
	font-family: MuseoSansCyrl-900;
	src: url(/fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.otf) format('truetype'); 
	src: url(/fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.eot);
	src: url(/fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.eot?#iefix) format('embedded-opentype'),
	url(/fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.woff) format('woff'),
	url(/fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.ttf) format('truetype'),
	url(/fonts/MuseoSansCyrl-900/MuseoSansCyrl-900.svg#LatoBlack) format('svg');		 
	font-weight: normal;    
	font-style: italic;		
}
	
.skrollr-desktop body {
	height:100% !important;
}

.w1024, .w1280, .w1440, .w1680, .w1920 {display:none; position: absolute; top:0; right:0; height:100vh;}
.mobile .w1024, .mobile .w1280, .mobile .w1440, .mobile .w1680, .mobile .w1920 {display:none;}
.wmobile {display:none}
.mobile .wmobile {display:block; position: absolute; top:0; right:0; height:100vh;}
#car_mobile {width:500px; height:484px; background-image:url(/images/car_1280.png)}
#wheel_mobile {width:228px; height:228px; background-image:url(/images/wheel_1280.png)}

#day, #night, #prehod_avtogumi {background-attachment:scroll}
	
/* CMS styling */
html {height: 100%;}
body {height:100%; font-family: 'MuseoSansCyrl-300', Tahoma, Helvetica, sans-serif;	padding:0;	margin:0;	color:#ccc; background-color:#333; font-size:18px;}
.wrapper {position:relative; margin: 0 auto; padding:0; max-width: 1920px; } /* rev. 01-03-2021: position:relative; margin:0; padding:0; */	

.red {color:#dd1414}	
.white {color:#CCC}
.gray {color:#333 }

a {color:#CCC; text-decoration:none}	
	
#logo {position:absolute; top:55px; left:55px; width:466px; z-index:9}	
#logo img {width: 100%}
.ultralux_logo {width:350px;}

.martenica { position: absolute; top: 119px; left: 512px; width: 83px; height: 96px; background: url(/images/martenica.png) 0 0 no-repeat; z-index: 999 }

#loader { bottom: 30px; height: 30px; right: 80px;  max-width: 100px; opacity: 0.5; position: absolute; z-index: 100;}
#loadingtext p, #loadedtext p {	color: rgba(255,255,255,0.2);	font-size: 20px;	left: 0;	letter-spacing: 0px;	padding: 0;	position: absolute;	text-align: left;	text-decoration: none;text-transform: uppercase;	top: 0;}
#loadingtext p { top: 0; }
#loadedtext p { font-size: 11px;}
	
/* NAVIGATION */
#top-menu {	position:absolute; top:190px; left:55px; width:700px; z-index:9999 }
#top-menu ul li {display:inline-block; float:left;}
#top-menu ul li a {text-transform:uppercase; font-size:16px; display:block; padding:0 10px; border-left:1px solid #737373 }
#top-menu ul li:first-child a { padding:0 20px 0 10px; border:none}
#top-menu .lang {color:#D90003}

.menu-link { display: none; }
#mobile-menu {display:none}

#nav { height: 100vh; position: fixed; left: 0; top: 0; z-index: 999;}	

.navlaunch #nav  {width:85px}

#nav-symbol {	opacity: 1;	position: absolute;	top: 20px;	text-align: center;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	-webkit-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;	width: 100%;	z-index: 20;}

#nav-symbol p {	text-align: center;}
#nav-home {	background: transparent url("/images/logo_small.svg") no-repeat scroll center top;	height: 50px;	opacity: 0;	position: absolute;	top: 20px;	text-align: center;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	-webkit-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;	width: 100%;	z-index: 20; }

#nav-home p, #nav-home a {	display: inline-block;	height: 100%;	margin: 0;	padding: 0;	text-align: center;	text-decoration: none;	width: 100%;}

#nav-real {	position: absolute;	top: 62%;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);	width: 100%;	z-index: 20;	left:55px; }

#nav-real ul {	list-style-type: none;	margin: 0;	opacity: 1;	padding: 0;	text-align: center;	/*	-webkit-transform: scale(0.25);	-moz-transform: scale(0.25);	-ms-transform: scale(0.25);	-o-transform: scale(0.25);	transform: scale(0.25);	*/
	-webkit-transition: all 0.35s ease-in-out 0s;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s; }

#nav-real ul li {	height: 70px;	text-align: left;	-webkit-transition: all 0.35s ease-in-out 0s;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;	width: 100%;}

#nav-real #m1 {background: transparent url("/images/ico_avto.svg") no-repeat; width:50px;}
#nav-real #m2 {background: transparent url("/images/ico_ultra.svg") no-repeat; width:50px;}
#nav-real #m3 {background: transparent url("/images/ico_recaro.svg") no-repeat; width:50px;}
#nav-real #m4 {background: transparent url("/images/ico_pitstop.svg") no-repeat; width:50px;}
#nav-real #m5 {background: transparent url("/images/ico_seven.svg") no-repeat; width:50px;}
#nav-real #m6 {background: transparent url("/images/ico_mehmet.svg") no-repeat; width:50px;}
#nav-real #m7 {background: transparent url("/images/ico_net.svg") no-repeat; width:50px;}
#nav-real #m8 {background: transparent url("/images/ico_proekt.svg") no-repeat; width:50px;}

#nav-real li a {	color: #CCC;	font-size: 13px;	letter-spacing: 0.5px;	line-height: 14px;	padding: 0px 0 0px 75px;	text-decoration: none;	-webkit-transition: all 0.35s ease-in-out 0s;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;	width:210px;	text-transform:uppercase;	display:table;}

#nav-real li:hover  a {	color:#FFF;}
#nav-real a span {display:table-cell; vertical-align:middle; height:50px;}


/* NAV ICO */
#nav-ico {	position: absolute;	top: 50%;	-webkit-transform: translateY(-50%);	-moz-transform: translateY(-50%);	-ms-transform: translateY(-50%);	-o-transform: translateY(-50%);	transform: translateY(-50%);	width: 80px;	z-index: 20;	left:-280px;}

#nav-ico ul {	list-style-type: none;	margin: 0;	opacity: 0;	padding: 0;	text-align: center;	/*	-webkit-transform: scale(0.25);	-moz-transform: scale(0.25);	-ms-transform: scale(0.25);	-o-transform: scale(0.25);	transform: scale(0.25);	*/	-webkit-transition: all 0.35s ease-in-out 0s;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;}
	
#nav-ico ul li {	height: 60px;	opacity: 0.7;	text-align: center;	-webkit-transition: all 0.35s ease-in-out 0s;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;	width: 100%;	padding-top: 10px;	/* border-bottom:1px solid #686868; */ }

#nav-ico ul li:last-child {	border-bottom:none; }

#nav-ico #m1 {background: transparent url("/images/ico_avto.svg") no-repeat; width: 40px; margin:0 auto; position:relative }
#nav-ico #m2 {background: transparent url("/images/ico_ultra.svg") no-repeat; width: 40px; margin:0 auto; position:relative}
#nav-ico #m3 {background: transparent url("/images/ico_recaro.svg") no-repeat; width: 40px; margin:0 auto; position:relative}
#nav-ico #m4 {background: transparent url("/images/ico_pitstop.svg") no-repeat; width: 40px; margin:0 auto; position:relative}
#nav-ico #m5 {background: transparent url("/images/ico_seven.svg") no-repeat; width: 40px; margin:0 auto; position:relative}
#nav-ico #m6 {background: transparent url("/images/ico_mehmet.svg") no-repeat; width: 40px; margin:0 auto ; position:relative}
#nav-ico #m7 {background: transparent url("/images/ico_net.svg") no-repeat; width: 40px; margin:0 auto; position:relative}
#nav-ico #m8 {background: transparent url("/images/ico_proekt.svg") no-repeat; width: 40px; margin:0 auto; position:relative}

#nav-ico li a {	color: #FFF;	display: block;	width:55px; height:55px;	text-decoration: none;	-webkit-transition: all 0.35s ease-in-out 0s;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;}

#nav-ico .title {position:absolute; width:0; height:0; vertical-align:middle; display:none;  background-color: rgba(0,0,0,0.8); left:68px; color:#FFF; top:-10px; text-align:left;	-moz-transition: all 0.45s ease-in-out 0s; opacity:0;	-ms-transition: all 0.45s ease-in-out 0s;	-o-transition: all 0.45s ease-in-out 0s;	-webkit-transition: all 0.45s ease-in-out 0s;	transition: all 0.45s ease-in-out 0s;	border-top-right-radius: 5px;	border-bottom-right-radius: 5px; font-size:15px } 
#nav-ico .title span {display:table-cell; vertical-align:middle; padding-left:10px;}

#nav-ico li:hover .title { left:61px; width:150px; height:60px; opacity:1; display:table; padding:10px }
#nav-ico li:hover .title:before {	content: '';	height: 5px;	width: 5px;	background-color: #E30000;	border-radius: 50%;	display: block;	margin-left: -13px;	margin-top: 16px;}


#nav-ico ul:hover li {opacity: 0.4;}
#nav-ico ul li:hover {	opacity: 1;}

#nav-inner {	background-color: rgba(0,0,0,0.8);	height: 100%;	left: -80px;	position: absolute;	-moz-transition: all 0.35s ease-in-out 0s;	-ms-transition: all 0.35s ease-in-out 0s;	-o-transition: all 0.35s ease-in-out 0s;	-webkit-transition: all 0.35s ease-in-out 0s;	transition: all 0.35s ease-in-out 0s;	width: 80px;	z-index: 10;	opacity:0; }

.navlaunch #nav-inner {	opacity: 1;	left:0;	}
.navlaunch #nav-home {	opacity: 1;	}
.navlaunch #nav-ico {	left: 0;	}
.navlaunch #nav-real ul {	opacity: 0;	display:none;	-webkit-transform: scale(0);	-moz-transform: scale(0);	-ms-transform: scale(0);	-o-transform: scale(0);	transform: scale(0);}
.navlaunch #nav-ico ul {	opacity: 1;	display:block;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}


/* CONTENT */
.section {	clear: both;	display: block;	height: 1000px;	margin: 0 auto;	overflow: hidden;	padding: 0;	position: relative;	width: 100%; z-index: 10;}	
.holder, .container { height: 100%; margin: 0 auto; width: calc(100% - 320px); position: relative; z-index: 5; }

#intro {background-image:url(/images/bg_intro_1920.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center;  z-index: 2; 
-webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.7);-ms-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.7);-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.7);box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.7);}
#businessman {background: transparent url("/images/businessman.png") no-repeat scroll center top; background-size:auto;	height: 100%; 	margin: 0 ;	position: absolute;	top: 0;	width: 100%;	z-index: 2;}
#planets {position:absolute; left:280px; top:280px; z-index:3}
#clocks {position:absolute; right:55px; top:55px; z-index:999; float:right; }
#slogan {position:absolute; top:500px; right:55px; width:400px; height:112px; background-image:url(/images/slogan.png); background-repeat: no-repeat; background-position: center center;  z-index: 99;}

#prehod_avtogumi { height:50vh; background:#FFF url(/images/bg_prehod_avtogumi.jpg) no-repeat fixed center top;  z-index: 1; border-bottom:1px solid #AAA}
#avtogumi_1 {height:50vh; background:#333 url(/images/bg_avtogumi_1920.jpg) no-repeat scroll center top; z-index: 1;}
#avtogumi_2 {height:50vh; background-color:#FFF; border-bottom:1px solid #333; z-index: 2;}

#car {position:absolute; z-index: 11; width:60%; right:0; height:calc(100vh - 50px);}
.w1920 {display:block}
 
#avtogumi_1 h1 {margin-top:70px;}
h1 .avto {font-family:"MuseoSansCyrl-100"; color:#dd1414; letter-spacing:2px; font-size:20px; margin-bottom:25px;	 display:inline-block}
h1 .tires-wheels {font-family:"MuseoSansCyrl-900"; color:#FFF; font-size:60px; margin-bottom:10px; display:inline-block; line-height:55px}
.avto_p1, .avto_p2 {display: inline-block; width:500px; line-height:22px;}
.avto_p1 {text-shadow: 0 0 2px #000000;}
.avto_p2 {color:#333; margin-top:80px;}

#ultralux-container { -webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8);-ms-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8);-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8);box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8); }
.day {background:url(/images/bg_ultralux_day.jpg) no-repeat fixed center center; 	height: 50vh;		width: 100%;}	
.led-lights {font-family:"MuseoSansCyrl-900"; color:#FFF; font-size:60px; margin:20px 0; display:inline-block; line-height:55px}
.ultra_p1 {display: inline-block; width:500px; line-height:22px; color:#CCC}
.night { background:url(/images/bg_ultralux_night.jpg) no-repeat fixed center center; 	left: 0; width: 100%; height:100%}	
#ultralux-container .holder {padding-top: 70px; }
	
#prehod-coffee { height:50vh; background:#FFF url(/images/bg_prehod_coffee.jpg) no-repeat fixed center top;  z-index: 1; border-bottom:1px solid #AAA}

#mehmetefendi { -webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,1);-ms-box-shadow: 0px 20px 50px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,1);box-shadow: 0px 20px 50px 0px rgba(0,0,0,1); }
.coffee-bg {background:url(/images/bg_mehmet_efendi_1920.jpg) no-repeat center center; top: 0; height: 100vh; left: 0;	overflow: hidden; position: absolute; width: 100%; z-index:1}		
.coffee-set {background:url(/images/bg_mehmet_efendi.png) no-repeat  right bottom ; bottom:0; height: 100vh; right: 0;	overflow: hidden; position: absolute; width: 100%; z-index:5}	
.mehmet_p1 { display: inline-block; width:500px; line-height:22px; color:#CCC}
#mehmetefendi .holder { padding-top:50px; }
.mehmet-efendi-logo {width:130px}
.turkish-coffee {font-family:"MuseoSansCyrl-900"; color:#dab98c; font-size:55px; margin:30px 0; display:inline-block; line-height:55px; text-transform:uppercase}
.coffee-bean-1 {  width: 115px;  height: 115px; position:absolute; bottom:480px; right:950px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 0 0;  background-image:url(/images/coffe-bean.png); z-index:6}		
.coffee-bean-2 {  width: 115px;  height: 115px; position:absolute;  bottom:295px; right:505px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 0  -115px ;  background-image:url(/images/coffe-bean.png); z-index:6}	
.coffee-bean-3 {  width: 115px;  height: 115px; position:absolute;  bottom:795px; right:400px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 0 -230px ;  background-image:url(/images/coffe-bean.png); z-index:6;}		
.coffee-bean-4 {  width: 235px;  height: 247px; position:absolute;  bottom:105px; right:1080px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 231px 0;  background-image:url(/images/coffe-bean.png); z-index:6;}	
.coffee-bean-5 {  width: 215px;  height: 220px; position:absolute;  bottom:55px; right:150px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 247px -252px ;  background-image:url(/images/coffe-bean.png); z-index:7;}	
.coffee-bean-6 {  width: 150px;  height: 140px; position:absolute;  top:20px; right:800px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 232px -470px ;  background-image:url(/images/coffe-bean.png); z-index:6;}	
.coffee-bean-7 {  width: 115px;  height: 115px; position:absolute;  top:200px; right:700px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 0 -345px ;  background-image:url(/images/coffe-bean.png); z-index:2;}	
.rotate-center-1 {	-webkit-animation: rotate-center 10s linear infinite ; animation: rotate-center 10s linear infinite ; }
.rotate-center-2 {	-webkit-animation: rotate-center 10s linear infinite ; animation: rotate-center 10s linear infinite ; }
.rotate-center-3 {	-webkit-animation: rotate-center 15s linear infinite ; animation: rotate-center 15s linear infinite ; }
.rotate-center-2-r {	-webkit-animation: rotate-center-r 15s linear infinite ; animation: rotate-center-r 15s linear infinite ; }
.rotate-center-3-r {	-webkit-animation: rotate-center-r 25s linear infinite ; animation: rotate-center-r 25s linear infinite ; }

@-webkit-keyframes rotate-center {  0% { -webkit-transform: rotate(0); transform: rotate(0);  }  100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg); } }
@-webkit-keyframes rotate-center-r {  0% { -webkit-transform: rotate(360deg); transform: rotate(360deg);  }  100% {  -webkit-transform: rotate(0);  transform: rotate(0); } }

.sugar-1 {  width: 115px;  height: 115px; position:absolute;  bottom:495px; right:770px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 0 -460px;	  background-image:url(/images/coffe-bean.png); z-index:2;}	
.sugar-2 {  width: 115px;  height: 115px; position:absolute;  bottom:670px; right:320px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 0 -580px ;  background-image:url(/images/coffe-bean.png); z-index:2;}		
.sugar-3 {  width: 115px;  height: 115px; position:absolute;  bottom:295px; right:245px; -webkit-background-size: 350px 800px; background-size: 350px 800px;  background-position: 0 -685px ;  background-image:url(/images/coffe-bean.png); z-index:6;}
		

#prehod-recaro { height:326px; background:#FFF url(/images/bg_prehod_recaro_1920.jpg) no-repeat center top;  z-index: 1; }
#recaro {-webkit-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.7);-ms-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.7);-moz-box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.7);box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.7);}
#recaro_back {background: url(/images/bg_recaro_1920.jpg) no-repeat center top; }
.recaro_p1 { display: inline-block; width:500px; line-height:22px; color:#3e3e3e}
#recaro .holder { padding-top:90px; }
.recaro-logo {width:330px;}
.ergo_office {font-family:"MuseoSansCyrl-900"; color:#585858; font-size:60px; margin:60px 0 30px; display:inline-block; line-height:60px; text-transform:uppercase}
.chair-1 {position:absolute; width:500px; height:880px; }
.chair-2 {position:absolute; width:450px; height:730px; }

#prehod-pitstop { height:326px;  z-index: 1; }
#video_container  { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }

#pitstop { z-index:12;  -webkit-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8);-ms-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8);-moz-box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8);box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.8);}
#pitstop_back {background: url(/images/bg_pitstop_1920.jpg) no-repeat center center; }
.pitstop_p1 { display: inline-block; width:500px; line-height:22px; color:#CCC}
#pitstop .holder { padding-top:90px; }
.pitstop-logo {width:313px;}
.pitstop_office_chairs {font-family:"MuseoSansCyrl-900"; color:#ffcb05; font-size:60px; margin:60px 0 30px; display:inline-block; line-height:60px; text-transform:uppercase}

#bucket {position:absolute; z-index: 11; width:50%; width:calc(50% - 25px); right:0; height:calc(100vh + 179px);}
#bucket .w1920, #bucket .w1680, #bucket .w1280, #bucket .w1024 {right:auto; height:calc(100vh + 179px)}

.bucket_back { background:url(/images/bucket_paint_back.png) bottom center no-repeat; z-index:1; width:669px; height:469px; position:absolute; bottom:0; left:0  }
.bucket_front { background:url(/images/bucket_paint_front.png) bottom center no-repeat; z-index:3; width:669px; height:469px; position:absolute; bottom:0; left:0  }
.bulb {background:url(/images/bulb.png) top center no-repeat; z-index:2; width:347px; height:800px; position:absolute; top:0; left:120px }
.bulb_1024 {background:url(/images/bulb_1024.png) top center no-repeat; z-index:2; width:240px; height:553px; position:absolute; top:0; left:185px }
.bucket_back_1024 { background:url(/images/bucket_paint_back_1024.png) bottom center no-repeat; z-index:1; width:450px; height:315px; position:absolute; bottom:0; left:100px  }
.bucket_front_1024 { background:url(/images/bucket_paint_front_1024.png) bottom center no-repeat; z-index:3; width:450px; height:315px; position:absolute; bottom:0; left:100px  }

#sevenstudio {}
#sevenstudio_back {background: url(/images/bg_sevenstudio_1920.jpg) no-repeat center top }
#sevenstudio .holder { padding-top:40px; }
.reklama-i-dizain {width:352px; height:126px; background:url(/images/reklama-i-dizain.png) 0 0 no-repeat; margin:32px 0}
.reklama-i-dizain-en {width:564px; height:126px; background:url(/images/reklama-i-dizain-en.png) 0 0 no-repeat; margin:32px 0}
.sevenstudio_p1 { display: inline-block; width:450px; line-height:22px; color:#484647}
.sevenstudio-logo {width:240px;}
#prehod-seven {height:179px; background-color:#e2e2e0}	
.pixels  {background:url(/images/pixel_top_1920.png) bottom right no-repeat; width:100%; height:179px;}	
#bucket .pixels  {background:url(/images/pixel_top_1920.png) bottom right no-repeat; width:100%; height:179px; position:absolute; bottom:0; z-index:4}	
		
#boriananet { z-index:12 }	
#boriananet_back { background:url(/images/bg_boriananet_1920.gif) top right no-repeat; }
#boriananet_back .pixel_bottom {position:absolute; left:0; bottom:0; width:100%; height:265px; background:url(/images/pixel_bottom_1920.png) center top no-repeat;}
#boriananet .holder { padding-top:70px; }
.internet-tv {font-family:"MuseoSansCyrl-900"; color:#CCC; font-size:60px; margin:30px 0 0; display:inline-block; line-height:60px; text-transform:uppercase}
.internet-tv-2 {font-family:"MuseoSansCyrl-900"; color:#9dcb15; font-size:60px; margin:0 0 30px; display:inline-block; line-height:60px; text-transform:uppercase}
.boriananet-logo {width:180px;}
.boriananet_p1{ display: inline-block; width:450px; line-height:22px; color:#CCC}

#proektbulgaria { z-index:12 }
#proektbulgaria_back { background:#FFF url(/images/bg_proektbulgaria_1920.jpg) top right no-repeat;}
#proektbulgaria .holder { padding-top:70px; }
.proektbulgaria-title {font-family:"MuseoSansCyrl-900"; color:#fefefe; font-size:60px; margin:0; display:inline-block; line-height:60px; text-transform:uppercase}
.proektbulgaria-title-2 {font-family:"MuseoSansCyrl-900"; color:#9bd31b; font-size:60px; margin:0 0 30px; display:inline-block; line-height:60px; text-transform:uppercase}
.proektbulgaria_p1{ display: inline-block; width:450px; line-height:22px; color:#333}

#prehod-proektbulgaria {height:177px; background:url(/images/bg_prehod_proektbulgaria_1920.jpg) top right no-repeat}

#about_us { }
#about_us_back { background:url(/images/bg_about_us.jpg) top right no-repeat;}
.about_us-title {font-family:"MuseoSansCyrl-900"; color:#9fb6d0; font-size:60px; margin:60px 0; display:inline-block; line-height:60px; text-transform:uppercase}
.about_us_p1 {display: inline-block; width:500px; line-height:22px; color:#ccc}
.about_us_p1 .sub_title {color:#9fb6d0;}
.about_us_p1 ol {list-style: none; counter-reset: li; line-height:26px; margin-bottom: 60px;}
.about_us_p1 ol>li::before {content: counter(li); color: #9fb6d0;  display: inline-block; width: 1em;  margin-left: -1em}
.about_us_p1 ol>li {counter-increment: li}
.about_us_p1 ul li {list-style:inside; margin-left:25px; }
.gallery_btn_bg {position:absolute; top:20%; right:0; width:54px; height:151px; z-index:100; background:url(/images/gallery_btn_bg.jpg) 0 0 no-repeat; cursor:pointer}
.gallery_btn_en {position:absolute; top:20%; right:0; width:54px; height:151px; z-index:100; background:url(/images/gallery_btn_en.jpg) 0 0 no-repeat; cursor:pointer}

#about_us_slide {width:50%; height:100vh; position:absolute; top:0; right:-50%; padding:70px 20px; z-index:999; background-color: rgba(255,255,255,0.20) }
#close_btn {position:absolute; left: 20px; top: 20px; cursor:pointer;}

#contact_us { }
#contact_us_back { background:url(/images/bg_contact_us.jpg) top right no-repeat;}
.contact_us-title {font-family:"MuseoSansCyrl-900"; color:#4d697c; font-size:60px; margin:60px 0 30px; display:inline-block; line-height:60px; text-transform:uppercase}
.contact_us_p1 {display: inline-block; width:600px; line-height:20px; color:#114f89}
.contact_us_p1 > p:first-of-type { line-height: 24px; }
.contact_us_p1 a {color:#2B4C64}
.contact_us_p1 .light_blue {}
.contact_us_p1 p { margin:15px 0}

#privacy { }
#privacy_back { background: #001a29 /*url(/images/bg_privacy.jpg) top right no-repeat;*/}
.privacy-title {font-family:"MuseoSansCyrl-900"; color:#4d697c; font-size:60px; margin:60px 0 30px; display:inline-block; line-height:60px; text-transform:uppercase}
.privacy_p1 {display: inline-block; width:550px; line-height:20px; color:#114f89}
.privacy_p1 a {color:#BECED9}
.privacy_p1 p { margin:15px 0}
.underline {text-decoration: underline}

#careers { }
#careers_back { background:url("/images/bg_careers_1920.jpg") top left no-repeat;}
.careers-title {font-family:"MuseoSansCyrl-900"; color:#ffffff; font-size:60px; margin:60px 0 30px; display:inline-block; line-height:60px; text-transform:uppercase}
.careers_p1 {display: inline-block; width:550px; line-height:20px; color:#ffffff}
.careers_p1 .sub_title {color:#ffffff; font-weight: bold}

.follow {font-size:17px; position:absolute; bottom:55px;}
.follow_2 {font-size:17px;;  position:relative; }
.follow a, .follow_2 a { color:#dd1414}
.follow_2 a { font-weight: bold; }


.r-arrow { width:50px; height:50px; float:left; vertical-align:top; margin:-16px 10px 0 0}

.skrollable {position:absolute;}

.downlink {	display: none;	height: 100vh;	left: 50%;	margin: 0 0 0 -25px;	overflow: hidden;	position: absolute;	top: 0;	width: 50px;	z-index: 22; }

.downlink  a{	bottom: 10px;	height: 50px;	position: absolute;	text-decoration: none;	-ms-transition: all 0.25s ease-in-out 0s;	-webkit-transition: all 0.25s ease-in-out 0s;	-moz-transition: all 0.25s ease-in-out 0s;	-o-transition: all 0.25s ease-in-out 0s;	transition: all 0.25s ease-in-out 0s;	width: 50px; }

.background {position:absolute; top:0; left:0; width:100%; height:100%}

@media only screen and (max-width : 3200px) {
	#car_1920 {background:url(/images/car_1920.png) center center no-repeat; width:900px; height:871px; }
	#wheel_1920 {background:url(/images/wheel_1920.png) center center no-repeat; width:411px; height:412px; }
	
	.chair-11 {background:url(/images/chairs/red_chair/1.png) center center no-repeat; width:500px; height:880px}
	.chair-22 {background:url(/images/chairs/black_chair/2.png) center center no-repeat; width:450px; height:730px}
	
	#pitstop_chairs {background:url(/images/pitstop_chairs_1920.png) center center no-repeat; width:900px; height:754px}
}

@media only screen and (max-width : 1700px) {
	#businessman { background-size:1200px; }
	#planets { left:250px; top:240px; }
	.container {
		width: 100%;
		padding: 0 0;
	}
	#car {width:57%;}
	.w1920 {display:none}
	.w1680 {display:block}
	#car_1680 {content:url(/images/car_1680.png); src:url(/images/car_1680.png)}
	#wheel_1680 {content:url(/images/wheel_1680.png); src:url(/images/wheel_1680.png)}
	
}

@media only screen and (max-width : 1680px) {	
	body { font-size:17px; }
	.holder { width: calc(100% - 240px); padding: 0 0; }
	
	#logo { width: 400px; height: 84px; }
	
	#top-menu {	top:165px; width:500px; z-index:9 }
	#top-menu ul li a { font-size:16px; padding:0 10px; border-left:1px solid #CCCCCC; }
	
	#nav-real ul li { height: 70px; }
	
	#businessman { background: transparent url("/images/businessman.png") no-repeat scroll 200px top; background-size:contain}
	#planets { left:250px; top:180px; }
	#slogan { top:inherit; bottom:55px; width:300px; height:84px; background-size:contain; }
	#avtogumi_1 h1 { margin-top:40px; }
	h1 .avto { margin-bottom:35px; }
	h1 .tires-wheels { margin-bottom:20px; line-height:50px; }
	.avto_p1, .avto_p2 { line-height:20px; }
	.avto_p2 { margin-top:40px; }
	#car_1680 {background:url(/images/car_1680.png) center center no-repeat; width:800px; height:774px; }
	#wheel_1680 {background:url(/images/wheel_1680.png) center center no-repeat; width:362px; height:362px; }

	.chair-1 {width:400px; height:704px; }
	.chair-2 {width:350px; height:568px; }
	.chair-11 {background:url(/images/chairs/red_chair/1_1280.png) center center no-repeat; width:400px; height:704px;  }
	.chair-22 {background:url(/images/chairs/black_chair/2_1280.png) center center no-repeat; width:350px; height:568px; }
	
	#pitstop_chairs {background:url(/images/pitstop_chairs_1680.png) center center no-repeat; width:750px; height:628px}

	.coffee-set {background:url(/images/bg_mehmet_efendi_1024.png) no-repeat right bottom 80px }
	.coffee-bean-1 {  width: 90px;  height: 90px; position:absolute; bottom:350px; right:550px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: 0 0;  background-image:url(/images/coffe-bean.png); z-index:6}		
	.coffee-bean-2 {  width: 90px;  height: 90px; position:absolute;  bottom:275px; right:355px; -webkit-background-size: 280px 640px; background-size: 280px 640px; background-position: 0  -94px ;  background-image:url(/images/coffe-bean.png); z-index:6}	
	.coffee-bean-3 {  width: 90px;  height: 90px; position:absolute;  top:155px; right:200px; -webkit-background-size: 280px 640px; background-size: 280px 640px; background-position: 0 -184px ;  background-image:url(/images/coffe-bean.png); z-index:6;}		
	.coffee-bean-4 {  width: 190px;  height: 200px; position:absolute;  bottom:20px; right:770px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: 189px 0;  background-image:url(/images/coffe-bean.png); z-index:6;}	
	.coffee-bean-5 {  width: 166px;  height: 175px; position:absolute;  bottom:55px; right:50px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: 196px -202px;  background-image:url(/images/coffe-bean.png); z-index:7;}	
	.coffee-bean-6 {  width: 121px;  height: 108px; position:absolute;  top:30px; right:600px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: 184px -377px;  background-image:url(/images/coffe-bean.png); z-index:6;}	
	.coffee-bean-7 {  width: 90px;  height: 90px; position:absolute;  top:200px; right:410px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: 0 -285px ;  background-image:url(/images/coffe-bean.png); z-index:2;}	
	
	.sugar-1 {  width: 80px;  height: 80px; position:absolute;  bottom:495px; right:500px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: -10px -375px;	  background-image:url(/images/coffe-bean.png); z-index:2;}	
	.sugar-2 {  width: 80px;  height: 80px; position:absolute;  bottom:650px; right:220px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: -10px -469px ;  background-image:url(/images/coffe-bean.png); z-index:2;}		
	.sugar-3 {  width: 80px;  height: 80px; position:absolute;  bottom:255px; right:135px; -webkit-background-size: 280px 640px; background-size: 280px 640px;  background-position: -10px -558px ;  background-image:url(/images/coffe-bean.png); z-index:6;}	
	
	#pitstop_back {background: url(/images/bg_pitstop_1680.jpg) no-repeat center center;}
	
	#bucket {height:calc(100vh + 156px);}
	#bucket .w1920, #bucket .w1680, #bucket .w1280, #bucket .w1024 {height:calc(100vh + 156px)}
	#prehod-seven {height:156px;}
	#boriananet_back	{background: url(/images/bg_boriananet_1680.gif) top right no-repeat;}
	.pixels  {background:url(/images/pixel_top_1680.png) bottom right no-repeat; width:100%; height:156px;}	
	#bucket .pixels  {background:url(/images/pixel_top_1680.png) bottom right no-repeat; width:100%; height:156px; }		
	
	#boriananet_back .pixel_bottom {height:240px; background:url(/images/pixel_bottom_1680.png) center top no-repeat;}


	#prehod-proektbulgaria {height:178px; background: #FFF url(/images/bg_prehod_proektbulgaria_1680.jpg) bottom right no-repeat}
	#proektbulgaria_back { background:url(/images/bg_proektbulgaria_1680.jpg) top right no-repeat; }

	
}

@media only screen and (max-width : 1440px) {	
	.w1680 { display:none; }
	.w1440 { display:block; }
	
	#prehod_avtogumi {background-size:1440px}
	#avtogumi_1 { background:#18191b url(/images/bg_avtogumi_1024.jpg) no-repeat scroll right bottom; }	

	#car { width:49%; }
	#car_1440 {background:url(/images/car_1440.png) center center no-repeat; width:630px; height:610px; }
	#wheel_1440 {background:url(/images/wheel_1440.png) center center no-repeat; width:314px; height:314px; }
	#pitstop_chairs {background:url(/images/pitstop_chairs_1440.png) center center no-repeat; width:600px; height:503px}
	
			
}

@media only screen and (max-width : 1280px) {
	.w1440 {display:none}
	.w1280 { display:block; }

	body { font-size:16px; }
	#businessman { background-size:1200px; }
	#planets { left:250px; top:240px; }
	#prehod_avtogumi { background:#FFF url(/images/bg_prehod_avtogumi_1280.jpg) no-repeat fixed center top;}
	.avto_p1, .avto_p2 {display:inline-block; width:50%; line-height:20px;}
	
	#car_1280 {background:url(/images/car_1280.png) center center no-repeat; width:500px; height:484px; }
	#wheel_1280 {background:url(/images/wheel_1280.png) center center no-repeat; width:228px; height:228px; }
	
	#pitstop_back {background: url(/images/bg_pitstop_1280.jpg) no-repeat center center;}
	#pitstop .holder {padding-top:70px}
	.pitstop_office_chairs {margin:30px 0 30px}
	#sevenstudio_back {background: url(/images/bg_sevenstudio_1280.jpg) no-repeat left top;}
	
	#boriananet_back {background: url(/images/bg_boriananet_1280.gif) no-repeat center top;}
	#boriananet .holder {padding-top:50px;}
	.boriananet_p1 {width:500px;}
	#boriananet_back .pixel_bottom {position:absolute; left:0; bottom:0; width:100%; height:220px; background:url(/images/pixel_bottom_1280.png) center top no-repeat;}
	
	#bucket {height:calc(100vh + 144px);}
	#bucket .w1920, #bucket .w1680, #bucket .w1280, #bucket .w1024 {height:calc(100vh + 144px)}
	.pixels  {background:url(/images/pixel_top_1280.png) bottom right no-repeat; width:100%; height:144px;}	
	#bucket .pixels  {background:url(/images/pixel_top_1280.png) bottom right no-repeat; width:100%; height:144px; }		

	#prehod-seven {height:144px;}
	
	#about_us_back {background:url(/images/bg_about_us_1280.jpg) 0 0 no-repeat}
	#contact_us_back {background:url(/images/bg_contact_us_1280.jpg) 0 0 no-repeat}

	#prehod-proektbulgaria {height:159px; background: #FFF url(/images/bg_prehod_proektbulgaria_1280.jpg) bottom right no-repeat}
	#proektbulgaria_back { background:#FFF url(/images/bg_proektbulgaria_1280.jpg) top right no-repeat; }
	
	
	#careers_back { background:url("/images/bg_careers_1280.jpg") top left no-repeat;}

	
	.ultra_p1 { width:480px; }
	.ultralux_logo { width:300px; }
	.led-lights { font-size:50px; }
	
	.ultra_p1, .mehmet_p1, .recaro_p1 { width: 440px; }
	.pitstop_p1  {width:460px}
	
	.about_us-title, .contact_us-title, .privacy-title {margin: 30px 0}
	.about_us_p1, .contact_us_p1, .privacy_p1 {line-height:20px;}
	
	.contact_us_p1 p, .privacy_p1 p { margin: 10px 0;}

}

@media only screen and (max-width : 1024px) {
	.w1280 { display:none; }
	.w1024 { display:block; }

	#clocks {right:inherit; top:inherit; bottom:55px; width:100%; text-align:center}
	#clocks .digital {display:none}
	#businessman {   background-size: 1000px; background-position:top left}	
	#planets { top: 60px; left:-100px; width:100vw; height:100vh}
	
	.holder {z-index:5}
	
	#mobile-menu {position:absolute; display:inline-block; top:19px; left:15px; width:calc(100% - 30px); z-index:9999}

	.menu-link { display: inline-block; float: right; width:40px; background:url(/images/nav_icon.png) center center no-repeat; padding-left:40px; text-align:right;  height:40px; line-height:45px; }
  .menu { clear: both; min-width: inherit; float: none; overflow: hidden;  background-color: #C40003; max-height: 0;}
  .menu.active { max-height: 55em; position:relative; top:20px; }
  .menu ul { display: block;}
  .menu li { display: block; z-index:10999 }
  .menu li a { color: #FFF; display: block; padding: 0.8em; border-bottom: 1px solid #FFA1A3; position: relative; }
	.menu li:last-child a { border-bottom: none}
	
	#avtogumi, #ultralux-container, #recaro, #pitstop, #sevenstudio, #boriananet, #proektbulgaria, #about_us {min-height:100vh !important;}
	.downlink {display:none !important}
	#prehod_avtogumi { background: #FFF url(/images/bg_prehod_avtogumi_1280.jpg) no-repeat scroll center top; }
	
	#ultralux-container .day,#ultralux-container .night, #prehod-coffee {background-attachment:scroll }
	.ultra_p1, .mehmet_p1, .recaro_p1, .pitstop_p1, .boriananet_p1, .proektbulgaria_p1, .about_us_p1, .contact_us_p1, .privacy_p1  { width: 50%;}
	.turkish-coffee, .led-lights, .ergo_office, .pitstop_office_chairs, h1 .tires-wheels, .about_us-title, .contact_us-title, .privacy-title, .proektbulgaria-title, .proektbulgaria-title-2, .about_us-title, .contact_us_title, .internet-tv, .internet-tv-2, .careers-title {font-size:45px; line-height:45px} 
	
	.coffee-set {  background-size: 600px; }

	.chair-1 {width:300px; height:527px; }
	.chair-2 {width:250px; height:406px; }
	.chair-11 {background:url(/images/chairs/red_chair/1_1024.png) center center no-repeat; width:300px; height:527px; }
	.chair-22 {background:url(/images/chairs/black_chair/2_1024.png) center center no-repeat; width:250px; height:406px;}
	
	#pitstop_chairs { background: url(/images/pitstop_chairs_1280.png) center center no-repeat; width: 450px; height: 377px; }
	
	.reklama-i-dizain {margin-top:30px;}
	
	#bucket {height:calc(100vh + 102px); display:none;}
	#bucket .w1920, #bucket .w1680, #bucket .w1280, #bucket .w1024 {height:calc(100vh + 102px)}	
	.pixels  {background:url(/images/pixel_top_1024.png) bottom right no-repeat; width:100%; height:102px;}	
	#bucket .pixels  {background:url(/images/pixel_top_1024.png) bottom right no-repeat; width:100%; height:102px; }		
	
	#prehod-seven {height:102px;}
	
	#boriananet_back { background:#FFF url(/images/bg_boriananet_1024.gif) top left no-repeat; }
	#boriananet_back .pixel_bottom {position:absolute; left:0; bottom:0; width:100%; height:110px; background:url(/images/pixel_bottom_1024.png) top right no-repeat;}

	
	#prehod-proektbulgaria {height:96px; background: #FFF url(/images/bg_prehod_proektbulgaria_1024.jpg) bottom right no-repeat}
	#proektbulgaria_back { background:#FFF url(/images/bg_proektbulgaria_1024.jpg) top right no-repeat;}
	.about_us_p1 ol {margin-bottom: 10px;}	
	.highslide img { width:40px; }
	#contact_us, #privacy { height:auto!important }
	.mobile #prehod_avtogumi, .mobile .day, .mobile #prehod-pitstop, .mobile #prehod-coffee{ display:none; }
}

@media only screen and (max-width : 1024px) and (orientation: landscape) {

	#slogan { display:none;}
	#logo {width:280px; top:25px;}
	#top-menu {top:100px;}
	#top-menu ul li a {padding:0 10px; font-size:14px}
	#top-menu ul li:first-child a{padding:0 10px}
	
	#nav-real #m1 {background: transparent url("/images/ico_avto.svg") no-repeat; width:40px;}
	#nav-real #m2 {background: transparent url("/images/ico_ultra.svg") no-repeat; width:40px;}
	#nav-real #m3 {background: transparent url("/images/ico_recaro.svg") no-repeat; width:40px;}
	#nav-real #m4 {background: transparent url("/images/ico_pitstop.svg") no-repeat; width:40px;}
	#nav-real #m5 {background: transparent url("/images/ico_seven.svg") no-repeat; width:40px;}
	#nav-real #m6 {background: transparent url("/images/ico_mehmet.svg") no-repeat; width:40px;}
	#nav-real #m7 {background: transparent url("/images/ico_net.svg") no-repeat; width:40px;}
	#nav-real #m8 {background: transparent url("/images/ico_proekt.svg") no-repeat; width:40px;}
	#nav-real li a {padding:0 0 0 55px}
	#nav-real ul li {height:58px}
	
	#businessman {   background-size: 850px; background-position:top left 200px}		
	#planets { top: 0; left:40px;}
	
	#pitstop .holder, #mehmetefendi .holder, #proektbulgaria .holder	{padding-top:30px;}
	.pitstop_office_chairs br {display:none;}
	.follow {bottom:20px;}
	.proektbulgaria_p1 { margin-top: 250px; width: 70%; }
	#boriananet h2 br {display:none;}
	#boriananet_back .pixel_bottom { height: 150px; background:url(/images/pixel_bottom_1024.png) top right no-repeat;}
	.coffee-bean-1 {right:450px}
	.coffee-bean-3 {right:50px}	
	.coffee-bean-4 {right:450px; bottom:0}
	.coffee-bean-7 {right:210px}	
	.sugar-1 {right:400px}
	.sevenstudio_p1 {width:600px}
	#sevenstudio_back { background: url(/images/bg_sevenstudio_1280.jpg) no-repeat left top }
	
	.about_us_p1 {width: 70%}

}

@media only screen and (max-width : 800px) and (orientation: portrait) {
	#clocks { bottom: 60px; }
	#planets { top: -50px; left:0;}
}
@media only screen and (max-width : 800px) and (orientation: landscape) {
	
}


@media only screen and (max-width : 800px) {
	
	.w1024 { display:none; }
	.mobile .wmobile {display:none}
	#about_us_slide {width:100%; height:100vh; position:absolute; top:0; right:-100%; padding:70px 20px; z-index:999; background-color: rgba(255,255,255,0.8) }


	
	.avto_p1, .avto_p2, .ultra_p1, .mehmet_p1, .recaro_p1, .pitstop_p1, .boriananet_p1, .sevenstudio_p1, .proektbulgaria_p1, .about_us_p1, .contact_us_p1, .privacy_p1, .careers_p1 { width:100%; line-height:22px; color:#333; }	
	#avtogumi, #ultralux-container, #recaro, #pitstop, #sevenstudio, #boriananet, #proektbulgaria, #about_us, #contact_us, #privacy, #careers { min-height:100vh!important;height:auto!important }
	
	.avto_p1 {text-shadow:none}
	
	#slogan, #nav, #nav-inner, #nav-ico, #nav-home, #nav-real { display:none !important;  }
	
	body {background-color:#FFF;}
	#logo {position:absolute; top:0; left:15px; width:340px; display:inline-block; height:auto; margin:15px 0; text-align:left}	
	#top-menu { display:none }
	#mobile-menu {top:30px; left:30px; width:calc(100% - 60px);}
	.holder {width:calc(100% - 60px); line-height:26px; font-size:17px; z-index:5;}
	.follow {position:relative; bottom:inherit; padding:35px 0; text-align: left;}
	
	.avto_p1, .avto_p2, .ultra_p1, .mehmet_p1, .recaro_p1, .pitstop_p1, .boriananet_p1, .sevenstudio_p1, .proektbulgaria_p1, .about_us_p1, .contact_us_p1, .privacy_p1, .careers_p1	 {line-height:28px}

	#prehod-coffee, #prehod_avtogumi, #prehod-pitstop {display:none;}
	
	#avtogumi_back {height:456px; background: url(/images/bg_avtogumi_800.jpg) top center no-repeat; background-size:800px;}
	#avtogumi .holder {padding-top:10px;}
	#avtogumi_1, #avtogumi_2 {background:none; height:auto; border:none;}
	.tires-wheels br {display:none;}
	#avtogumi_1 h1 {margin-top:0}
	h1 .avto {margin-bottom:10px;}
	h1 .tires-wheels {font-size:30px}
	.avto_p1 {margin-top:350px;}
	.avto_p2 {margin-top:0;}
	
	.day {display:none}
	.night {height:456px; background:url(/images/bg_ultralux_800.jpg) top center no-repeat; background-size:800px;}
	#ultralux-container .holder {text-align:center; padding-top:0}
	.ultralux_logo {text-align:center; margin-top:335px; width: 250px}
	.ultra_p1 {margin-top:20px; text-align:left}
	.led-lights {margin:10px 0}

	#mehmetefendi_back {height:456px; background: url(/images/bg_mehmet_efendi_800.jpg) top center no-repeat; background-size:800px;}
	.coffee-set, .coffee-bg {display:none}
	#mehmetefendi .holder {padding-top:20px;}
	#mehmetefendi .holder h2 {margin-top:203px; text-align:right; }
	.turkish-coffee {font-size:40px; line-height:40px}
	.mehmet-efendi-logo {width:100px;}
	

	#prehod-recaro {height:172px; background: url(/images/bg_prehod_recaro_800.jpg) top center no-repeat; background-size:800px;}
	#recaro_back {height:456px; background: url(/images/bg_recaro_800.jpg) top center no-repeat; background-size:800px;}
	#recaro .holder {padding:20px 0 0}
	#recaro .holder h2 {margin-top:410px;}
	.ergo_office { font-size:40px; line-height:40px; margin: 30px 0 30px; }
	.recaro-logo {float:right; width:190px}
	.recaro_p1 {color:333}
	#recaro .w1024, #recaro .w1280, #recaro .w1440, #recaro .w1680, #recaro .w1920 {display:none}
	
	#pitstop_back { height:456px; background:#FFF url(/images/bg_pitstop_800.jpg) top center no-repeat; background-size:800px; }
	#pitstop .w1024, #pitstop .w1280, #pitstop .w1440, #pitstop .w1920 {display:none}
	#pitstop .holder { padding:20px 0 0; }
	#pitstop .holder h2 {position:relative; top:0;}
	#ultralux-container .follow .white, #mehmetefendi  .follow .white, #pitstop .follow .white {color:#333}
	
	.pitstop_office_chairs {font-size:45px; line-height:45px; margin:266px 0 30px}
	.pitstop_p1{  margin-top: 10px; }

	#bucket, #car {display:none}
	.pixels  {background:url(/images/pixel_top_800.png) bottom right no-repeat; width:100%; height:110px;}	
	
	#prehod-seven {height:110px;}
	
	#sevenstudio {background-color:#e2e2e0}
	#sevenstudio_back {height:456px; background: url(/images/bg_sevenstudio_800.jpg) top center no-repeat; background-size:800px;}
	#sevenstudio .holder {padding-top: 20px}
	.sevenstudio-logo {width:160px}
	.reklama-i-dizain {width:257px; height:357px; background-size:contain;  margin:0 }
	
	#boriananet_back { height:456px; background:#FFF url(/images/bg_boriananet_800.gif) top right no-repeat; background-size:800px; }
	#boriananet_back .pixel_bottom {position:absolute; left:0; bottom:0; width:100%; height:120px; background:url(/images/pixel_bottom_800.png) top right no-repeat;}
	#boriananet .holder { padding:170px 0 0; }
	#boriananet .holder h2 {float:right; text-align:right; display:block; width:100%}
	.internet-tv { color:#CCC; font-size:40px; margin:15px 0 0;  line-height:40px; }
	.internet-tv-2 { color:#9dcb15; font-size:40px; margin:0 0 15px;  line-height:40px;}
	.boriananet-logo {width:120px; float:right}
	.boriananet_p1{ margin-top: 110px; }
	
	#prehod-proektbulgaria {height:96px; background: #FFF url(/images/bg_prehod_proektbulgaria_800.jpg) bottom center no-repeat}
	#proektbulgaria_back { height:456px; background: #FFF url(/images/bg_proektbulgaria_800.jpg) top center no-repeat; background-size:800px}
	#proektbulgaria .holder	{padding-top:50px;}	
	.proektbulgaria-title, .proektbulgaria-title-2 {font-size:45px; line-height:45px;}
	.proektbulgaria_p1{  margin-top: 270px; }
	
	#about_us_back {  height:456px; background:url(/images/bg_about_us_800.jpg) top center no-repeat; background-size:800px}
	#about_us .holder h2 {margin-top: 370px}

	#contact_us_back {  height:456px; background:url(/images/bg_contact_us_800.jpg) top center no-repeat; background-size:800px}
	.contact_us_p1 {margin-top:370px}
	.privacy_p1 {margin-top:10px}
	
	#careers_back {  height:456px; background:url(/images/bg_careers_800.jpg) top center no-repeat; background-size:800px}
	.careers_p1 {margin-top:370px}
	#careers .holder	{padding-top:0px;}	
	#careers h2 {text-align: center}
	.careers-title {color: #114f89; margin: 30px ; font-size: 45px; line-height:45px;}
	.careers_p1 .sub_title {color: #333}
		
}


@media only screen and (max-width : 640px) {
	#planets { top: -130px!important; left: 0; }
	#clocks { bottom: 15px; }
	#avtogumi, #ultralux-container, #recaro, #pitstop, #sevenstudio, #boriananet, #proektbulgaria, #about_us, #contact_us, #privacy, #careers { min-height:100vh!important;height:auto!important }
	.downlink { display: none!important; }
}


@media only screen and (max-width : 480px) {
	#logo {width:70%; display:inline-block}	
	#mobile-menu {top:19px; left:15px; width:calc(100% - 30px);}
	
	#businessman {   background-size: 580px; background-position:top left -30px}	
	#planets {top: 0 }
	
	.follow {padding:20px 0;}
	.holder {width:calc(100% - 30px);  line-height:20px; font-size:16px;}
	
	.avto_p1, .avto_p2, .ultra_p1, .mehmet_p1, .recaro_p1, .pitstop_p1, .boriananet_p1, .sevenstudio_p1, .proektbulgaria_p1, .about_us_p1, .contact_us_p1, .privacy_p1, .careers_p1	 {line-height:22px}
	
	#avtogumi_back {height:456px; background: url(/images/bg_avtogumi_480.jpg) top center no-repeat; background-size:480px;}
	#avtogumi .holder {padding-top:20px;}
	.avto_p1 {margin-top:250px;}

	.night {height:360px; background:url(/images/bg_ultralux_480.jpg) top center no-repeat; background-size:480px;}
	#ultralux-container .holder {text-align:center;}
	.ultralux_logo {text-align:center; margin-top:260px; width: 250px}
	.ultra_p1 {margin-top:20px; text-align:left}
	.led-lights {font-size:30px; line-height:30px}

	#mehmetefendi_back {height:456px; background: url(/images/bg_mehmet_efendi_480.jpg) top center no-repeat; background-size:480px;}
	#mehmetefendi .holder h2 {margin-top:115px; text-align:right; }
	.turkish-coffee {font-size:30px; line-height:30px}
	
	#prehod-recaro {height:105px; background: url(/images/bg_prehod_recaro_480.jpg) top center no-repeat; background-size:480px;}
	#recaro_back {height:456px; background: url(/images/bg_recaro_480.jpg) top center no-repeat; background-size:480px;}
	#recaro .holder {padding:20px 0 0}
	#recaro .holder h2 {margin-top:310px; }
	.ergo_office { font-size:30px; line-height:30px }
	.recaro-logo {text-align:center; width:170px}
		
	
	#pitstop_back { height:390px; background:#FFF url(/images/bg_pitstop_480.jpg) top center no-repeat; background-size:480px; }
	#pitstop .holder { padding:20px 0 0; }
	.pitstop_office_chairs {font-size:30px; line-height:30px; margin:220px 0 30px}
	.pitstop-logo {width:230px}
	.pitstop_p1{  margin-top: 0; }

	.pixels  {background:url(/images/pixel_top_480.png) bottom right no-repeat; width:100%; height:99px;}	

	#prehod-seven {height:99px;}
	
	#sevenstudio_back {height:360px; background:url(/images/bg_sevenstudio_480.jpg) top center no-repeat; background-size:480px;}
	#sevenstudio .holder {padding-top: 20px}
	.sevenstudio-logo {width:126px}
	.reklama-i-dizain {width:182px; height: 287px;}
	

	#boriananet_back { height:360px; background:#FFF url(/images/bg_boriananet_480.gif) top right no-repeat; background-size:480px;}
	#boriananet .holder	{padding:130px 0 0}
	#boriananet_back .pixel_bottom {position:absolute; left:0; bottom:0; width:100%; height:93px; background:url(/images/pixel_bottom_480.png) top right no-repeat;}
	.internet-tv {font-size:30px; line-height:30px; }
	.internet-tv-2 { font-size:30px;  line-height:30px;}
	
	.boriananet_p1{ ; margin-top: 90px; }
	

	#prehod-proektbulgaria {height:96px; background: #FFF url(/images/bg_prehod_proektbulgaria_480.jpg) bottom center no-repeat}
	#proektbulgaria_back { height:360px; background:url(/images/bg_proektbulgaria_480.jpg) top center no-repeat;  background-size:480px }
	.proektbulgaria-title, .proektbulgaria-title-2 {font-size:30px; line-height:30px;}	
	.proektbulgaria_p1{  margin-top: 210px; }
	
	#about_us_back {  height:360px; background:url(/images/bg_about_us_480.jpg) top center no-repeat; background-size:480px}
	#about_us .holder h2 {margin-top: 270px}

	#contact_us_back {  height:360px; background:url(/images/bg_contact_us_480.jpg) top center no-repeat; background-size:480px}
	.contact_us_p1 {margin-top:270px}
	.privacy_p1 {margin-top:10px}

	#careers_back {  height:360px; background:url(/images/bg_careers_480.jpg) top center no-repeat; background-size:480px}
	.careers_p1 {margin-top:290px}
	.careers-title { font-size: 30px; line-height:30px;}

}