/* Start:/bitrix/templates/lodio_autos/css/rokbox-style.css?15524850061959*/
#rokbox-wrapper .clr {clear: both;}
#rokbox-close {height: 17px;width: 17px;display: block;position: absolute;right: 2px;top: 2px;border-radius: 17px;-moz-border-radius: 17px;background: #333 url(/bitrix/templates/lodio_autos/css/close.png) 50% 50% no-repeat;border: 4px solid #f0f0f0;-webkit-background-clip: padding-box;-moz-background-clip: padding-box;background-clip: padding-box;z-index: 100;}
#rokbox-close span {display: none;}
#rokbox-middle {overflow: hidden;padding: 6px;background: url(/bitrix/templates/lodio_autos/css/transparent.png);border-radius: 8px;-moz-border-radius: 8px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);box-shadow: 0 0 10px rgba(0,0,0,0.3);}
#rokbox-middle .rokbox-right {background: #f0f0f0;border-radius: 4px;-moz-border-radius: 4px;padding: 15px;}
#rokbox-middle .rokbox-center {margin: 0 auto;}
#rokbox-container.spinner {background: url(/bitrix/templates/lodio_autos/css/ajax-loader.gif) 50% 50% no-repeat;}
#rokbox-container.warning {background: url(/bitrix/templates/lodio_autos/css/warning.png) 50% 50% no-repeat;}
#rokbox-container.warning h1 {position: absolute;text-align: center;margin-left: -20px;}
#rokbox-arrows {float: right;width: 41px;margin-top: 15px;height: 18px;}
#rokbox-arrows a {float: left;display: block;width: 18px;height: 18px;border-radius: 18px;-moz-border-radius: 18px;}
#rokbox-arrows #rokbox-previous, #rokbox-arrows #rokbox-next {background-image: url(/bitrix/templates/lodio_autos/css/arrows.png);background-repeat: no-repeat;background-color: #333;}
#rokbox-arrows #rokbox-previous {background-position: 50% -17px;margin-right: 5px;}
#rokbox-arrows #rokbox-next {background-position: 50% 3px;}
#rokbox-arrows #rokbox-next span, #rokbox-arrows #rokbox-previous span {display: none;}
#rokbox-arrows #rokbox-previous.inactive, #rokbox-arrows #rokbox-next.inactive {background-color: #ccc !important;}
#rokbox-caption {margin-top: 15px;}
#rokbox-caption h2 {margin: 0;padding: 0;color: #333;font-size: 18px;line-height: 18px;font-weight: bold;}
#rokbox-caption p {margin: 0;color: #999;font-size: 12px;}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/superfish.css?15524850061038*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	margin:0;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			44px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/grid-12.css?15524850062923*/
/**
 * @version   4.1.10 May 7, 2013
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */

/* 12 Grid */
.rt-grid-1, .rt-grid-2, .rt-grid-3, .rt-grid-4, .rt-grid-5, .rt-grid-6, .rt-grid-7, .rt-grid-8, .rt-grid-9, .rt-grid-10, .rt-grid-11, .rt-grid-12 {display: inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}
.rt-container .rt-grid-1 {width: 60px;}
.rt-container .rt-grid-2 {width: 140px;}
.rt-container .rt-grid-3 {width: 220px;}
.rt-container .rt-grid-4 {width: 300px;}
.rt-container .rt-grid-5 {width: 380px;}
.rt-container .rt-grid-6 {width: 460px;}
.rt-container .rt-grid-7 {width: 540px;}
.rt-container .rt-grid-8 {width: 620px;}
.rt-container .rt-grid-9 {width: 700px;}
.rt-container .rt-grid-10 {width: 780px;}
.rt-container .rt-grid-11 {width: 860px;}
.rt-container .rt-grid-12 {width: 940px;}

/* Grid Push */
.rt-container .rt-push-1 {left: 80px;}
.rt-container .rt-push-2 {left: 160px;}
.rt-container .rt-push-3 {left: 240px;}
.rt-container .rt-push-4 {left: 320px;}
.rt-container .rt-push-5 {left: 400px;}
.rt-container .rt-push-6 {left: 480px;}
.rt-container .rt-push-7 {left: 560px;}
.rt-container .rt-push-8 {left: 640px;}
.rt-container .rt-push-9 {left: 720px;}
.rt-container .rt-push-10 {left: 800px;}
.rt-container .rt-push-11 {left: 880px;}

/* Grid Pull */
.rt-container .rt-pull-1 {left: -80px;}
.rt-container .rt-pull-2 {left: -160px;}
.rt-container .rt-pull-3 {left: -240px;}
.rt-container .rt-pull-4 {left: -320px;}
.rt-container .rt-pull-5 {left: -400px;}
.rt-container .rt-pull-6 {left: -480px;}
.rt-container .rt-pull-7 {left: -560px;}
.rt-container .rt-pull-8 {left: -640px;}
.rt-container .rt-pull-9 {left: -720px;}
.rt-container .rt-pull-10 {left: -800px;}
.rt-container .rt-pull-11 {left: -880px;}

/* Prefix for left nudging */
.rt-container .rt-prefix-1 {padding-left:80px;}
.rt-container .rt-prefix-2 {padding-left:160px;}
.rt-container .rt-prefix-3 {padding-left:240px;}
.rt-container .rt-prefix-4 {padding-left:320px;}
.rt-container .rt-prefix-5 {padding-left:400px;}
.rt-container .rt-prefix-6 {padding-left:480px;}
.rt-container .rt-prefix-7 {padding-left:560px;}
.rt-container .rt-prefix-8 {padding-left:640px;}
.rt-container .rt-prefix-9 {padding-left:720px;}
.rt-container .rt-prefix-10 {padding-left:800px;}
.rt-container .rt-prefix-11 {padding-left:880px;}

/* Extras */
.left-1, .right-1 {width: 30px;}
.left-2, .right-2 {width: 110px;}
.left-3, .right-3 {width: 190px;}
.left-4, .right-4 {width: 270px;}
.left-5, .right-5 {width: 350px;}
.left-6, .right-6 {width: 430px;}
.left-7, .right-7 {width: 510px;}
.left-8, .right-8 {width: 590px;}
.left-9, .right-9 {width: 670px;}
.left-10, .right-10 {width: 750px;}
.left-11, .right-11 {width: 830px;}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/style1.css?1552485006854*/
#wrapper{/*background:url(/bitrix/templates/lodio_autos/css/../images/bg.jpg) center 0 repeat*/}#port div.itemExtraFields{border-color:#e6e6e6}#contact-form-cont div.contact-form{border-right:1px solid #e6e6e6}div.profile dl{border-bottom:1px solid #e6e6e6}div.component-content>div.search #searchForm div.form-limit-and-counter{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}div.k2AccountPage{border-top:1px solid #e6e6e6}div.k2AccountPage>dl{border-bottom:1px solid #e6e6e6}div.k2Pagination li .pagenav,div.pagination li .pagenav,div.itemCommentsPagination li .pagenav{background:#4a7e98;color:#fff}div.k2Pagination li a.pagenav:hover,div.pagination li a.pagenav:hover,div.itemCommentsPagination li a.pagenav:hover{background:#1b1b1b}div.k2Pagination li.num span.pagenav,div.pagination li.num span.pagenav,div.itemCommentsPagination li.num span.pagenav{background:#1b1b1b}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/skeleton12.css?155248500610637*/
.clearfix {
	zoom: 1;
}
.clearfix:before,.clearfix:after {
	content: "";
	display: table;
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
#body-wrapper .rt-container {
	margin: 0 auto;
	width: 960px;
}
img {
	max-width: 100%!important;
}
.mod-alpha {
	margin-left: 0!important;
}
.mod-omega {
	margin-right: 0!important;
}
.mod-alpha.mod-omega {
	margin-left: 10px!important;
	margin-right: 10px!important;
}
.container {
	width: 940px;
}
.rt-container .rt-grid-12 {
	width: 940px;
}
.rt-container .rt-grid-11 {
	width: 860px;
}
.rt-container .rt-grid-10 {
	width: 780px;
}
.rt-container .rt-grid-9 {
	width: 700px;
}
.rt-container .rt-grid-8 {
	width: 620px;
}
.rt-container .rt-grid-7 {
	width: 540px;
}
.rt-container .rt-grid-6 {
	width: 460px;
}
.rt-container .rt-grid-5 {
	width: 380px;
}
.rt-container .rt-grid-4 {
	width: 300px;
}
.rt-container .rt-grid-3 {
	width: 220px;
}
.rt-container .rt-grid-2 {
	width: 140px;
}
.rt-container .rt-grid-1 {
	width: 60px;
}
.rt-container .rt-push-12 {
	left: 960px;
}
.rt-container .rt-push-11 {
	left: 880px;
}
.rt-container .rt-push-10 {
	left: 800px;
}
.rt-container .rt-push-9 {
	left: 720px;
}
.rt-container .rt-push-8 {
	left: 640px;
}
.rt-container .rt-push-7 {
	left: 560px;
}
.rt-container .rt-push-6 {
	left: 480px;
}
.rt-container .rt-push-5 {
	left: 400px;
}
.rt-container .rt-push-4 {
	left: 320px;
}
.rt-container .rt-push-3 {
	left: 240px;
}
.rt-container .rt-push-2 {
	left: 160px;
}
.rt-container .rt-push-1 {
	left: 80px;
}
.rt-container .rt-pull-12 {
	left: -960px;
}
.rt-container .rt-pull-11 {
	left: -880px;
}
.rt-container .rt-pull-10 {
	left: -800px;
}
.rt-container .rt-pull-9 {
	left: -720px;
}
.rt-container .rt-pull-8 {
	left: -640px;
}
.rt-container .rt-pull-7 {
	left: -560px;
}
.rt-container .rt-pull-6 {
	left: -480px;
}
.rt-container .rt-pull-5 {
	left: -400px;
}
.rt-container .rt-pull-4 {
	left: -320px;
}
.rt-container .rt-pull-3 {
	left: -240px;
}
.rt-container .rt-pull-2 {
	left: -160px;
}
.rt-container .rt-pull-1 {
	left: -80px;
}
.rt-container .rt-prefix-12 {
	padding-left: 960px;
}
.rt-container .rt-prefix-11 {
	padding-left: 880px;
}
.rt-container .rt-prefix-10 {
	padding-left: 800px;
}
.rt-container .rt-prefix-9 {
	padding-left: 720px;
}
.rt-container .rt-prefix-8 {
	padding-left: 640px;
}
.rt-container .rt-prefix-7 {
	padding-left: 560px;
}
.rt-container .rt-prefix-6 {
	padding-left: 480px;
}
.rt-container .rt-prefix-5 {
	padding-left: 400px;
}
.rt-container .rt-prefix-4 {
	padding-left: 320px;
}
.rt-container .rt-prefix-3 {
	padding-left: 240px;
}
.rt-container .rt-prefix-2 {
	padding-left: 160px;
}
.rt-container .rt-prefix-1 {
	padding-left: 80px;
}
.rt-container .rt-grid-1,.rt-container .rt-grid-2,.rt-container .rt-grid-3,.rt-container .rt-grid-4,.rt-container .rt-grid-5,.rt-container .rt-grid-6,.rt-container .rt-grid-7,.rt-container .rt-grid-8,.rt-container .rt-grid-9,.rt-container .rt-grid-10,.rt-container .rt-grid-11,.rt-container .rt-grid-12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}
#rt-menu .sf-menu {
	margin-left: 10px;
	margin-right: 10px;
}
@media(min-width:1200px) {
	#body-wrapper .rt-container {
		margin: 0 auto;
		width: 1152px;
	}
	.mod-alpha.mod-omega {
		margin-left: 10px!important;
		margin-right: 10px!important;
	}
	.container {
		width: 1132px;
	}
	.rt-container .rt-grid-12 {
		width: 1132px;
	}
	.rt-container .rt-grid-11 {
		width: 1036px;
	}
	.rt-container .rt-grid-10 {
		width: 940px;
	}
	.rt-container .rt-grid-9 {
		width: 844px;
	}
	.rt-container .rt-grid-8 {
		width: 748px;
	}
	.rt-container .rt-grid-7 {
		width: 652px;
	}
	.rt-container .rt-grid-6 {
		width: 556px;
	}
	.rt-container .rt-grid-5 {
		width: 460px;
	}
	.rt-container .rt-grid-4 {
		width: 364px;
	}
	.rt-container .rt-grid-3 {
		width: 268px;
	}
	.rt-container .rt-grid-2 {
		width: 172px;
	}
	.rt-container .rt-grid-1 {
		width: 76px;
	}
	.rt-container .rt-push-12 {
		left: 1152px;
	}
	.rt-container .rt-push-11 {
		left: 1056px;
	}
	.rt-container .rt-push-10 {
		left: 960px;
	}
	.rt-container .rt-push-9 {
		left: 864px;
	}
	.rt-container .rt-push-8 {
		left: 768px;
	}
	.rt-container .rt-push-7 {
		left: 672px;
	}
	.rt-container .rt-push-6 {
		left: 576px;
	}
	.rt-container .rt-push-5 {
		left: 480px;
	}
	.rt-container .rt-push-4 {
		left: 384px;
	}
	.rt-container .rt-push-3 {
		left: 288px;
	}
	.rt-container .rt-push-2 {
		left: 192px;
	}
	.rt-container .rt-push-1 {
		left: 96px;
	}
	.rt-container .rt-pull-12 {
		left: -1152px;
	}
	.rt-container .rt-pull-11 {
		left: -1056px;
	}
	.rt-container .rt-pull-10 {
		left: -960px;
	}
	.rt-container .rt-pull-9 {
		left: -864px;
	}
	.rt-container .rt-pull-8 {
		left: -768px;
	}
	.rt-container .rt-pull-7 {
		left: -672px;
	}
	.rt-container .rt-pull-6 {
		left: -576px;
	}
	.rt-container .rt-pull-5 {
		left: -480px;
	}
	.rt-container .rt-pull-4 {
		left: -384px;
	}
	.rt-container .rt-pull-3 {
		left: -288px;
	}
	.rt-container .rt-pull-2 {
		left: -192px;
	}
	.rt-container .rt-pull-1 {
		left: -96px;
	}
	.rt-container .rt-prefix-12 {
		padding-left: 1152px;
	}
	.rt-container .rt-prefix-11 {
		padding-left: 1056px;
	}
	.rt-container .rt-prefix-10 {
		padding-left: 960px;
	}
	.rt-container .rt-prefix-9 {
		padding-left: 864px;
	}
	.rt-container .rt-prefix-8 {
		padding-left: 768px;
	}
	.rt-container .rt-prefix-7 {
		padding-left: 672px;
	}
	.rt-container .rt-prefix-6 {
		padding-left: 576px;
	}
	.rt-container .rt-prefix-5 {
		padding-left: 480px;
	}
	.rt-container .rt-prefix-4 {
		padding-left: 384px;
	}
	.rt-container .rt-prefix-3 {
		padding-left: 288px;
	}
	.rt-container .rt-prefix-2 {
		padding-left: 192px;
	}
	.rt-container .rt-prefix-1 {
		padding-left: 96px;
	}
	.rt-container .rt-grid-1,.rt-container .rt-grid-2,.rt-container .rt-grid-3,.rt-container .rt-grid-4,.rt-container .rt-grid-5,.rt-container .rt-grid-6,.rt-container .rt-grid-7,.rt-container .rt-grid-8,.rt-container .rt-grid-9,.rt-container .rt-grid-10,.rt-container .rt-grid-11,.rt-container .rt-grid-12 {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		position: relative;
	}
	#rt-menu .sf-menu {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media(min-width:768px) and (max-width:979px) {
	#body-wrapper .rt-container {
		margin: 0 auto;
		width: 744px;
	}
	.mod-alpha.mod-omega {
		margin-left: 10px!important;
		margin-right: 10px!important;
	}
	.container {
		width: 724px;
	}
	.rt-container .rt-grid-12 {
		width: 724px;
	}
	.rt-container .rt-grid-11 {
		width: 662px;
	}
	.rt-container .rt-grid-10 {
		width: 600px;
	}
	.rt-container .rt-grid-9 {
		width: 538px;
	}
	.rt-container .rt-grid-8 {
		width: 476px;
	}
	.rt-container .rt-grid-7 {
		width: 414px;
	}
	.rt-container .rt-grid-6 {
		width: 352px;
	}
	.rt-container .rt-grid-5 {
		width: 290px;
	}
	.rt-container .rt-grid-4 {
		width: 228px;
	}
	.rt-container .rt-grid-3 {
		width: 166px;
	}
	.rt-container .rt-grid-2 {
		width: 104px;
	}
	.rt-container .rt-grid-1 {
		width: 42px;
	}
	.rt-container .rt-push-12 {
		left: 744px;
	}
	.rt-container .rt-push-11 {
		left: 682px;
	}
	.rt-container .rt-push-10 {
		left: 620px;
	}
	.rt-container .rt-push-9 {
		left: 558px;
	}
	.rt-container .rt-push-8 {
		left: 496px;
	}
	.rt-container .rt-push-7 {
		left: 434px;
	}
	.rt-container .rt-push-6 {
		left: 372px;
	}
	.rt-container .rt-push-5 {
		left: 310px;
	}
	.rt-container .rt-push-4 {
		left: 248px;
	}
	.rt-container .rt-push-3 {
		left: 186px;
	}
	.rt-container .rt-push-2 {
		left: 124px;
	}
	.rt-container .rt-push-1 {
		left: 62px;
	}
	.rt-container .rt-pull-12 {
		left: -744px;
	}
	.rt-container .rt-pull-11 {
		left: -682px;
	}
	.rt-container .rt-pull-10 {
		left: -620px;
	}
	.rt-container .rt-pull-9 {
		left: -558px;
	}
	.rt-container .rt-pull-8 {
		left: -496px;
	}
	.rt-container .rt-pull-7 {
		left: -434px;
	}
	.rt-container .rt-pull-6 {
		left: -372px;
	}
	.rt-container .rt-pull-5 {
		left: -310px;
	}
	.rt-container .rt-pull-4 {
		left: -248px;
	}
	.rt-container .rt-pull-3 {
		left: -186px;
	}
	.rt-container .rt-pull-2 {
		left: -124px;
	}
	.rt-container .rt-pull-1 {
		left: -62px;
	}
	.rt-container .rt-prefix-12 {
		padding-left: 744px;
	}
	.rt-container .rt-prefix-11 {
		padding-left: 682px;
	}
	.rt-container .rt-prefix-10 {
		padding-left: 620px;
	}
	.rt-container .rt-prefix-9 {
		padding-left: 558px;
	}
	.rt-container .rt-prefix-8 {
		padding-left: 496px;
	}
	.rt-container .rt-prefix-7 {
		padding-left: 434px;
	}
	.rt-container .rt-prefix-6 {
		padding-left: 372px;
	}
	.rt-container .rt-prefix-5 {
		padding-left: 310px;
	}
	.rt-container .rt-prefix-4 {
		padding-left: 248px;
	}
	.rt-container .rt-prefix-3 {
		padding-left: 186px;
	}
	.rt-container .rt-prefix-2 {
		padding-left: 124px;
	}
	.rt-container .rt-prefix-1 {
		padding-left: 62px;
	}
	.rt-container .rt-grid-1,.rt-container .rt-grid-2,.rt-container .rt-grid-3,.rt-container .rt-grid-4,.rt-container .rt-grid-5,.rt-container .rt-grid-6,.rt-container .rt-grid-7,.rt-container .rt-grid-8,.rt-container .rt-grid-9,.rt-container .rt-grid-10,.rt-container .rt-grid-11,.rt-container .rt-grid-12 {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		position: relative;
	}
	#rt-menu .sf-menu {
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media only screen and (max-width:767px) {
	body {
		padding-left: 10px;
		padding-right: 10px;
	}
	#body-wrapper .rt-container {
		margin: 0 auto;
		width: 100%;
	}
	.mod-alpha {
		margin-left: 0!important;
	}
	.mod-omega {
		margin-right: 0!important;
	}
	.mod-alpha.mod-omega {
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.rt-container .rt-grid-1,.rt-container .rt-grid-2,.rt-container .rt-grid-3,.rt-container .rt-grid-4,.rt-container .rt-grid-5,.rt-container .rt-grid-6,.rt-container .rt-grid-7,.rt-container .rt-grid-8,.rt-container .rt-grid-9,.rt-container .rt-grid-10,.rt-container .rt-grid-11,.rt-container .rt-grid-12 {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
		position: relative;
		width: 100%;
	}
	#rt-menu .sf-menu {
		margin-left: 0;
		margin-right: 0;
	}
}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/normalize.css?15524850069564*/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {outline: 0;}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */

