/*
Theme Name: Noir Theme
Author: Noir d_af@bk.ru
Author e-mail: d_af@bk.ru
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
    font-family: 'Geometria';
    src: url("fonts/geometria.woff2") format("woff2"), url("fonts/geometria.woff") format("woff");
    font-weight: 400;
    font-style: normal; }

@font-face {
    font-family: 'Geometria';
    src: url("fonts/geometria-medium.woff2") format("woff2"), url("fonts/geometria-medium.woff") format("woff");
    font-weight: 600;
    font-style: normal; }

@font-face {
    font-family: 'Geometria';
    src: url("fonts/geometria-bold.woff2") format("woff2"), url("fonts/geometria-bold.woff") format("woff");
    font-weight: 700;
    font-style: normal; }

@font-face {
    font-family: 'Rouble';
    src: url("fonts/rouble.woff") format("woff");
    font-weight: 400;
    font-style: normal; }
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	display: block;
	position: static;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background: white;
	font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
	min-height: 100%;
	height: 100%;
    color: #1a212d;
	background-color: #fff;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	display: block;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
fieldset {
	min-width: inherit;
}
:focus, a:hover, a:active {outline: 0 !important;}
* {
	outline: 0 !important;
	-webkit-tap-highlight-color: transparent !important;
}
a img {border: 0;}
em {display: inline-block;}
a, ul.pagination-list li  i, .wpcf7-submit, .img-inner, .btn, .row-news .item-title, .header .bottom, .mainmenu.small .trigger:before, .video-item, .section-slider .thumb, 
.content-block, #gotop:after, .slick-arrow, .slick-arrow:after, .pagination .previouspostslink:before, .pagination .nextpostslink:before, .file-title  {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.mainmenu .sub-menu, .row-news .item-image:after, .tabs-pages__page {
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.mainmenu.large .sub-menu, .row-news .item-image:after, .page-hidden, .video-item, .adv-slider {
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
}
.mainmenu li:hover > .sub-menu, .mainmenu.small .sub-menu, .video-item.video-visible, .loaded .adv-slider {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
.row-news a:hover .item-image:after {
	-moz-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.wrapper {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    min-width: 350px;
}
.wrapper a {text-decoration: none;}
.embed-wrapper {
    position: relative;
    overflow: hidden;
}
.embed-wrapper iframe, .embed-wrapper > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
#wpadminbar {display: none !important;}
.item-image {
    overflow: hidden;
    display: block;
}
.img-inner  {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
}
a:hover .img-inner {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}
img {max-width: 100%;}
.content img {height: auto !important;}
a {
    color: #005693;
    text-decoration: none;
}
a:hover {
    color: black;
}
a:focus {
    text-decoration: none;
    outline: none; 
}
html.noir {margin-top: 0 !important;}
[hidden] {display: none;}
/*================================= header ========================================*/
.header {
    position: relative;
    z-index: 20;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.logo-container {position: relative;}
.header .logo {
	display: block;
	position: absolute;
    left: 0;
    top: 0;
    width: 112px;
    height: 104px;
    background: transparent url(images/logo.png) 50% no-repeat;
}
.header .logo:hover {background-position: 50% 40%;}
.header .top {background: white;}
.header .top .container {
	display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
	padding-left: 142px;
}
.header .bottom {background: rgba(255, 255, 255, 0.8);}
.header .bottom .container {
	padding-left: 128px;
	height: 50px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .top .container:before, .header .top .container:after, .header .bottom .container:before, .header .bottom .container:after {display: none;}
.header .top-right {
    display: flex;
    align-items: center;
}
.header .phones .textwidget {
    display: flex;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    align-items: center;
}
.header .phones .note {
	margin-right: 16px;
    font-size: 11px;
    color: #4e4e4e;
}
.header .phones .phone {
	font-size: 16px;
    font-weight: 600;
}
.header .phones .phone:last-child {margin-left: 15px;}
.lang {
    list-style-type: none;
    text-align: right;
	margin-left: 10px; /* 20px */
}
.lang li {
	display: inline-block;
    width: 32px;
    line-height: 28px;
    text-align: center;
    margin-left: .5em;
}
.lang a {
    color: inherit;
    display: block;
    border-radius: 50%;
    border: 2px solid transparent;
}
.lang .current-lang a {border: 2px solid #345679;}
.header .textwidget a {}
/*================================= menu ========================================*/
.menu {list-style: none;}
.menu-btn {
    position: relative;
    margin-left: 20px;
}
.hamburger {
    padding: 0 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger-box {
    width: 38px;
    height: 26px;
    display: block;
    position: relative;
}
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
	transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-inner:before, .hamburger-inner:after {
    content: '';
    display: block;
}
.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {
    width: 38px;
    height: 2px;
    background-color: #252b33;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner:before {top: -12px;}
.hamburger-inner:after {bottom: -12px;}
.close .hamburger-inner {
	transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-duration: 0.3s;
}
.close .hamburger-inner:before {
	top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}
.close .hamburger-inner:after {
	bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.link-dashed {border-bottom: 1px dashed currentColor;}
/*--------------------------------- top -----------------------------------------*/
.topmenu li {
    display: inline-block;
    margin-right: 40px;
}
.topmenu a {
	font-family: "Geometria", Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #4e4e4e;
}
.topmenu.small li {
	margin-right: 0;
	display: block;
	border-bottom: 1px solid #666;
}
.topmenu.small a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: white;
    padding: 5px 10px;
    height: 44px;
}
/*--------------------------------- footer ---------------------------------------*/
.footer-menu {
    padding: 0 10px;
}
.footer-menu li {
	display: block;
	margin-bottom: 15px;
}
.footer-menu a {
    display: block;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    line-height: 10px;
    padding: 5px 0;
}
.footer-menu a:hover, .footer-menu .current-menu-item > a, .footer-menu .current-menu-parent > a {color: #b7d8f0;}
/*--------------------------------- flat ---------------------------------------*/
.menu-flat {
	background: #f4f4f4;
	position: relative;
    z-index: 10;
}
.menu-flat ul {
    font-size: 14px;
	line-height: 1.1;
    font-weight: 400;
	display: flex;
	box-shadow: inset 0 1px #dfe0e0, inset 0 -1px #dfe0e0;
    font-family: "Geometria", Verdana, Arial, sans-serif;
}
.menu-flat.uppercase ul {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}
.menu-flat li {
    flex-grow: 1;
    display: block;
}
.menu-flat a {
    position: relative;
    display: flex;
    padding: 0 24px;
    text-align: center;
    color: #252b33;
    height: 50px;
    align-items: center;
	justify-content: center;
}
.menu-flat a:before {
	display: none;
    content: '';
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-top: 14px solid #005693;
    border-right: 14px solid transparent;
}
.menu-flat a:hover {color: #005693;}
.menu-flat .current-menu-item a, .menu-flat .current-menu-parent a {
	background: #005693;
	color: #b7d8f0;
	cursor: default;
}
.menu-flat .current-menu-item a:before, .menu-flat .current-menu-parent a:before {display: block;}
.menu-flat.inverse ul {
	background: #252b33;
    box-shadow: none;
}
.menu-flat.inverse a {color: #fff;}
.menu-flat.inverse a:hover, .menu-flat.inverse .current-menu-item a:hover {color: #b7d8f0;}
.menu-flat .btn-open {
    background: #ccc;
    display: none;
    margin: 0 auto;
    padding: 10px 40px;
    border-radius: 25px;
}
.menu-flat.small .btn-open {display: block;}
/*--------------------------------- map -----------------------------------------*/
.map-menu ul {
	background-color: #fff;
    display: flex;
}
.map-menu li {
	flex-grow: 1;
    text-align: center;
    width: 100%;
}
.map-menu ul a {
	display: block;
    width: 100%;
    height: 100%;
    color: #1a212d;
	line-height: 40px;
}
.map-menu a:hover {color: #005693;}
.map-menu .current-menu-item a {
	background-color: #005693;
    color: #fff;
}
/*--------------------------------- main -----------------------------------------*/
.mainmenu .menu {display: flex;}
.mainmenu .menu li {position: relative;}
.mainmenu .menu > li {
 	position: relative;
}
.mainmenu  a {
    display: block;
    padding: 19px 14px;
    line-height: 1;
    letter-spacing: 0.3px;
    font-size: 12px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #1a212d;
	cursor: pointer;
}
.mainmenu .sub-menu {
    position: absolute;
    left: -9999px;
    list-style: none;
    text-align: left;
}
.mainmenu.large .sub-menu {
    background: white;
    min-width: 120%;
    z-index: 100;
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.75);
}
.home .mainmenu.large .sub-menu {background: rgba(255, 255, 255, 0.8);}
.mainmenu.large  li:hover > .sub-menu {left: auto;}
.mainmenu.large .sub-menu li:hover > .sub-menu {
	left: 100%;
    top: 0;
}
.mainmenu.small .menu {display: block;}
.mainmenu.small .menu > li {
    margin: 0;
    display: block;
    border-bottom: 1px solid #666;
}
.mainmenu.small a {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 5px 40px 5px 10px;
    border-bottom: 0;
    font-size: 14px;
    color: white;
}
.mainmenu.small .open > a {border-bottom: 1px solid #4d5255;}
.mainmenu.small .sub-menu {
    left: 0;
    position: relative;
	display: none;
    background: rgba(0, 0, 0, 0.18);
}
.mainmenu.small .sub-menu li {border-top: 1px solid #666;}
.mainmenu.small .sub-menu a {
	padding-left: 30px;
    padding-right: 15px;
}
.mainmenu.small .trigger {
    position: absolute;
    width: 40px;
    height: 44px;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}
.mainmenu.small .trigger:before {
    content: '';
    position: absolute;
    top: 13px;
    right: 15px;
    transform: rotate(-45deg);
    width: 12px;
    height: 12px;
    border-left: 3px solid #5b636d;
    border-bottom: 3px solid #5b636d;
}
.mainmenu.small .trigger.open:before {
	transform: rotate(-225deg);
	top: 18px;
}
.mainmenu.small .current-menu-parent > .trigger:before, .mainmenu.small .current-menu-item > .trigger:before {
	border-left: 3px solid white;
    border-bottom: 3px solid white;
}
.mainmenu.small .menu > .current-menu-parent > a, .mainmenu.small .menu > .current-menu-item > a {
	background-color: #005693;
    color: #fff;
}
.mainmenu.small .menu .current-menu-parent .trigger:before, .mainmenu.small .menu .current-menu-item .trigger:before {color: white;}
.mainmenu.small .sub-menu li a:hover, .mainmenu.small .sub-menu .current-menu-parent > a, .mainmenu.small .sub-menu .current-menu-item > a {
	color: #fff;
    background-color: #007cbb;
}
.mainmenu.large .sub-menu a:hover, .mainmenu.large .sub-menu .current-menu-item > a {background: white;}
/*--------------------------------------------------------------------------------*/
.mainmenu a:hover, .mainmenu .current-menu-item > a, .mainmenu .current-menu-parent > a, .topmenu a:hover, .topmenu .current-menu-item > a, .topmenu .current-menu-parent > a  {
	text-decoration: none;
	color: #005693;
}
/*----------------------------------- tabs-flat ---------------------------------------------*/
.tabs-flat {
	font-size: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tabs-flat li {
	display: inline-block;
    vertical-align: top;
}
.tabs-flat a {
	display: block;
    font-size: 11px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #1a212d;
    border: 2px solid #98b02e;
    border-left: 0;
    padding: 10px 33px;
}
.tabs-flat li:first-child a {
	border-left: 2px solid #98b02e;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.tabs-flat li:last-child a {
	border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.tabs-flat a:hover {
	background: rgba(130, 155, 21, 0.1);
	color: #1a212d;
}
.tabs-flat a.active {
	background: #98b02e;
    color: #fff;
}
/*----------------------------------- menu-tabs ---------------------------------*/
.menu-tabs ul {font-size: 0;}
.menu-tabs li {
	margin-right: 40px;
	display: inline-block;
}
.menu-tabs li:last-child {margin-right: 0;}
.menu-tabs a {
	display: block;
    padding: 12px 28px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    color: #1a212d;
    border-radius: 20px;
}
.menu-tabs a:hover {color: #005693;}
.menu-tabs a.active {
	background: #fff;
    cursor: default;
}
/*----------------------------------- sidebar ---------------------------------*/
.sidebar {
    list-style: none;
}
.sidebar li {
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 35px;
}
.sidebar a {
	color: #1a212d;
    padding-bottom: 5px;
	word-break: break-word;
}
.sidebar a:hover {
	color: #005693;
	border-bottom-color: transparent;
}
.sidebar a.active {
	border-bottom-color: transparent;
    color: #005693;
    font-size: 20px;
    font-weight: 600;
}
/*----------------------------------- 404 ---------------------------------*/
.menu-404 li {display: block;}
.menu-404 a {
	font-size: 15px;
    color: white;
}
/*--------------------------------- help ---------------------------------------*/
.helpmenu span {display: none;}
.helpmenu a {
	display: block;
	width: 32px;
    height: 32px;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    font-size: 15px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
	background: #f5f5f5;
	color: #1a212d;
}
.helpmenu i {font-style: normal;}
.helpmenu a:hover, .helpmenu .current-menu-item a {
	background: #005693;
    color: #fff;
}
.helpmenu.small span {display: block;}
.helpmenu.small i {display: none;}
.helpmenu.small li {
	display: block;
    border-bottom: 1px solid #666;
}
.helpmenu.small a {
    width: 100%;
    background: none;
    text-align: left;
    padding: 5px 10px;
    height: 44px;
    border-radius: unset;
	font-size: 14px;
	font-weight: 400;
	color: white;
}
.helpmenu.small a:hover, .helpmenu.small .current-menu-item a {
	color: #005693;
}
/*================================= home ========================================*/
.slider {margin-top: -50px;}
.slider .rev_slider_wrapper {min-width: 350px;}
.cars .image {
    position: relative;
    height: 190px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cars .item .img-inner {
    max-height: 100%;
}
.cars .item .item-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.cars .item .item-text {
	margin-top: 5px;
    font-size: 13px;
    line-height: 16px;
}
.cars .item {
	color: #1a212d;
	text-align: center;
	margin-top: 60px;
}
.about {font-family: "Geometria", Verdana, Arial, sans-serif;}
.about .row {display: flex;}
.about .title {padding: 140px 0 30px;}
.about .left, .about .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.about .left .t1 {
    font-size: 16px;
	text-transform: uppercase;
}
.about .left .t2 {
	font-size: 24px;
    line-height: 28px;
	font-weight: bolder;
	text-transform: uppercase;
}
.about .left .t3 {
	font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}
.about .left .t4 {
	font-size: 16px;
    line-height: 20px;
	font-weight: bolder;
	text-transform: uppercase;
}
.about .left .d1 {
	display: block;
	font-size: 70px;
    line-height: 74px;
    color: #005693;
	font-weight: bolder;
}
.web-map {
	background-image: url(images/web-map.png);
    padding: 125px 0 100px;
    background-position: calc(50% + 115px) 75px;
	background-size: cover;
}
.web-map .title {padding-bottom: 30px;}
.web-map .inner {
	padding-left: 14%;
}
.web-map .t1 {
	margin-bottom: 30px;
    font-size: 22px;
    color: #252b33;
	font-weight: 400;
	font-family: "Geometria", Verdana, Arial, sans-serif;
}
.web-map .t2 {
	line-height: 1.7;
	margin-bottom: 55px;
}
.web-map .arrow {
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 77px;
    color: #005693;
	font-weight: 600;
}
.web-map .d1 {
	display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    margin-right: 15px;
	font-size: 147px;
	line-height: 115px;
    color: #005693;
	font-weight: 600;
}
.indicator-row {font-family: "Geometria", Verdana, Arial, sans-serif;}
.web-map .t3 {
	display: inline-block;
    vertical-align: top;
    width: 100px;
    font-size: 12px;
    font-weight: 700;
	text-transform: uppercase;
    letter-spacing: 1px;
	text-align: left;
}
.web-map .indicator {
	display: inline-block;
    vertical-align: top;
    font-weight: 600;
	margin-right: 6%;
	width: 160px;
    margin-top: 50px;
	position: relative;
}
.web-map .indicator.with-icon {
    padding-left: 60px;
    width: 220px;
}
.indicator.with-icon svg {
    position: absolute;
    max-width: 54px;
    max-height: 44px;
    left: 0;
    top: 0;
    fill: #aec3cc;
}
.web-map .d2 {
	padding-left: 15px;
    margin-bottom: 13px;
    font-size: 56px;
    line-height: 1;
    color: #005693;
}
.web-map .t4 {
	font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
	line-height: 1.6;
}
.main-news {background: #f4f4f4;}
.btn-total-price {vertical-align: middle;}
.cars .title-link {
	vertical-align: middle;
    display: inline-block;
	margin-right: 20px;
}
/*================================= content ========================================*/
.hero {
    min-height: 29vw;
    padding: 40px 0;
    background-position: 50%;
    background-size: cover;
}
.hero-wrapper.position-right {
    text-align: right;
	padding-left: 50%;
}
.content {
    padding: 40px 0;
}
.title {
    display: block;
    margin: 0;
    font-weight: 700;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #252b33;
}
.title-size1 {
    font-size: 36px;
    letter-spacing: 0.5px;
}
.title-size5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
}
.title-size6 {
	font-size: 22px;
    margin-bottom: 35px;
	font-weight: 600;
    line-height: 1.7;
}
.title-uppercase {text-transform: uppercase;}
.title-inline {
    display: inline-block;
    margin-right: 20px;
	vertical-align: middle;
}
.title-link {
	font-size: 13px;
	text-transform: uppercase;
}
.subtitle {
	display: block;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 20px;
}
.page-title {padding-bottom: 35px;}
.promo-title {
    font-size: 40px;
    font-weight: 700;
	font-family: "Geometria", Verdana, Arial, sans-serif;
}
.page-header {
    padding-top: 40px;
    background: #f4f4f4;
}
.center {text-align: center;}
.content p, .desc p, .about p, article p {
    padding-bottom: 10px;
}
.content article ol, .cat-desc ol, .content article ul, .desc ul, .desc ol, .about ul, .about ol {
	padding-bottom: 10px;
    padding-left: 30px;
}
article {
    padding: 30px 0;
    line-height: 1.7;
}
article p {text-align: justify;}
.btn {
	padding: 11px 26px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
	border: 2px solid #98b02e;
    border-radius: 25px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
	text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.6px;
	background: #98b02e;
    color: #fff;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-blue {
	background: #005693;
    border-color: #005693;
}
.btn-no-fill {
    background: transparent;
    color: #1a212d;
}
.btn-white {
	color: white;
	border-color: white;
}
.btn:hover {
    color: #fff;
    background: #829b15;
    border-color: #829b15;
}
.btn-blue:hover {
	background: #0361a3;
    border-color: #0361a3;
}
.btn-no-fill:hover {
	background: rgba(130, 155, 21, 0.1);
	color: #1a212d;
}
.btn-no-fill.btn-blue:hover {
	background: #005693;
	border-color: #005693;
	color: #fff;
}
.buttons-list {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.buttons-list .btn {
	vertical-align: top;
	margin: 0 10px 10px;
}
section {
    padding: 40px 0;
	position: relative;
}
.no-padding {padding: 0;}
.section-header {
    padding: 80px 0 35px;
}
.row-news .item {
	padding-bottom: 50px;
}
.row-news .item a {
    display: block;
    color: #1a212d;
}
.row-news .card {
	display: flex;
}
.row-news .date {
	width: 50%;
    padding: 10px 22px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    line-height: 1;
    background: #20252b;
    color: #fff;
}
.row-news .category {
	width: 50%;
    padding: 19px 22px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
	background: white;
}
.row-news .img-inner {padding-top: 66%;}
.row-news .day {
	display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    margin-right: 10px;
}
.row-news .date-column {
	display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 12px;
}
.row-news .item-title {
	margin: 0;
    padding: 28px 10% 0;
    line-height: 1.7;
    color: #1a212d;
}
.row-news .item-image {
	position: relative;
}
.row-news .item-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #005693;
}
.row-news a:hover .item-title {
    transform: translate3d(0, -5px, 0);
}
.breadcrumb {
	padding-bottom: 25px;
	font-size: 10px;
	color: #929699;
}
.breadcrumb a {
    position: relative;
    color: #929699;
	margin: 0 3px 0 0;
}
.breadcrumb a:after {
	display: inline;
    padding-left: 3px;
    content: '/';
    color: #929699;
}
.breadcrumb a:hover {color: #005693;}
.tabs-pages {
    padding-bottom: 60px;
}
.page-hidden {
	max-height: 0;
    padding: 0 !important;
    overflow: hidden;
}
.section-model .bg {
    background: #f4f4f4;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 80px 0 35px;
    text-align: center;
   	line-height: 0.8;
    color: #fff;
    font-weight: 600;
	white-space: nowrap;
	font-family: "Geometria", Verdana, Arial, sans-serif;
}
.section-model .bg .container {overflow: hidden;}
.section-model .bg span {
	font-size: 30px;
	display: inline-block;
}
.model-description {margin-bottom: 32px;}
.model-title {margin-bottom: 15px;}
.model-cars.models-2groups .title {margin: 50px 0 0;}
.car-item {
	margin-top: 60px;
	font-family: "Geometria", Verdana, Arial, sans-serif;
	text-align: center;
}
.car-item .inner {position: relative;}
.car-item .image-wrapper {
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
	height: 180px;
}
.car-item .image-wrapper img {max-height: 100%;}
.car-title {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    color: #1a212d;
    line-height: 1.1;
}
.car-price {
	display: block;
	font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 10px;
	color: #1a212d;
	line-height: 1;
}
.car-buttons {
	display: flex;
    justify-content: center;
}
.car-button {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #252b33;
    margin-right: 30px;
    margin-top: 20px;
    border-radius: 50%;
    cursor: pointer;
}
.car-button:last-child {margin-right: 0;}
.car-button.config {background-color: #98b02e;}
.hover-circled:hover:before, .hover-circled:hover:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #babdbf;
	animation: buttonRoundSmall linear 0.7s infinite;
}
.hover-circled:hover:after {
	width: 70px;
	height: 70px;
	animation: buttonRoundBig linear 0.7s infinite;
}
.car-label {
	position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #98b02e;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    color: #fff;
}
.car-label svg {
	position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translate3d(-50%, -50%, 0);
    width: 20px;
    height: 20px;
    fill: #fff;
    transform-origin: 0 0;
}
.car-label.offer svg {animation: offerLabelAnimation linear 1.7s infinite;}
@keyframes buttonRoundSmall {
	0% {
		width: 50px;
		height: 50px;
	}
	100% {
		width: 60px;
		height: 60px; 
	} 
}
@keyframes buttonRoundBig {
	0% {
		width: 50px;
		height: 50px; 
	}
	100% {
		width: 70px;
		height: 70px; 
	} 
}
@keyframes offerLabelAnimation {
  0% {
    transform: scale(1) translate3d(-50%, -50%, 0); }
  10% {
    transform: scale(0.8) translate3d(-50%, -50%, 0); }
  20% {
    transform: scale(1) translate3d(-50%, -50%, 0); }
  30% {
    transform: scale(0.8) translate3d(-50%, -50%, 0); }
  40% {
    transform: scale(1) translate3d(-50%, -50%, 0); } }

.car-button svg {
	width: 28px;
    height: 28px;
	fill: #ffffff;
}
.car-button.calc svg, .car-button.info-icon svg {
	stroke: #ffffff;
    fill: #252b33;
}
.promo-menu {
    margin-top: -25px;
    background: none;
}
.section-intro {
    margin-top: -25px;
    padding-top: 80px;
}
.lead {
    display: flex;
}
.lead-left {
    width: 45%;
    padding-right: 5.5%;
    border-right: 1px solid #005693;
}
.lead-right {
	border-left: 1px solid #005693;
    width: 55%;
    padding: 5px 0;
    padding-left: 5.5%;
}
.description {
	font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.7;
	padding-bottom: 20px;
}
.advantage {
	font-family: "Geometria", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 30px;
	text-align: left;
}
.advantage svg {
    position: absolute;
    top: 0;
    left: 15px;
    fill: #9ab9c9;
    max-width: 56px;
    max-height: 46px;
}
.adv-content {
	position: relative;
    padding-left: 65px;
}
.adv-title {
    margin-bottom: 8px;
    font-size: 42px;
    color: #005693;
    font-weight: 600;
    line-height: 1;
}
.adv-title sub, .adv-title sup {
	font-size: 14px;
    font-weight: 700;
	display: inline-block;
	line-height: 1.4;
}
.adv-title sup {vertical-align: top;}
.adv-title sub {vertical-align: baseline;}
.adv-title.big {
	margin-bottom: 12px;
    font-size: 58px;
}
.adv-title.big sup, .adv-title.big sub {
	font-size: 20px;
    font-weight: 600;
}
.adv-title.big sub {vertical-align: bottom;}
.adv-title.big span {
	display: block;
    font-size: 0.25em;
    margin-top: -14px;
}
.lead-advantages .text {
	max-width: 300px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.8;
}
.characteristic .advantage {margin: 20px 0 40px;}
.adv-content .desc {
	max-width: 300px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.8;
}
.darkgrey {background: #efefef;}
.section-header1 {padding: 40px 0 35px;}
.video-gallery {
	margin: 0 auto;
    max-width: 900px;
}
.video-gallery .view {
    margin-bottom: 15px;
}
.video-item {}
.video-item.video-visible {
	padding-top: 56.2%;
	
}
.video-gallery ul {
	text-align: center;
    font-size: 0;
	margin-left: -8px;
    margin-right: -8px;
}
.video-gallery li {
	display: inline-block;
    vertical-align: top;
    width: 20%;
	padding: 0 8px;
}
.video-gallery a {
	display: block;
	background: #005693;
}
.video-gallery .img-inner {
    padding-top: 56%;
    opacity: 0.4;
}
.video-gallery a:hover .img-inner {opacity: 0.6;}
.video-gallery .active a {cursor: default;}
.video-gallery .active .img-inner {
	opacity: 1 !important;
	-webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.section-header2 {
	padding-top: 60px;
    padding-bottom: 30px;
}
.section-header-pink {background: #f4f4f4;}
.tabs-title {
	padding-top: 30px;
    padding-bottom: 30px;
}
.underlined {position: relative;}
.underlined:after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    background: #005693;
}
.tabs-pages .text {
	padding-top: 55px;
	line-height: 1.7;
}
h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.7;
	margin-bottom: 20px;
}
.tabs-pages .image img {width: 100%;}
.section-slider .slides {
    padding: 60px 0;
}
.section-slider .slide {}
.section-slider .slide .text {
    padding-top: 60px;
}
.section-slider .slide .image {
    text-align: center;
    position: relative;
}
.section-slider .label {
	position: absolute;
	width: 200px;
    height: 200px;
	top: 10px;
	left: 50%;
    margin-left: -50px;
	display: inline-flex;
    justify-content: center;
    align-items: center;
	background: rgba(0, 86, 147, 0.85);
    box-shadow: 0 0 0 4px rgba(0, 86, 147, 0.41);
    border-radius: 50%;
    text-align: center;
	color: #fff;
	padding: 10px;
    line-height: 1;
    font-family: "Geometria", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
.section-slider .label .inner div {
	font-size: 40px;
}
.section-slider .label p {
	color: #b3f3ff;
	margin-top: 10px;
	font-size: 11px;
}
.section-slider .label sub {
    display: inline-block;
    font-size: 11px;
    vertical-align: baseline;
}
.section-slider .controls {
    float: right;
}
.section-slider .thumb {
	display: flex;
	background: #fff;
	justify-content: center;
    align-items: center;
    position: relative;
    width: 150px;
    height: 150px;
	border-radius: 50%;
    text-align: center;
	cursor: pointer;
}
.section-slider .thumb.active {
	background: #f4f4f4;
    cursor: default;
}
.section-parts .lead-right {
    max-width: 400px;
}
.manufacturers, .programs {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.manufacturer {
    width: 21%;
    margin: 30px 0;
}
.manufacturer__image-wrapper {
    height: 50px;
    margin-bottom: 25px;
    display: flex;
    align-items: flex-end;
}
.manufacturer p {
	font-size: 12px;
    line-height: 1.5;
    color: #626f78;
}
.programs {
    padding-top: 50px;
}
.program {
	width: 26%;
    margin: 30px 0;
	position: relative;
}
.program__header, .program__title {
    margin-bottom: 25px;
    height: 45px;
}
.program__title {
	font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.4;
    text-transform: uppercase;
}
.program__content {
    padding-bottom: 70px;
}
.program__footer {
    position: absolute;
    bottom: 0;
}
.banner {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    font-family: "Geometria";
    text-align: left;
}
.banner-img {
    max-width: 100%;
    height: auto;
}
.banner-content {
	position: absolute;
    z-index: 10;
}
.banner-gaz-connect .banner-content {
	top: 85px;
    right: 9%;
    margin: 0;
	color: #1a212d;
	max-width: 330px;
}
.banner-main-title {
    font-size: 40px;
    line-height: 1.2;
	font-weight: 700;
    text-transform: uppercase;
}
.banner-title {
    font-weight: 700;
    text-transform: uppercase;
	margin: 25px 0;
    font-size: 20px;
    line-height: 1.5;
}
.tab-wrapper .sidebar {padding-top: 46px;}
.content-block img {
    max-height: 350px;
    margin-top: 20px;
}
.masonry {}
.masonry .item {
	padding: 15px;
	float: left;
	width: 25%;
}
.masonry .item.large {
	width: 50%;
}
.masonry .item.large.right {float: right;}
.masonry .item a {display: block;}
.masonry .item .img-inner {padding-top: calc(63.23% - 6px);}
.masonry .item.large .img-inner {padding-top: 63%;}
h4 {
	font-size: 22px;
    font-weight: 600;
	display: block;
    margin: 0;
	font-family: "Geometria", Verdana, Arial, sans-serif;
	line-height: 1.4;
    letter-spacing: 0.6px;
}
.feature {
    display: block;
    position: relative;
    padding-left: 105px;
	margin: 30px 0;
}
.feature h4 {
	margin-bottom: 15px;
    padding-top: 2px;
    color: #005693;
}
.feature svg {
	max-height: 75px;
	max-width: 58px;
	position: absolute;
    left: 2px;
    top: 0;
}
.feature svg.wide {max-width: 75px;}
.text p, .title p {
	margin-top: 3px;
    margin-bottom: 18px;
}
.text > p:first-child, .title p:first-child {margin-top: 0;}
.text > p:last-child, .title p:last-child {margin-bottom: 0;}
.feature-title {
    margin-bottom: 15px;
    padding-top: 2px;
    color: #005693;
}
.title-size-big {
    font-size: 50px;
    letter-spacing: 3px;
}
.title-narrow {font-weight: 400;}
.section-tc-advantages .row {
	display: flex;
    flex-wrap: wrap;
}
.feature1 {padding: 30px 0;}
.title-size3 {
	font-size: 22px;
    font-weight: 600;
}
.web-map.dealers .left .text {padding-bottom: 50px;}
.info {padding-bottom: 40px;}
.info-title {margin-bottom: 35px;}
.info-text {
	margin-bottom: 35px;
	line-height: 1.7;
}
.statistics {
    color: #005693;
    font-size: 56px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    line-height: 1;
    letter-spacing: 2px;
}
.statistics sup, .statistics sub {
	font-size: 17px;
    color: #9b9b9b;
	display: inline-block;
}
.statistics sup {vertical-align: top;}
.statistics sub {vertical-align: baseline;}
.note {
	color: #9b9b9b;
    line-height: 1.7;
	font-size: 12px;
}
.icon-block .feature {
	padding-left: 90px;
	max-width: 90%;
}
.icon-block-title {margin-bottom: 16px;}
.icon-block strong {
	color: #005693;
	text-transform: uppercase;
}
.title-size4 {
	font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.title-size2 {font-size: 30px;}
.header-margin-bottom {margin-bottom: 40px;}
.text {line-height: 1.7;}
.hero .text {
	font-family: "Geometria", Verdana, Arial, sans-serif;
	font-weight: 600;
}
.column-chart {
	display: flex;
    align-items: flex-end;
	height: 100%;
	min-height: 230px;
	font-family: "Geometria", Verdana, Arial, sans-serif;
}
.column-chart .column {
    border: 1px solid #fff;
    position: relative;
    flex-grow: 1;
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding: 10px;
}
.column-chart .column.accent {
	background: #005693;
    color: #fff;
}
.column-chart .value {
	font-size: 38px;
}
.column-chart .value sub {
    font-size: 16px;
    vertical-align: baseline;
}
.column-chart .item-title {
	font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.4px;
}
.section-pb4 .flex-row > div {margin-bottom: 30px;}
.table-wrapper {overflow-x: auto;}
table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    line-height: 1.7;
}
th {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background: #252b33;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    text-align: left;
	background: #005693;
	font-weight: bold;
}
td, th {padding: 18px 3%;}
.table-small td, .table-small th {font-size: 11px;}
table strong {color: #005693;}
table > tbody > tr:nth-child(2n) > td {background: #f4f4f4;}
table > tbody > tr:last-child > td {border-bottom: 3px solid #efefef;}
ul.list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list li {
	position: relative;
    padding-left: 30px;
	display: block;
	line-height: 1.4;
}
.list li:not(:last-child) {margin-bottom: 22px;}
.list .dot {
	position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #005693;
}
.section-pb5 .row > div {margin-bottom: 30px;}
.lead.underlined {
    padding-top: 60px;
    padding-bottom: 35px;
}
.title-medium {font-weight: 600;}
.list-item {
	margin-bottom: 22px;
	line-height: 1.7;
}
.compare-chart .list .list-item {
	border-bottom: 2px solid;
    padding-bottom: 12px;
}
.section-pb6 .list .list-item {
	width: 70%;
	color: #9ec0d7;
}
.section-pb6 .list .list-item:first-child {
	width: 50%;
	color: #005693;
}
.section-pb6 .list .list-item:last-child {
	width: 100%;
	color: #000;
}
.section-pb6 .list1 .list-item {color: #9ec0d7;}
.section-pb6 .list1 .list-item:first-child {color: #005693;}
.section-pb6 .list1 .list-item:last-child {color: #000;}
.compare-chart {
    margin-top: 35px;
}
.compare-chart .list-item .title {
    margin-bottom: 10px;
    color: inherit;
}
.compare-main {
    font-size: 45px;
    font-weight: 600;
    line-height: 1;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    color: #005693;
}
.compare-main sup {
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    font-size: 15px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    color: #9b9b9b;
    margin-left: 20px;
    font-weight: 400;
}
.compare-chart .sidebar-title {
    margin-bottom: 55px;
}
.compare-chart .index-main {
    font-size: 72px;
    color: #005693;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    line-height: 1;
}
.compare-chart .ribbon {
	position: absolute;
    top: 0;
    right: 15px;
    padding: 32px;
    padding-bottom: 18px;
    background: #f4f4f4;
}
.compare-chart .ribbon .statistics {margin-bottom: 15px;}
.statistics-medium {font-size: 46px;}
.compare-chart .ribbon .title {
    line-height: 1.3;
    color: #005693;
}
.compare-chart .ribbon::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 30px solid #f4f4f4;
    border-left: 95px solid transparent;
    border-right: 95px solid transparent;
}
.compare-chart .note {
    max-width: 280px;
}
.row-cars {justify-content: center;}
.row-cars .item {
    font-family: "Geometria", Verdana, Arial, sans-serif;
	font-size: 14px;
    line-height: 1.2;
	letter-spacing: 1px;
	margin-bottom: 30px;
	text-align: center;
}
.row-cars .item .inner {
	align-content: space-between;
    border: 1px solid #cbcbcb;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 25px 20px;
    position: relative;
	justify-content: space-between;
}
.row-cars .item .inner.active {border-bottom: 4px solid #005693;}
.row-cars .item .inner:before {
	border-top: 14px solid transparent;
    border-right: 14px solid transparent;
    content: '';
    height: 0;
    left: -1px;
    position: absolute;
    top: calc(100% + 4px);
    width: 0;
    z-index: 2;
}
.row-cars .item .inner.active:before {border-top-color: #005693;}
.row-cars .item-image {margin-bottom: 15px;}
.section-models .row-cars .item-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}
.row-cars .img-inner {
	padding-top: 45%;
    background-size: contain;
}
.options-pages .legend {margin-top: 30px;}
.legend {background: #f4f4f4;}
.legend ul {
    margin: 0;
    padding: 20px 0;
    font-size: 0;
    list-style: none;
}
.legend ul li {
	display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    margin-bottom: 4px;
    margin-right: 5%;
}
.legend ul li:last-child {margin-right: 0;}
.icon-state {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 31px;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 50%;
    background: #9ab9c9;
    color: #fff;
	flex-shrink: 0;
}
.legend .icon-state {margin-right: 20px;}
.icon-state--on {background: #98b02e;}
.icon-state--on:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 9px;
    width: 14px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}
.icon-state--off {
    font-size: 20px;
    background: #b0b0b0;
}
.icon-state--off:after {
	content: '\00D7';
	position: absolute;
    top: 0;
    left: 8px;
}
.legend__item-text, .legend ul li p {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
    font-size: 11px;
    line-height: 1.6;
}
.options-pages .note {
	font-size: 13px;
	padding-top: 30px;
}
.note p:not(:last-child) {margin-bottom: 10px;}
.table-features thead > tr > th:not(:first-child) {
	text-align: center;
    font-size: 13px;
    text-transform: none;
	min-width: 130px;
}
.table-features tbody > tr > td:not(:first-child) {text-align: center;}
.table-features.chassis tbody > tr > td:not(:first-child) {text-align: left;}
.row-cars .file {
	color: #98b02e;
    justify-content: center;
    display: flex;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    text-align: left;
	margin-top: 10px;
}
.row-cars .file svg {
	max-width: 19px;
    max-height: 19px;
	fill: #98b02e;
	margin-right: 5px;
}
.figures-slider-nav {
	margin-right: 40px;
    margin-left: 40px;
}
.figures {
    display: flex;
    justify-content: center;
	align-items: center;
}
.figures .figure {
    padding: 0 15px;
}
.nav-wrapper {
    margin: 40px auto;
    max-width: 1000px;
}
.figures-slider-nav {display: none;}
.figures-slider-nav.slick-initialized {display: block;}
.slide-nav {
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
}
.slide-nav .inner {
	padding: 25px;
    border-radius: 100%;
}
.slide-nav .text {
	color: #1a212d;
    font-weight: 700;
    font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}
.slide-nav.slick-current {cursor: default;}
.slide-nav.slick-current .inner, .slide-nav:hover .inner {background: #f4f4f4;}
.slide-nav.slick-current .text {color: #005693;}
.promo {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hero-title {
	font-size: 36px;
    line-height: 1.7;
    margin-bottom: 20px;
    font-weight: 600;
	font-family: "Geometria", Verdana, Arial, sans-serif;
	letter-spacing: 0.6px;
}
.hero.promo .text {padding-bottom: 50px;}
.white {color: white;}
.hero .inner {
    max-width: 420px;
    margin: 0 auto 20px;
    text-align: center;
}
.world-section1 .row > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.world-section1 .text {margin-top: 20px;}
.world-section1 .btn {margin-top: 40px;}
.world-section1 .btn.with-text {margin-top: 20px;}
.title-description {
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 50px;
}
.hero .inner.wide {max-width: 600px;}
.service-title, .web-map .service-title {
    padding-bottom: 8px;
    padding-top: 10px;
}
.phone-big {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    display: block;
	font-family: "Geometria", Verdana, Arial, sans-serif;
}
.about-map .btn {
    margin-top: 30px;
}
.web-map-center-bg {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.section-banner {
	min-height: 36vw;
    background-position: 50%;
    background-size: cover;
}
.promo-text {
    font-size: 20px;
}
.promo-text-title {margin: 30px 0;}
.advantage small {
    font-size: 24px;
    vertical-align: top;
}
.nav-models {padding-top: 30px;}
.text ul {
	list-style: none;
    padding-left: 20px;
	padding-bottom: 10px;
}
.text ul > li {
    position: relative;
    margin-bottom: 14px;
}
.text ul > li:before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: -20px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #005693;
}
.adv-slider img {float: right;}
.margin-bottom {margin-bottom: 35px;}
.margin-top {margin-top: 35px;}
.title-blue {
    color: #005693;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
}
.title-blue span {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 500;
}
.any-business {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
    min-height: 34vw;
	font-size: 14px;
	text-shadow: 0 1px 1px white, 0 0 2px white, 0 0 5px white;
	font-weight: 600;
}
.icon-block a, .icon-block span {
    display: block;
    color: inherit;
    margin: 30px;
}
.icon-block svg {
	max-width: 61px;
    max-height: 63px;
	margin-bottom: 15px;
}
.icon-block a:hover {}
.text h5 {
	font-family: "Geometria", Verdana, Arial, sans-serif;
	color: #252b33;
    font-weight: 600;
}
.align-right {text-align: right;}
.testimonials-slider {position: relative;}
.testimonials .slide {
    min-height: 30vw;
    background-position: 50%;
    background-size: cover;
    display: flex;
}
.testimonials .slick-initialized .slick-slide {display: flex;}
.testimonials .slide .container {
    display: flex;
    justify-content: flex-end;
}
.testimonials .slide-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 40px 50px;
    background: #fff;
    max-width: 480px;
    float: right;
}
.testimonials-slider .title {
    margin-bottom: 30px;
}
blockquote {
    position: relative;
    display: block;
	padding: 0 0 0 35px;
	font-style: italic;
}
blockquote:before {
	display: block;
	content: "\00ab";
	position: absolute;
	left: 0;
	top: -9px;
	height: 42px;
	color: #bcbcbc;
	font: bold 42px/42px Geometria;
}
blockquote .author {
    margin: 20px 0;
    display: flex;
}
blockquote .author img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    margin-right: 20px;
}
blockquote .name {
	font-weight: 600;
    text-transform: uppercase;
}
.no-padding-top {padding-top: 0 !important;}
.corporate-contacts {z-index: 10;}
.corporate-contacts .flex-row {justify-content: center;}
.person-card {
    margin-top: 40px;
    text-align: center;
    padding-bottom: 100px;
}
.person-card .note {
    font-style: italic;
    padding: 15px 0;
}
.person-card .btn {margin-top: 12px;}
.person-card .phones {
    display: none;
    padding: 15px 0;
    position: absolute;
    width: 100%;
    background: white;
    z-index: 10;
}
.person-card .buttons {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.person-card .buttons .inner {
    margin: 0 auto;
    max-width: 300px;
}
.blog-row {}
.media-card-text {
    margin: 0;
    padding: 15px 10%;
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.7;
    color: #1a212d;
}
.row-news .item .media-card-text a {color: #005693;}
.row-news .item .media-card-text a:hover {color: #1a212d;}
.contacts-media-item {
	display: flex;
    align-items: center;
}
.contacts-media-item.contacts1 {display: none;}
.text-block-info-line {padding: 50px 0;}
.text-block-info-line .date {
    display: inline-block;
    color: #707070;
    margin-right: 30px;
}
.text-block-info-line .date svg {
	fill: #005693;
    margin-right: 9px;
    vertical-align: middle;
	width: 12px;
    height: 12px;
}
.text-block-announce {
	font-weight: bolder;
	font-size: 20px;
    line-height: 1.5;
}
main.content {
	padding: 0 170px;
	font-size: 14px;
}
.main-image {
	margin-top: 40px;
}
.main-image img {width: 100%;}
.share {
    padding-bottom: 15px;
}
.share .media-links__item:not(:last-child) {margin-right: 11px;}
.share .media-links__button {
    height: 24px;
    width: 24px;
    line-height: 26px;
}
.share .fb .media-links__button {line-height: 28px;}
.share-title {
	font-weight: bold;
    padding-bottom: 18px;
}
.page-main-title {padding-bottom: 35px;}
.model-cars .title {margin-top: 35px;}
.event-hero {}
.event-hero img {width: 100%;}
.event-introtext {
	max-width: 850px;
	margin: 30px auto;
	font-weight: 600;
    font-size: 25px;
    line-height: 1.4;
	font-family: Geometria, Verdana, sans-serif;
}
.masonry-nav-link {padding-bottom: 20px;}
.action-item {
    margin: 15px 0 25px;
}
.action-item a {
	display: block;
	background: #f4f4f4;
}
.action-item .img-inner {padding-top: 52%;}
.action-title {
    color: #005693;
    padding: 20px 25px 5px;
}
.action-main {
	color: #9b9b9b;
	padding: 0 25px 80px 25px;
}
.action-btn {
    position: absolute;
    left: 40px;
    bottom: 20px;
}
.txt-sm {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .4px;
	font-family: Geometria, Verdana, sans-serif;
	padding-top: 40px;
}
.section-models .flex-row {
    z-index: 2;
    position: relative;
	font-family: Geometria, Verdana, sans-serif;
}
.section-models .item {margin-bottom: 30px;}
.section-models .item .image {max-width: 515px;}
.section-models .item-title {
	font-weight: 600;
    font-size: 25px;
    line-height: 1.4;
	padding-bottom: 20px;
}
.section-models .text {
	font-size: 16px;
    font-weight: 500;
    line-height: 1.58;
    letter-spacing: .5px;
	padding-bottom: 20px;
}
.section-wrapper {position: relative;}
.section-models .section-wrapper:before {
	content: '';
    position: absolute;
    z-index: 1;
    top: 25%;
    left: 0;
    right: 0;
    height: 55%;
    background-color: #df971a;
}
.section-404 {
    background-image: url(images/error404.jpg);
    background-position: center bottom;
    background-size: cover;
    color: white;
    min-height: 36vw;
    padding-top: 24vw;
	font-size: 18px;
    text-shadow: 0 1px 1px black, 0 0 2px black, 0 0 4px black, 0 0 6px black;
	font-family: Geometria, Verdana, sans-serif;
}
.section-404 .container {max-width: 800px;}
.error-page-text-title {
    color: white;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.error-page-text-title:after {background: white;}
.agents-map {z-index: 3;}
.agents-map .container {position: relative;}
.map-menu {
    padding: 15px 0 30px;
    background: #f4f4f4;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    width: 350px;
    margin-right: 10px;
}
.map-menu .inner {
    height: 490px;
    overflow: auto;
    padding: 0 18px 0;
    margin-top: 25px;
}
.map-menu .agent:not(:last-child) {
    margin-bottom: 30px;
}
.agents-map .embed-wrapper {
	height: 600px;
	width: calc(100% - 360px);
}
.map-menu .agent-title {
	font-size: 14px;
    margin-bottom: 10px;
	font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.agent p {padding-bottom: 5px;}
.agent-info-title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.hero.warranty {min-height: 34vw;}
.warranty-greeting {
	font-size: 18px;
    line-height: 1.7;
	font-family: 'Geometria';
}
.section-corrosion .advantage {margin-top: 70px;}
.section-corrosion .advantage svg {left: 0;}
.section-corrosion, .section-keep, .section-no-warranty, .section-info {
	line-height: 1.8;
	font-family: 'Geometria';
}
.section-corrosion .advantage .text {
    font-size: 14px;
    margin-left: -65px;
}
.section-corrosion .slide {text-align: center;}
.color {
    position: relative;
    display: inline-block;
    margin-right: 50px;
    padding-left: 30px;
}
.color:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}
.color-blue:before {background: #38a9f1;}
.color-black:before {background: #303030;}
.section-warranty table {margin: 50px 0 30px;}
.section-warranty th {
	color: #252b33;
    background: #f4f4f4;
}
.section-warranty tbody tr:nth-child(2n + 1) > td {background: #f4f4f4;}
.section-warranty table > tbody > tr:nth-child(2n) > td {background: white;}
.section-warranty .note {padding-top: 30px;}
.section-keep h3 {
	margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
}
.section-no-warranty h4 {
	margin-bottom: 25px;
    font-weight: 700;
	font-size: 13px;
}
.section-info svg {
    fill: #9ab9c9;
    width: 44px;
	height: 44px;
    margin-right: 30px;
}
.section-info .left, .section-info .right {width: 33%;}
.section-info .image {
    width: 34%;
    text-align: center;
}
.section-info .container {max-width: 900px;}
.section-info .left span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
	line-height: 1.2;
}
.section-info .btn {margin-top: 15px;}
.service-phone {
    display: block;
    margin-top: 28px;
	font-size: 24px;
    font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
    color: #1a212d;
}
.service-phone:hover {color: #005693;}
.section-help h5 {margin-top: 40px;}
.links {column-count: 2;}
.page-template-service .hero-wrapper {max-width: 420px;}
.page-template-service .hero .slogan {
	margin-top: 35px;
    margin-bottom: 20px;
	font-weight: 600;
}
.text-block {
	line-height: 1.7;
}
.page-template-service .section-tc-advantages .title-size3 {
	font-size: 36px;
    letter-spacing: 0.5px;
	font-weight: 700;
}
.section-assistance {
    min-height: 31vw;
    display: flex;
    align-items: center;
    background-size: cover;
    background-position: 50%;
}
.section-assistance .title-size3 {
	line-height: 1.4;
    font-weight: 400;
}
.text-btn {margin-top: 40px;}
.text-btn1 {margin-top: 20px;}
.section-assortment .item {
	display: inline-flex;
    align-items: center;
	margin-top: 60px;
}
.icon-label-content {
	line-height: 1.7;
    width: 100%;
	padding-left: 20px;
}
.banner-right img {width: 100%;}
.padding-top {padding-top: 55px;}
.page-template-service-contracts .intro .container {max-width: 1040px;}
.page-template-service-contracts .intro .title-size4 {line-height: 1.7;}
.page-template-service-campaigns .hero .title {
	line-height: 1.3;
	padding-bottom: 20px;
}
.results-wrapper {
    margin-top: 20px;
    padding: 50px 0;
}
.list-title {font-size: 18px;}
.list-items .item {
	display: flex;
    justify-content: flex-start;
    align-items: flex-start;
	margin-top: 60px;
}
.file-icon {
    flex: none;
    width: 40px;
    height: 51px;
    margin-right: 30px;
    background-image: url(images/file-icon.png);
    background-position: 50%;
    background-size: contain;
    text-align: center;
    color: white;
    padding-top: 22px;
}
.file-title {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #1a212d;
}
a:hover .file-title {color: #005693;}
.results .warning {
	margin-top: 30px;
    font-size: 16px;
    color: #005693;
}
.results .error {
	margin-top: 30px;
	color: red;
}
.page-template-spare .hero-wrapper {
    float: right;
    width: 425px;
}
.page-template-spare .hero .slogan {font-weight: 600;}
.section-infoblock .text, .spare-prices .item {padding-top: 30px;}
.web-map-image {position: relative;}
.web-map-image img {
	display: block;
    margin: -80px auto 0;
}
.buttons {margin-top: 50px;}
.buttons > div {margin-top: 18px;}
.container-narrow {max-width: 1150px;}
.dealer-advantages .icon-block .inner {max-width: 220px;}
.page-template-help-dealer .hero {min-height: 25vw;}
.dealers-advantages .item {
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.dealers-advantages .item .img {
    min-width: 75px;
    display: flex;
    align-items: center;
}
.dealers-advantages .item .text {max-width: 400px;}
.dealer-cities .banner {
    width: 100%;
    margin-bottom: 50px;
}
.dealer-cities h4 {margin-bottom: 50px;}
.row-specials .img-inner {
    padding-top: 55%;
}
.action-desc {
    display: table;
    border-bottom: 1px solid #1a212d;
    padding-bottom: 10px;
    font-size: 25px;
    font-weight: 700;
}
.item-special a {
    color: #1a212d;
    display: block;
	position: relative;
    height: 100%;
	background: #f4f4f4;
	padding-bottom: 80px;
}
.item-content {
	padding: 20px 25px 0;
}
.item-special .btn, .item-innovations .btn {
	position: absolute;
    left: 25px;
    bottom: 20px;
}
.item-special .special-title {
	margin-top: 20px;
    font-size: 13px;
}
.proposals-text {
	font-size: 18px;
	font-family: "Geometria", Verdana, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.4;
}
.special-advantages ul {
    list-style: none;
    column-count: 2;
}
.special-advantages li {
    position: relative;
    padding-left: 40px;
}
.special-advantages li:before {
	content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 10px;
    border-left: 2px solid #005693;
    border-bottom: 2px solid #005693;
    transform: rotate(-50deg);
}
.special-advantages .buttons {justify-content: center;}
.special-advantages .buttons .btn {margin: 0 10px 20px;}
.special-advantages2 .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}
.special-advantages2 .img {
    max-width: 200px;
}
.special-advantages2 .icon {
    max-width: 50px;
    max-height: 50px;
    fill: rgb(154, 185, 201);
}
.special-advantages2 .title {
    color: #005693;
    margin-top: 15px;
}
.promo-title.light {color: white;}
.special-banner {
    min-height: 31vw;
    background-position: 50%;
    background-size: cover;
	display: flex;
    align-items: center;
}
.special-banner .btn {margin-top: 20px;}
.tabs-header {margin-bottom: 40px;}
.item-innovations .special-title {
	padding: 20px 25px 0;
	color: inherit;
}
.item-innovations a {
	display: block;
	position: relative;
    height: 100%;
	background: #f4f4f4;
	padding-bottom: 80px;
}
/*--------------------------------------- pagination --------------------------*/
.pagination {
    text-align: center;
    margin: 20px 0 0 0;
}
.pagination .pages {display: none;}
.pagination .page, .pagination .current {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    min-width: 40px;
    text-align: center;
    padding: 0 5px;
    vertical-align: middle;
    border-radius: 20px;
	position: relative;
	z-index: 10;
}
.pagination .page:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(1);
    border-radius: 50%;
    transition-duration: 0.3s;
    transition-property: transform, background;
    background: rgba(0, 87, 150, 0);
    z-index: -1;
}
.pagination .page:hover {
    background: #005796;
    color: #fff;
}
.pagination .page:hover:before {
    transform: scale(1.2);
    background: rgba(0, 87, 150, 0.7);
}
.pagination .current {
	background: #005796;
    color: #fff;
}
.pagination .previouspostslink, .pagination .nextpostslink {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.pagination .previouspostslink {margin-right: 55px;}
.pagination .nextpostslink {margin-left: 55px;}
.pagination .previouspostslink:before, .pagination .nextpostslink:before {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
}
.pagination .previouspostslink:before {
	border-top: 2px solid #000;
    border-left: 2px solid #000;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
    transform: rotate(-45deg);
}
.pagination .nextpostslink:before {
	border-top: 2px solid #000;
    border-right: 2px solid #000;
    top: 50%;
    right: 50%;
    margin-top: -6px;
    margin-right: -6px;
    transform: rotate(45deg);
}
.pagination .previouspostslink:hover:before, .pagination .nextpostslink:hover:before {border-color: #005796;}
.pagination .last, .pagination .first {display: none;}
.pagination .extend {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}
.tabs-pages.contracts thead th {
	padding: 5px 15px;
	vertical-align: middle;
}
.tabs-pages.contracts thead th:first-child {padding: 5px 2%;}
.tabs-pages.contracts tbody th {background: #252b33;}
.tabs-pages.contracts .note {padding-top: 30px;}
.single-gallery .gallery {
	margin-bottom: -30px;
    justify-content: center;
}
.single-gallery .item {margin-bottom: 30px;}
.single-gallery .img-inner {padding-top: 60%;}
/*================================ footer ========================================*/
.footer {
    width: 100%;
    min-width: 350px;
    position: relative;
    z-index: 2;
}
.footer .top {
	padding: 40px 0 20px;
	background: #f4f4f4;
	text-align: right;
}
.footer .bottom {
	background: #252b33;
	padding: 50px 0 40px;
	color: #fff;
}
.footer .bottom .inner {
	display: flex;
    justify-content: space-between;
    text-align: left;
}
.footer .logo {
    display: block;
    background: #252b33 url(images/logo.png) 50% no-repeat;
    width: 160px;
    height: 60px;
    margin-bottom: 25px;
	background-size: 50px;
}
.footer .logo:hover {background-position: 50% 0;}
.footer .phones {
    margin-bottom: 25px;
    padding-right: 10px;
}
.footer .phones .text {
	font-size: 12px;
    margin-bottom: 20px;
	max-width: 280px;
}
.footer .phones a {
	font-size: 20px;
	color: #fff;
	font-family: "Geometria", Verdana, Arial, sans-serif;
}
.footer .phones a:hover {color: #b7d8f0;}
.copyright {
	text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
	border-top: 1px solid #424447;
    padding-top: 30px;
	color: #a7a9ab;
	font-size: 11px;
}
.copyright a {color: #a7a9ab;}
#gotop {
    position: fixed;
    bottom: 60px;
    right: 20px;
    width: 46px;
    height: 46px;
    z-index: 500;
    display: none;
    background: #959ba7;
    border: 2px solid white;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    color: white;
}
#gotop:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom-color: white;
    width: 10px;
}
#gotop:hover:after {
	border-bottom-color: black;
}
#gotop.hidden {display: none !important;}
/*---------------------------------------- social -----------------------------*/
.media-links {
    text-align: right;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}
.media-links:not(:first-child) {
    margin-top: 15px;
	display: none;
}
.media-links__links {
    display: flex;
    flex-direction: column;
    justify-content: right;
}
.media-links__title {
    margin: 0 40px 0 0;
    font-size: 13px;
	color: #233241;
	font-family: "Geometria", Verdana, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.media-links__title.general-title {font-size: 15px;}
.media-links__list {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.media-links__item:not(:last-child) {
    margin-right: 16px;
}
.media-links__button {
    width: 36px;
    height: 36px;
    line-height: 40px;
	display: block;
    overflow: hidden;
    text-align: center;
    background: #005693;
    border-radius: 50%;
}
.media-links__button-icon {
    display: inline-block;
    fill: #fff;
}
.media-links__button:hover {
    background: #2573aa;
    box-shadow: 0 0 0 3px #2573aa;
}
.columns4 {column-count: 4;}
/*================================ forms ========================================*/
.form-title {
    font-weight: 600;
    padding-bottom: 28px;
}
.form-row {}
.form-row:before, .form-row:after {
    display: table;
    content: '';
	clear: both;
}
.form-row:not(:last-child) {margin-bottom: 30px;}
.form-row > label {
    width: 33%;
    float: left;
    text-align: right;
    padding-right: 20px;
	line-height: 1.8;
	padding-top: 7px;
}
.form-row > label span {
	margin-left: 2px;
    color: #cd201f;
}
.form-row .wpcf7-form-control-wrap, .form-row .form-field {
	display: block;
    float: left;
    width: 64%;
    padding-left: 20px;
}
.form-row .form-field .wpcf7-form-control-wrap {
	width: 100%;
	padding-left: 0;
}
.form-field small {
	font-size: 11px;
	line-height: 23px;
}
.row-end .form-field {margin-left: 33%;}
.form-control:not(:last-child), div[data-class="wpcf7cf_group"] {margin-bottom: 30px;}
span.wpcf7-list-item {
	display: block;
	margin: 0 0 10px;
}
.wpcf7-list-item-label {
    display: inline-block;
    vertical-align: middle;
}
.wpcf7-radio label, .wpcf7-checkbox label {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    line-height: 23px;
	display: inline-block;
}
.wpcf7-form .wpcf7-radio input[type=radio], .wpcf7-form .wpcf7-checkbox input[type=checkbox] {
	visibility: hidden;
	position: absolute;
    z-index: -1;
    opacity: 0;
}
.wpcf7-form .wpcf7-radio input[type=radio] + span:before, .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:before {
	display: block;
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	top: 5px;
	left: 0;
	border: 1px solid #cbcbcb;
    background: #fff;
	transition: 0.2s;
}
.wpcf7-form .wpcf7-radio input[type=radio] + span:before {border-radius: 100%;}
.wpcf7-form .wpcf7-radio input[type=radio] + span:after, .wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
    display: block;
    position: absolute;
    content: '';
    opacity: 0;
    transition: 0.2s;
}
.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
	border-radius: 100%;
    height: 9px;
    width: 9px;
    top: 8px;
    left: 3px;
}
.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
   background: #98b02e;
   opacity: 1;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox] + span:after {
    top: 5px;
    left: 3px;
    width: 15px;
    height: 7px;
    border-left: 3px solid #98b02e;
    border-bottom: 3px solid #98b02e;
    transform: rotate(-45deg) scale(0);
    top: 5px;
    left: 3px;
    width: 15px;
    height: 7px;
}
.wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked + span:after {
	opacity: 1;
    transform: rotate(-45deg) scale(1);
}
select {
    width: 100%;
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 22px;
    border-radius: 0;
    border: 1px solid #cbcbcb;
    background: #fff;
    color: #7c7c7c;
    outline: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: border 0.5s;
	-moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.loaded select {
	-moz-appearance: menulist;
    -o-appearance: menulist;
    -ms-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
}
select:focus {
	outline: none;
	border-color: #77a0bc;
	box-shadow: 0 0 4px #cacaca;
}
select:focus::-ms-value {
	background-color: transparent;
	color: #7c7c7c;
}
select:disabled {
	opacity: 0.4;
	cursor: default;
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
.select select::-ms-expand {display: none;}
select.select-rounded  {border-radius: 23px;}
select.valid {border-color: #98b02e;}
input[type="text"], input[type="tel"], input[type="email"], textarea {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 14px 22px;
    line-height: 16px;
    font-size: 13px;
    border-radius: 0;
    border: 1px solid #cbcbcb;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    background: #fff;
    color: #1a212d;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: border-color 0.5s;
}
input[type="text"], input[type="tel"], input[type="email"] {height: 46px;}
textarea {
	max-height: 350px;
    min-height: 190px;
    max-width: 100%;
    overflow-y: visible;
	font-family: inherit;
}
input.wpcf7-not-valid, select.wpcf7-not-valid, select.wpcf7-not-valid + span, textarea.wpcf7-not-valid {
    border-color: #b94a48;
    box-shadow: inset 0 0 20px #b94a48;
}
.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid input + span, .wpcf7-form .wpcf7-radio.wpcf7-not-valid input + span {color: #b94a48;}
.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid input + span:before, .wpcf7-form .wpcf7-radio.wpcf7-not-valid input + span:before {border-color: #b94a48;}
.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid input:checked + span {color: inherit;}
.wpcf7-form .wpcf7-checkbox.wpcf7-not-valid input:checked + span:before {border-color: #cbcbcb;}
.btn-wrapper {text-align: center;}
.wpcf7 p {
    padding: 0;
    margin: 0;
}
.wpcf7-not-valid-tip {display: none !important;}



div.wpcf7 .ajax-loader, .wpcf7-response-output {display: none !important;}
.mess-error {color: red;}
.mess-success {color: green;}
.wpcf7-checkbox > span {
	display: block;
	border-radius: 4px;
	margin-top: 5px;
}
#form1 {max-width: 700px;}
.location {
    display: flex;
    justify-content: space-between;
}
.location p {display: none;}
.location .city {width: 40%;}
.location .state {width: 34%;}
.location .postal {width: 24%;}
.file-upload {
    display: block;
    position: relative;
    overflow: hidden;
    height: 36px;
    line-height: 34px;
    border-radius: 4px;
	border: 1px solid #ccc;
	margin: 0 0 15px;
	padding: 0;
}
.file-upload .button {
    float: right;
    width: 90px;
    height: 100%;
    text-align: center;
    background-color: #007cbb;
    color: white;
}
.file-upload .wpcf7-form-control-wrap {
	position: absolute;
    top: 0;
}
.file-upload > mark {
    padding-left: 10px;
    background: transparent;
}
/*================================ carousel ========================================*/
.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {outline: none;}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {text-align: center;}
.slick-dots li {display: inline-block;}
.slick-dots button {
    font-size: 0;
    line-height: 0;
    color: transparent;
    padding: 0;
    width: 10px;
    height: 10px;
    margin: 0 8px;
	background: #5e6a7d;
    border: 2px solid #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}
.slick-dots .slick-active button {
	background: #fff;
    border-color: #005693;
}
.slick-arrow {
    position: absolute;
    border: 0;
    font-size: 0;
    color: transparent;
    line-height: 20px;
    text-align: center;
    background: none;
	z-index: 10;
	border: 1px solid #c7c7c7;
	background: #fff;
    outline: none;
    cursor: pointer;
}
.nav-wrapper .slick-arrow {
	top: -20px;
	width: 40px;
    height: 40px;
}
.nav-wrapper .slick-next {right: -40px;}
.nav-wrapper .slick-prev {left: -40px;}
.slick-arrow:after {
	content: '';
    position: absolute;
    top: 13px;
    left: 16px;
    width: 12px;
    height: 12px;
    border-left: 2px solid #252b33;
    border-bottom: 2px solid #252b33;
    transform: rotate(45deg);
}
.slick-next:after {
	left: 10px;
	transform: rotate(-135deg);
}
.slick-arrow:hover {
	background: #005693;
    border-color: #005693;
}
.slick-arrow:hover:after {border-color: #fff;}
.slide img {width: 100%;}
.section-engine .slide img {
	max-width: 100%;
	width: auto;
}
/*================================ modal ========================================*/
.fancybox-image-wrap {
    background: white !important;
}
/*================================ loader ========================================*/
#loader {
    position: fixed;
    z-index: 100000;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}
.cssload-container {
	width: 100%;
	height: 63px;
	text-align: center;
}
.cssload-speeding-wheel {
	width: 63px;
	height: 63px;
	margin: 0 auto;
	border: 4px solid rgb(0,0,0);
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear;
		-o-animation: cssload-spin 575ms infinite linear;
		-ms-animation: cssload-spin 575ms infinite linear;
		-webkit-animation: cssload-spin 575ms infinite linear;
		-moz-animation: cssload-spin 575ms infinite linear;
}
@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
/*-------------------------- messengers ------------------------------*/
.messengers {
    position: fixed;
    right: 18px;
    bottom: 110px;
    z-index: 100;
}
.messengers a {
    display: block;
    background: url(images/icons.png) no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 35px;
    margin-bottom: 10px;
    transform: scale(0.9);
}
.messengers a:hover {
	transform: scale(1);
}
.messengers .tg {background-position: -87px 50%;}
.messengers .vb {background-position: -267px 50%;}
.messengers .wp {background-position: -444px 50%;}
.messengers .sk {background-position: -354px 50%;}
@media (max-width: 991px) {
	.messengers {
		transform: scale(0.8);
		right: 12px;
		bottom: 80px;
	}
}
@media (max-width: 767px) {
	.messengers {
		transform: scale(0.6);
		right: 2px;
		bottom: 60px;
	}
}
.advantages {overflow: hidden;}
.button_1O {
    /* width: 44px !important; */
    /* height: 44px !important; */
}
/*================================ responsive ========================================*/
.flex-row {
	display: flex;
    flex-wrap: wrap;
	flex: 0 1 auto;
}
.flex-col {
	flex: 0 0 auto;
    flex-grow: 1;
    flex-shrink: 1;
    max-width: 100%;
    padding: 0 15px;
}
@media (min-width: 1400px) {
	.container {width: 1380px;}
	.banner-gaz-connect .banner-content {right: 14%;}
}
@media (max-width: 1200px) {
	.cars .image {height: 180px;}
	.car-item .image-wrapper {height: 140px;}
	.car-button {margin-right: 20px;}
	.car-label {
	    width: 40px;
		height: 40px;
	}
	.lead-advantages .title {font-size: 50px;}
	.menu-flat a {padding: 0 10px;}
	.tabs-pages .text {
		padding-top: 40px;
		line-height: 1.5;
	}
	.section-slider .thumb {
		width: 130px;
		height: 130px;
	}
	.manufacturer {margin: 20px 0;}
	.programs {padding-top: 40px;}
	.banner-main-title {font-size: 32px;}
	.banner-title {font-size: 18px;}
	.banner-gaz-connect .banner-content {max-width: 300px;}
	.content-block img {max-height: 300px;}
	.text ul > li {
		margin-bottom: 5px;
		line-height: 1.4;
	}
	main.content {padding: 0;}
	.text-block-info-line {padding: 40px 0;}
	.agents-map .container {width: 100%;}
	.padding-top {padding-top: 40px;}
	.tabs-pages.contracts thead th {padding: 5px 5px;}
	.tabs-pages.contracts thead th:first-child {padding: 5px 5px 5px 15px;}
	.web-map-image img {margin-top: -120px;}
	.buttons {margin-top: 20px;}
}
@media (max-width: 991px) {
	.header .phones .textwidget {
		flex-direction: column;
		/*text-align: center;*/
		align-items: flex-end;
	}
	.topmenu li {margin-right: 20px;}
	.about .title {padding: 80px 0 20px;}
	.web-map .inner {padding-left: 0;}
	.web-map .arrow {font-size: 75px;}
	.web-map .d1 {
		font-size: 130px;
		line-height: 100px;
	}
	.web-map .indicator {margin-right: 10px;}
	.web-map {padding: 65px 0 60px;}
	.section-header {padding: 30px 0 15px;}
	.row-news .item-title {padding: 28px 10px 0;}
	.car-item {margin-top: 50px;}
	.cars .image {margin-bottom: 20px;}
	.model-top-info .btn {
		padding: 10px 15px;
		font-size: 11px;
	}
	.title-size1, .page-template-service .section-tc-advantages .title-size3 {font-size: 32px;}
	.title-size5 {line-height: 1.2;}
	.model-title {margin-bottom: 10px;}
	.model-description {margin-bottom: 20px;}
	.lead-advantages .title {font-size: 58px;}
	.lead-left {width: 55%;}
	.lead-right {width: 45%;}
	.page-header {padding-top: 30px;}
	.breadcrumb {padding-bottom: 20px;}
	.lead-advantages .advantage:last-child {margin-bottom: 0;}
	.menu-flat ul {
		display: block;
		font-size: 16px;
	}
	.menu-flat a {font-size: 16px;}
	.menu-flat a:before {display: none !important;}
	.promo-menu ul {
		display: none;
		margin-top: 10px;
	}
	.kinds-menu li {border-bottom: 1px solid #ccc;}
	.tabs-pages .text {padding-bottom: 20px;}
	.section-slider .slide .text {padding: 0 15px 15px;}
	.section-slider .slide .image img {max-height: 350px;}
	.section-slider .label {
		width: 150px;
		height: 150px;
		margin-left: -30px;
	}
	.section-slider .label .inner div {font-size: 36px;}
	.programs {padding-top: 30px;}
	.program {width: 40%;}
	.banner-main-title {font-size: 26px;}
	.banner-title {font-size: 16px;}
	.banner-gaz-connect .banner-content {
		top: 50px;
		max-width: 240px;
	}
	.banner .btn {
		font-size: 11px;
		padding: 8px 15px;
	}
	.content-block img {max-height: 260px;}
	.tabs-pages {padding-bottom: 50px;}
	.section-slider .slides {padding: 40px 0;}
	h4 {font-size: 20px;}
	.legend .icon-state {margin-right: 5px;}
	.legend ul li {margin-right: 35px;}
	.phone-big {font-size: 26px;}
	.promo-text {font-size: 18px;}
	.adv-title.big {font-size: 52px;}
	.adv-title.big span {margin-top: 0;}
	.pagination .previouspostslink {margin-right: 25px;}
	.pagination .nextpostslink {margin-left: 25px;}
	.share-title {padding-bottom: 10px;}
	.warranty-greeting {font-size: 17px;}
	.section-corrosion .left {margin-bottom: 30px;}
	.section-warranty table {margin: 20px 0 30px;}
	.map-menu {
		padding: 30px 0;
		margin-right: 10px;
		font-size: 12px;
		width: 300px;
	}
	.agents-map .embed-wrapper {width: calc(100% - 310px);}
	.map-menu .agent-title {font-size: 13px;}
	.text-btn {margin-top: 20px;}
	.section-assortment .item {margin-top: 40px;}
	.banner-right {display: flex;}
	.banner-right img {object-fit: cover;}
	.padding-top {padding-top: 25px;}
	.buttons > div {margin-top: 5px;}
	.columns4 {column-count: 3;}
	.header .phones .phone:last-child {margin-left: 0;}
	.header .phones .phone {font-size: 14px;}
	#gotop {bottom: 50px;}
}
@media (max-width: 767px) {
	.header .logo {
		height: 60px;
		background-size: 56px;
	}
	.header .top .container {height: 60px;}
	.header .top-right {
		width: 100%;
		justify-content: flex-end;
	}
	.header .bottom {
		z-index: 9999;
		text-align: left;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: calc(100% - 60px);
		height: 100%;
		background: #252b33;
		border-top: none;
		left: -105%;
	}
	.header .bottom.open {
		left: 0;
		overflow: auto;
	}
	.header .bottom .container {
		display: block;
		padding: 0;
		height: auto;
	}
	.title-size1, .page-template-service .section-tc-advantages .title-size3 {font-size: 28px;}
	.about .title {padding: 0;}
	.about .right img {margin-bottom: 15px;}
	.row-news .item-title {padding: 20px 0 0;}
	.footer .top {padding: 20px 0;}
	.web-net .right {padding-top: 30px;}
	.indicator-row {text-align: center;}
	.btn-wrapper {text-align: center;}
	.web-map .t2 {margin-bottom: 25px;}
	.section-header {padding: 20px 0 15px;}
	section {padding: 30px 0;}
	.cars .item {margin-top: 30px;}
	.cars .image {
		margin-bottom: 15px;
	    height: 170px;
	}
	.web-map {padding: 40px 0 30px;}
	.row-news .item {padding-bottom: 40px;}
	.row-news .item-title {line-height: 1.5;}
	.car-button {margin-right: 10px;}
	.car-item {margin-top: 40px;}
	.car-item .image-wrapper {margin-bottom: 20px;}
	.car-title {font-size: 15px;}
	.car-price {font-size: 18px;}
	.model-top-info {padding-bottom: 20px;}
	.lead-left {
		width: 50%;
		padding-right: 20px;
	}
	.lead-right {width: 50%;}
	.promo-title {font-size: 34px;}
	.hero {
		padding: 25px 0;
		min-height: 35vw;
	}
	.page-header {padding-top: 20px;}
	.breadcrumb {padding-bottom: 15px;}
	.header .phones .textwidget {
		padding-top: 15px;
		flex-direction: row;
		text-align: left;
		padding-left: 10px;
	}
	.header .phones .note {color: white;}
	.header .phones .phone {color: #b7d8f0;}
	.slider {margin-top: 0;}
	.section-slider .controls {
		display: flex;
		justify-content: center;
	}
	.section-slider .slide .image img {max-height: 300px;}
	.manufacturer {
		width: 40%;
		margin: 0 0 20px;
	}
	.programs {padding-top: 20px;}
	.program {width: 45%;}
	.program__header, .program__title {margin-bottom: 10px;}
	.program__content {padding-bottom: 55px;}
	.banner-content {
		position: relative;
		padding: 15px;
		max-width: 100% !important;
	}
	.banner-gaz-connect .banner-content {
		top: 0;
		right: auto;
	}
	.banner-title {margin: 15px 0;}
	.sidebar li {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}
	.sidebar a.active {font-size: 16px;}
	.content-block .text {padding-top: 20px;}
	.content-block img {margin-top: 10px;}
	.tabs-pages {padding-bottom: 30px;}
	.section-slider .slides {padding: 30px 0;}
	.masonry .item, .masonry .item.large {width: 50%;}
	.masonry .item .img-inner {padding-top: 63%;}
	.masonry .clearfix {display: none;}
	.adv-title {font-size: 36px;}
	.adv-title sub, .adv-title sup {font-size: 13px;}
	.adv-title.big {font-size: 50px;}
	.adv-title.big sup, .adv-title.big sub {font-size: 18px;}
	.feature {margin: 20px 0;}
	.feature1 {padding: 20px 0;}
	.feature-title {margin-bottom: 10px;}
	.web-map.dealers .left .text {padding-bottom: 30px;}
	.icon-block .feature {max-width: 100%;}
	.info {padding-bottom: 30px;}
	.info-text {margin-bottom: 15px;}
	.info-title {margin-bottom: 15px;}
	.section-pb1 .left {padding-bottom: 15px;}
	.title-size2 {font-size: 24px;}
	.info {padding-bottom: 30px;}
	.compare-chart .sidebar-title {margin-bottom: 15px;}
	.compare-chart .list1 .list-item .title {
		min-height: 32px;
		margin-bottom: 0;
	}
	.legend ul li {
		font-size: 11px;
		margin-right: 25px;
	}
	.icon-state {
		width: 28px;
		height: 28px;
		line-height: 26px;
	}
	.icon-state--on:after {
		top: 8px;
		left: 8px;
	}
	.icon-state--off:after {left: 6px;}
	.legend ul {padding: 15px 0;}
	.hero-title {
		font-size: 32px;
		line-height: 1.3;
	}
	.hero.promo .text {padding-bottom: 30px;}
	.about-map .right {
		text-align: center;
		margin-top: 30px;
	}
	.promo-text {font-size: 16px;}
	.section-banner-content .advantage {text-align: center;}
	.adv-slider img {
		float: none;
		margin: 10px auto;
		display: block;
	}
	.margin-bottom {margin-bottom: 30px;}
	.margin-top {margin-top: 30px;}
	.text p, .title p {
		margin-top: 3px;
		margin-bottom: 10px;
	}
	.section-labeled .right {text-align: right;}
	.corp-clients .banner-slider {margin-top: 20px;}
	.pagination .previouspostslink {margin-right: 10px;}
	.pagination .nextpostslink {margin-left: 10px;}
	.text-block-announce {font-size: 18px;}
	.page-main-title {padding-bottom: 30px;}
	.text-block-info-line {padding: 30px 0;}
	.model-cars.models-2groups .title {margin: 40px 0 0;}
	.title-size6 {font-size: 20px;}
	.section-404 {padding-top: 260px;}
	.section-404 .left {text-align: right;}
	.section-404 .inner {
		display: inline-block;
		text-align: left;
	}
	.warranty-greeting {font-size: 17px;}
	.section-info .left {width: 35%;}
	.section-info .right {width: 38%;}
	.section-info .image {width: 27%;}
	.section-warranty table {margin: 0 0 20px;}
	.section-warranty .note {padding-top: 15px;}
	.section-keep .row > div:not(:first-child), .section-no-warranty .row > div:not(:first-child) {margin-top: 30px;}
	.section-keep h3, .section-no-warranty h4 {margin-bottom: 15px;}
	.agents-map {margin-top: 20px;}
	#map {display: none;}
	.map-menu {
		width: 100%;
		height: 300px;
		margin-right: 0;
		padding: 0 0 20px;
	}
	.map-menu .inner {
		padding: 0 15px;
		height: 210px;
	}
	.section-assistance .title-size3 {font-size: 18px;}
	.section-assortment .item {margin-top: 30px;}
	.padding-top {padding-top: 15px;}
	.web-map-image img {margin-top: -10px;}
	.buttons {margin-bottom: 30px;}
	.form-control:not(:last-child) {margin-bottom: 15px;}
	.form-row:not(:last-child) {margin-bottom: 20px;}
	.header .phones .phone {font-size: 14px;}
	.header .phones .phone:last-child {margin-left: 15px;}
	#gotop {
		bottom: 60px;
		right: 15px;
		width: 36px;
		height: 36px;
	}
	#gotop:after {top: 0px;}
}
@media (max-width: 700px) {
	.section-principles .text h5 {line-height: 1.2;}
	.title-size4 {font-size: 17px;}
}
@media (max-width: 650px) {
	.car-item .image-wrapper {height: 130px;}
	.lead-left {padding-right: 15px;}
	.lead-right {padding-left: 15px;}
	.lead-advantages .title {font-size: 50px;}
	.manufacturer {width: 45%;}
	.title-size1, .page-template-service .section-tc-advantages .title-size3 {font-size: 26px;}
	.adv-title {font-size: 30px;}
	.adv-title.big {font-size: 48px;}
	.adv-title.big sup, .adv-title.big sub {font-size: 16px;}
	.title-size-big {font-size: 40px;}
	.title-size2 {font-size: 22px;}
	.world-section1 .text {margin-top: 10px;}
	.world-section1 .btn {margin-top: 30px;}
	.world-section1 .btn.with-text {margin-top: 10px;}
	.section-info .left {
		width: 100%;
		margin-bottom: 20px;
	}
	.section-info .right {width: 60%;}
	.section-info .image {
		text-align: left;
		width: 40%;
	}
	.banner-left {width: 100%;}
	.banner-right {
		width: 100%;
		margin-top: 20px;
		height: 60vw;
	}
	.special-advantages ul {column-count: 1;}
	.columns4 {column-count: 2;}
}
@media (max-width: 600px) {
	.title-size1, .page-template-service .section-tc-advantages .title-size3 {font-size: 24px;}
	.subtitle {font-size: 20px;}
	.cars .image {height: 160px;}
	.row-news .date {padding: 5px 10px;}
	.row-news .category {padding: 14px 10px;}
	.row-news .item-title {
		line-height: 1.3;
		font-size: 12px;
	}
	.title-link {font-size: 12px;}
	.car-title {margin-bottom: 10px;}
	.car-item .image-wrapper {height: 120px;}
	.model-top-info {padding-bottom: 0;}
	.hero {min-height: 210px;}
	.lead-right .description {line-height: 1.3;}
	.btn {font-size: 11px;}
	.adv-title {font-size: 28px;}
	.feature1 {padding: 15px 0;}
	.title-size2 {font-size: 20px;}
	.section-pb5 .row > div {width: 100%;}
	.row-cars .item {width: 100%;}
	.row-cars .item .inner {
		max-width: 400px;
		margin: 0 auto;
	}
	.text-block-announce {font-size: 17px;}
	.main-image {margin-top: 25px;}
	article {padding: 20px 0;}
	.title-size6 {font-size: 18px;}
	.section-help .left {
		width: 100%;
		padding-bottom: 30px;
	}
	.section-help .right {width: 100%;}
	.section-assistance .title-size3 {font-size: 17px;}
	.section-assortment .item {width: 100%;}
	.form-row:not(:last-child) {margin-bottom: 10px;}
	.form-row > label {
		width: 100%;
		text-align: left;
	}
	.form-row .wpcf7-form-control-wrap, .form-row .form-field {
		width: 100%;
		padding-left: 0;
	}
	.row-end .form-field {
		margin: 10px 0 0;
		text-align: center;
	}
}
@media (max-width: 550px) {
	.cars .image {height: 150px;}
	.about .row {display: block;}
	.about .left, .about .right {width: 100%;}
	.web-map {padding: 30px 0 20px;}
	.about .left .t2 {
		font-size: 20px;
		line-height: 24px;
	}
	.about .left .t3 {font-size: 16px;}
	.about .left .t1, .about .left .t4 {font-size: 14px;}
	.row-news .item {padding-bottom: 30px;}
	.footer .phones a {font-size: 16px;}
	.car-button {
		width: 45px;
		height: 45px;
	}
	.car-button svg {
		width: 24px;
		height: 24px;
	}
	.car-item {
		width: 100%;
		margin-top: 30px;
	}
	.car-item .image-wrapper {
		height: 180px;
		margin-bottom: 0;
	}
	.lead {flex-direction: column;}
	.lead-left {
		width: 100%;
		padding: 0 15px 15px;
		border-right: none;
		border-bottom: 1px solid #005693;
	}
	.lead-right {
		width: 100%;
		padding: 15px 15px 0;
		border-left: none;
	}
	.lead-advantages {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.lead .buttons-list {text-align: center;}
	.hero {padding: 15px 0;}
	.promo-title {font-size: 30px;}
	.section-header1 {padding: 30px 0 15px;}
	.program {width: 48%;}
	.advantage {width: 100%;}
	.adv-title {font-size: 42px;}
	.adv-title sub, .adv-title sup {font-size: 14px;}
	.adv-content .desc {max-width: 100%;}
	.masonry {
		margin-right: -5px;
		margin-left: -5px;
	}
	.masonry .item {padding: 5px;}
	.feature1 {padding: 10px 0;}
	.feature-title {margin-bottom: 0;}
	.title-size3 {font-size: 20px;}
	.info {padding-bottom: 20px;}
	.section-pb4 .flex-row > div {margin-bottom: 15px;}
	.section-pb5 .row > div {margin-bottom: 15px;}
	.world-section1 .row > div {
		width: 100%;
		align-items: center;
		text-align: center;
	}
	.world-section1 .btn {margin: 10px 0;}
	.icon-block {width: 100%;}
	.corporate-contacts .person-card {
		margin-top: 30px;
		width: 100%;
	}
	.share-title {padding-bottom: 6px;}
	.page-main-title {padding-bottom: 20px;}
	.text-block-info-line {padding: 30px 0 20px;}
	.model-cars.models-2groups .title {margin: 30px 0 0;}
	.tabs-title {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.warranty-greeting {font-size: 16px;}
	.section-assistance .title-size3 {font-size: 16px;}
	.dealer-advantages .icon-block .inner {max-width: 100%;}
	.proposals-text {font-size: 16px;}
}
@media (max-width: 500px) {
	.cars .image {height: 140px;}
	.media-links__title {
		margin: 0 20px 0 0;
		font-size: 12px;
	}
	.row-news .item {width: 100%;}
	.row-news .date {padding: 5px 20px;}
	.row-news .category {padding: 14px 20px;}
	.row-news .item-title {
		line-height: 1.5;
		font-size: 13px;
	}
	.footer .bottom .inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.footer .phones .text {margin-bottom: 10px;}
	.programs {padding-top: 15px;}
	.program {
		width: 100%;
		margin: 20px 0;
	}
	.program__header {height: 30px;}
	.banner-main-title {font-size: 20px;}
	.banner-title {
		font-size: 14px;
		margin: 10px 0;
	}
	.feature1 {padding: 15px 0;}
	.section-tc-advantages .row > div {width: 100%;}
	td, th {padding: 15px 2%;}
	.compare-chart .ribbon {
		padding: 15px;
		text-align: center;
	}
	.compare-chart .ribbon .title {font-size: 11px;}
	.compare-chart .ribbon::after {
		border-left: 67px solid transparent;
		border-right: 67px solid transparent;
	}
	.compare-chart .index-main {font-size: 60px;}
	.table-features thead > tr > th:not(:first-child) {
		font-size: 12px;
		padding: 15px 5px;
	}
	.figures {flex-direction: column;}
	.figures .figure.left {
		margin-bottom: 30px;
		max-width: 60%;
	}
	.btn-total-price {
		display: block;
		width: 150px;
		margin-top: 10px;
	}
	.cars .title-link {margin-right: 0;}
	.section-labeled .left {
		width: 100%;
		float: none;
	}
	.section-labeled .right {
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
		float: none;
	}
	.testimonials .slide-wrapper {padding: 30px 20px 40px;}
	.contacts-media-item.contacts2 {display: none;}
	.contacts-media-item.contacts1 {display: block;}
	.pagination .page, .pagination .extend {display: none;}
	.text-block-announce {font-size: 16px;}
	.section-assistance {background-position: 60% 50%;}
	.tabs-flat {text-align: center;}
	.tabs-flat a {padding: 10px 15px;}
}
@media (max-width: 450px) {
	.col-xxs-12 {width: 100%;}
	.media-links {
	    flex-direction: column;
		width: 100%;
	}
	.media-links__title {margin: 0 0 10px 0;}
	.cars .image {height: 40vw;}
	.title-size1, .page-template-service .section-tc-advantages .title-size3 {font-size: 22px;}
	.subtitle {font-size: 18px;}
	.car-item .image-wrapper {height: 40vw;}
	.promo-title {font-size: 26px;}
	.title-link {font-size: 11px;}
	.cars .item .item-title {font-size: 16px;}
	.header .phones .textwidget {
		/* flex-direction: column; */
		/* align-items: flex-start; */
	}
	.tabs-pages .text {padding-bottom: 15px;}
	.manufacturer {width: 100%;}
	.title-size3 {font-size: 17px;}
	.title-size2 {font-size: 19px;}
	td, th {padding: 10px 5px;}
	.compare-chart .ribbon {padding: 10px;}
	.compare-chart .ribbon .title {font-size: 10px;}
	.compare-chart .note {max-width: 200px;}
	.compare-chart .ribbon::after {
		border-left: 58px solid transparent;
		border-right: 58px solid transparent;
	}
	.compare-chart .index-main {font-size: 50px;}
	.compare-chart .list1 .list-item .title {font-size: 12px;}
	.legend ul {padding: 10px 0;}
	.table-features td {font-size: 12px;}
	.nav-wrapper {width: calc(100% - 60px);}
	.slide-nav .inner {padding: 15px;}
	.slide-nav img {display: none;}
	.slide-nav .text {padding-top: 0;}
	.nav-wrapper .slick-arrow {
		top: 50%;
		margin-top: -20px;
	}
	.adv-title.big {font-size: 46px;}
	.text-block-announce {font-size: 15px;}
	.main-image {margin-top: 20px;}
	article {padding: 15px 0;}
	.text-block-info-line {padding: 20px 0 15px;}
	.title-size6 {font-size: 16px;}
	.section-404 {}
	.section-404 .row > div {width: 100%;}
	.section-404 .left {
		text-align: left;
		padding-bottom: 20px;
	}
	.section-info .left {text-align: center;}
	.section-info .right {
		width: 100%;
		text-align: center;
	}
	.section-info .image {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.section-assistance .title-size3 {font-size: 14px;}
	.tabs-flat a {padding: 10px 10px;}
	.columns4 {column-count: 1;}
}
@media (max-width: 400px) {
	.title-size1, .page-template-service .section-tc-advantages .title-size3 {font-size: 24px;}
	.about .left .d1 {
	    font-size: 60px;
		line-height: 64px
	}
	.web-map .arrow {font-size: 55px;}
	.web-map .d1 {
		font-size: 100px;
		line-height: 80px;
	}
	.web-map .t3 {
		width: 90px;
		font-size: 11px;
	}
	.web-map .right .indicator-row:last-child {
		display: flex;
		justify-content: space-around;
	}
	.web-map .indicator {
		margin-right: 0;
		width: 140px;
	}
	.web-map .d2 {
		padding: 0;
		font-size: 48px;
	}
	.web-map .t4 {font-size: 10px;}
	.legend ul li {margin-right: 15px;}
	.testimonials .slide-wrapper {padding: 20px 10px 20px;}
	.title-size4 {font-size: 16px;}
}
@media (max-width: 350px) {
	.car-item .image-wrapper {height: 140px;}
	.single-gallery .item {width: 100%;}
}
@media (max-device-aspect-ratio: 2/3) {}
.header__telimg {
	height: 28px;
	width: 28px;
}
/*! * * * * * * * * * * * * * * * * * * * *\  
  CSShake :: Package
  v1.5.0
  CSS classes to move your DOM
  (c) 2015 @elrumordelaluz
  http://elrumordelaluz.github.io/csshake/
  Licensed under MIT
\* * * * * * * * * * * * * * * * * * * * */
.shake, .shake-little, .shake-slow, .shake-hard, .shake-horizontal, .shake-vertical, .shake-rotate, .shake-opacity, .shake-crazy, .shake-chunk {
  display: inherit;
  transform-origin: center center; }

.shake-freeze,
.shake-constant.shake-constant--hover:hover,
.shake-trigger:hover .shake-constant.shake-constant--hover {
  animation-play-state: paused; }

.shake-freeze:hover,
.shake-trigger:hover .shake-freeze, .shake:hover,
.shake-trigger:hover .shake, .shake-little:hover,
.shake-trigger:hover .shake-little, .shake-slow:hover,
.shake-trigger:hover .shake-slow, .shake-hard:hover,
.shake-trigger:hover .shake-hard, .shake-horizontal:hover,
.shake-trigger:hover .shake-horizontal, .shake-vertical:hover,
.shake-trigger:hover .shake-vertical, .shake-rotate:hover,
.shake-trigger:hover .shake-rotate, .shake-opacity:hover,
.shake-trigger:hover .shake-opacity, .shake-crazy:hover,
.shake-trigger:hover .shake-crazy, .shake-chunk:hover,
.shake-trigger:hover .shake-chunk {
  animation-play-state: running; }

@keyframes shake {
  2% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg); }
  4% {
    transform: translate(2.5px, 1.5px) rotate(1.5deg); }
  6% {
    transform: translate(2.5px, 0.5px) rotate(0.5deg); }
  8% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg); }
  10% {
    transform: translate(-0.5px, -1.5px) rotate(1.5deg); }
  12% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
  14% {
    transform: translate(-1.5px, 1.5px) rotate(1.5deg); }
  16% {
    transform: translate(2.5px, 1.5px) rotate(1.5deg); }
  18% {
    transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  20% {
    transform: translate(0.5px, 1.5px) rotate(0.5deg); }
  22% {
    transform: translate(2.5px, -0.5px) rotate(0.5deg); }
  24% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
  26% {
    transform: translate(-1.5px, 0.5px) rotate(1.5deg); }
  28% {
    transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  30% {
    transform: translate(1.5px, 1.5px) rotate(1.5deg); }
  32% {
    transform: translate(0.5px, 0.5px) rotate(0.5deg); }
  34% {
    transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
  36% {
    transform: translate(1.5px, 2.5px) rotate(1.5deg); }
  38% {
    transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  40% {
    transform: translate(0.5px, -0.5px) rotate(1.5deg); }
  42% {
    transform: translate(2.5px, -1.5px) rotate(-0.5deg); }
  44% {
    transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
  46% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  48% {
    transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  50% {
    transform: translate(0.5px, 1.5px) rotate(0.5deg); }
  52% {
    transform: translate(0.5px, -0.5px) rotate(0.5deg); }
  54% {
    transform: translate(2.5px, 0.5px) rotate(1.5deg); }
  56% {
    transform: translate(-1.5px, -1.5px) rotate(0.5deg); }
  58% {
    transform: translate(-1.5px, -0.5px) rotate(-0.5deg); }
  60% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  62% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  64% {
    transform: translate(0.5px, 2.5px) rotate(0.5deg); }
  66% {
    transform: translate(0.5px, 0.5px) rotate(1.5deg); }
  68% {
    transform: translate(-1.5px, 2.5px) rotate(0.5deg); }
  70% {
    transform: translate(-1.5px, 1.5px) rotate(1.5deg); }
  72% {
    transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
  74% {
    transform: translate(1.5px, 2.5px) rotate(-0.5deg); }
  76% {
    transform: translate(-0.5px, 0.5px) rotate(1.5deg); }
  78% {
    transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  80% {
    transform: translate(-0.5px, 2.5px) rotate(0.5deg); }
  82% {
    transform: translate(-1.5px, -1.5px) rotate(1.5deg); }
  84% {
    transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  86% {
    transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  88% {
    transform: translate(-1.5px, 2.5px) rotate(-0.5deg); }
  90% {
    transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  92% {
    transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  94% {
    transform: translate(0.5px, -1.5px) rotate(1.5deg); }
  96% {
    transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
  98% {
    transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake:hover,
.shake-trigger:hover .shake, .shake.shake-freeze, .shake.shake-constant {
  animation-name: shake;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-little {
  2% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  4% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  6% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  8% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  10% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  12% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  14% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  16% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  18% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  20% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  22% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  24% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  26% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  28% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  30% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  32% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  34% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  36% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  38% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  40% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  42% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  44% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  46% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  48% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  50% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  52% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  54% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  56% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  58% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  60% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  62% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  64% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  66% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  68% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  70% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  72% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  74% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  76% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  78% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  80% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  82% {
    transform: translate(1px, 0px) rotate(0.5deg); }
  84% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  86% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  88% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  90% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  92% {
    transform: translate(0px, 1px) rotate(0.5deg); }
  94% {
    transform: translate(0px, 0px) rotate(0.5deg); }
  96% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  98% {
    transform: translate(1px, 1px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-little:hover,
.shake-trigger:hover .shake-little, .shake-little.shake-freeze, .shake-little.shake-constant {
  animation-name: shake-little;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-slow {
  2% {
    transform: translate(6px, -2px) rotate(3.5deg); }
  4% {
    transform: translate(5px, 8px) rotate(-0.5deg); }
  6% {
    transform: translate(6px, -3px) rotate(-2.5deg); }
  8% {
    transform: translate(4px, -2px) rotate(1.5deg); }
  10% {
    transform: translate(-6px, 8px) rotate(-1.5deg); }
  12% {
    transform: translate(-5px, 5px) rotate(1.5deg); }
  14% {
    transform: translate(4px, 10px) rotate(3.5deg); }
  16% {
    transform: translate(0px, 4px) rotate(1.5deg); }
  18% {
    transform: translate(-1px, -6px) rotate(-0.5deg); }
  20% {
    transform: translate(6px, -9px) rotate(2.5deg); }
  22% {
    transform: translate(1px, -5px) rotate(-1.5deg); }
  24% {
    transform: translate(-9px, 6px) rotate(-0.5deg); }
  26% {
    transform: translate(8px, -2px) rotate(-1.5deg); }
  28% {
    transform: translate(2px, -3px) rotate(-2.5deg); }
  30% {
    transform: translate(9px, -7px) rotate(-0.5deg); }
  32% {
    transform: translate(8px, -6px) rotate(-2.5deg); }
  34% {
    transform: translate(-5px, 1px) rotate(3.5deg); }
  36% {
    transform: translate(0px, -5px) rotate(2.5deg); }
  38% {
    transform: translate(2px, 7px) rotate(-1.5deg); }
  40% {
    transform: translate(6px, 3px) rotate(-1.5deg); }
  42% {
    transform: translate(1px, -5px) rotate(-1.5deg); }
  44% {
    transform: translate(10px, -4px) rotate(-0.5deg); }
  46% {
    transform: translate(-2px, 2px) rotate(3.5deg); }
  48% {
    transform: translate(3px, 4px) rotate(-0.5deg); }
  50% {
    transform: translate(8px, 1px) rotate(-1.5deg); }
  52% {
    transform: translate(7px, 4px) rotate(-1.5deg); }
  54% {
    transform: translate(10px, 8px) rotate(-1.5deg); }
  56% {
    transform: translate(-3px, 0px) rotate(-0.5deg); }
  58% {
    transform: translate(0px, -1px) rotate(1.5deg); }
  60% {
    transform: translate(6px, 9px) rotate(-1.5deg); }
  62% {
    transform: translate(-9px, 8px) rotate(0.5deg); }
  64% {
    transform: translate(-6px, 10px) rotate(0.5deg); }
  66% {
    transform: translate(7px, 0px) rotate(0.5deg); }
  68% {
    transform: translate(3px, 8px) rotate(-0.5deg); }
  70% {
    transform: translate(-2px, -9px) rotate(1.5deg); }
  72% {
    transform: translate(-6px, 2px) rotate(1.5deg); }
  74% {
    transform: translate(-2px, 10px) rotate(-1.5deg); }
  76% {
    transform: translate(2px, 8px) rotate(2.5deg); }
  78% {
    transform: translate(6px, -2px) rotate(-0.5deg); }
  80% {
    transform: translate(6px, 8px) rotate(0.5deg); }
  82% {
    transform: translate(10px, 9px) rotate(3.5deg); }
  84% {
    transform: translate(-3px, -1px) rotate(3.5deg); }
  86% {
    transform: translate(1px, 8px) rotate(-2.5deg); }
  88% {
    transform: translate(-5px, -9px) rotate(2.5deg); }
  90% {
    transform: translate(2px, 8px) rotate(0.5deg); }
  92% {
    transform: translate(0px, -1px) rotate(1.5deg); }
  94% {
    transform: translate(-8px, -1px) rotate(0.5deg); }
  96% {
    transform: translate(-3px, 8px) rotate(-1.5deg); }
  98% {
    transform: translate(4px, 8px) rotate(0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-slow:hover,
.shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
  animation-name: shake-slow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-hard {
  2% {
    transform: translate(-9px, 9px) rotate(2.5deg); }
  4% {
    transform: translate(2px, -4px) rotate(-0.5deg); }
  6% {
    transform: translate(7px, 1px) rotate(-1.5deg); }
  8% {
    transform: translate(10px, -8px) rotate(0.5deg); }
  10% {
    transform: translate(-5px, 10px) rotate(-2.5deg); }
  12% {
    transform: translate(6px, -9px) rotate(3.5deg); }
  14% {
    transform: translate(8px, 5px) rotate(3.5deg); }
  16% {
    transform: translate(-1px, -6px) rotate(2.5deg); }
  18% {
    transform: translate(3px, 3px) rotate(-2.5deg); }
  20% {
    transform: translate(-2px, 8px) rotate(-0.5deg); }
  22% {
    transform: translate(-7px, 3px) rotate(-2.5deg); }
  24% {
    transform: translate(-4px, -4px) rotate(-0.5deg); }
  26% {
    transform: translate(4px, -9px) rotate(-2.5deg); }
  28% {
    transform: translate(2px, 5px) rotate(3.5deg); }
  30% {
    transform: translate(8px, -1px) rotate(2.5deg); }
  32% {
    transform: translate(-7px, 7px) rotate(3.5deg); }
  34% {
    transform: translate(-3px, -1px) rotate(1.5deg); }
  36% {
    transform: translate(10px, 4px) rotate(3.5deg); }
  38% {
    transform: translate(-4px, -3px) rotate(-2.5deg); }
  40% {
    transform: translate(8px, 8px) rotate(2.5deg); }
  42% {
    transform: translate(-2px, 1px) rotate(1.5deg); }
  44% {
    transform: translate(4px, 2px) rotate(1.5deg); }
  46% {
    transform: translate(-1px, -7px) rotate(2.5deg); }
  48% {
    transform: translate(6px, -3px) rotate(-1.5deg); }
  50% {
    transform: translate(10px, -8px) rotate(0.5deg); }
  52% {
    transform: translate(1px, -2px) rotate(2.5deg); }
  54% {
    transform: translate(8px, 2px) rotate(-2.5deg); }
  56% {
    transform: translate(10px, 8px) rotate(0.5deg); }
  58% {
    transform: translate(8px, 3px) rotate(-0.5deg); }
  60% {
    transform: translate(6px, -2px) rotate(3.5deg); }
  62% {
    transform: translate(-6px, 1px) rotate(2.5deg); }
  64% {
    transform: translate(8px, 6px) rotate(-0.5deg); }
  66% {
    transform: translate(2px, -3px) rotate(-0.5deg); }
  68% {
    transform: translate(8px, -7px) rotate(-1.5deg); }
  70% {
    transform: translate(5px, 5px) rotate(0.5deg); }
  72% {
    transform: translate(2px, 1px) rotate(2.5deg); }
  74% {
    transform: translate(-3px, -4px) rotate(3.5deg); }
  76% {
    transform: translate(-1px, -7px) rotate(-1.5deg); }
  78% {
    transform: translate(9px, 2px) rotate(1.5deg); }
  80% {
    transform: translate(-3px, 9px) rotate(-1.5deg); }
  82% {
    transform: translate(8px, -7px) rotate(2.5deg); }
  84% {
    transform: translate(-6px, 10px) rotate(1.5deg); }
  86% {
    transform: translate(1px, -1px) rotate(2.5deg); }
  88% {
    transform: translate(-7px, -1px) rotate(0.5deg); }
  90% {
    transform: translate(-3px, 5px) rotate(-0.5deg); }
  92% {
    transform: translate(6px, 8px) rotate(-2.5deg); }
  94% {
    transform: translate(4px, 0px) rotate(1.5deg); }
  96% {
    transform: translate(2px, 5px) rotate(-1.5deg); }
  98% {
    transform: translate(-8px, 2px) rotate(-1.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-hard:hover,
.shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {
  animation-name: shake-hard;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-horizontal {
  2% {
    transform: translate(1px, 0) rotate(0); }
  4% {
    transform: translate(-5px, 0) rotate(0); }
  6% {
    transform: translate(-5px, 0) rotate(0); }
  8% {
    transform: translate(-9px, 0) rotate(0); }
  10% {
    transform: translate(-7px, 0) rotate(0); }
  12% {
    transform: translate(4px, 0) rotate(0); }
  14% {
    transform: translate(1px, 0) rotate(0); }
  16% {
    transform: translate(7px, 0) rotate(0); }
  18% {
    transform: translate(9px, 0) rotate(0); }
  20% {
    transform: translate(-8px, 0) rotate(0); }
  22% {
    transform: translate(-2px, 0) rotate(0); }
  24% {
    transform: translate(-9px, 0) rotate(0); }
  26% {
    transform: translate(2px, 0) rotate(0); }
  28% {
    transform: translate(-4px, 0) rotate(0); }
  30% {
    transform: translate(-2px, 0) rotate(0); }
  32% {
    transform: translate(0px, 0) rotate(0); }
  34% {
    transform: translate(1px, 0) rotate(0); }
  36% {
    transform: translate(-9px, 0) rotate(0); }
  38% {
    transform: translate(-4px, 0) rotate(0); }
  40% {
    transform: translate(-7px, 0) rotate(0); }
  42% {
    transform: translate(2px, 0) rotate(0); }
  44% {
    transform: translate(6px, 0) rotate(0); }
  46% {
    transform: translate(3px, 0) rotate(0); }
  48% {
    transform: translate(-3px, 0) rotate(0); }
  50% {
    transform: translate(-3px, 0) rotate(0); }
  52% {
    transform: translate(6px, 0) rotate(0); }
  54% {
    transform: translate(-8px, 0) rotate(0); }
  56% {
    transform: translate(-8px, 0) rotate(0); }
  58% {
    transform: translate(7px, 0) rotate(0); }
  60% {
    transform: translate(4px, 0) rotate(0); }
  62% {
    transform: translate(1px, 0) rotate(0); }
  64% {
    transform: translate(8px, 0) rotate(0); }
  66% {
    transform: translate(-9px, 0) rotate(0); }
  68% {
    transform: translate(9px, 0) rotate(0); }
  70% {
    transform: translate(7px, 0) rotate(0); }
  72% {
    transform: translate(2px, 0) rotate(0); }
  74% {
    transform: translate(7px, 0) rotate(0); }
  76% {
    transform: translate(3px, 0) rotate(0); }
  78% {
    transform: translate(-9px, 0) rotate(0); }
  80% {
    transform: translate(-5px, 0) rotate(0); }
  82% {
    transform: translate(0px, 0) rotate(0); }
  84% {
    transform: translate(-5px, 0) rotate(0); }
  86% {
    transform: translate(7px, 0) rotate(0); }
  88% {
    transform: translate(-8px, 0) rotate(0); }
  90% {
    transform: translate(-9px, 0) rotate(0); }
  92% {
    transform: translate(6px, 0) rotate(0); }
  94% {
    transform: translate(0px, 0) rotate(0); }
  96% {
    transform: translate(-9px, 0) rotate(0); }
  98% {
    transform: translate(9px, 0) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-horizontal:hover,
.shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
  animation-name: shake-horizontal;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-vertical {
  2% {
    transform: translate(0, 1px) rotate(0); }
  4% {
    transform: translate(0, -8px) rotate(0); }
  6% {
    transform: translate(0, 1px) rotate(0); }
  8% {
    transform: translate(0, 0px) rotate(0); }
  10% {
    transform: translate(0, 6px) rotate(0); }
  12% {
    transform: translate(0, 6px) rotate(0); }
  14% {
    transform: translate(0, 2px) rotate(0); }
  16% {
    transform: translate(0, -8px) rotate(0); }
  18% {
    transform: translate(0, -4px) rotate(0); }
  20% {
    transform: translate(0, -1px) rotate(0); }
  22% {
    transform: translate(0, -3px) rotate(0); }
  24% {
    transform: translate(0, 7px) rotate(0); }
  26% {
    transform: translate(0, -3px) rotate(0); }
  28% {
    transform: translate(0, 1px) rotate(0); }
  30% {
    transform: translate(0, 9px) rotate(0); }
  32% {
    transform: translate(0, 1px) rotate(0); }
  34% {
    transform: translate(0, -6px) rotate(0); }
  36% {
    transform: translate(0, 7px) rotate(0); }
  38% {
    transform: translate(0, 0px) rotate(0); }
  40% {
    transform: translate(0, 6px) rotate(0); }
  42% {
    transform: translate(0, 6px) rotate(0); }
  44% {
    transform: translate(0, 9px) rotate(0); }
  46% {
    transform: translate(0, -9px) rotate(0); }
  48% {
    transform: translate(0, 1px) rotate(0); }
  50% {
    transform: translate(0, 10px) rotate(0); }
  52% {
    transform: translate(0, -8px) rotate(0); }
  54% {
    transform: translate(0, -8px) rotate(0); }
  56% {
    transform: translate(0, 1px) rotate(0); }
  58% {
    transform: translate(0, 5px) rotate(0); }
  60% {
    transform: translate(0, 5px) rotate(0); }
  62% {
    transform: translate(0, 8px) rotate(0); }
  64% {
    transform: translate(0, -6px) rotate(0); }
  66% {
    transform: translate(0, 1px) rotate(0); }
  68% {
    transform: translate(0, 4px) rotate(0); }
  70% {
    transform: translate(0, 4px) rotate(0); }
  72% {
    transform: translate(0, -1px) rotate(0); }
  74% {
    transform: translate(0, 10px) rotate(0); }
  76% {
    transform: translate(0, 9px) rotate(0); }
  78% {
    transform: translate(0, -8px) rotate(0); }
  80% {
    transform: translate(0, -3px) rotate(0); }
  82% {
    transform: translate(0, -6px) rotate(0); }
  84% {
    transform: translate(0, 2px) rotate(0); }
  86% {
    transform: translate(0, 3px) rotate(0); }
  88% {
    transform: translate(0, -8px) rotate(0); }
  90% {
    transform: translate(0, 8px) rotate(0); }
  92% {
    transform: translate(0, -4px) rotate(0); }
  94% {
    transform: translate(0, -2px) rotate(0); }
  96% {
    transform: translate(0, -1px) rotate(0); }
  98% {
    transform: translate(0, -5px) rotate(0); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-vertical:hover,
.shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {
  animation-name: shake-vertical;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-rotate {
  2% {
    transform: translate(0, 0) rotate(-3.5deg); }
  4% {
    transform: translate(0, 0) rotate(0.5deg); }
  6% {
    transform: translate(0, 0) rotate(4.5deg); }
  8% {
    transform: translate(0, 0) rotate(6.5deg); }
  10% {
    transform: translate(0, 0) rotate(7.5deg); }
  12% {
    transform: translate(0, 0) rotate(7.5deg); }
  14% {
    transform: translate(0, 0) rotate(4.5deg); }
  16% {
    transform: translate(0, 0) rotate(0.5deg); }
  18% {
    transform: translate(0, 0) rotate(-6.5deg); }
  20% {
    transform: translate(0, 0) rotate(-3.5deg); }
  22% {
    transform: translate(0, 0) rotate(-0.5deg); }
  24% {
    transform: translate(0, 0) rotate(-1.5deg); }
  26% {
    transform: translate(0, 0) rotate(-6.5deg); }
  28% {
    transform: translate(0, 0) rotate(-1.5deg); }
  30% {
    transform: translate(0, 0) rotate(-6.5deg); }
  32% {
    transform: translate(0, 0) rotate(3.5deg); }
  34% {
    transform: translate(0, 0) rotate(1.5deg); }
  36% {
    transform: translate(0, 0) rotate(-5.5deg); }
  38% {
    transform: translate(0, 0) rotate(2.5deg); }
  40% {
    transform: translate(0, 0) rotate(-4.5deg); }
  42% {
    transform: translate(0, 0) rotate(-4.5deg); }
  44% {
    transform: translate(0, 0) rotate(6.5deg); }
  46% {
    transform: translate(0, 0) rotate(3.5deg); }
  48% {
    transform: translate(0, 0) rotate(-4.5deg); }
  50% {
    transform: translate(0, 0) rotate(3.5deg); }
  52% {
    transform: translate(0, 0) rotate(-2.5deg); }
  54% {
    transform: translate(0, 0) rotate(2.5deg); }
  56% {
    transform: translate(0, 0) rotate(-4.5deg); }
  58% {
    transform: translate(0, 0) rotate(7.5deg); }
  60% {
    transform: translate(0, 0) rotate(6.5deg); }
  62% {
    transform: translate(0, 0) rotate(-6.5deg); }
  64% {
    transform: translate(0, 0) rotate(-6.5deg); }
  66% {
    transform: translate(0, 0) rotate(-0.5deg); }
  68% {
    transform: translate(0, 0) rotate(-4.5deg); }
  70% {
    transform: translate(0, 0) rotate(0.5deg); }
  72% {
    transform: translate(0, 0) rotate(1.5deg); }
  74% {
    transform: translate(0, 0) rotate(0.5deg); }
  76% {
    transform: translate(0, 0) rotate(-2.5deg); }
  78% {
    transform: translate(0, 0) rotate(-6.5deg); }
  80% {
    transform: translate(0, 0) rotate(-2.5deg); }
  82% {
    transform: translate(0, 0) rotate(2.5deg); }
  84% {
    transform: translate(0, 0) rotate(-2.5deg); }
  86% {
    transform: translate(0, 0) rotate(-5.5deg); }
  88% {
    transform: translate(0, 0) rotate(2.5deg); }
  90% {
    transform: translate(0, 0) rotate(3.5deg); }
  92% {
    transform: translate(0, 0) rotate(-1.5deg); }
  94% {
    transform: translate(0, 0) rotate(2.5deg); }
  96% {
    transform: translate(0, 0) rotate(-5.5deg); }
  98% {
    transform: translate(0, 0) rotate(-0.5deg); }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-rotate:hover,
.shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {
  animation-name: shake-rotate;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-opacity {
  10% {
    transform: translate(1px, -1px) rotate(1.5deg);
    opacity: 0.95; }
  20% {
    transform: translate(-3px, 0px) rotate(-1.5deg);
    opacity: 0.25; }
  30% {
    transform: translate(0px, 1px) rotate(1.5deg);
    opacity: 0.55; }
  40% {
    transform: translate(3px, 5px) rotate(0.5deg);
    opacity: 0.2; }
  50% {
    transform: translate(-2px, -2px) rotate(0.5deg);
    opacity: 0.44; }
  60% {
    transform: translate(1px, -3px) rotate(-1.5deg);
    opacity: 0.78; }
  70% {
    transform: translate(0px, -4px) rotate(-0.5deg);
    opacity: 0.62; }
  80% {
    transform: translate(5px, 2px) rotate(-1.5deg);
    opacity: 0.03; }
  90% {
    transform: translate(-1px, -2px) rotate(2.5deg);
    opacity: 0.17; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-opacity:hover,
.shake-trigger:hover .shake-opacity, .shake-opacity.shake-freeze, .shake-opacity.shake-constant {
  animation-name: shake-opacity;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-crazy {
  10% {
    transform: translate(-11px, 16px) rotate(-1deg);
    opacity: 0.14; }
  20% {
    transform: translate(-2px, -1px) rotate(10deg);
    opacity: 0.02; }
  30% {
    transform: translate(9px, 6px) rotate(-8deg);
    opacity: 0.59; }
  40% {
    transform: translate(7px, -14px) rotate(-9deg);
    opacity: 0.48; }
  50% {
    transform: translate(-15px, 17px) rotate(1deg);
    opacity: 0.82; }
  60% {
    transform: translate(5px, 0px) rotate(10deg);
    opacity: 0.55; }
  70% {
    transform: translate(-8px, 4px) rotate(-2deg);
    opacity: 0.43; }
  80% {
    transform: translate(5px, -12px) rotate(-6deg);
    opacity: 0.93; }
  90% {
    transform: translate(-10px, 1px) rotate(-4deg);
    opacity: 0.3; }
  0%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-crazy:hover,
.shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {
  animation-name: shake-crazy;
  animation-duration: 100ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }

@keyframes shake-chunk {
  2% {
    transform: translate(2px, 15px) rotate(9deg); }
  4% {
    transform: translate(1px, 14px) rotate(-11deg); }
  6% {
    transform: translate(0px, 14px) rotate(-12deg); }
  8% {
    transform: translate(-14px, 8px) rotate(-8deg); }
  10% {
    transform: translate(-1px, 10px) rotate(15deg); }
  12% {
    transform: translate(-3px, 5px) rotate(2deg); }
  14% {
    transform: translate(-9px, 2px) rotate(14deg); }
  16% {
    transform: translate(-13px, 1px) rotate(-4deg); }
  18% {
    transform: translate(-1px, 1px) rotate(14deg); }
  20% {
    transform: translate(8px, 6px) rotate(15deg); }
  22% {
    transform: translate(-12px, -3px) rotate(3deg); }
  24% {
    transform: translate(-11px, 15px) rotate(-8deg); }
  26% {
    transform: translate(1px, -8px) rotate(-2deg); }
  28% {
    transform: translate(8px, 9px) rotate(9deg); }
  30% {
    transform: translate(-10px, 7px) rotate(9deg); }
  32% {
    transform: translate(-11px, -10px) rotate(12deg); }
  34% {
    transform: translate(-2px, -6px) rotate(-1deg); }
  36% {
    transform: translate(1px, 5px) rotate(-1deg); }
  38% {
    transform: translate(9px, 12px) rotate(-13deg); }
  0%, 40%, 100% {
    transform: translate(0, 0) rotate(0); } }

.shake-chunk:hover,
.shake-trigger:hover .shake-chunk, .shake-chunk.shake-freeze, .shake-chunk.shake-constant {
  animation-name: shake-chunk;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite; }