/*
Theme Name: HÖRMANN
Theme URI: http://w3media.ru/
Description: The 2017 Super Corporative Theme for VTS.
Author: W3Media
Version: 2017.04
Tags: super, gates, auto, drivers
*/
@font-face{font-family:Hoermann_light_cn;src:url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-LtCn.eot');src:url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-LtCn.eot?#iefix') format('embedded-opentype'),url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-LtCn.woff') format('woff'),url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-LtCn.ttf') format('truetype'),url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-LtCn.svg#HoermannHelveticaNeue-LtCn') format('svg');font-weight:400;font-style:normal;font-stretch:normal}
@font-face{font-family:Hoermann_bold_cn;src:url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-BdCn.eot');src:url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-BdCn.eot?#iefix') format('embedded-opentype'),url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-BdCn.woff') format('woff'),url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-BdCn.ttf') format('truetype'),url('https://vtsr.ru/fonts/hoermann/HoermannHelveticaNeue-BdCn.svg#HoermannHelveticaNeue-BdCn') format('svg');font-weight:400;font-style:normal;font-stretch:normal}
@keyframes cssload-rotate {
    0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}
div.smartco {
}
h2.smart-h {
	background-color: rgba(254, 173, 5, 0.75);
	padding: 0.3em 0.5em 0.3em 0.5em;
	color: #333333;
	font-size: 1.1em;
}
div.smart-list {
	background-color: #222244;
	margin: 0.3em -0.7em -0.3em -0.7em;
	padding-right: 0.7em;
	padding-left: 0.7em;
	overflow: hidden;
	height: 0em;
	display: inherit; ;
	transition: all .25s ease-in;
}
div.smart-list a {
	color: #FFFFFF;
	text-decoration: none;
}
div.smart-list ul {
	list-style-type: none;
	padding: 0.5em 0em 0.3em 1em;
	margin: 0em;
}
div.smart-list li {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 1.1em;
}
table {
	border-collapse: collapse;
}
div.headers {
	padding: 0.5em;
	margin: 0.7em 0em 0.7em 0em;
	background-color: #F2F2F2;
}
h3 {
	padding: 0px;
	margin: 0px;
	color: #5A5A5A;
	font-size: 28px;
	font-family: 'Hoermann_bold_cn', Helvetica, sans-serif;
}
h3.sub-h {
	font-size: 28px;
}
body {
	padding: 0px;
	margin: 0px;
	font-family: 'PT Sans', Helvetica, sans-serif;
	color: #333333;
}
div.top {
	border-width: 1px;
	border-color: #FFFFFF;
	padding: 0.5em 0.7em 0.3em 0.7em;
	background-color: #333367;
	color: #FFFFFF;
	border-bottom-style: solid;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	box-shadow: 0em 0.1em 0.7em 0em #777777;
	z-index: 50;
}
div.margin {
	margin-right: auto;
	margin-left: auto;
	max-width: 1370px;
	min-width: 300px;
}
img {
	border-style: none;
	border-width: 0px;
	max-width: 100%;
	height: auto;
}
div.mmenu {
	border-radius: 7px;
	background-image: url('https://vtsr.ru/images/mmenu.png');
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center center;
	background-size: 32px 32px;
	width: 40px;
	height: 34px;
	right: 0px;
	float: right;
	background-color: #9393C7;
	margin-top: 0.1em;
}
img.logo {
}
div.info {
	overflow: hidden;
	padding: 0.5em 0.7em 0.5em 0.7em;
	height: 34px;
}
h1 {
	padding: 0em;
	margin: 0em;
	font-size: 1.2em;
}
p {
	line-height: 1.5em;
	margin: 0.7em 0em 0.7em 0em;
	padding: 0px;
}
div.footer {
	border-width: 1px;
	border-color: #FFFFFF;
	padding: 0.4em 0.7em 0.4em 0.7em;
	background-color: #5C5CAB;
	color: #FFFFFF;
	font-size: 16px;
	clear: both;
	position: absolute;
	right: 0px;
	left: 0px;
	border-bottom-style: solid;
}
div.footer a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #FFFFFF;
}
h2 {
	font-size: 1.7em;
	padding: 0em;
	margin: 0em;
	color: #333367;
	font-family: 'Hoermann_bold_cn', Helvetica, sans-serif;
}
div.content {
	margin: 0px;
	padding: 0em 0.5em 0em 0.5em;
	font-size: 1.1em;
}
div.content a {
	color: #333367;
	text-decoration: none;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #333367;
}
div.content a:hover {
	color: #CC3300;
	text-decoration: none;
	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #CC3300;
}
div.header {
	margin-right: auto;
	margin-left: auto;
	max-width: 1370px;
	top: 50px;
	position: fixed;
	width: 100%;
	z-index: 30;
}
div.h-logo {
	padding: 25px 25px 14px 25px;
	background-color: #333367;
	width: 215px;
}
h4 {
	padding: 0.3em 0px 0px 0px;
	margin: 0px;
	text-align: center;
	color: #9393C7;
	font-family: 'Exo 2', 'PT Sans', Helvetica, sans-serif;
	font-size: 28px;
}
div.menu {
	padding: 5px;
	background-color: #FFFFFF;
	position: absolute;
	font-family: 'Hoermann_light_cn', Helvetica, sans-serif;
	top: 0px;
	right: 0px;
	left: 280px;
	opacity: 0.85;
}
div.menu a {
	text-decoration: none;
	display: block;
	padding: 10px 20px 10px 20px;
	margin: 0px;
	font-size: 20px;
	color: #000000;
}
div.menu-list {
	padding: 10px;
	width: auto;
	background-color: #FFFFFF;
}
div.menu li {
	list-style-type: none;
	float: left;
}
div.menu li:hover {
	cursor: pointer;
	background-color: #E1E1E1;
}
div.menu ul {
	padding: 0px;
	margin: 0px;
}
div.fast {
	padding: 20px 50px 10px 30px;
	background-color: rgba(254, 173, 5, 0.75);
	width: 230px;
	margin: -270px 0px auto auto;
	z-index: 20;
	position: relative;
	color: #FFFFFF;
	font-family: 'Hoermann_bold_cn', Helvetica, sans-serif;
}
div.fast h5 {
	margin: 0px 0px 25px 0px;
	padding: 0px;
	font-size: 1.4em;
}
div.fast h6 {
	margin: 15px 0px 0px 0px;
	color: #FFFFFF;
	font-family: 'Hoermann_light_cn', Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}