h1, h2, h3, h4, h5, h6{letter-spacing: normal}

h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.17em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 0.83em;
}
h6 {
    font-size: 0.75em;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 0 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */

p,
pre {
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */

menu,
ol,
ul {
    /*padding: 0 0 0 40px;*/
    padding: 0;
}

ol{list-style: decimal inside;}
ul{list-style: disc inside;}

/*
 * Corrects list images handled incorrectly in IE7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7.
 */

form {
    margin: 0;
	text-align:center;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
   /* border: none 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;*/

    border:none;
    margin:0;
    padding:0;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
	text-align:center;
}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/default.css?155363829021277*/
body{

}

#rt-logo{
/*	background: url(/bitrix/templates/lodio_autos/css/../images/logo-lt.png) left top no-repeat,
				url(/bitrix/templates/lodio_autos/css/../images/logo-rd.png) right bottom no-repeat; */
	display: inline-block;
	margin: 0 0 0 0;
}

#rt-content-bottom .rt-alpha,
#rt-content-top .rt-alpha{	
	margin-left:0;
}
#rt-content-bottom .rt-omega,
#rt-content-top .rt-omega{
	margin-right: 0;
}

/* === CATEGORY VIEW ===*/

div.itemListView{}

	/*Category block*/
	div.itemListCategoriesBlock{}
		div.itemListCategory{}
			div.itemListCategory img{float:left; margin: 0 1em 1em 0;}
			div.itemListCategory h2{}
			div.itemListCategory p{}
		div.itemListSubCategories{}
			div.subCategoryContainer{float:left;}
				div.subCategory{}
					div.subCategory a.subCategoryImage{float:left; margin: 0 1em 1em 0;}

	/*Items list*/
	div.itemList{}
		div.K2ItemsRow{clear: both}
			div.itemContainer{float:left;}
			div.itemContainer.itemContainerLast{}
				div.catItemView,
				div.userItemView,
				div.genericItemView{
					margin-bottom: 3em;
				}
					div.catItemHeader,
					div.itemHeader,
					div.genericItemHeader,
					div.userItemHeader{
						padding-bottom: 1em;
					}
						h3.catItemTitle{
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
						}

						span.catItemAuthor,
						span.itemAuthor,
						div.catItemCategory,
						div.itemCategory,
						span.catItemDateCreated,
						span.itemDateCreated,
						div.catItemCommentsLink{
						}

							span.catItemAuthor a,
							span.itemAuthor a,
							div.catItemCategory a,
							div.itemCategory a,
							div.catItemCommentsLink a{
								text-decoration: none;
							}

								span.catItemAuthor a:hover,
								span.itemAuthor a:hover,
								div.catItemCategory a:hover,
								div.itemCategory a:hover,
								div.catItemCommentsLink a:hover{

								}

					div.catItemRatingBlock{}

					div.catItemBody{}

						div.genericItemImageBlock,
						div.catItemImageBlock{
							float:none;
							margin-right:0;
						}
							span.genericItemImage,
							span.userItemImage,
							span.itemImage,
							span.catItemImage{
								display:inline-block;
							}
								span.userItemImage a,
								span.itemImage a,
								span.genericItemImage a,
								span.catItemImage a{									
									box-sizing:border-box;
									-moz-box-sizing:border-box;
									-webkit-box-sizing:border-box;
									max-width: 100%;
								}
									span.catItemImage a img{height:auto;}
						div.catItemIntroText{}
							div.catItemReadMore{}
						div.catItemExtraFields{}
							div.catItemExtraFields h4{}
							div.catItemExtraFields ul{margin: 0}
								div.catItemExtraFields ul li{}
									span.catItemExtraFieldsLabel{}
									span.catItemExtraFieldsValue{}

					div.catItemLinks{}
						div.catItemCategory{}
					div.catItemCommentsLink{}
						div.catItemCommentsLink a{}

					span.catItemDateModified{}


/* === USER VIEW === */

div.userView{}
	div.componentheading{}
		div.componentheading h2{}

	/*User block*/
	div.userBlock{}
		div.userBlock img{float: left; margin: 0 1em 1em 0;}
		div.userDescription{}
		span.userItemDateCreated{}

	/*Items list*/
	div.userItemList{}
		div.userItemView{}
			div.userItemHeader{}
				h3.userItemTitle{}
				span.userItemDateCreated{}
			div.userItemBody{}

				div.userItemImageBlock{
				}
					span.itemImage,
					span.userItemImage{}
						span.itemImage a,
						span.userItemImage a{}
							span.userItemImage a img{}
				div.userItemIntroText{}
			div.userItemLinks{}
				div.userItemCategory{}
			div.userItemCommentsLink{}
			div.userItemReadMore{}
				a.k2ReadMore{}


/* === GENERIC VIEW === */

div.genericView{}
	div.genericItemList{}
		div.genericItemView{}
			div.genericItemHeader{}
				h2.genericItemTitle{}
				span.genericItemDateCreated{}
			div.genericItemBody{}
				div.genericItemImageBlock{}
					span.genericItemImage{}
						span.genericItemImage a{}
							span.genericItemImage a img{}
				div.genericItemIntroText{}
			div.genericItemCategory{}
			div.genericItemReadMore{}
				a.k2ReadMore{}


/* === TAGS VIEW === */

div.tagItemView{}
	div.tagItemList{}
		div.tagItemView{}
			div.tagItemHeader{}
				h2.tagItemTitle{}
				span.tagItemDateCreated{}
			div.tagItemBody{}
				div.tagItemImageBlock{}
				div.tagItemIntroText{}
			div.tagItemCategory{}
			div.tagItemReadMore{}
				a.k2ReadMore{}


/* === SEARCH VIEW === */

div.component-content > div.search{}
	form#searchForm{}
		fieldset.word{}
		div.searchintro{}
		fieldset.phrases,
		fieldset.only{margin: 0 0 1em 0;}
		div.form-limit-and-counter{overflow: hidden;}
			p.counter{float:right; margin:0;}
			div.form-limit{float:left;}

	dl.search-results{}
		dt.result-title{}
		dd.result-created, dd.result-category{display: inline-block; margin:0;}
		dd.result-created, dd.result-text{margin: 0 0 0 2em;}
		dd.result-text{margin: 0 0 1em 0}

/* === ITEM VIEW ===*/

