/*
	#MENU
		Open+Sans:400
		Roboto:300				:100
		Cabin
		Basic
		Martel+Sans
		Raleway
		Titillium+Web:300
		Sarala
		Amiko
		Duru+Sans      <- MENU
		Palanquin

	#PLONI
		Roboto:100
*/
/* simboliai */
@font-face{
	font-family:'Material Icons';
	font-style:normal;
	font-weight:400;
	src:url(../fonts/MaterialIcons-Regular.eot);
	src:local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
		url(../fonts/MaterialIcons-Regular.woff) format('woff'),
		url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'font1';
    src: url('Lato-Thin.ttf')  format('truetype');
}
@font-face {
    font-family: 'LatoNormal';
    src: url('Lato-Regular.ttf')  format('truetype');
}

* { box-sizing: border-box; }

HTML{
	margin:0;
	padding:0;
}
BODY{
    margin:0;
    padding:0;
    background-color: #111;
	background-image: url("/i/back2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;

    width:100%;
    height:100%;
	font-family: 'Duru Sans';
}

BODY.cke_editable{
	background-image: none !important;
	background: white !important;
}

.wideHolder{ max-width: 1920px; background-color: #f0f0f0; margin-left: auto; margin-right: auto; }

.inline{ display: inline !important; }
.b1{ background-color: rgba(255,0,0,0.2) }
.w100p{ width:100%; }

.noSelect, DIV.button, BUTTON{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}

P{ text-align: justify; }

::selection { background: #ED1C24; color: white; }
::-moz-selection { background: #ED1C24; color: white; }

.c{	display:table !important; margin-left: auto !important; margin-right: auto !important; }
.l{	float:left; }
.r{	float:right; }
.hide{ display: none; }
.cls{ clear:both; }
.clear:after { content: ''; display: block; clear: both; }

.tc{ text-align: center; }
.tr{ text-align: right; }
.tl{ text-align: left; }

.ml1{ margin-left:1px; }
.ml2{ margin-left:2px; }
.ml3{ margin-left:3px; }
.mb10{ margin-bottom:10px !important; }
.mt10{ margin-top:10px !important; }


.orange{ color: #FA5D07; }

table{ border-collapse: collapse; border-spacing: 0; }

/* FONT & SIZE CLASSES */

.fs1{
	font-size:68px;
	letter-spacing: 1px;
	font-family: 'font1';
    font-weight: normal;
    font-style: normal;
	margin-left:-3px;
}
.fs2{
	font-size:68px;
	font-family: 'LatoNormal';
	font-weight: 700;
	letter-spacing: 1px;
	margin-left:-2px;
}
.fs3{
	font-size:19px;
	font-family: 'LatoNormal';
	line-height: 30px !important;
}
.fs4{
	font-size:40px;
	font-weight: 100;
	font-family: 'LatoNormal';
	/*line-height: 70px !important;*/
}

.mr20{ margin-right:20px; }

.svg-home{
	background: url("https://www.startline.lt/svg/home.svg") no-repeat top left;
	background-size: contain;
	background-size: 100%;

	width:21px;
	height:21px;
	color:white;
	/*position:absolute;*/
	display: block;
	margin-top:36px;
	margin-right: 3px;
}


/* HEAD MENU MOBILE ******************* */

#menuMobile{ display:none; z-index: 10000; position: fixed; top:0; left:0; margin:0; width:100%; min-width: 410px;}
#menuMobile DIV.bar{
	position: fixed;
	padding:0;
	width:100%; height: 64px;
	color:white;
	line-height: 64px;
	background-color: #202020;
}
#menuMobile #logo{ width:300px !important;	margin:20px 10px 0 0 !important; }

/*#menuMobile DIV.menuList{ top:0; left:0; position: fixed; font-size:25px; color:white; background: green; }*/
.menuBar{
  position: relative;
  height:64px;
  width:64px;
  content: '';
  margin:0;
  background-color: #000;
}
.menuBar:before {
	margin:10px 16px;
	position: absolute;
	width: 32px;
	height: 40px;
	content: "";
	left: 0;
	top: 0px;
	bottom: 0;
	background: linear-gradient(
		to bottom,
		transparent, transparent 30%,
		#eee 30%, #eee 40%,
		transparent 40%, transparent 50%,
		#eee 50%, #eee 60%,
		transparent 60%, transparent 70%,
		#eee 70%, #eee 80%,
		transparent 80%, transparent 100%
	 );
}

#menuList{ display: none; margin-top:64px; overflow: hidden; overflow-y: scroll; width: 100%; }
#menuList A{ text-decoration: none; }
#menuList DIV{ padding:16px 30px; font-size:21px; color:white; text-transform: uppercase; background-color: #444; }
#menuList A:nth-child(2n+1) DIV{ background-color: #555; }	/*.mainOpt*/
#menuList DIV.mainOpt{ }
#menuList DIV.subOpt{ padding-left:32px; }
#menu-toggle { display: none; }
#menu-toggle:checked + #menuList { display: block; }


/* HEAD MENU ************************** */

#titleSpace{ display: block; content: ''; height: 90px; background-color: #202020; }
#logo{ width:450px;	margin: 6px -20px 0 -17px; }
#menuHolder{
	z-index:1000;
    width:100%;
	height: 90px;
    margin:0;
    padding:0;
    background-color: #202020;
	position: absolute;
	max-width: 1920px;
}

/* head menu, make it fly */
#menuHolder.fly{ height: 50px; position:fixed; width:100%; top:0; margin-top:0px; }
#menuHolder.fly #logo{ width:350px;	margin: -6px 0 0 -13px; }
#menuHolder.fly #menu DIV.optHolder{ line-height:50px; }
#menuHolder.fly #menu DIV.subOpt { margin-top:0px; }

#menu { margin-right:-10px; }
/**/

#menu DIV.optHolder{
	font-weight:  normal;
	line-height:92px;
	color:white;
	float:left;
	margin: 0 15px;
	font-size:18px;
	font-family: 'Duru Sans';
	font-family: 'LatoNormal';
}
#menu DIV.optHolder:hover DIV.mainOpt{ text-decoration: underline; }

DIV.subMobileOpt{
	font-size:14px !important;
	padding-left: 40px !important;
	padding-right: 30px !important;
}

DIV.subOpt {
	display:none;
	margin:-3px 0 0 -20px;
	position:absolute;
	line-height: 32px;
	z-index: 10000;
}
DIV.subOpt DIV{
	cursor:pointer;
	margin:0;
	padding:5px 20px 7px 20px;
    background-color: #262626;
	/*
    background: -moz-linear-gradient(top,  #292929 0%, #222222 100%);
    background: -webkit-linear-gradient(top,  #292929 0%,#222222 100%);
    background: linear-gradient(to bottom,  #292929 0%,#222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#222222',GradientType=0 );
	*/
	touch-action: manipulation;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
DIV.subOpt DIV:hover{ margin:0;	padding:5px 20px 7px 20px; background-color: #FA5D07 !important; color:white; }
#menu .selected{ color:#FA5D07; }
#menu A{ color:white; text-decoration: none; }
DIV.optHolder:hover DIV.subOpt{ display:block; }


/* ************************************ */

.iWidth2{
	min-width: 400px !important;
	vertical-align: top; color:inherit; margin:0;
	width:100%; padding-left:15% !important; padding-right:15% !important;
}
/*
.marker{
	margin:0 !important;
	padding: 0 !important;
	width:100%;
	display: block;
	border:1px dashed red;
	background-color: #D6FFE8;
}
*/


/* ************************************************************************** */
/* BOTTOM GREY */
/* ************************************************************************** */

#contacts{
	color:white;
	font-size: 25px;
	line-height: 41px;
	height: 600px;
	width:100% !important;
	padding:0;
	margin:0;
	background: transparent no-repeat center top white;
	background-image: url(../i/maps/map-lt-kaunas.png);
	z-index: 1000;
}
.contactsRow1{ text-align: right; color:white; line-height: 44px; margin-top: 200px; }
.contactsRow2{ text-align: right; margin-top:40px; }
.workHours1{ font-weight: bold; }
.workHours2{ font-size: smaller; }

#bottom1{ background-color:#1A1A1A; min-height: 150px; width:100%; display: block; position: relative; padding: 60px 0 30px 0; }
#bottom1 A{ text-decoration:none; }
#bottom1 DIV.fatherHolder{ float: left; margin-right: 100px; }
#bottom1 DIV.fatherHolder DIV.father{ font-size:27px; color:white; margin-bottom: 30px; font-weight: bold; }
#bottom1 DIV.sub:hover{ color:white; }
#bottom1 DIV.sub{ font-size:14px; color:#888; padding:13px 0 13px 0; }
#bottom1 .space{ display:block; width:70px; height: 50px; content: ''; float: left; }
#bottom1 .bottomBlock{ float: left; padding-top:76px; color:#888; font-size:12px; line-height: 19px; width: auto; margin-bottom: 40px; }
#bottom1 .circle{ width:64px; height: 64px; border:2px solid #888; border-radius:32px; margin-right:15px; }
#bottom1 .circle:hover{ opacity:1; }
.icon-fb	{ background: url(../i/icon-fb.png) no-repeat center; opacity:0.7; }
.icon-skype	{ background: url(../i/icon-skype.png) no-repeat center; opacity:0.7; }
#bottom2{ background-color:#0B0B0B; padding: 35px 0 70px 0; text-align: center; color:#777777; }
/* contacts */
.mr30{ margin-right:30px; }
.plr15{ padding-left: 15px; padding-right: 15px; }

.textIcon{
	width:16px;
	height:16px;
	display: block;
	float:left;
	margin-right: 7px;
	opacity: 0.45;
	line-height: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center;
}
.iconHome	{ background-image: url(../i/icons/home-16.png); }
.iconPhone	{ background-image: url(../i/icons/phone-16.png); }
.iconEmail	{ background-image: url(../i/icons/mail-16.png); }
.iconPin	{ background-image: url(../i/icons/pin-16.png); }

/* -------------------------------------------------------------------------- */
/* tArticle */
/* -------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{
	font-family: 'LatoNormal';
	letter-spacing: 0;
	text-rendering: optimizelegibility;
	position: relative;
	color: rgb(41, 41, 41);
}
h1{
	font-size:72px;
	line-height: 74px;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-left:-4px;
}
h2{
	margin-top:30px;
	margin-bottom:30px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
}
h3{
	font-weight: 700;
	line-height: 55px;
	margin-bottom: 40px;
	text-transform: none;
}
h4{
	font-size: 40px;
	font-weight: 700;
	line-height: 62px;
	margin-bottom: 20px;
	text-transform: none;
}
h5{
	font-size: 26px;
	font-weight: 700;
	line-height: 32px;
	text-transform: uppercase;
	margin:0 0 25px 0;
}

DIV.split{
	margin:20px 0;
	border-top:2px dashed #ccc;
	display: block;
	content: '';
	overflow: hidden;
}




DIV.simpleText{
	color: #444;
	font-family: "Lato",sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
}

DIV.simpleText P{ text-align:justify; } /*text-indent: 50px; */
DIV.simpleText P.clean{ text-indent: 0; }

DIV.simpleText A{
	color: #444;
	font-family: "Lato",sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
}
DIV.simpleText A:hover{ color: #FA5D07; }

TABLE.grid TD,
TABLE.grid TH{ padding:1px 10px 1px 10px; line-height: 29px;	border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
TABLE.grid TR TD:first-child{ border-left:none;  }
TABLE.grid TR:last-child TD{ border-bottom:none;  }
TABLE.grid THEAD TH{ font-weight:bold; color:#333; }

TABLE.grid.border{
	border:1px solid #aaa;
}

TABLE{
	font-family: "Lato",sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 28px;
}

/* text images */                                               
DIV.circle256, DIV.circle256car, DIV.circle256m0, DIV.circle256text{
	overflow:hidden;
	width:256px !important;
	height:256px !important;
	border:none;
	border-radius: 50%;
	margin: 10px 35px 20px 0;
	text-align:left;
	display: inline-block;
	float: left;
	background-size: 150%;
	content: '';
	background-position:center;
	background-repeat:none;
}
DIV.circle256car{
	background-size: 180%;
	margin:15px;
	/*position: relative;*/
	z-index: 1000;
	overflow: visible;
	display: block;
	background-color: #ccc;
}
DIV.circle256car:hover{ background-color: #FA5D07; }
DIV.circle256car:after{
	position:absolute;
	overflow:hidden;
	width:265px !important;
	height:265px !important;
	border:none;
	border-radius: 50%;
	margin: 5px 0 0 5px;
    background-color: inherit;
	z-index: -1;
	content: '';
}
DIV.circle256m0{ margin:0; background-size: cover; float: none; }


DIV.circle256text{ float:left; display: inline-block; z-index: 1; 	background-size: 170%; }


.orangeSunShadow{ box-shadow: 10px 10px 0 10px #FA5D07; margin-right: 50px !important; margin-bottom: 40px !important; }
.orangeSunShadow:hover{ box-shadow: 10px 10px 0 10px #fff; }

/* INPUTS */
INPUT[type=text], TEXTAREA{
	display: block;
	height: 59px;
	line-height: 28px;
	margin:0 0 30px 0;
	padding:16px 20px;
	box-shadow: none;
	max-width: 100%;
	background-color: rgb(221, 221, 221);
	border:1px solid rgb(221, 221, 221);
	/* rgb(240, 136, 79); */
	color: #444;
	font-family: "Lato",sans-serif;
	font-size: 19px;
	font-weight: 400;
	outline-color: rgb(119, 119, 119);
	outline-style: none;
	outline-width: 0px;
	vertical-align: middle;
}
INPUT[type=text]:focus, TEXTAREA:focus,
INPUT[type=text]:hover, TEXTAREA:hover { border-color:#FA5D07; }
TEXTAREA{ height:150px; }


DIV.button, BUTTON{
	border:none;
	background-color: #fa5d07;
	cursor: pointer;
	display: inline-block;
	font-family: "Lato",sans-serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 28px;
	margin:0 10px 0 0;
	max-width: 100%;
	padding: 16px 30px;
	vertical-align: middle;
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	touch-action: manipulation;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}
DIV.button.midi{
	font-size: 21px;
	padding: 11px 20px;
}

DIV.button:hover, BUTTON:hover{
    color: white;
    background: #292929;
    text-decoration: none;
}
DIV.button.red { color: white; background: #ED1C24; text-decoration: none; }
DIV.button.red:hover{ color: white; background: #D01117; text-decoration: none; }
DIV.button.grey{ color: white; background: #292929; text-decoration: none; }
DIV.button.grey:hover{ color: white; background: #111; text-decoration: none; }




DIV.button.selected,
DIV.button.selected:hover,
BUTTON.selected,
BUTTON.selected:hover{ background: #fa5d07; }

.error{
	border-color: #FA5D07 !important;
	background-color: #FEE9DD !important;
}

/* --- #pageContact --------------------------------------------------------- */

#pageContact TEXTAREA{ width: 100%; }
/*#pageContact .pr33{ width:33.33% !important; }*/
#pageContact .col1{ float:left;	 width:400px; padding-right:30px; margin-top:30px; }
#pageContact .col2{ float:right; width: calc(100% - 400px); margin-top:30px;	}

/* --- #carPage ------------------------------------------------------------- */

#carNavigator DIV.step{
	padding:20px 56px 20px 20px;
	font-size: 25px;
	color: #444;
	margin: 5px 8px 5px 0;
	background-color: rgb(221, 221, 221);
	position: relative;
	float: left;

    background: #292929;
    color: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 44px 10px 20px;
    text-transform: uppercase;
}
#carNavigator DIV.step DIV:before{
	display:block;
	text-align:right;
	width: inherit !important;
	height:0;
	margin:0;
	position: absolute;
	content: '\e5cf';
	font-size: 32px;
	font-family: 'Material Icons';
	margin-top:16px;
	right: 22px;
	color: #eee;

	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Safari */
	transform: rotate(270deg);
}
#carNavigator DIV.step:hover{ color:white; background-color: #FA5D07; }
#carNavigator A:last-child DIV.step{ color:white; background-color: #FA5D07; }
#carNavigator A:last-child DIV.step DIV:before{ color:white; }
#carNavigator DIV.step:hover DIV:before{
	margin-top:2px;
	right: 10px;
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari */
	transform: rotate(0deg);
	color: #fff;
}
#carNavigator A{ text-decoration:none; }
#carNavigator DIV.step.noArrow{ padding:10px 20px; cursor: default; }
#carNavigator DIV.step.noArrow DIV:before{ display:none; }


.blockSelect{
	float:left;
	margin:0 10px 15px 0;
	padding:0 0 2px 0;
	border:1px solid #444;
	line-height:28px;
	font-size:21px;
	color:#444;
	width: calc(100%/3 - 7px);
	max-width: 350px;
}
.blocksMM DIV.blockSelect:last-child{ margin-right:0; }

.blockSelect A{ text-decoration:none; }
.blockSelect A > DIV{ border-bottom:1px solid #ccc;	padding:8px 18px 7px 18px; margin:-2px 2px 0 2px; }
.blockSelect A:hover > DIV{ background-color: #FA5D07; color:white; border-bottom:1px solid #FA5D07; }
.blockSelect DIV.title{ padding:7px 18px 10px 18px; margin:2px 2px 4px 2px; background-color: #DDDDDD; }
.blockSelect DIV.small{ font-size: smaller; color:inherit; margin-left:10px; opacity:0.7; }
.blockSelect DIV.head{ margin:0 0 4px 0; background-color: #444444; color:#fff; padding:10px 18px; font-size: 24px; }
.blockSelect A:last-child DIV{ border-bottom:none; }

.fotoCamera{
	background-image: url(../i/foto-camera.png);
	background-position: center;
	background-repeat: no-repeat;
	width:22px;
	height: 18px;
	opacity: 0.1;
	margin-top:4px;
	margin-left:10px;
}


#brandList{ margin:0 -2px; }
#brandList DIV.brand{
	padding:6px 0 0 0;
	background-position:50% 35%;
	background-repeat: no-repeat;
	background-color: #eaeaea;
	width:calc(100% / 10 - 4px); /*144px*/
	height: 130px;
	line-height: 200px;
	text-align: center;
	float:left;
	display: inline-block;
	margin:2px;
	/*border:1px solid #ddd;*/
	font-size: 17px;
	color:#aaa;

	font-style:normal;
	font-weight:300;

}
#brandList DIV.brand:hover{ color:#111; background-color: #f0f0f0; }
.textCatPop{ font-size: x-large; color: #292929; line-height: 53px; margin-right: 20px; }

.fade{
	touch-action: manipulation;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease;
}

.tableHolder{ width:100%; position: relative; }
.per4Table{ width:calc(100% + 16px); border-collapse: separate; border-spacing: 8px 8px; margin:0 -8px 15px -8px; }
.per4Table TD{ padding:3px 20px; text-align: right; font-size: 19px; width:25%; cursor: default; line-height: 16px; height: 60px !important; }
.per4Table TD B{ color: white; font-weight: 900; }
.per4Table TD.grey	{ background-color:#DDDDDD; color:#333; }
.per4Table TD.black	{ background-color:#777777; color:#eee; }
.per4Table TD.black:hover { background-color:#FA5D07; color:#fff; }
.per4Table TR:first-child TD:first-child{ text-align: center; }
.per4Table TD.border{ background-color:#fff; border:1px solid #e0e0e0; color:#333; text-align: center; cursor:pointer; text-transform: uppercase; }
.per4Table TD.border:hover{ background-color:#FA5D07; border:1px solid #FA5D07; color:white; }

.per4Table TD.border.selected{ background-color:#FA5D07; border:1px solid #FA5D07; color:white; }

.per4Table A{ color:inherit; text-decoration: none }

/*390, 272*/
#pdfGraph{
	margin:19px 0 10px 0;
	width:390px;
	height:272px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100%;
	color: rgba(0,0,0,0.3);
	text-align: center;
	font-weight: 900;
	font-family: Lato;
	letter-spacing: 2px;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 32px;
	font-weight: 400;
	background-image: url(../i/emptyGraph.png);
}

.carColumn1{ width:calc(100% - 410px); float: left; }
.carColumn2{ width:390px; float: right; margin-left:20px; }

/* clients slides */
#comaHolder{ margin-top:40px; margin-bottom:25px; overflow: hidden; display: block;  border:none; }
#comaHolder P{ display: block; word-wrap: normal; color:white; margin:0; }
#comaHolder H5{ margin:0 0 10px 0 !important; color:white; }
#comaHolder .photoCircleHolder{ margin:10px 20px 20px 3px; }
#comaHolder DIV.clientSlide{ margin:0 0; padding:0 !important; display: block; width:inherit; overflow: hidden; border:none; }
.clientsCar{ color:#292929; }

.photoCircleHolder{
	background-color:#FA5D07;
	width:150px;
	height:150px;
	cursor:pointer;
	border-radius:75px;
}
.photoCircle{
	position:absolute;
	margin-top:-1px;
	margin-left:-3px;
	width:130px;
	height:130px;
	border-radius:65px;
	overflow: hidden;
	background: white no-repeat center;
}
.photoCircleHolder:hover{
	background-color:#292929;
	-webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.playRed{
	position:absolute;
	content: '';
	display: block;
	width:256px;
	height: 256px;
	text-align: center;
	background-image: url(../i/play2.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	opacity:0.9;
}
.playRed:hover{opacity:1}

/* --- 4th WHITE END SECTION ------------- */

.skewWhiteEndLeft{
	margin-top:-20px;
	margin-bottom:-40px;
	z-index: 100;
	background-color: #888;
	color:white;
	position: relative;
}
.skewWhiteEndLeft:before {
	position: absolute;
	background-color: inherit;
	content: "";
	min-height: 200px;
	top: 0;
	left: 0;
	margin-top: -3%;
	transform: skewY(3.2deg);
	width: 100%;
}
.skewWhiteEndRight{
	position: relative;
	background-color: inherit;
	z-index:100;
	padding:20px 0;
	min-height: 200px;
	color:white;
}
.skewWhiteEndRight:after{
	z-index:-1;
	position: absolute;
	background-color: inherit;
	content: "";
	min-height: 200px;
	bottom: 0;
	left: 0;
	margin-bottom: -3.5%;
	transform: skewY(-3.2deg);
	width: 100%;
}

/* ************************************************************************** */
/* video preview */

#zoomVideo{
	display: block;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 50000;
	background-color: rgba(0,0,0, 0.9);
	color:white;
	overflow: hidden;
}
#zoom VIDEO{ cursor: pointer; border:2px solid #FA5D07; z-index: 50001; }
.zoomVideo{ cursor:pointer; }
#videoThis{ border:3px solid #FA5D07; cursor:pointer; }


/* img preview */

.zoomPhoto{ cursor:pointer; }

#zoom{
	display: block;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 50000;
	background-color: rgba(0,0,0, 0.8);
	color:white;
	overflow: hidden;
}
#zoom IMG{ position:absolute; display: none; cursor: pointer; border:2px solid #FA5D07; }
#zoom IFRAME{  width:80%; height: 80%; margin:5% 10%; }
#zoom .close{
	right:1%; top:1%;
	z-index:10003;
	height: 64px;
	width: 64px;
	border-radius: 2px;
	overflow: hidden;
	background-color: #FA5D07;
	color:white;
	cursor:pointer;
	padding: 1px;
	position:absolute;
	top:4px;
	right:4px;
	text-align: center;
}
.close:before{
	content: '\d7';
	text-align: center;
	color:white;
	font-size: 40px;
	line-height: 64px;
	font-family: Arial, Helvetica, sans-serif;
}


/* ************************************************************************** */

/*.splitCarImage{ width: 100%; margin-top:-260px; }*/

.splitCarImage{
	position: relative;
	margin-top:-260px;
	width:100%;
	height: calc(100vw / 1.9);
	background-image: url('../images/rs laimio2.jpg');
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
}

/*.splitCarImage IMG{ width: 100%; }*/

/* ************************************************************************** */

@media only screen and (max-width: 2000px){
	#brandList DIV.brand{ width:calc(100% / 8 - 4px); }
}

@media only screen and (min-width: 1700px){
	.greyArrowsHolder:after{ margin-top: 95px !important; opacity: 0.7;}
}


@media only screen and (max-width: 1700px){
	/* CATEGORY */
	#brandList DIV.brand{ width:calc(100% / 7 - 4px); }



}
@media only screen and (max-width: 1600px){
	.iWidth2{ padding-left:10% !important; padding-right:10% !important;}
	/* white cars*/

	/*
	.autoWorkHolder > DIV{ margin-right:80px !important; }
	.autoWorkHolder > DIV:nth-child(4){ margin-right:0 !important; }
	.autoWorkHolder > DIV:nth-child(3){ margin-right:0 !important; display: none; }
	*/

	/* CATEGORY */
	#brandList DIV.brand{ width:calc(100% / 6 - 4px); }
}
@media only screen and (max-width: 1500px){
	#logo{ width:400px;	margin: 9px 0 0 -15px; }
}
@media only screen and (max-width: 1400px){
	#logo{ width:350px;	margin: 13px 0 0 -14px; }
	#comaHolder{ margin-top:40px; margin-bottom:20px; }
	/*#comaHolder .photoCircleHolder{ margin-right:40px; }*/
}
@media only screen and (max-width: 1350px){
	#logo{ width:300px;	margin: 15px 0 0 -12px; }
	#menuHolder.fly #logo{ width:250px; margin: 4px 0 0 -10px; }

	/* white cars*/
	/*
	.autoWorkHolder > DIV{ margin-right:50px !important; }
    .autoWorkHolder .circle256m0{ width:200px !important; height:200px !important; background-size: 150%; }
	*/
}
@media only screen and (max-width: 1200px){
	DIV.mainOpt{ font-size:15px; }
	#menu DIV.optHolder{ line-height:92px; margin: 0 10px; }

	/* bottom GREY */
	#contacts{ height: 600px !important; }
	.contactsRow1{ margin-top: 170px; }

	/* CAR PAGE */
	#pdfGraph{ margin:0 !important; }
	.carColumn1{ float:none; width:100%; }

	.autoWorkHolder .text{ width:400px !important; }

	DIV.arrowRightBtn:before{
		font-size:28px !important;
		margin-top:-3px !important;
		margin-left:-5px !important;
	}

}
@media only screen and (max-width: 1200px){
	.fs1{ font-size:48px !important; letter-spacing: 1px; }
	.fs2{ font-size:48px !important; letter-spacing: 1px; }
	.fs3{ font-size:17px !important; }
	.fs4{ font-size:30px !important; }

	.textCatPop{ line-height: 41px; }

	DIV.button, BUTTON			{ font-size: 21px; line-height: 24px; margin:0 8px 0 0;		padding:10px 15px; }
	INPUT[type=text], TEXTAREA	{ font-size: 19px; line-height: 24px; margin:0 0 20px 0;	padding:10px 15px; height: 44px;  }
    .plr15{ padding-left: 10px; padding-right: 10px; }
	#pageContact TEXTAREA{	height:130px; }
	#pageContact .col1{ float:none;	width:100%; }
	#pageContact .col2{ float:none; width:100%;	}

	#pageContact .col2 DIV.plr15{ padding:0 10px 0 0 !important;	}
	#pageContact .inputsHolder{	margin-top:15px; }
	#pageContact .inputsHolder DIV{	float:left; width: 33.33%; }
	#pageContact .inputsHolder INPUT { margin-bottom:10px; }

	#blockBlue{ padding-top:100px !important; padding-bottom:70px !important; width: 100%; }

	/* white cars*/
	/*
	.autoWorkHolder > DIV{ margin-right:10px !important; }
	*/


	#comaHolder{ margin-top:40px; margin-bottom:40px; }
	/*#comaHolder .photoCircleHolder INPUT{ margin-right:40px; margin-top:12px; margin-bottom:25px !important; }*/

}
@media only screen and (max-width: 1100px){
	.iWidth2{ width:100%; padding-left:50px !important; padding-right:50px !important; margin-top:15px; margin-bottom:15px; }
	/*#menuHolder .iWidth2{ margin-top:0; margin-bottom:0; }*/
	/* white cars*/
	#ourCars{ width:100% !important;}
}
@media only screen and (max-width: 1000px){

	/* Main menu type */
    #menuHolder{ display:none !important; }
	#menuMobile{ display:block; }
	#titleSpace{ height: 64px; }

	/* white cars*/
	.autoWorkHolder .text{ width:350px !important; }

	/* CATEGORY */
	.blockSelect{ width: calc(100%/2 - 5px); max-width: auto; }
	.blocksMM DIV.blockSelect:nth-child(2){ margin-right:0; }

	/* BOTTOM */
	.clientSlide .photoCircleHolder { margin:7px 15px 5px 3px !important; }
}
@media only screen and (max-width: 900px){

	/* blue */
	#blockBlue{ padding-top:60px !important; }
	#burbCars{ margin-left: 90px; }
	.tCar{ margin-top:40px !important; float: none !important; width:100% !important; }

	/* CATEGORY */
	#brandList DIV.brand{ width:calc(100% / 5 - 4px); }
}
@media only screen and (max-width: 800px){
	h1{	font-size:64px; }

	.splitCarImage{ min-height:400px; }

	.iWidth2{ width:100%; padding-left:35px !important; padding-right:35px !important; margin-top:10px; margin-bottom:10px; }

	.fs1{ font-size:36px !important; letter-spacing: 1px; }
	.fs2{ font-size:36px !important; letter-spacing: 1px; }
	.fs4{ font-size:30px !important; }

    /* blue */
	#burbCars{ margin-left: 50px; }

	/* white cars*/
	.autoWorkHolder .text{ width:300px !important; }

	/* bottom GREY */
	#bottom1 DIV.bottomBlock{ padding-top:6px !important; margin-bottom: 10px; }
	#bottom1 .fatherHolder{	margin-bottom:40px; width: 100%;	}
	#contacts{ height: 540px !important; }
	.contactsRow1{ margin-top: 130px; }

	/* CATEGORY */
	#brandList DIV.brand{ width:calc(100% / 4 - 4px); }
}
@media only screen and (max-width: 700px){

	#cCar3{ display:none !important; }

	/* white cars*/
	.autoWorkHolder .text{ width:400px !important; padding-left:0; padding-right:0; line-height:23px; color:#000; }
	.nextOurCar{ float: none; }
	#ourCars{ margin-bottom:0 !important; }


	/* bottom GREY */
	#contacts{ height: 470px !important; }
	.contactsRow2{ font-size: 19px; margin-top:20px !important; line-height: 31px;  }

	/* CAR PAGE */
	.carColumn2{ width:300px; }
	#pdfGraph{ width:300px; height:209px; margin:0 !important; }
	.per4Table{ width:calc(100% + 10px); border-collapse: separate; border-spacing: 5px 5px; margin:0 -5px 15px -5px; }
	.per4Table TD{ font-size: 18px !important; padding:10px 10px 10px 10px; line-height: 15px; min-height: 40px !important; }

}
@media only screen and (max-width: 600px){

	h1{	font-size:44px; line-height: 50px; }
	h3{	line-height: 36px; }

	.iWidth2{ min-width: 100px !important; width: 100% !important; }

	.skewOrangeLeft{ margin-top:-10px !important; }
	.greyArrows{ right:15px !important; font-size:56px !important; margin-top:-58px !important;	}

	/* CAR PAGE */
	.carColumn2{ width:250px; }
	#pdfGraph{ width:250px; height:174px; margin:0 !important; }
	.per4Table TD{ font-size: 17px !important; text-align: center;}

	/* CATEGORY */
	#brandList DIV.brand{ width:calc(100% / 3 - 4px); }

	/* references*/
	.clientSlide .photoCircleHolder{ float: none !important; }
	.clientSlide .personHolder{ float: none !important; margin-top:20px; }
	.personComa{ padding-top:25px;}


	#pageContact .inputsHolder DIV{	float:none; width:100%;	}
	#pageContact .inputsHolder DIV INPUT{ width:100%; }

}
@media only screen and (max-width: 500px){

	.iWidth2{ padding-left:15px !important; padding-right:15px !important; }

	.circle256text{
		display: block  !important;
		display: table;
		margin:15px auto 55px auto !important;
		float: none !important;
	}


	.circle256{
		display: block  !important;
		display: table;
		margin:15px auto 25px auto !important;
		float: none !important;
	}

	TABLE.grid TD{ font-size:11px; line-height: 15px !important; padding:2px 7px 2px 7px;  }
	DIV.simpleText{ font-size:17px; line-height: 22px;	}

	/* blue */
	#resp01 { padding-right: 15px !important; }
	#burbCars{ margin-left: 0px;}
	.colC2{ width:calc(100% - 180px) !important; }
	.colC2 .txt{ font-size:23px !important; }


	.clientSlide .photoCircleHolder { margin:0 15px 15px 3px !important; }

	/* white cars*/
	.autoWorkHolder .text{ width:320px !important; }

	/* CAR PAGE */
	.carColumn2{ width:100%; margin:0 0 22px 0; border:1px dotted #ccc; border-top:none; border-bottom:none; }
	.per4Table{ width:calc(100% + 4px); border-collapse: separate; border-spacing: 2px 2px; margin:0 -2px 15px -2px; }
	#pdfGraph{ width:100%; height:60vw; margin:0 !important; border-image-slice: fill; }

	.blockSelect{ min-width: 100%;  margin-right:0; float: none; }
	.blocksMM DIV.blockSelect{ display: none; }
	.blocksMM DIV.blockSelect:last-child{ margin-right:0; display: block; }


	.splitCarImage{
		min-height:500px;
		background-image: url('../images/rs laimio2-center.jpg');
		background-position: center;
	}

}


@media only screen and (max-width: 420px){
	h1{	font-size:38px; line-height: 45px; }
	.splitCarImage{ min-height:400px; }
	/* white cars*/
	.autoWorkHolder .text{ width:280px !important; }
}








.b-r{ border:1px solid red; }
.b-b{ border:1px solid blue; }
.b-g{ border:1px solid green; }

.personHolder{ margin-top:45px; }
.personComa P{ text-indent: 40px; }

.clientSlide .photoCircleHolder{ float: left; }
.clientSlide .personHolder{ float: left; }
.clientSlide A{	color:#DDDDDD; }