div.fast p {
	padding: 0px;
	margin: 35px 0px 10px 0px;
}
div.slider {
	z-index: 10;
	position: inherit;
}
div.fast a.item {
	padding: 0px 0px 3px 15px;
	border-width: 1px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	font-family: 'Hoermann_light_cn', Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border-bottom-style: solid;
	text-decoration: none;
	display: block;
}
div.fast a.action {
	border-style: none;
	padding: 10px 15px 10px 15px;
	color: #FFFFFF;
	font-family: 'Hoermann_light_cn', Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	background-color: #333367;
	margin-top: 20px;
	cursor: pointer;
}
div.fast a.action:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #990000;
	cursor: pointer;
}
div.fast a.item:hover {
	border-bottom-style: dotted;
}
div.view {
	padding: 0.3em 0.7em 0.5em 0.7em;
	color: #FFFFFF;
	background-color: #333367;
	margin-top: -0.6em;
	z-index: 10;
	font-size: 17px;
}
div.view h4 {
	text-align: left;
}
div.view-smart h4 {
	font-size: 1.3em;
}
div.view p {
	padding: 0em;
	margin: 0em;
}
div.view a {
	text-decoration: none;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
	color: #FFFFFF;
}
div.view-smart a {
	padding: 0em;
	margin: 0em;
	text-decoration: none;
	border-bottom-style: dotted;
	border-width: 1px;
	border-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 1.2em;
}
div.view a:hover {
	border-bottom-style: dotted;
}
div.ht {
	overflow: hidden;
	height: 30em;
}
img.alignright {
	float: right;
}
img.vts {
	padding: 10px 25px 0px 0px;
	float: left;
}
div.view-smart {
	padding: 0.3em 0.7em 0.5em 0.7em;
	color: #FFFFFF;
	background-color: #333367;
	margin-top: -0.6em;
	z-index: 10;
	text-align: center;
}
div.view-smart p {
	padding: 0em;
	margin: 0.2em 0em 0.2em 0em;
}
div.foot-block {
	width: 23%;
	float: left;
	margin-right: 2%;
}
h5 {
	font-size: 22px;
	padding: 0px;
	margin: 7px 0px 1px 0px;
}
div.terms {
	margin: 190px 0px 0px 0px;
	padding: 1px 0.7em 1px 0.7em;
	font-size: 14px;
	background-color: #000000;
	color: #9393C7;
}
div.terms a {
	border-width: 1px;
	color: #FBAE00;
	text-decoration: none;
	border-bottom-style: solid;
}
div.terms a:hover {
	border-bottom-style: dotted;
	color: #FFC53E;
}
div.terms p {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.count {
	width: 31px;
	height: 31px;
	float: right;
	margin-top: -43px;
}
div.count a {
	border-style: none;
	border-width: 0px;
	text-decoration: none;
}
div.inblock {
	background-color: #EFEFEF;
	background-size: cover;
	overflow: hidden;
}
div.container {
	margin-left: -1px;
	margin-right: -1px;
}
.trim-line {
	height: 10px;
}
div.build {
	margin: -1px;
}
div.vblock {
	background-color: #EFEFEF;
	background-size: cover;
	overflow: hidden;
}
div.itblock {
	background-color: #3399FF;
	background-size: cover;
	overflow: hidden;
}
td {
	vertical-align: top;
}
div.more h2 {
	font-size: 1.3em;
	margin: 0em 0em 0.7em 0em;
	font-family: 'Hoermann_light_cn', Helvetica, sans-serif;
	color: #333333;
}
div.more p {
	font-size: 1em;
	padding: 0em;
	margin: 0.8em 0em 0.8em 0em;
	color: #333333;
	line-height: 1.05em;
}
div.more {
	padding: 1em 1em 2em 1em;
	background-color: rgba(255, 255, 255, 0.75);
	overflow: hidden;
	min-height: 10em;
}
div.slip-s {
	padding: 50% 0em 0em 0em;
	overflow: hidden;
	transition: all .25s ease-in;
	color: #EFEFEF;
}
div.slip-s:hover {
	padding: 25% 0em 0em 0em;
	cursor: pointer;
	transition: all .25s ease-in;
}
div.slip-l {
	padding: 58.55% 0em 0em 0em;
	overflow: hidden;
	transition: all .25s ease-in;
	color: #EFEFEF;
}
div.slip-l:hover {
	padding: 46% 0em 0em 0em;
	cursor: pointer;
	transition: all .35s ease-in;
}
div.slip-xl {
	color: #EFEFEF;
	padding: 58.55% 0em 0em 0em;
	overflow: hidden;
	transition: all .45s ease-in;
}
div.slip-xl:hover {
	padding: 11% 0em 0em 0em;
	cursor: pointer;
	transition: all .45s ease-in;
}
div.slip-xv {
	color: #EFEFEF;
	padding: 119.2% 0em 0em 0em;
	overflow: hidden;
	transition: all .45s ease-in;
}
div.slip-xv:hover {
	padding: 22% 0em 0em 0em;
	cursor: pointer;
	transition: all .45s ease-in;
}
div.slip-v {
	padding: 119.2% 0em 0em 0em;
	overflow: hidden;
	transition: all .25s ease-in;
	color: #EFEFEF;
}
div.slip-v:hover {
	padding: 93.7% 0em 0em 0em;
	cursor: pointer;
	transition: all .25s ease-in;
}
div.vmenu {
	border-radius: 7px;
	background-image: url('https://vtsr.ru/images/vmenu.png');
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: center center;
	background-size: 32px 33px;
	width: 40px;
	height: 34px;
	right: 0px;
	float: right;
	background-color: #FEAD05;
	margin-top: 0.1em;
}
div.block {
	background-color: #F0F0F0;
	background-size: cover;
	overflow: hidden;
	width: 100%;
	margin-top: 0.7em;
}
div.block a {
	color: #333333;
	text-decoration: none;
}
.twist-1 {
	border-style: solid;
	border-width: 7px;
	border-color: #333367 #333367 #333367 transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	height: 54px;
	width: 54px;
	animation: cssload-rotate 1s linear infinite;
	margin-top: -27px;
	margin-left: -27px;
}
.twist-2 {
	border-style: solid;
	border-width: 7px;
	border-color: #FFFFFF #FFFFFF #FFFFFF transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	height: 10px;
	width: 10px;
	animation: cssload-rotate 1s linear infinite;
	margin-top: -5px;
	margin-left: -5px;
}
.twist-3 {
	border-style: solid;
	border-width: 7px;
	border-color: #9393C7 #9393C7 #9393C7 transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	animation: cssload-rotate 2s linear infinite;
	margin-top: -16px;
	margin-left: -16px;
}
.loader {
	background-color: #FEAD05;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 999;
	display: inherit;
}
div.news {
	border-width: 1px;
	border-color: #F2F2F2;
	min-height: 200px;
	padding-bottom: 24px;
	border-bottom-style: solid;
	margin-bottom: 12px;
	min-height: 200px;
	position: relative;
}
div.news h2 {
	color: #333333;
	font-size: 1.3em;
}
div.news p {
	max-width: 1440px;
}
div.teaser {
	width: 310px;
	margin-right: 25px;
	float: left;
}
p.news-info {
	color: #666666;
	font-size: 0.9em;
	position: absolute;
	top: auto;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding-left: 335px;
}
div.archive {
	clear: both;
}
div.cblock {
	background-color: #EFEFEF;
	background-size: cover;
	overflow: hidden;
	background-repeat: no-repeat;
}
div.slip-cbl {
	color: #EFEFEF;
	padding: 137% 0em 0em 0em;
	overflow: hidden;
	transition: all .45s ease-in;
}
div.slip-cbl:hover {
	padding: 97% 0em 0em 0em;
	cursor: pointer;
	transition: all .45s ease-in;
}
div.shop {
	background-color: #333367;
	padding: 0em 0.5em 1.5em 0.5em;
	color: #FEAD05;
	margin-bottom: 1em;
}
div.shop h2 {
	margin: 1em 0em 0.5em 0em;
	font-size: 1.3em;
	color: #FEAB07;
}
div.shop h3 {
	padding: 0.2em 0em 0.2em 0em;
	font-size: 1.1em;
	color: #FFFFFF;
}
div.shop h2 a {
	color: #FEAB07;
	text-decoration: none;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #333367;
}
div.shop h2 a:hover {
	border-color: #FEAB07;
	border-bottom-style: dotted;
}
div.shop h3 a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;
}
div.shop h3 a:hover {
	border-bottom-style: dotted;
}
div.lineblock {
	background-color: #EFEFEF;
	background-size: cover;
	overflow: hidden;
}
div.slip-vl {
	padding: 16.5% 0em 0em 0em;
	overflow: hidden;
	transition: all .25s ease-in;
	color: #EFEFEF;
}
div.slip-vl:hover {
	padding: 10.4% 0em 0em 0em;
	cursor: pointer;
	transition: all .25s ease-in;
}
div.slip-s a, div.slip-l a, div.slip-xl a, div.slip-xv a, div.slip-v a, div.slip-vl a, div.slip-cbl a {
	color: #000000;
	text-decoration: none;
}
div.slip-s:hover a, div.slip-l:hover a, div.slip-xl:hover a, div.slip-xv:hover a, div.slip-v:hover a, div.slip-vl:hover a, div.slip-cbl a:hover {
	text-decoration: underline;
}
video.design {
	border-style: none;
	padding: 0px;
	margin: -1px -1px -6px -1px;
	width: 100%;
}
td.page-info {
	background-color: #333367;
	color: #FFFFFF;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 0.3em;
}
div.infoblock {
	background-color: #EFEFEF;
	background-size: cover;
	overflow: hidden;
}
div.motive {
	background-size: cover;
	background-repeat: no-repeat;
	height: 295px;
	margin-bottom: 0.7em;
}
div.action-s {
	padding: 0.7em 1em 0.7em 1em;
}
h6 {
	font-size: 1.4em;
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
}
div.ral-9016 {
	margin: 0em 0em 0.15em 0em;
	border: 0.1em solid #EFEFEF;
	background-image: url('https://vtsr.ru/images/action/ral-9016-s.jpg');
	height: 2.7em;
	width: 48%;
	float: left;
}
div.ral-7016 {
	margin: 0em 0em 0.15em 0em;
	border: 0.1em solid #EFEFEF;
	background-image: url('https://vtsr.ru/images/action/ral-7016-s.jpg');
	height: 2.7em;
	width: 48%;
	float: right;
}
div.ral-8028 {
	margin: 0em 0em 0.15em 0em;
	border: 0.1em solid #EFEFEF;
	background-image: url('https://vtsr.ru/images/action/ral-8028-s.jpg');
	height: 2.7em;
	clear: both;
}
div.gold-oak {
	margin: 0em 0em 0.15em 0em;
	border: 0.1em solid #EFEFEF;
	background-image: url('https://vtsr.ru/images/action/gold-oak-s.jpg');
	height: 2.7em;
}
div.dark-oak {
	margin: 0em 0em 0.15em 0em;
	border: 0.1em solid #EFEFEF;
	background-image: url('https://vtsr.ru/images/action/dark-oak-s.jpg');
	height: 2.7em;
}
div.night-oak {
	margin: 0em 0em 0.15em 0em;
	border: 0.1em solid #EFEFEF;
	background-image: url('https://vtsr.ru/images/action/night-oak-s.jpg');
	height: 2.7em;
}
div.night-oak:hover, div.ral-9016:hover, div.dark-oak:hover, div.gold-oak:hover, div.ral-8028:hover, div.ral-7016:hover {
	cursor: pointer;
	box-shadow: 0px 0px 3px black;
}
p.matic {
	border: 0.1em solid #EFEFEF;
	color: #FFFFFF;
	background-color: #333367;
	font-size: 0.9em;
	padding: 0.45em;
	margin: 0em 0em 0.15em 0em;
	text-align: center;
}
p.matic:hover {
	cursor: pointer;
	box-shadow: 0px 0px 3px black;
}