div.itemView{}
	div.itemHeader{}
		h2.itemTitle{}
		div.itemRatingBlock{}
		span.itemDateCreated{}
		span.itemAuthor{}
	div.itemToolbar{}
		div.itemToolbar ul{list-style: none; padding:0}
			div.itemToolbar ul li{display: inline-block; margin: 0 0.5em 0 0;}
				a#fontDecrease {margin:0; text-decoration: none;}
				a#fontDecrease img {width:13px;height:13px;background:url(/bitrix/templates/lodio_autos/css/../images/font_decrease.gif) no-repeat;}
				a#fontIncrease {margin:0;}
				a#fontIncrease img {width:13px;height:13px;background:url(/bitrix/templates/lodio_autos/css/../images/font_increase.gif) no-repeat;}
				a#fontDecrease span, a#fontIncrease span {display:none;}

				a.itemPrintLink{background: url(/bitrix/templates/lodio_autos/css/../images/print_button.png) left top no-repeat; display: inline-block; width: 16px; height:16px; text-indent: -999em;}
				a.itemEmailLink{background: url(/bitrix/templates/lodio_autos/css/../images/emailButton.png) left top no-repeat; display: inline-block; width: 16px; height:16px; text-indent: -999em;}
				a.itemVideoLink{}
				a.itemCommentsLink{}

	div.itemBody{}
		div.itemImageBlock{
		}
			span.itemImage{}
				span.itemImage a{}
					span.itemImage a img{}
		div.itemIntroText{}
		div.itemFullText{}
		div.itemContentFooter{}
			span.itemHits{}
			span.itemDateModified{}
	div.social-button{margin:0; overflow: hidden;}
		div.social-button span.label{float:left; margin: 0 0.5em 0 0; line-height: 32px;}
	div.itemSocialSharing{}
		div.itemTwitterButton,
		div.itemFacebookButton,
		div.itemGooglePlusOneButton{float:left; margin: 0 0 0 0.5em;}}
	div.itemLinks{}
		div.itemCategory{}
		div.itemTagsBlock{}
			ul.itemTags{}
				ul.itemTags {display: inline; margin: 0; padding: 0;}
				ul.itemTags li{display: inline-block; margin: 0 0 0 0.5em;}
		div.itemAttachmentsBlock{}
			ul.itemAttachments{}
				ul.itemAttachments li{}
					ul.itemAttachments li a{}
	div.itemAuthorBlock{}
		img.itemAuthorAvatar{float:left; margin: 0 1em 1em 0;}
		div.itemAuthorDetails{}
			h3.itemAuthorName{}
			span.itemAuthorEmail{}
	div.itemAuthorLatest{}
		div.itemAuthorLatest ul{}
			div.itemAuthorLatest ul li{}
	div.itemVideoBlock{}
		span.itemVideo{}
			div.avPlayerWrapper.avVideo{}
		span.itemVideoCaption{}
	div.itemComments{}
		div.itemCommentsForm h3,
		h3.itemCommentsCounter{
			margin: 40px 0 20px !important;
		}
		ul.itemCommentsList{list-style: none; padding:0;}
			ul.itemCommentsList li{margin: 0 0 1em 0;}
			ul.itemCommentsList li img{}
				div.commentBody{overflow: hidden;}
					div.commentBody p{margin: 0 0 1em 0}
					span.commentAuthorName{}
					span.commentDate{}
					div.commentToolbar{}
						div.commentToolbar > a, span.commentLink{display: inline-block; margin: 0 0 0 10px; float: right;}
						a.commentApproveLink{}
						a.commentRemoveLink{}
		div.itemCommentsForm{}
			p.itemCommentsFormNotes{}
			div.itemCommentsForm form span#formLog {margin:0 0 0 20px;padding:0 0 0 20px;font-weight:bold; color: red;}
			div.itemCommentsForm form .formLogLoading {background:url(/bitrix/templates/lodio_autos/css/../images/loading.gif) no-repeat left center;}

	.at300bs:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(opacity=80) !important;}

	div.itemBackToTop{display: none;}

/* === CONTACTS VIEW ===*/

div.component-content div.contact{}
	div#contact-form-cont{}
		div.contact-form{}
			form#contact-form{}
				input#jform_contact_name{}
				input#jform_contact_email{}
				input#jform_contact_emailmsg{}
				textarea#jform_contact_message{}
				input#jform_contact_email_copy{}
				dt.emailCopy{float:left; margin: 0 1em 0 0;}
				dd.emailCopy{ margin: 0 0 1em 0; height: 22px;}
	div#contact-address{}
		#map-wrapper{}
			#map{height: 360px;}
		div.contact-contactinfo{}
		div.contact-miscinfo{}	
			div.contact-miscinfo h3, div.jicons-icons{display: none;}
			div.contact-misc{}
				div.contact-misc p{}

/* === ACCOUNT (REGISTRATION) PAGE === */

div.k2AccountPage{
	margin-top:1em;
}
	div.k2AccountPage > dl{
		margin-bottom: 2em;
		padding-bottom: 1em; 
	}

	dd.editor :before, dd.editor :after{display: none;}
	span#description_parent, textarea#description{margin:0 0 1em 0; display: block;}
	div.toggle-editor{text-align: right;}

	dt.gender{float: left; margin: 0 3em 0 0;}
	dd.gender label{margin: 0 1em 0 0; }

	div.k2AccountPageUpdate{text-align: right;}

/* === USER LOGIN PAGE === */

div.component-content > div.login div.login-fields{margin: 0 0 1em 0;}
div.component-content > div.login div.login-fields label{
	display: inline-block;
	width: 10em;
}

/* === USER PROFILE === */

div.profile dl dt{display: block; width: 15em; float: left; margin:0 0 1em 0;}
div.profile dl dd{margin:0 0 1em 0}

/* === MODULE STYLES ===*/

#rt-sidebar-a div.rt-block,
#rt-sidebar-b div.rt-block{
	padding-bottom: 3em;
}
#rt-sidebar-a .indent div.rt-block,
#rt-sidebar-b .indent div.rt-block{
	padding-bottom: 0;
}

div.rt-block{position: relative;}
	div.module-title{}
	div.module-title h2{}

	/*Module list*/
	div.k2LatestCommentsBlock > ul,
	div.k2TopCommentersBlock > ul,
	div.k2CategoriesListBlock > ul,
	div.k2ArchivesBlock > ul,
	form#form-login > ul,
	div.k2ItemsBlock > ul,
	div.k2UsersBlock > ul,
	div.k2AuthorsListBlock > ul{list-style: none; padding:0;}

	/*K2 Content*/
	div.k2ItemsBlock{}
		div.k2ItemsBlock > ul{margin-top: 0; margin-bottom: 0}
			div.k2ItemsBlock > ul >li{}
			div.k2ItemsBlock > ul >li.lastItem{}
				a.moduleItemTitle{}
				div.moduleItemIntrotext{}
					a.moduleItemImage{}
						a.moduleItemImage img{}
				span.moduleItemDateCreated{}

	/*Latest Comments*/
	div.k2LatestCommentsBlock{}
		div.k2LatestCommentsBlock ul{}
			div.k2LatestCommentsBlock li{margin: 0 0 1em 0;}
				a.k2Avatar{float:left; margin: 0 1em 1em 0;}
				div.recentCommentBody{overflow: hidden;}
					span.lcUsername{}
					span.lcCommentDate{}
					span.lcItemTitle{display: block;}
					span.lcComment{}
					span.lcItemCategory{}
					a.moduleItemCategory{}
					a.moduleItemComments{}
					span.moduleItemHits{display: block;}
					a.moduleItemReadMore{}

	/*Top Commenters*/
	div.k2TopCommentersBlock{}
		div.k2TopCommentersBlock ul{}
			div.k2TopCommentersBlock ul li{margin: 0 0 1em 0;}
				a.tcLink{}
				a.tcLatestComment{}
				span.tcLatestCommentDate{display: block;}

	/*Categories*/
	div.k2CategoriesListBlock{}
		div.k2CategoriesListBlock ul{}
			div.k2CategoriesListBlock ul li{}

	/*Archives*/
	div.k2ArchivesBlock{}
		div.k2ArchivesBlock ul{}
			div.k2ArchivesBlock ul li{}

	/*User Login*/
	div.k2LoginBlock{}
		form#form-login{}
			p#form-login-username{}
				input#modlgn_username{}
			p#form-login-password{}
				input#modlgn_passwd{}
			p#form-login-remember{}
				form#form-login p label{display: block;}
				form#form-login p label.checkbox{display: inline-block; margin: 0 1em 0 0;}
			form#form-login ul{}
				form#form-login ul li{}

		/*K2 User block*/
		div.k2UserBlock{}
			div.k2UserBlockDetails{}
				div.k2UserBlockDetails a.k2Avatar{margin:0 1em 0 0;}
				span.ubName{display: block;}
				ul.k2UserBlockActions{list-style: none;}

	/*Search*/
	div.mod_search{}
		input#mod-search-searchword{}

	/*Users module*/
	div.k2UsersBlock{}
		div.k2UsersBlock ul{}
			div.k2UsersBlock ul li{margin: 0 0 1em 0;}	
				a.ubUserName{}
				div.ubUserDescription{}
				div.ubUserAdditionalInfo{}
				ul.ubUserItems{}
					ul.ubUserItems li{}

	/*Authord list*/
	div.k2AuthorsListBlock{}
		div.k2AuthorsListBlock ul{}
			div.k2AuthorsListBlock ul li{}
				a.abAuthorName{}
				a.abAuthorLatestItem{}

	/*Tags*/
	div.k2TagCloudBlock{}
		div.k2TagCloudBlock a{}

	/*Breadcrumbs*/
	div.k2BreadcrumbsBlock{}
		span.bcTitle{}
		span.bcSeparator{}
		div.k2BreadcrumbsBlock a, span.bcTitle, span.bcSeparator{display: inline-block; margin: 0 0.5em 0 0;}

	/*Social Media Links*/
	div.smile{}
		div.smile ul{list-style: none;}
			div.smile ul li{display: inline-block;}
				div.smile ul li a{display: block;}

/*=== GENERAL STYLES ===*/

	/* Accessibility */
	#rt-accessibility .rt-desc {float: left;padding-right: 5px;}
		#rt-accessibility #rt-buttons {float: left;}
			#rt-accessibility .button {display: block;width:14px;height:14px;float: left;background: url(/bitrix/templates/lodio_autos/css/../images/typography.png);margin: 2px;}
			#rt-accessibility .large .button {background-position: 0 -17px;}
			#rt-accessibility .small .button {background-position: -15px -17px;}

	body.font-size-is-xlarge {font-size: 15px;line-height: 1.7em;}
	body.font-size-is-large {font-size: 14px;line-height: 1.7em;}
	body.font-size-is-default {font-size: 12px;line-height: 1.7em;}
	body.font-size-is-small {font-size: 11px;line-height: 1.7em;}
	body.font-size-is-xsmall {font-size: 10px;line-height: 1.7em;}

	/*Font Resize*/
	.smallerFontSize {font-size:100%;line-height:inherit;}
	.largerFontSize {font-size:150%;line-height:140%;}

	/*Edit link*/
	span.itemEditLink, span.catItemEditLink, span.userItemEditLink{display: inline-block; float: right; text-align: right; font-size: 0.8em;}

	/*Feed icon*/
	div.k2FeedIcon{}
		div.k2FeedIcon a, div.k2FeedIcon a:hover {display:block; float:right; margin:0; padding:0; width:16px; height:16px; background:url(/bitrix/templates/lodio_autos/css/../images/icon-rss.png) no-repeat 50% 50%;}
		div.k2FeedIcon a span, div.k2FeedIcon a:hover span {display:none;}

	/* --- Calendar --- */
	div.k2CalendarBlock {height:190px;margin-bottom:8px;} /* use this height value so that the calendar height won't change on Month change via ajax */
		div.k2CalendarLoader {background:#fff url(/bitrix/templates/lodio_autos/css/../images/loading.gif) no-repeat 50% 50%;}
			.calendar {background:#fff;border-collapse:collapse;}
			.calendar tr td {text-align:center;vertical-align:middle;padding:2px;border:1px solid #f4f4f4;background:#fff;}
			.calendar tr td.calendarNavMonthPrev {background:#f3f3f3;text-align:left;}
			.calendar tr td.calendarNavMonthPrev a {font-size:20px;text-decoration:none;}
			.calendar tr td.calendarNavMonthPrev a:hover {font-size:20px;text-decoration:none;}
			.calendar tr td.calendarCurrentMonth {background:#f3f3f3;}
			.calendar tr td.calendarNavMonthNext {background:#f3f3f3;text-align:right;}
			.calendar tr td.calendarNavMonthNext a {font-size:20px;text-decoration:none;}
			.calendar tr td.calendarNavMonthNext a:hover {font-size:20px;text-decoration:none;}
			.calendar tr td.calendarDayName {background:#e9e9e9;font-size:11px;width:14.2%;}
			.calendar tr td.calendarDateEmpty {background:#fbfbfb;}
			.calendar tr td.calendarDate {}
			.calendar tr td.calendarDateLinked {padding:0;}
			.calendar tr td.calendarDateLinked a {display:block;padding:2px;text-decoration:none;background:#eee;}
			.calendar tr td.calendarDateLinked a:hover {display:block;background:#135cae;color:#fff;padding:2px;text-decoration:none;}
			.calendar tr td.calendarToday {background:#135cae;color:#fff;}
			.calendar tr td.calendarTodayLinked {background:#135cae;color:#fff;padding:0;}
			.calendar tr td.calendarTodayLinked a {display:block;padding:2px;color:#fff;text-decoration:none;}
			.calendar tr td.calendarTodayLinked a:hover {display:block;background:#BFD9FF;padding:2px;text-decoration:none;}
			.calendar :before, .calendar :after{content:"";}
			img.calendar{display: none;}
			

	/* --- Rating --- */
	div.catItemRatingBlock > span, div.itemRatingBlock span{display: inline-block; margin: 0 0 0 0.5em; line-height: 21px}
	.itemRatingForm {display:block;vertical-align:middle;line-height:21px;float:left;}
	div.itemRatingForm .formLogLoading {background:url(/bitrix/templates/lodio_autos/css/../images/loading.gif) no-repeat left center;height:21px;padding:0 0 0 20px;}
		#rt-main .itemRatingList {position:relative;float:left;width:105px;height:21px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
			.itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating {background:transparent url(/bitrix/templates/lodio_autos/css/../images/transparent_star.png) left -1000px repeat-x;}
				.itemRatingList li {display:inline;background:none;padding:0;}
					.itemRatingList a, .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
					.itemRatingList a:hover {background-position:left -50px;}
					.itemRatingList a.one-star {width:20%;z-index:6;}
					.itemRatingList a.two-stars {width:40%;z-index:5;}
					.itemRatingList a.three-stars {width:60%;z-index:4;}
					.itemRatingList a.four-stars {width:80%;z-index:3;}
					.itemRatingList a.five-stars {width:100%;z-index:2;}
				.itemRatingList .itemCurrentRating {z-index:1;background-position:left -25px;margin:0;padding:0;}
	.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
	span.siteRoot {display:none;}

	/* --- Forms --- */

	form#comment-form{}
		form dl{}
			form dl dt{}
				form dl dt label{}
			form dl dd{margin: 0 0 1em 0;}
				textarea#commentText{}
				input#userName{}
				input#commentEmail{}
				input#commentURL{}
		input#submitCommentButton{
			margin-top: 1em;
		}

	input.invalid, textarea.invalid{
		border:1px solid #ff0000 !important;
		box-shadow: none !important;}

	input[type="checkbox"], input[type="radio"]{position: relative; top:1px;}
	label {
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
}
	legend{color:inherit;}

	/* --- Mailto window --- */
	
	div#mailto-window{}
		a.mailto-close{}	

		form#mailtoForm{}
			div.formelm{}
				input#mailto_field{}
				input#sender_field{}
				input#from_field{}
				input#subject_field{}

	/* --- Preloader ---*/

	a.preloader{background: url(/bitrix/templates/lodio_autos/css/../images/preloading.gif) center 50% no-repeat; display: inline-block;}

	/* --- Pagination --- */

	div.k2Pagination, div.pagination, div.itemCommentsPagination{}
		div.k2Pagination ul, div.pagination ul, div.itemCommentsPagination ul{list-style: none; text-align: left; margin: 1em 0 0 0;}
			div.k2Pagination ul li, div.pagination ul li, div.itemCommentsPagination ul li{display: inline-block;}

				li.pagination-start{}
				li.pagination-prev{}
				li.pagination-next{}
				li.pagination-end{}

					span.pagenav{}
					a.pagenav{}
						a.pagenav:hover{}

			p.pagination-results{text-align: left;}

	/* --- Frontend Editing --- */

	#k2Frontend input.inputbox{height: inherit; line-height: inherit}
		#k2Frontend td.adminK2LeftCol{width: 10em;}
			td.adminK2LeftCol label{display: inline-block; margin: 0 0.5em 0 0;}

	#k2Frontend .button2-left .linkmacro {background: url("/bitrix/templates/lodio_autos/css/../images/rok_candy_button.png") no-repeat scroll 100% 0 transparent;}
	#k2Frontend button.button{border-radius:0; background: none; color:inherit; padding:0;}

	#editor-xtd-buttons {float: left; padding: 5px;}
	div.toggle-editor {padding: 5px; text-align: right;}


/* === SYSTEM MESSAGES ===*/

/* OpenID icon style */
input.system-openid, input.com-system-openid { background: url(http://openid.net/images/login-bg.gif) no-repeat;background-color: #fff;background-position: 0 50%;color: #000;padding-left: 18px;}

/* Unpublished */
.system-unpublished {background: #e8edf1;border-top: 4px solid #c4d3df;border-bottom: 4px solid #c4d3df;}

/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; }
#system-message dd ul { background: #BFD3E6; color: #0055BB; margin: 10px 0 10px 0; list-style: none; padding: 10px; border: 2px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message {display: none;}

/* System Error Messages */
#system-message dt.error {display: none;}
#system-message dd.error ul {color: #c00;background-color: #EBC8C9;border: 2px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice {display: none;}
#system-message dd.notice ul {color: #A08B4C;background: #F5ECC1;border: 2px solid #F0DC7E;}

/* Debug */
#system-debug {color: #ccc;background-color: #fff;padding: 10px;margin: 10px;}
#system-debug div {font-size: 11px;}

/*Mobile Styles*/
.mobilePortrait{display: none !important;}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/touch.gallery.css?15524850062495*/
/* The gallery overlay */

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background: url("/bitrix/templates/lodio_autos/css/../images/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('/bitrix/templates/lodio_autos/css/../images/arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}

/* End */


/* Start:/bitrix/templates/lodio_autos/css/isotope.css?15524850061677*/
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* End */


/* Start:/bitrix/templates/lodio_autos/css/template.css?155372180132754*/
#wrapper {
	/*background: url(/bitrix/templates/lodio_autos/css/../images/bg.jpg) center 0 repeat*/
}
#port div.itemExtraFields {
	border-color: #e6e6e6
}
#contact-form-cont div.contact-form {
	border-right: 1px solid #e6e6e6
}
div.profile dl {
	border-bottom: 1px solid #e6e6e6
}
div.component-content>div.search #searchForm div.form-limit-and-counter {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}
div.k2AccountPage {
	border-top: 1px solid #e6e6e6
}
div.k2AccountPage>dl {
	border-bottom: 1px solid #e6e6e6
}
div.k2Pagination li .pagenav,
div.pagination li .pagenav,
div.itemCommentsPagination li .pagenav {
	background: #0993db;
	color: #fff
}
div.k2Pagination li a.pagenav:hover,
div.pagination li a.pagenav:hover,
div.itemCommentsPagination li a.pagenav:hover {
	background: #1b1b1b
}
div.k2Pagination li.num span.pagenav,
div.pagination li.num span.pagenav,
div.itemCommentsPagination li.num span.pagenav {
	background: #1b1b1b
}
.clearfix {
	*zoom: 1
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0
}
.clearfix:after {
	clear: both
}
* {
	margin: 0;
	padding: 0
}
html,
body {
	height: 100%
}
body.all {
	/*background: url(/bitrix/templates/lodio_autos/css/../images/bg_footer.jpg) center 0 repeat*/
}
#body-wrapper {
	width: 100%;
	overflow: hidden;
	/*font-family: 'Droid Sans', sans-serif;*/
	min-height: 100%;
	height: auto!important;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.before_after {
	position: absolute;
	content: ".";
	text-indent: -999em
}
h1,
h2 {
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 23px;
	line-height: 1em;
	font-weight: bold;
	color: #252424;
	padding: 0 0 22px 0
}
h3 {
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 18px;
	line-height: 1em;
	font-weight: bold;
	color: #252424;
	padding: 0 0 22px 0
}
.rt-grid-12 h1,
.rt-grid-12 h2,
.rt-grid-12 h3 {
	text-align: center
}
h4 {
	/*font-family: 'Droid Sans', sans-serif;*/
	font-size: 16px;
	color: #4a7e98;
	font-weight: bold;
	padding: 0 0 16px 0
}
h5 {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 17px;
	color: #606060;
	padding: 0 0 12px 0
}
p,
pre {
	padding-bottom: 17px
}
a {
	text-decoration: none;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	transition: all .1s ease-out
}
a.moduleItemReadMore,
a.k2ReadMore,
a.moduleCustomLink,
#camera-slideshow a.moduleItemReadMore,
button.button,
input.button {
	display: inline-block;
	padding: 0px 27px 0px 27px;
	margin-top: 13px;
	font-size:16px;
	line-height: 43px;
	text-transform: uppercase;
	border: 0;
	position: relative
}
li {
	list-style-type: none
}
ul.itemList li,
div.k2CategoriesListBlock ul li,
div.k2ArchivesBlock ul li,
ul.k2UserBlockActions li,
ul.userLinks li,
form#form-login ul li,
ul.menu-list li {
	overflow: hidden
}
ul.itemList li a,
div.k2CategoriesListBlock ul li a,
div.k2ArchivesBlock ul li a,
ul.k2UserBlockActions li a,
ul.userLinks li a,
form#form-login ul li a,
ul.menu-list li a {
	float: left
}
ul.k2UserBlockActions {
	margin: 1em 0
}
ul.userLinks,
form#form-login ul {
	margin: 1em 0 0
}
.list1 li {
	padding-left: 10px;
	background: url(/bitrix/templates/lodio_autos/css/../images/marker1.png) 0 6px no-repeat;
	padding-bottom: 13px
}
.list1 li a {
	text-transform: uppercase
}
.cols ul {
	margin: 0 -10px;
	overflow: hidden
}
.cols ul li {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}
.cols.four ul li {
	width: 240px
}
.cols.three ul li {
	width: 320px
}
#rt-top .rt-container {
    padding-top: 36px;
    padding-bottom: 24px;
	position: relative;
	margin-bottom: 18px;
}
#rt-top .rt-container:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	background: #e6e6e6;
	height: 1px
}
#rt-top .mod_search {
	float: right;
	width: 207px;
	height: 20px;
	background: #fff;
	border: 1px solid #e9e9e9;
	margin-top: 18px;
	padding: 2px
}
#rt-top .mod_search #mod-search-searchword {
	width: 187px;
	height: 20px;
	background: #fff;
	border: 0;
	margin: 0;
	float: left
}
#rt-top .mod_search input.button {
	float: left;
	width: 20px;
	height: 20px;
	background: url(/bitrix/templates/lodio_autos/css/../images/search_button.gif) 4px 6px no-repeat!important;
	padding: 0;
	margin: 0
}
#rt-top .mod_search input.button:hover {
	opacity: .5
}
#rt-header .rt-container {
	padding-bottom: 18px;
	position: relative
}
#rt-header .rt-container:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	background: #e6e6e6;
	height: 1px
}
ul.sf-menu {
	position: relative
}
ul.sf-menu li a,
ul.sf-menu li span.separator,
ul.sf-menu>li>span.sf-menu__parent {
	display: block;
	text-decoration: none
}
ul.sf-menu>li {
	padding: 0;
	margin: 0 12px 0 13px;
	position: relative
}
ul.sf-menu>li>a,
ul.sf-menu>li>span.separator,
ul.sf-menu>li>span.sf-menu__parent {
	display: block;
	/*font-family: 'Asap', sans-serif;*/
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 43px;
	padding: 0 27px
}
ul.sf-menu>li:after {
	content: "";
	position: absolute;
	right: -12px;
	background: url(/bitrix/templates/lodio_autos/css/../images/menu_line.gif) 0 0 no-repeat;
	width: 1px;
	height: 9px;
	top: 16px
}
ul.sf-menu>li.firstItem {
	margin-left: 0
}
ul.sf-menu>li.lastItem {
	margin-right: 0;
	margin-left: 12px
}
ul.sf-menu>li.lastItem:after {
	display: none
}
ul.sf-menu>li:hover>ul,
ul.sf-menu>li.sfHover>ul {
	top: 44px
}
ul.sf-menu>li:hover>ul li a,
ul.sf-menu>li.sfHover>ul li a,
ul.sf-menu>li:hover>ul li span.separator,
ul.sf-menu>li.sfHover>ul li span.separator {
	display: block
}
ul.sf-menu ul {
	width: 200px
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 187px;
	top: -20px
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 187px;
	top: -20px
}
ul.sf-menu ul {
	padding: 20px 0
}
ul.sf-menu ul li a,
ul.sf-menu ul li span.separator {
	display: block;
	line-height: 36px;
	font-size: 14px;
	/*font-family: 'Asap', sans-serif;*/
	text-transform: uppercase;
	padding: 0 28px
}
select.select-menu {
	display: none;
	margin: 0
}
#rt-showcase {
	overflow: hidden;
	margin-top: -6px
}
#rt-showcase .rt-container:after {
	content: "";
	position: absolute
}
#rt-feature .rt-container {
	position: relative
}
#main #rt-feature .rt-container:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 40px;
	left: 373px;
	width: 1px;
	background: #e5e5e5
}
#main #rt-feature .rt-container:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 40px;
	left: 757px;
	width: 1px;
	background: #e5e5e5
}
.blocks .rt-block {
	position: relative;
	padding-left: 67px;
	padding-right: 67px
}
.blocks img {
	position: absolute;
	top: 18px;
	left: 0
}
.blocks h2 {
	font-size: 18px;
	color: #3c3c3c;
	padding: 23px 0 13px 0
}
.blocks h5 {
	padding: 0 0 13px 0
}
#rt-maintop .rt-container:after {
	content: "";
	position: absolute
}
.cont {
	padding: 39px 0 0 0
}
.cont .rt-block {
	padding-bottom: 5px
}
.catItemImageBlock,
.itemImageBlock,
.userItemImageBlock,
.genericItemImageBlock,
.tagItemImageBlock {
	margin-right: 20px;
	margin-bottom: 10px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	float: left;
	text-align: center
}
.catItemImageBlock strong,
.itemImageBlock strong,
.userItemImageBlock strong,
.genericItemImageBlock strong,
.tagItemImageBlock strong {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	opacity: .5;
	right: 0;
	border: 0 solid #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s
}
.catItemImageBlock a,
.itemImageBlock a,
.userItemImageBlock a,
.genericItemImageBlock a,
.tagItemImageBlock a {
	display: block;
	float: left;
	position: relative
}
.catItemImageBlock a:hover strong,
.itemImageBlock a:hover strong,
.userItemImageBlock a:hover strong,
.genericItemImageBlock a:hover strong,
.tagItemImageBlock a:hover strong {
	border-width: 5px
}
.projects {
	background: #f7f7f6;
	margin-bottom:43px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.projects .rt-block {
	padding-top: 39px;
	text-align: center;
	padding-bottom: 43px!important;
}
.projects .modulePretext {
	padding: 0 140px 47px
}
.projects li {
	display: inline-block;
	width: 260px;
	margin-right: 4px;
}
.projects li:last-child {
	margin-right:0px;
}
.projects .catItemImageBlock {
	float: none;
	margin-right: 0;
	text-align:center;
}
.our_team .rt-block {
	padding-bottom: 46px!important
}
.our_team h2 {
	padding-bottom: 28px
}
.our_team>ul {
	margin: 0 -10px;
	overflow: hidden
}
.our_team>ul>li {
	width: 268px;
	float: left;
	margin: 0 10px
}
.our_team .catItemImageBlock {
	margin-right: 0;
	margin-bottom: 0;
	float: none
}
.our_team .moduleItemIntrotext {
	background: #fff;
	border: 1px solid #ededed;
	padding: 26px 19px;
	min-height: 262px;
	border-top: 0
}
.our_team h4 {
	padding: 0 0 6px 0
}
.our_team h6 {
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 19px
}
.social {
	overflow: hidden;
	padding-top: 3px
}
.social li {
	float: left;
	margin-right: 9px
}
.social a {
	display: block;
	position: relative;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.social a:hover {
	top: -3px
}
.about_us .list1 {
	float: right;
	width: 268px;
	padding-left: 115px
}
.about_us .catItemImageBlock {
	margin-bottom: 30px
}
.about_us .rt-block {
	position: relative;
	padding-bottom: 28px!important;
	margin-bottom: 42px
}
.about_us .rt-block:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e6e6e6
}
.choose_us .rt-block {
	position: relative;
	padding-bottom: 30px!important;
	margin-bottom: 42px
}
.choose_us .rt-block:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e6e6e6
}
.choose_us ul {
	margin: 0 -10px;
	overflow: hidden;
	display: flex;
    flex-wrap: wrap;
}
.choose_us li {
	float: left;
	width: 364px;
	margin: 0 10px;
	padding-top: 6px;
	padding-bottom: 14px
}
.choose_us .moduleItemIntrotext {
	background: #fff;
	border: 1px solid #ededed;
	position: relative;
	padding: 24px 24px 7px 94px;
	min-height: 205px;
}
.choose_us span.dropcap {
	position: absolute;
	top: 21px;
	font: 43px 'Roboto', sans-serif;
	color: #e9e9e9;
	font-weight: bold;
	line-height: 43px;
	left: 22px
}
.customers_say .rt-block {
	position: relative;
	padding-bottom: 40px!important;
	margin-bottom: 42px
}
.customers_say .rt-block:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e6e6e6
}
.customers_say ul {
	margin: 0 -10px;
	overflow: hidden
}
.customers_say li {
	float: left;
	margin: 0 10px;
	width: 268px
}
.customers_say h4 {
	padding-bottom: 7px
}
.customers_say a {
	color: #606060
}
.customers_say a:hover {
	color: #4a7e98
}
.compare ul {
	margin: 0 -10px;
	overflow: hidden
}
.compare li {
	float: left;
	margin: 0 10px;
	width: 268px
}
.compare .catItemImageBlock {
	margin-right: 0
}
.awards ul {
	margin-bottom: -27px!important;
	overflow: hidden
}
.awards li {
	padding-left: 65px;
	padding-bottom: 25px;
	position:relative;
}
.awards li img {
    position: absolute;
    left: 0px;
    top: 0px;	
}
.offers ul {
	margin: 0 -10px;
	overflow: hidden
}
.offers li {
	float: left;
	width: 364px;
	margin: 0 10px;
	padding-bottom: 20px
}
.offers .moduleItemIntrotext {
	position: relative;
	padding-left: 75px
}
.offers img {
	position: absolute;
	top: 5px;
	left: 0
}
.offers .rt-block {
	position: relative;
	padding-bottom: 4px!important;
	margin-bottom: 42px
}
.offers .rt-block:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: #e6e6e6
}
.mb8-sa4 #rt-sidebar-a {
	padding-left: 96px
}
.services_list .list1 {
	padding-bottom: 8px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 21px
}
.services_list .list1.last {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0
}
.line_bot .rt-block {
	padding-bottom: 28px!important;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 42px
}
.services ul {
	margin: 0 -10px;
	overflow: hidden
}
.services li {
	float: left;
	width: 364px;
	margin: 0 10px;
	padding-bottom: 13px;
	padding-top: 7px
}
.services .catItemImageBlock {
	margin-right: 0;
	margin-bottom: 0;
	float: none
}
.services .moduleItemIntrotext {
	background: #fff;
	border: 1px solid #ededed;
	border-top: 0;
	padding: 25px 20px 10px 20px
}
.services h4 {
	padding-bottom: 6px
}
.customer_services .catItemImageBlock {
	margin-right: 0
}
.rt-grid-12 .contact h2 {
	text-align: left
}
.itemContainer {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}
.K2ItemsRow {
	margin: 0 -10px
}
.columns-fluid {
	margin: 0 -10px
}
.columns-fluid li {
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}
.genericItemDateCreated {
	display: none
}
a.touch,
a.modal.img {
	position: relative;
	overflow: hidden;
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader()!important
}
a.touch span.zoom-icon,
div span.zoom-icon,
a.modal.img span.zoom-icon,
a.touch span.zoomIcon,
a.modal.img span.zoomIcon {
	background: url("/bitrix/templates/lodio_autos/css/../images/zoom.png") no-repeat scroll 0 0 transparent;
	height: 36px;
	left: 50%;
	margin-left: -18px;
	margin-top: -18px;
	position: absolute;
	top: -50%;
	width: 36px;
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader()!important
}
#port div.catItemView {
	padding: 0
}
#port div.catItemView div.catItemHeader span.catItemDateCreated,
#port div.catItemView div.catItemHeader div.catItemHitsBlock {
	display: inline-block;
	font-size: .8em;
	margin: 0 .5em 0 0
}
#port .catItemImageBlock {
	float: none;
	margin-right: 0
}
#port div.itemExtraFields {
	border-width: 1px;
	border-style: solid;
	border-left: none;
	border-right: 0;
	padding: 1.5em 0;
	margin-bottom: 1.5em
}
#port div.itemExtraFields ul li {
	list-style: none
}
#port div.itemExtraFields ul li span.itemExtraFieldsLabel {
	font-weight: bold
}
#port div.extraFieldsIntroText {
	overflow: hidden;
	min-width: 240px
}
#port div.itemContainer.itemContainerLast {
	margin-right: 0!important
}
#port #isotopeOptions {
	overflow: hidden;
	margin-bottom: 2em
}
#port #isotopeOptions ul#filters,
#port #isotopeOptions ul#sort,
#port #isotopeOptions ul#sort_direction {
	display: inline-block;
	margin: 0 1em 0 0
}
#port #isotopeOptions ul#filters li,
#port #isotopeOptions ul#sort li,
#port #isotopeOptions ul#sort_direction li {
	display: inline-block;
	margin: 0 0 0 .5em
}
#port #isotopeOptions ul#filters li a:hover,
#port #isotopeOptions ul#sort li a:hover,
#port #isotopeOptions ul#sort_direction li a:hover,
#port #isotopeOptions ul#filters li a.selected,
#port #isotopeOptions ul#sort li a.selected,
#port #isotopeOptions ul#sort_direction li a.selected {
	color: #4d4d4d;
	text-decoration: none
}
#port .itemContainer {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px
}
#port .itemList>div {
	margin: 0 -10px
}
#isotopeContainer.columns_1 .catItemImageBlock {
	float: left;
	margin: 0 2em 0 0
}
.blog .catItemHeader h4,
.blog .itemHeader h4,
.blog .userItemHeader h4,
.blog .genericItemHeader h4 {
	padding-bottom: 6px
}
.blog .catItemHeader h4 a,
.blog .itemHeader h4 a,
.blog .userItemHeader h4 a,
.blog .genericItemHeader h4 a {
	color: #4a7e98;
}
.blog .catItemHeader .catItemAuthor,
.blog .itemHeader .catItemAuthor,
.blog .userItemHeader .catItemAuthor,
.blog .genericItemHeader .catItemAuthor,
.blog .catItemHeader .itemAuthor,
.blog .itemHeader .itemAuthor,
.blog .userItemHeader .itemAuthor,
.blog .genericItemHeader .itemAuthor {
	padding-left: 24px;
	background: url(/bitrix/templates/lodio_autos/css/../images/icon-2.png) 0 0 no-repeat;
	margin-right: 20px
}
.blog .catItemHeader .catItemDateCreated,
.blog .itemHeader .catItemDateCreated,
.blog .userItemHeader .catItemDateCreated,
.blog .genericItemHeader .catItemDateCreated,
.blog .catItemHeader .itemDateCreated,
.blog .itemHeader .itemDateCreated,
.blog .userItemHeader .itemDateCreated,
.blog .genericItemHeader .itemDateCreated,
.blog .catItemHeader .userItemDateCreated,
.blog .itemHeader .userItemDateCreated,
.blog .userItemHeader .userItemDateCreated,
.blog .genericItemHeader .userItemDateCreated {
	padding-left: 24px;
	margin-right: 20px;
	background: url(/bitrix/templates/lodio_autos/css/../images/icon-1.png) 0 0 no-repeat
}
.blog .catItemHeader .catItemCommentsLink,
.blog .itemHeader .catItemCommentsLink,
.blog .userItemHeader .catItemCommentsLink,
.blog .genericItemHeader .catItemCommentsLink,
.blog .catItemHeader .itemCommentsLink,
.blog .itemHeader .itemCommentsLink,
.blog .userItemHeader .itemCommentsLink,
.blog .genericItemHeader .itemCommentsLink,
.blog .catItemHeader .userItemCommentsLink,
.blog .itemHeader .userItemCommentsLink,
.blog .userItemHeader .userItemCommentsLink,
.blog .genericItemHeader .userItemCommentsLink {
	background: url(/bitrix/templates/lodio_autos/css/../images/icon-3.png) 0 0 no-repeat;
	padding-left: 24px
}
.blog .catItemHeader a,
.blog .itemHeader a,
.blog .userItemHeader a,
.blog .genericItemHeader a {
	color: #606060
}
.blog .catItemHeader a:hover,
.blog .itemHeader a:hover,
.blog .userItemHeader a:hover,
.blog .genericItemHeader a:hover {
	color: #4a7e98
}
.blog div.userItemImageBlock,
.blog div.catItemImageBlock {
	width: 268px;
	margin-right: 20px;
	margin-bottom: 22px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	float: left
}
.blog div.userItemImageBlock img,
.blog div.catItemImageBlock img,
.blog div.userItemImageBlock span,
.blog div.catItemImageBlock span,
.blog div.userItemImageBlock a,
.blog div.catItemImageBlock a {
	width: 268px
}
.blog div.itemImageBlock {
	/*width: 340px;
    height: 360px;
    margin-bottom: 0px;*/
	margin-right: 20px;
    margin-bottom: 10px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    float: left;
}
.b_history div.catItemHeader {
	float: left;
	margin: 0 1em 0 0
}
.b_history div.catItemHeader h3.catItemTitle {
	margin: 0
}
.b_history div.catItemHeader span.catItemEditLink {
	float: none
}
.b_history div.catItemBody {
	overflow: hidden;
	padding: 0 2em 0 0
}
.b_history div.catItemBody div.catItemIntroText p {
	margin: 0
}
.b_history .K2ItemsRow .itemContainer {
	margin: 0 0 2em 0
}
#team .catItemImageBlock {
	float: none;
	margin-right: 0;
	max-width: 100%;
	display: inline-block
}
#team .catItemImageBlock img,
#team .catItemImageBlock a,
#team .catItemImageBlock span {
	width: 100%;
	display: block
}
#team h3 {
	text-align: left
}
#faqs div.catItemHeader {
	padding: 0
}
#faqs div.catItemHeader h3 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 18px
}
#faqs div.catItemHeader h3:before {
	content: "Q.";
	display: inline-block;
	float: left;
	margin: 0 .5em 0 0;
	font: inherit
}
#faqs div.catItemBody:before {
	content: "A.";
	display: inline-block;
	float: left;
	margin: 0 .5em 0 0;
	font: inherit
}
#testimonials div.catItemIntroText:before {
	background: url(/bitrix/templates/lodio_autos/css/../images/quotes.png) left top no-repeat;
	content: ".";
	text-indent: -999em;
	display: block;
	float: left;
	margin: 0 .5em .5em 0;
	width: 66px;
	height: 45px
}
#testimonials div.catItemIntroText p:after {
	content: '"'
}
#testimonials div.itemExtraFields>h3 {
	display: none
}
#testimonials div.itemExtraFields ul {
	float: right;
	list-style: none
}
#testimonials div.itemExtraFields ul li {
	font-style: italic
}
#testimonials div.itemExtraFields ul li span.itemExtraFieldsLabel {
	font-weight: bold
}
#testimonials div.catItemExtraFields {
	float: right
}
#testimonials div.catItemExtraFields ul {
	list-style: none
}
#testimonials div.catItemExtraFields ul li {
	font-style: italic
}
#testimonials div.catItemExtraFields ul li.author {
	font-weight: bold
}
.contact-misc span {
	float: right;
	margin-right: 10px
}
#contact-form-cont div.contact-form {
	margin: 0 2em 0 0;
	padding: 0 3.5em 0 0
}
#contact-form-cont div.contact-form #contact-form textarea {
	height: 200px
}
#contact-form-cont div.contact-form #contact-form dl {
	margin: 0
}
#contact-form-cont div.contact-form #contact-form fieldset legend {
	display: inline-block;
	padding: 0 0 1em 0
}
#jform_contact_email_copy {
	margin-top: 5px
}
.map-wrapper {
	margin-bottom: 20px
}
#k2Container.k2AccountPage {
	padding-top: 2em;
	margin: 0 0 2em 0
}
#k2Container.k2AccountPage input.inputbox,
#k2Container.k2AccountPage input[type="text"],
#k2Container.k2AccountPage textarea#jform_profile_aboutme,
#k2Container.k2AccountPage select {
	width: 40%
}
#k2Container.k2AccountPage textarea#description {
	resize: none;
	overflow: auto
}
#k2Container.k2AccountPage textarea#jform_profile_aboutme {
	height: 150px
}
#user-registration input.inputbox {
	width: 40%
}
div.profile dl {
	margin-bottom: 1em;
	padding-bottom: 1em
}
ul.userLinks {
	list-style: none
}
div.component-content>div.search {
	margin: 0 0 2em 0
}
div.component-content>div.search #searchForm fieldset legend {
	margin: 0 0 1em 0;
	font-weight: bold
}
div.component-content>div.search #searchForm fieldset>div {
	margin: 0 0 1em 0
}
div.component-content>div.search #searchForm div.form-limit-and-counter {
	margin: 1em 0;
	padding: 1em 0
}
div.component-content>div.search #searchForm div.form-limit-and-counter p.counter {
	line-height: 34px
}
div.component-content>div.search #searchForm div.phrases-box label,
div.component-content>div.search #searchForm fieldset.only label {
	display: inline-block;
	margin: 0 1em 0 0;
	line-height: inherit
}
div.component-content>div.search .componentheading {
	margin: 0 0 2em 0
}
fieldset.word {
	margin: 0 0 2em
}
fieldset.word label {
	display: block
}
fieldset.word #search-searchword {
	width: 40%;
	display: block;
	margin: 0 0 1em 0
}
.component-content div.login {
	padding: 3em 0
}
.component-content div.login input.inputbox {
	width: 40%
}
input.inputbox,
input.required,
div.k2AccountPage input[type="text"] {
	width: 100%;
	outline: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #b0b0b0;
	border: 1px solid #dbdbdb;
	padding: 4px 5px
}
textarea#commentText,
textarea#description,
textarea#jform_profile_aboutme,
textarea#jform_contact_message {
	/*font-family: inherit;*/
	resize: none;
	overflow: auto;
	outline: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	background: #fff;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #b0b0b0;
	border: 1px solid #dbdbdb;
	padding: 5px 5px
}
div.k2Pagination li,
div.pagination li,
div.itemCommentsPagination li {
	margin: 0 3px 10px 0
}
div.k2Pagination li .pagenav,
div.pagination li .pagenav,
div.itemCommentsPagination li .pagenav {
	display: inline-block;
	padding: 0px 27px 0px 27px;
	margin-top: 13px;
	font-size:16px;
	line-height: 43px;
	text-transform: uppercase;
	border: 0;
	position: relative
}
div.k2Pagination li.num .pagenav,
div.pagination li.num .pagenav,
div.itemCommentsPagination li.num .pagenav {
	min-width: 20px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px
}
div.itemComments ul.itemCommentsList li {
	padding: 30px;
	background: #fff;
	border: 1px solid #dbdbdb
}
div.itemComments ul.itemCommentsList li>img {
	margin: 0
}
div.itemComments ul.itemCommentsList li div.commentBody div.commentToolbar span.commentLink {
	float: right
}
div.itemComments ul.itemCommentsList li div.commentToolbar {
	margin: 0 0 0 2em
}
div.itemComments ul.itemCommentsList .commentAuthorName {
	margin-right: 20px
}
div.itemComments div.userAvatar {
	float: left;
	margin: 4px 20px 0 0
}
form#comment-form input.inputbox {
	width: 60%
}
form#comment-form textarea#commentText {
	height: 250px
}
input#mod-search-searchword,
#search-searchword {
	margin: 0 0 1em 0
}
iframe[id^="oauth"] {
	display: none
}
#footer {
	position: relative
}
#rt-footer .rt-container {
	padding-top: 64px;
	padding-bottom: 3px;
	position: relative
}
#rt-footer .rt-container .rt-block {
	padding-bottom: 10px
}
#rt-footer .rt-container .menu {
	float: right;
	padding-top: 4px;
	padding-bottom:16px;
}
#rt-footer .rt-container .menu li {
	padding-right: 10px;
	font-size: 11px;
	text-transform: uppercase;
	background: url(/bitrix/templates/lodio_autos/css/../images/footer_bullet.png) right 7px no-repeat;
	margin-right: 7px;
	display:inline-block;
}
#rt-footer .rt-container .menu li:last-child {
	background: none;	
}
#rt-footer .rt-container .menu li a {
	color: #878686
}
#rt-footer .rt-container .menu li a:hover {
	color: #4a7e98
}
#rt-footer .rt-container .menu .lastItem {
	padding-right: 0;
	margin-right: 0;
	background: 0
}
.copyright {
	font: 11px 'Droid Sans', sans-serif;
	line-height: 24px;
	color: #878686;
	padding: 0
}
.copyright a {
	color: #878686
}
.copyright a:hover {
	color: #4a7e98
}
.siteName {
	background: url(/bitrix/templates/lodio_autos/css/../images/footer_logo.png) 0 0 no-repeat;
	display: inline-block;
	width: 94px;
	height: 16px;
	text-indent: -9999px;
	text-align: left;
	margin-right: 3px
}
#rt-popup {
	display: none
}
.rt-block.totop {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 50px;
	height: 50px;
	display: none;
	border: 1px solid #e5e5e5;
	background: url(/bitrix/templates/lodio_autos/css/../images/to_top.png) center center no-repeat #f7f7f6;
	border-radius: 50px
}
a#gantry-totop {
	z-index: 999;
	background: url(/bitrix/templates/lodio_autos/css/../images/to_top_active.png) center center no-repeat #fff;
	display: block;
	width: 50px;
	height: 50px;
	opacity: 0;
	text-indent: -9999em;
	font-size: 1px;
	line-height: 1px;
	border-radius: 50px
}
a#gantry-totop:hover {
	opacity: 1
}
.alert-box {
	padding: 20px 20px 20px 90px!important;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: inherit;
	line-height: inherit;
	border: 1px solid #dbdbdb;
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin-bottom: 15px
}
.error-box {
	border-color: #f99;
	color: #c31b00;
	background: url(/bitrix/templates/lodio_autos/css/../images/icon-error.png) no-repeat 20px 50% #fcc
}
.attention-box {
	border-color: #e6c555;
	color: #9e660d;
	background: url(/bitrix/templates/lodio_autos/css/../images/icon-note.png) no-repeat 20px 50% #fdebae
}
.notice-box {
	border-color: #68a2cf;
	color: #2e6093;
	background: url(/bitrix/templates/lodio_autos/css/../images/icon-info.png) no-repeat 20px 50% #bfe4f9
}
.approved-box {
	border-color: #a3c159;
	color: #5e6f33;
	background: url(/bitrix/templates/lodio_autos/css/../images/icon-download.png) no-repeat 20px 50% #cf9
}
.one_half {
	width: 48%
}
.one_third {
	width: 30.66%
}
.two_third {
	width: 65.33%
}
.one_fourth {
	width: 22%
}
.three_fourth {
	width: 74%
}
.one_fifth {
	width: 16.8%
}
.two_fifth {
	width: 37.6%
}
.three_fifth {
	width: 58.4%
}
.four_fifth {
	width: 79.2%
}
.one_sixth {
	width: 13.33%
}
.five_sixth {
	width: 82.67%
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 2%;
	float: left
}
.last {
	margin-right: 0!important;
	clear: right
}
.clr,
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
#s-m-t-tooltip {
	position: absolute;
	max-width: 300px;
	padding: 4px 8px 4px 8px;
	background: #222;
	z-index: 1000;
	display: inline-block;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	opacity: .5;
	filter: alpha(opacity=50)
}
.tip-wrap {
	background: none repeat scroll 0 0 #000;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	padding: 7px;
	color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	max-width: 500px!important;
	width: auto!important
}
.tip-title {
	font-weight: bold
}
div.img404 {
	width: 50%;
	float: left
}
div.img404 img {
	width: 100%
}
div.text404 {
	overflow: hidden
}
div.text404 h1 {
	padding-bottom: 0
}
div.text404 #mod-search-searchword {
	margin: 0 .5em 0 0;
	width: 70%
}
h1.constrSiteName {
	margin-bottom: 1em
}
.counter_desc {
	position: relative;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 0 40px 0;
	margin: 0 0 0 30px
}
.counter_desc div {
	width: 104px;
	margin-left: 18px;
	text-align: center;
	float: left
}
.counter_desc div:first-child {
	margin-left: 0;
	margin-right: 23px
}
.cntSeparator {
	color: #000;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 50px;
	margin: 24px 0
}
#frame {
	width: 600px;
	margin: 150px auto 0;
	padding: 0;
	text-align: center;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
	border-radius: 15px
}
#frame .frameInner {
	padding: 50px 36px
}
#frame form {
	text-align: left
}
#frame #form-login label {
	width: 10em;
	display: block;
	float: left;
	line-height: 2em
}
#frame #form-login input.inputbox {
	height: 2em;
	line-height: 2em
}

.b_question .catItemTitle {
	text-align:left;
}

.b_team .catItemImageBlock {
	min-height: 284px;	
    text-align: center;
}

@media (max-width: 979px)
{
	.b_team .catItemImageBlock {
		min-height: 193px;
	}
}

.b_team .K2ItemsRow {
	display:flex;
    flex-wrap: wrap;
}

.b_team a img {
	height:auto;
}

.b_pagenav ul {
	text-align:center !important;
}

.b_projects .catItemImageBlock {
	/*min-height: 265px;*/
    text-align: center;
}

.b_projects .catItemImageBlock img {
	height: auto;
}

@media (max-width: 979px)
{
	.b_projects .catItemImageBlock {
		min-height: 164px;
	}
}

.b_element-props {
    padding: 0 0 0 358px;
}

@media (max-width: 979px)
{
	.b_element-props {
		padding: 0;	
	}
}

.b_element-props__item {
	padding: 2px 8px;	
}

.b_element-props__item:nth-child(even) {
    background: #ddd;	
}

.b_element-props__item-name {
	display: inline-block;
	min-width: 25%;
}

.b_element-props__item-value {
	display:inline-block;
}

.b_product__gallery-wrapper {
	width:340px;
	margin:0 auto;
}

.camera-modal {
	height:100%;
	display:block;
	position:relative;
	cursor:pointer;
}

.b_search-page__input {
    outline: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    font: 14px Arial, Helvetica, sans-serif;
    line-height: 17px;
    color: #b0b0b0;
    border: 1px solid #dbdbdb;
    padding: 4px 5px;	
}

.header_phones {
	display: inline-block;
    padding: 12px 0 0px;
    vertical-align: top;
    font-size: 16px;
    line-height: 24px;
	max-width: 132px;
}

.header_address {
    display: inline-block;
    padding: 12px 0 0 44px;
    vertical-align: top;
	max-width: 320px;
	font-size:16px;
}

.top-menu-toggle {
	display:none;
	color: #ffffff;
    background: #0993db;
    margin: 0px 0px 1px 0;
    line-height: 43px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
	cursor:pointer;
	position:relative;
	z-index:1000;
}

.top-menu__pic {
    padding: 11px 0;
    width: 40px;
    margin: 0px auto;
}

.top-menu__pic-item {
	padding:2px;
	background:white;
}

.top-menu__pic-item:nth-child(even) {
	margin:4px 0;
}

.project-detail_gallery {
	/*height: 350px;*/
}

.project-detail_gallery-395 {
	/*height: 395px;*/
}

.search-page {

}

.search-page a {
	text-transform:uppercase;
}

.search-page a:hover {
	color: #4a7e98;
}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/template_styles.css?15528642442535*/
body a{color:#4a7e98;}
body a:hover{color:#252424;}
a.moduleItemReadMore,
a.k2ReadMore,
a.moduleCustomLink{color:#ffffff;background:#0993db;}
a.moduleItemReadMore:hover,
a.k2ReadMore:hover,
a.moduleCustomLink:hover{color:#ffffff;background:#252424;}
div.itemCommentsForm form input#submitCommentButton,
input[type="submit"],
button.button{color:#ffffff;background:#0993db;}
div.itemCommentsForm form input#submitCommentButton:hover,
input[type="submit"]:hover,
button.button:hover{color:#ffffff;background:#252424;}
.sf-menu>li>a,
.sf-menu>li>span{background:transparent;}
.sf-menu>li>a,
.sf-menu>li>span{color:#1a1a1a;}
.sf-menu>li>a:hover,
.sf-menu>li>a:active,
.sf-menu>li.sfHover>a,
.sf-menu>li.sfHover>span,
.sf-menu>li:hover>span,
.sf-menu>li.current>a,
.sf-menu>li.current>span,
.sf-menu>li.active>a,
.sf-menu>li.active>span{background:#0993db;}
.sf-menu>li>a:hover,
.sf-menu>li>a:active,
.sf-menu>li.sfHover>a,
.sf-menu>li.sfHover>span,
.sf-menu>li:hover>span,
.sf-menu>li.current>a,
.sf-menu>li.current>span,
.sf-menu>li.active>a,
.sf-menu>li.active>span{color:#ffffff;}
.sf-menu ul{background:#252424;}
.sf-menu ul>li>a,
.sf-menu ul>li>span{background:transparent;}
.sf-menu ul>li>a,
.sf-menu ul>li>span{color:#ffffff;}
.sf-menu ul>li>a:hover,
.sf-menu ul>li:hover>a,
.sf-menu ul>li:hover>span,
.sf-menu ul>li>a:active,
.sf-menu ul>li.current>a,
.sf-menu ul>li.current>span,
.sf-menu ul>li.sfHover>a,
.sf-menu ul>li.sfHover>span,
.sf-menu ul>li.active>span,
.sf-menu ul>li.active>a{background:#0993db;}
.sf-menu ul>li>a:hover,
.sf-menu ul>li:hover>a,
.sf-menu ul>li:hover>span,
.sf-menu ul>li>a:active,
.sf-menu ul>li.current>a,
.sf-menu ul>li.current>span,
.sf-menu ul>li.sfHover>a,
.sf-menu ul>li.sfHover>span,
.sf-menu ul>li.active>span,
.sf-menu ul>li.active>a{color:#ffffff;}
body{
	/*font: 13px/20px Arial, sans-serif;
    font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:17px;*/
	color:#606060;
}
body #rt-logo,
body #rt-logo:hover
{
	max-width:360px;
    padding: 12px 12px;
	color: #4a7e98;
}

body #rt-logo img
{
	max-width:160px !important;
	max-height:40px;
}

body #rt-logo span
{
    display: inline-block;
    padding-left: 16px;
    vertical-align: top;
    font-size: 16px;
	max-height:40px;
    max-width: 125px;
	text-align:center;
}

.image-wrapper img{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	max-height:280px;
}

.search-page form{
	text-align:center;	
}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/responsive.css?155363803514910*/
html {
    -webkit-text-size-adjust: none
}
video {
    max-width: 100%;
    height: auto
}
video {
    max-width: 100%;
    height: auto
}
div.itemVideoEmbedded {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}
div.itemVideoEmbedded iframe,
div.itemVideoEmbedded object,
div.itemVideoEmbedded embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@media only screen and (max-width: 1024px) {
    #body-wrapper .rt-block.totop {
        display: none!important
    }
}
@media(max-width:1300px) {
    #rt-showcase .camera_prev {
        left: 20px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-color: #fff;
        background-position: center center
    }
    #rt-showcase .camera_next {
        right: 20px;
        width: 50px;
        height: 50px;
        border-radius: 50px;
        background-color: #fff;
        background-position: center center
    }
    #rt-showcase .camera_prev span,
    #rt-showcase .camera_next span {
        width: 50px;
        height: 50px;
        background-position: center center
    }
}
@media(max-width:1200px) {
    ul.sf-menu {
        text-align: center;
		width:100%
    }
    ul.sf-menu>li {
        float: none;
        display: inline-block;
        margin: 0 1px 0 0
    }
    ul.sf-menu>li:after {
        display: none
    }
    ul.sf-menu>li>a,
    ul.sf-menu>li>span.separator {
        padding: 0 12px;
        font-size: 13px
    }
    ul.sf-menu>li.lastItem {
        margin-left: 0
    }
    #main #rt-feature .rt-container:after {
        left: 620px
    }
    #main #rt-feature .rt-container:before {
        left: 300px
    }
    .projects li {
        width: 220px
    }
    .our_team>ul>li {
        width: 220px
    }
    .about_us .list1 {
        padding-left: 20px
    }
    .about_us .catItemImageBlock {
        margin-bottom: 20px
    }
    .choose_us li {
        width: 460px
    }
    .customers_say li {
        width: 220px
    }
    .compare li {
        width: 250px
    }
    .offers li {
        width: 300px
    }
    .services li {
        width: 270px
    }
    .mb8-sa4 #rt-sidebar-a {
        padding-left: 0
    }

	.header_address {
		max-width: 200px;
	}
	
	body #rt-logo span {
		font-size: 14px;
		text-align:center;
	}
	
	.body #rt-logo img {
		max-width: 100px !important;
	}
}
@media only screen and (max-width: 979px) {
    .blocks .rt-block {
        padding-right: 0
    }
    #main #rt-feature .rt-container:after,
    #main #rt-feature .rt-container:before {
        display: none
    }
    .projects .modulePretext {
        padding-left: 40px;
        padding-right: 40px
    }
    .projects li {
        width: 160px
    }
    .our_team>ul>li {
        width: 166px
    }
    .about_us .list1 {
        float: none;
        display: inline-block;
        padding-left: 0
    }
    .choose_us li {
        width: 352px
    }
    .customers_say li {
        width: 166px
    }
    .compare li {
        width: 190px
    }
    .offers li {
        width: 352px
    }
    .services li {
        width: 226px
    }
    .services h4 {
        font-size: 14px
    }
    a.moduleItemReadMore,
    a.k2ReadMore,
    a.moduleCustomLink,
    #camera-slideshow a.moduleItemReadMore,
    button.button,
    input.button {
        padding: 7px 20px;
        font-size: 16px
    }
    .blog div.catItemImageBlock,
    .blog div.userItemImageBlock,
    .blog div.itemImageBlock {
        /*max-width: 400px;*/
        float: none;
		margin:0 auto;
    }
    .blog div.catItemImageBlock a,
    .blog div.userItemImageBlock a,
    .blog div.itemImageBlock a,
    .blog div.catItemImageBlock span,
    .blog div.userItemImageBlock span,
    .blog div.itemImageBlock span,
    .blog div.catItemImageBlock img,
    .blog div.userItemImageBlock img,
    .blog div.itemImageBlock img {
        max-width: 100%
    }
    .contact-misc {
        font-size: 11px
    }
    .contact-misc span {
        font-size: 10px
    }
    span.catItemEditLink,
    span.itemEditLink,
    span.userItemEditLink {
        display: none!important
    }
    form dt {
        margin: 0
    }
    #contact-form-cont div.contact-form #contact-form textarea {
        height: 160px
    }
    .rt-block.totop {
        display: none!important
    }
	
	body #rt-logo img {
		max-width: 80px !important;
	}
	body #rt-logo span {
		font-size: 14px;
		line-height: 14px;
		text-align:center;
	}
	body #rt-logo,
	body #rt-logo:hover{
		padding: 12px 0px 12px 12px;
		width:100%;
	}
	#rt-top .mod_search {
		width: 100%;
	}
	#rt-top .mod_search #mod-search-searchword {
		width: 145px;
	}
	.header_address {
		max-width: 166px;
		font-size: 14px;
		line-height: 20px;
		padding: 12px 0 0 8px;
	}
	.header_phones {
		font-size: 14px;
		line-height: 20px;
	}
	.b-product__slider {
		width:100%;
		max-width: 480px;
	}
}
@media only screen and (max-width: 767px) {
    body {
        padding: 0
    }
    #body-wrapper .rt-container {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    h1,
    h2,
    h3 {
      /*  text-align: center*/ 
    }
    #rt-top {
        text-align: center
    }
    #rt-top .mod_search {
        float: none;
        display: inline-block
    }
    .select-menu {
        width: 100%
    }
    select.select-menu {
        display: block
    }
	.top-menu-toggle {
		display:block;
	}
    ul.sf-menu {
        display: none;
    }
	ul.sf-menu>li {
		float: none;
		display: block;
		margin: 0 0 1px 0;
	}
    .copyright {
        text-align: center
    }
    #rt-footer {
        text-align: center
    }
    .our_team>ul {
        text-align: center
    }
    .our_team>ul>li {
        width: 268px;
        float: none;
        display: inline-block;
        text-align: left;
        padding-bottom: 20px
    }
    .choose_us ul,
    .customers_say ul,
    .compare ul,
    .offers ul {
        margin: 0
    }
    .choose_us li,
    .customers_say li,
    .compare li,
    .offers li {
        margin: 0;
        width: 100%
    }
    .customers_say li {
        padding-bottom: 20px
    }
    .compare .catItemImageBlock,
    .customer_services .catItemImageBlock {
        margin-right: 20px
    }
    .services ul {
        text-align: center
    }
    .services li {
        width: 280px;
        float: none;
        display: inline-block;
        text-align: left
    }
    .services_list {
        text-align: center
    }
    .services_list ul {
        width: 300px;
        display: inline-block;
        text-align: left
    }
    #team .catItemImageBlock {
        float: left;
        margin-right: 20px
    }
    #isotopeContainer.columns_1 .catItemImageBlock {
        float: none;
        margin: 0 0 20px 0
    }
    div.itemContainer {
        width: 100%!important
    }
    span.catItemEditLink,
    span.itemEditLink,
    span.userItemEditLink {
        display: none!important
    }
    #body-wrapper #contact-form-cont,
    #body-wrapper #contact-address {
        width: 100%
    }
    .contact-form {
        margin: 0
    }
    form dt {
        margin: 0
    }
    #contact-form-cont div.contact-form {
        border: 0;
        margin: 0 0 2em 0;
        padding: 0
    }
    fieldset.word #search-searchword {
        width: 100%
    }
    form#comment-form input.inputbox,
    form#comment-form textarea#commentText {
        width: 100%
    }
    div.itemCommentsForm form span#formLog {
        padding: 0
    }
    .component-content div.login input.inputbox {
        width: 100%
    }
    div.text404 #mod-search-searchword {
        width: 100%
    }
    #k2Container.k2AccountPage input.inputbox,
    #k2Container.k2AccountPage input[type="text"],
    #k2Container.k2AccountPage textarea#jform_profile_aboutme,
    #k2Container.k2AccountPage select {
        width: 98%
    }
    div.toggle-editor {
        display: none
    }
    div.k2AccountPageNotice {
        margin: 0 0 1em 0
    }
    div.k2Pagination li.pagination-start,
    div.pagination li.pagination-start,
    div.itemCommentsPagination li.pagination-start,
    div.k2Pagination li.pagination-prev,
    div.pagination li.pagination-prev,
    div.itemCommentsPagination li.pagination-prev,
    div.k2Pagination li.pagination-next,
    div.pagination li.pagination-next,
    div.itemCommentsPagination li.pagination-next,
    div.k2Pagination li.pagination-end,
    div.pagination li.pagination-end,
    div.itemCommentsPagination li.pagination-end {
        display: none
    }
    #map {
        height: 22em
    }
    .rt-block.totop {
        display: none!important
    }
    .siteName {
        display: inline-block
    }
    .smile {
        text-align: center!important
    }
    div.img404 {
        width: 100%;
        float: none;
        margin: 0 0 2em 0
    }
    div.text404 #mod-search-searchword {
        margin: 0 .5em 1em 0;
        width: 70%
    }
    .tip-wrap {
        display: none!important
    }
    .extraFieldsIntroText {
        float: left;
        min-width: 140px;
        width: 100%
    }
	#rt-top .mod_search {
		width: 300px;
	}
	#rt-top .mod_search #mod-search-searchword {
		width: 278px;
	}
	body #rt-logo img {
		max-width: 160px !important;
	}
	body #rt-logo span {
		font-size:16px;
		text-align:center;
	}
	body #rt-logo, body #rt-logo:hover {
		max-width: 360px;
		padding: 12px 12px;
		width:auto;
	}
	.header_phones {
		font-size: 16px;
		line-height: 24px;
		text-align:left;
	}
	.header_address {
		max-width: 200px;
		font-size: 16px;
		line-height: 24px;
		padding: 12px 0 0 44px;
		text-align:left;
	}
	.#rt-top .rt-container {
		margin-bottom:0px;
	}
	ul.sf-menu>li:hover>ul, ul.sf-menu>li.sfHover>ul {
		display:block !important;
		position: static;
		width: 100%;
	}
	ul.sf-menu>li:hover>ul li, ul.sf-menu>li.sfHover>ul li {
		float:none;
	}
}
@media(max-width:660px) {
    .blog .catItemImageBlock, .blog .itemImageBlock, .blog .userItemImageBlock, .blog .genericItemImageBlock, .blog .tagItemImageBlock {
        float: none
    }
}
@media(max-width:568px) {
    div.itemImageBlock {
        float: none
    }
    #port .itemImageBlock {
        float: none;
        width: 100%;
        margin-right: 0
    }
    #team .catItemImageBlock {
        float: none;
        margin-right: 0
    }
	#rt-footer .rt-container .menu {
		width: 100%;
	}
}
@media only screen and (max-width: 479px) {
    .select-menu {
        width: 100%
    }
    select.select-menu {
        display: block
    }
    ul.sf-menu {
        display: none;
    }
    div.social-button span.label {
        display: block;
        float: none
    }
    div.itemContainer {
        width: 100%!important
    }
    span.catItemEditLink,
    span.itemEditLink,
    span.userItemEditLink {
        display: none!important
    }
    #body-wrapper #contact-form-cont,
    #body-wrapper #contact-address,
    #body-wrapper .contact-misc p {
        width: 100%
    }
    div.contact-misc div.one_half {
        width: 100%;
        margin: 0
    }
    dd.editor #description_parent {
        display: none!important
    }
    dd.editor #description {
        display: block!important
    }
    form dt {
        margin: 0
    }
    .contact-form {
        margin: 0
    }
    #contact-form-cont div.contact-form {
        border: 0;
        margin: 0 0 2em 0;
        padding: 0
    }
    fieldset.word #search-searchword {
        width: 100%
    }
    form#comment-form input.inputbox,
    form#comment-form textarea#commentText {
        width: 100%
    }
    div.itemCommentsForm form span#formLog {
        padding: 0
    }
    .component-content div.login input.inputbox {
        width: 100%
    }
    div.text404 #mod-search-searchword {
        width: 100%
    }
    #k2Container.k2AccountPage input.inputbox,
    #k2Container.k2AccountPage input[type="text"],
    #k2Container.k2AccountPage textarea#jform_profile_aboutme,
    #k2Container.k2AccountPage select {
        width: 97%
    }
    div.k2AccountPageNotice {
        margin: 0 0 1em 0
    }
    div.toggle-editor {
        display: none
    }
    div.k2Pagination li.pagination-start,
    div.pagination li.pagination-start,
    div.itemCommentsPagination li.pagination-start,
    div.k2Pagination li.pagination-prev,
    div.pagination li.pagination-prev,
    div.itemCommentsPagination li.pagination-prev,
    div.k2Pagination li.pagination-next,
    div.pagination li.pagination-next,
    div.itemCommentsPagination li.pagination-next,
    div.k2Pagination li.pagination-end,
    div.pagination li.pagination-end,
    div.itemCommentsPagination li.pagination-end {
        display: none
    }
    #map {
        height: 15em
    }
    input#submitCommentButton {
        margin: 0 0 1em 0
    }
    div.img404 {
        width: 100%;
        float: none;
        margin: 0 0 2em 0
    }
    div.text404 #mod-search-searchword {
        margin: 0 .5em 1em 0;
        width: 70%
    }
    .rt-block.totop {
        display: none!important
    }
    div.text404 #mod-search-searchword {
        margin-bottom: 1em
    }
    #wrapper .mobilePortrait {
        display: block!important
    }
    .tip-wrap {
        display: none!important
    }
	.header_phones {
		display: block;
		text-align: center;
		width: 100%;
		max-width: 100%;
		padding-left:0px;
		padding-right:0px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.header_phones span:first-child {
		padding:0 12px;
	}
	.header_address {
		display: none;
		text-align: center;
		width: 100%;
		max-width: 100%;
		padding-left:0px;
		padding-right:0px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.header_phones br {
		display:none;
	}
	#rt-top .rt-container {
		padding-top: 24px;
		padding-bottom: 18px;		
	}
}

@media only screen and (max-width: 359px) {
	.header_phones br {
		display: inline;
	}
	body #rt-logo img {
		max-width: 80px !important;
	}
	body #rt-logo span {
		font-size: 14px;
		text-align:center;
	}
	#rt-top .mod_search {
        width: 248px;
	}
	#rt-top .mod_search #mod-search-searchword {
		width: 226px;
	}
}
/* End */


/* Start:/bitrix/templates/lodio_autos/css/camera.css?155248500627561*/
/**************************
*
*	GENERAL
*
**************************/
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(/bitrix/templates/lodio_autos/css/../images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(/bitrix/templates/lodio_autos/css/../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(/bitrix/templates/lodio_autos/css/../images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_prevThumbs div {
	background: url(/bitrix/templates/lodio_autos/css/../images/camera_skins.png) no-repeat -160px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_nextThumbs div {
	background: url(/bitrix/templates/lodio_autos/css/../images/camera_skins.png) no-repeat -190px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 27px;
	margin-top: -14px;
	position: absolute;
	top: 50%;
	width:20px;
	z-index: 2;
}
.camera_prev {
	left:-40px;
	background:url(/bitrix/templates/lodio_autos/css/../images/marker_left.png) 0 0 no-repeat;
}
.camera_prev > span {
	display: block;
	height: 27px;
	width: 20px;
	background:url(/bitrix/templates/lodio_autos/css/../images/marker_left_active.png) 0 0 no-repeat;
	display:none;
}
.camera_next {
	right:-40px;
	background:url(/bitrix/templates/lodio_autos/css/../images/marker_right.png) 0 0 no-repeat;
}
.camera_next > span {
	display: block;
	height: 27px;
	width: 20px;
	background:url(/bitrix/templates/lodio_autos/css/../images/marker_right_active.png) 0 0 no-repeat;
	display:none;
}
.camera_next:hover, .camera_prev:hover{ background:none;}
.camera_next:hover > span, .camera_prev:hover > span{ display:block}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(/bitrix/templates/lodio_autos/css/../images/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(/bitrix/templates/lodio_autos/css/../images/camera_skins.png) no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	width: auto !important;
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline-block;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	/*border: 1px solid;*/
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(/bitrix/templates/lodio_autos/css/../images/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div {
	background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
	background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
	background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
	background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
	background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
	background-position: -120px -160px;
}
/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div {
	background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
	background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
	background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
	background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
	background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
	background-position: -120px -200px;
}
/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div {
	background-position: -160px -240px;
}
.camera_azure_skin .camera_nextThumbs div {
	background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
	background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
	background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
	background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
	background-position: -120px -240px;
}
/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div {
	background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
	background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
	background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
	background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
	background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
	background-position: -120px -120px;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -40px;
}
/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div {
	background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
	background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
	background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
	background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
	background-position: -120px -280px;
}
/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div {
	background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
	background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
	background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
	background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
	background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
	background-position: -120px -320px;
}
/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div {
	background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
	background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
	background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
	background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
	background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
	background-position: -120px -360px;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
}
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -440px	;
}
/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div {
	background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
	background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
	background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
	background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
	background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
	background-position: -120px -480px	;
}
/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div {
	background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
	background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
	background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
	background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
	background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
	background-position: -120px -520px	;
}
/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div {
	background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
	background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
	background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
	background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
	background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
	background-position: -120px -560px	;
}
/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div {
	background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
	background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
	background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
	background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
	background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
	background-position: -120px -600px	;
}
/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div {
	background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
	background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
	background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
	background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
	background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
	background-position: -120px -640px	;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
	background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
	background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
	background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
	background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
	background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
	background-position: -120px -680px	;
}
/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div {
	background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
	background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
	background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
	background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
	background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
	background-position: -120px -720px	;
}
/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div {
	background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
	background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
	background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
	background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
	background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
	background-position: -120px -760px	;
}
/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div {
	background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
	background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
	background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
	background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
	background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
	background-position: -120px -800px	;
}
/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div {
	background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
	background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
	background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
	background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
	background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
	background-position: -120px -840px	;
}
/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
	background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
	background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
	background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
	background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
	background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
	background-position: -120px -880px	;
}
/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div {
	background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
	background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
	background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
	background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
	background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
	background-position: -120px -920px	;
}
/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div {
	background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
	background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
	background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
	background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
	background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
	background-position: -120px -1080px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -960px	;
}
/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div {
	background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
	background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
	background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
	background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
	background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
	background-position: -120px -1040px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div {
	background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
	background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
	background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
	background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
	background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
	background-position: -120px -1000px	;
}
/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div {
	background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
	background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
	background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
	background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
	background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
	background-position: -120px -1120px	;
}
/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div {
	background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
	background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
	background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
	background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
	background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
	background-position: -120px -1160px	;
}
/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div {
	background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
	background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
	background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
	background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
	background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
	background-position: -120px -1200px	;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div {
	background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
	background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
	background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
	background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
	background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
	background-position: -120px -1240px	;
}

/* End */


/* Start:/bitrix/templates/lodio_autos/css/modal.css?15524850063008*/
/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.3
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @author		Rouven Weßling <me [at] rouvenwessling.de>
 * @copyright	Author
 */

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
	width:100% !important;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#sbox-window[aria-hidden=true],
#sbox-overlay[aria-hidden=true] {
	display: none;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/closebox.png) no-repeat center;
	border: none;
}

.sbox-loading #sbox-content {
	background-image: url(/bitrix/templates/lodio_autos/css/../images/modal/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	/*overflow: hidden;*/
}

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
#sbox-window.shadow {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(/bitrix/templates/lodio_autos/css/../images/modal/bg_nw.png) no-repeat;
}
@-moz-document url-prefix() {
    .body-overlayed {
	overflow: visible;
    }
}

/* End */


/* Start:/bitrix/templates/lodio_autos/css/calendar.css?1552485006721*/
#calendar2 {
  width: 100%;
  font: monospace;
  line-height: 1.2em;
  font-size: 15px;
  text-align: center;
}
#calendar2 thead tr:last-child {
  font-size: small;
  color: rgb(85, 85, 85);
}
#calendar2 thead tr:nth-child(1) td:nth-child(2) {
  color: rgb(50, 50, 50);
}
#calendar2 thead tr:nth-child(1) td:nth-child(1):hover, #calendar2 thead tr:nth-child(1) td:nth-child(3):hover {
  cursor: pointer;
}
#calendar2 tbody td {
  color: rgb(44, 86, 122);
}
#calendar2 tbody td:nth-child(n+6), #calendar2 .holiday {
  color: rgb(231, 140, 92);
}
#calendar2 tbody td.today {
  background: rgb(220, 0, 0);
  color: #fff;
}
#calendar2 tbody td.arendtime {
  background: #8c91b9;
  color: #fff;
}
/* End */


/* Start:/bitrix/components/kuznica/metatags/templates/.default/style.css?1547835387238*/
#kuznica_megameta{
	width: 800px;
	background: #fff;
	position: static;
	opacity: 1;
}
#kuznica_megameta .li-item{
	padding-left: 10px;
	display: inline-block;
}
#kuznica_megameta .li-item-2{
	padding-left: 30px;
	display: inline-block;
}
/* End */


/* Start:/bitrix/templates/lodio_autos/template_styles.css?15524850061549*/
.b-menucolor{
	color:#ffffff; 
	background:#4a7e98;
}

.b-custom-text {
	
}

.b-custom-text h1,
.b-custom-text h2,
.b-custom-text h3 {
    text-align: center;
    padding: 0 0 22px 0;
	line-height: 1;
    font-weight: bold;
    color: #252424;
    padding: 0 0 22px 0;	
}

.b-custom-text h1 {
    font-size: 24px;
}

.b-custom-text h2 {
    font-size: 20px;
}

.b-custom-text h3 {
    font-size: 18px;
}

.b-custom-text h4 {
    font-size: 16px;
    text-align: left;
    color: #4a7e98;
    font-weight: bold;
    padding: 0 0 16px 0;
}

.b-custom-text h5 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 17px;
    color: #606060;
    padding: 0 0 12px 0;
}

.b-custom-text a {

}

.b-custom-text a:hover {
	
}

.b-custom-text b {
	
}

.b-custom-text i {
	
}

.b-custom-text ul,
.b-custom-text ol {
    padding-bottom: 16px;	
}

.b-custom-text ul li {
    list-style: inside disc;	
}

.b-custom-text ol li {
    list-style: inside decimal;	
}

.b-custom-text p {
    padding-bottom: 16px;	
}

.b-product__slider {
    max-width: 340px;
    margin: 0 auto;
	width:100%;
}

.b-product__slider .slider-nav {
	margin-top:4px;
}

.b-product__slider .slider-nav li {
	margin: 0px 2px;
}

.b-content-wrapper {
    min-height: 680px;	
}

@media (max-width: 1200px) {
	.b-content-wrapper {
		min-height: 600px;		
	}	
}

@media (max-width: 979px) {
	.b-content-wrapper {
		min-height: 100px;			
	}		
}
/* End */
/* /bitrix/templates/lodio_autos/css/rokbox-style.css?15524850061959 */
/* /bitrix/templates/lodio_autos/css/superfish.css?15524850061038 */
/* /bitrix/templates/lodio_autos/css/grid-12.css?15524850062923 */
/* /bitrix/templates/lodio_autos/css/style1.css?1552485006854 */
/* /bitrix/templates/lodio_autos/css/skeleton12.css?155248500610637 */
/* /bitrix/templates/lodio_autos/css/normalize.css?15524850069564 */
/* /bitrix/templates/lodio_autos/css/default.css?155363829021277 */
/* /bitrix/templates/lodio_autos/css/touch.gallery.css?15524850062495 */
/* /bitrix/templates/lodio_autos/css/isotope.css?15524850061677 */
/* /bitrix/templates/lodio_autos/css/template.css?155372180132754 */
/* /bitrix/templates/lodio_autos/css/template_styles.css?15528642442535 */
/* /bitrix/templates/lodio_autos/css/responsive.css?155363803514910 */
/* /bitrix/templates/lodio_autos/css/camera.css?155248500627561 */
/* /bitrix/templates/lodio_autos/css/modal.css?15524850063008 */
/* /bitrix/templates/lodio_autos/css/calendar.css?1552485006721 */
/* /bitrix/components/kuznica/metatags/templates/.default/style.css?1547835387238 */
/* /bitrix/templates/lodio_autos/template_styles.css?15524850061549 */