div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px }
div.pp_default .pp_top .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat }
div.pp_default .pp_top .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x }
div.pp_default .pp_top .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat }
div.pp_default .pp_content .ppt { color: #f8f8f8 }
div.pp_default .pp_content_container .pp_left { background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px }
div.pp_default .pp_content_container .pp_right { background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px }
div.pp_default .pp_next:hover { background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer }
div.pp_default .pp_previous:hover { background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer }
div.pp_default .pp_expand { background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px }
div.pp_default .pp_expand:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer }
div.pp_default .pp_contract { background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px }
div.pp_default .pp_contract:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer }
div.pp_default .pp_close { width: 30px; height: 30px; background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer }
div.pp_default .pp_gallery ul li a { background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa }
div.pp_default .pp_social { margin-top: 7px }
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto }
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px }
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; width: 20px; margin: 4px 0 0 }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px }
div.pp_default .pp_content_container .pp_details { margin-top: 5px }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative }
div.pp_default .pp_nav .currentTextHolder { font-family: Georgia; font-style: italic; color: #999; font-size: 11px; left: 75px; line-height: 25px; position: absolute; top: 2px; margin: 0; padding: 0 0 0 10px }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7 }
div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0 }
div.pp_default .pp_bottom .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat }
div.pp_default .pp_bottom .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x }
div.pp_default .pp_bottom .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat }
div.pp_default .pp_loaderIcon { background: url(images/prettyPhoto/default/loader.gif) center center no-repeat }
div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat }
div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat }
div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer }
div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer }
div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer }
div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer }
div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer }
div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer }
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer }
div.light_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px }
div.light_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px }
div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat }
div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat }
div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat }
div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat }
div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat }
div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat }
div.dark_rounded .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y }
div.dark_rounded .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y }
div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer }
div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer }
div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer }
div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer }
div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer }
div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer }
div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer }
div.dark_rounded .pp_description { margin-right: 85px; color: #fff }
div.dark_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px }
div.dark_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px }
div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat }
div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat }
div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat }
div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat }
div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat }
div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000 }
div.dark_square .pp_description { color: #fff; margin: 0 85px 0 0 }
div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat }
div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer }
div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer }
div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer }
div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer }
div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer }
div.dark_square .pp_nav { clear: none }
div.dark_square .pp_nav .pp_play { background: url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px }
div.dark_square .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px }
div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat }
div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat }
div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer }
div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer }
div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer }
div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer }
div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer }
div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer }
div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer }
div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px }
div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px }
div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat }
div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat }
div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer }
div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer }
div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat }
div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x }
div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat }
div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y }
div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y }
div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer }
div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer }
div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer }
div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer }
div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer }
div.facebook .pp_description { margin: 0 37px 0 0 }
div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat }
div.facebook .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px }
div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default }
div.facebook .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px }
div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default }
div.facebook .pp_nav { margin-top: 0 }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px }
div.facebook .pp_nav .pp_play { background: url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px }
div.facebook .pp_nav .pp_pause { background: url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px }
div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer }
div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer }
div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat }
div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x }
div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat }
div.pp_pic_holder a:focus { outline: none }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500 }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000 }
.pp_content { height: 40px; min-width: 40px }
* html .pp_content { width: 40px }
.pp_content_container { position: relative; text-align: left; width: 100% }
.pp_content_container .pp_left { padding-left: 20px }
.pp_content_container .pp_right { padding-right: 20px }
.pp_content_container .pp_details { float: left; margin: 10px 0 2px }
.pp_description { display: none; margin: 0 }
.pp_social { float: left; margin: 0 }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden }
.pp_social .twitter { float: left }
.pp_nav { clear: right; float: left; margin: 3px 10px 0 0 }
.pp_nav p { float: left; white-space: nowrap; margin: 2px 4px }
.pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px }
a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000 }
.pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000 }
.pp_gallery div { float: left; overflow: hidden; position: relative }
.pp_gallery ul { float: left; height: 35px; position: relative; white-space: nowrap; margin: 0 0 0 5px; padding: 0 }
.pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden }
.pp_gallery ul a img { border: 0 }
.pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 }
.pp_gallery li.default a { background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important }
a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49% }
a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49% }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000 }
a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: -10000px }
.pp_loaderIcon { display: block; height: 24px; left: 50%; position: absolute; top: 50%; width: 24px; margin: -12px 0 0 -12px }
#pp_full_res { line-height: 1 !important }
#pp_full_res .pp_inline { text-align: left }
#pp_full_res .pp_inline p { margin: 0 0 15px }
div.ppt { color: #fff; display: none; font-size: 17px; z-index: 9999; margin: 0 0 5px 15px }
div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff }
div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000 }
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff }
div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative }
div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff }
div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px }
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important }
div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default }
div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default }
div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat }
div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat }
div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #c4c4c4 }
div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff }
.pp_top, .pp_bottom { height: 20px; position: relative }
* html .pp_top, * html .pp_bottom { padding: 0 20px }
.pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px }
.pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px }
* html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static }
.pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px }
.pp_fade, .pp_gallery li.default a img { display: none }
@media only screen and (max-device-width: 600px) {
.pp_pic_holder.pp_default { width: 100% !important; left: 0 !important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0 !important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0 !important; }
.pp_content { width: 100% !important; height: auto !important; }
.pp_fade { width: 100% !important; height: 100% !important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none !important; }
#pp_full_res img { width: 100% !important; height: auto !important; }
.pp_details { width: 94% !important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px !important; }
a.pp_close { right: 10px !important; top: 10px !important; }
}/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-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;
margin-left: auto;
margin-right: auto;
}
.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 img
{
display: block;
}
.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;
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}:root {
--color-red: #dc2625;
--color-white: #ffffff;
--color-blue: #006088;
--color-dark-blue: #39464e;
--color-gray: #e8e8e8;
--color-light-gray: #f7f7f7;
--color-yellow: #ffce24;
--color-black: #000000;
--button-color: var(--color-red);
--button-text-color: white;
--button-hover-color: var(--color-black);
--button-hover-text-color: var(--color-white);
--link-color: var(--color-blue);
--text-color: black;
--background-color: var(--color-white);
--heading-color: var(--color-blue);
--span: 2rem;
--span-small: calc(var(--span) / 2);
--span-large: calc(var(--span) * 2);
--span-x-large: calc(var(--span) * 4);
--span-xx-large: calc(var(--span) * 6);
--block-padding: calc(var(--span) * 4);
--page-width: 1350px;
--input-color: white;
--input-border-color: var(--color-gray);
--input-border: 1px solid var(--color-blue);
--input-active-border: 1px solid var(--color-red);
--input-padding: calc(var(--span-small) * 1.5) var(--span);
--border-radius: 0;
--shadow: 0 0 5px 0 #00000020;
--font: "Roboto", sans-serif;
}
html { color: #000; background: #fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ""; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select, button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;}
input, textarea, select { *font-size: 100%; }
legend { color: #000; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*при открытом меню блокирует скролл*/
body.active { overflow: hidden; }
.ui-button, input[type="button"], input[type="submit"], button {
display: inline-flex; gap: 0.5rem; align-items: center;
cursor: pointer; text-decoration: none; white-space: nowrap; margin: 0; margin-bottom: 1rem; padding: 1rem 2rem; border: 0; background: #cc2a35; border-radius: 5px; color: white; outline: none; }
.ui-button i[data-icon] { background: white; }
.ui-button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover,
.slider-block a:hover { background: linear-gradient(#b4252f, #cc2a35, #cc2a35); position: relative; top: 1px; }
.ui-text-shadow, .order-block h2, .feedbacks-block h2 { text-shadow: 0 3px 0 black; }
.ui-icon { display: inline-block; width: 1.5rem; height: 1.5rem; background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 0.5rem; vertical-align: middle; }
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover { background-color: #000000; }
.ui-button.is-red { color: white !important; background: #cc2a35; text-shadow: none; }
.ui-button.is-white { color: #2f2f2f !important; background: white; text-shadow: none; }
.ui-button.is-black { color: white !important; background: #2f2f2f; text-shadow: none; }
.ui-button.is-large { font-size: 1.9rem; padding: 1.5rem 3rem; }
.ui-button.with-icon { padding-left: 2.5rem; background-position: 0.5rem center; background-size: 1.5rem 1.5rem; background-repeat: no-repeat; }
.ui-input, input[type="text"], input[type="checkbox"], select, textarea { border: 2px solid #e2e2e2; padding: 1rem 1rem; font-size: 1.5rem; line-height: 20px; background: #f9f9f9; outline: 0; margin-bottom: 1rem; color: black; }
.ui-input:focus, input[type="text"]:focus, input[type="checkbox"]:focus, select:focus, textarea:focus { border-color: #cc2a35; }
textarea { min-height: 85px; }
input[type="checkbox"] { position: relative; width: 20px; height: 20px; margin-right: 10px; background: transparent; }
input[type="checkbox"]:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: white; border: 1px solid #cfc8bb; }
input[type="checkbox"]: checked:after { content: ''; display: block; position: absolute; top: 4px; left: 4px; width: 12px; height: 12px; background: #ac9d7d; }
form h1 { font-size: 2.2rem; margin-bottom: 1rem; padding: 0; }
form { margin: 0 auto; }
form .input { display: block; width: 100%; margin-bottom: 1rem; }
form .buttons { margin-top: 1rem; }
form label { display: block; margin-bottom: 1rem; font-size: 100%; }
input[type="text"], select, textarea { width: 100%; }
.form .form-buttons { margin-top: 1rem; }
.popup { text-align: left; position: fixed; top: 50%; transform: translateY(-50%); width: 100%; width: calc(100% - 20rem); margin-left: -4rem; z-index: 300; display: block; vertical-align: top; opacity: 1; padding: 2rem 4rem; transition: opacity 0.5s; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2); background: linear-gradient(900deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 10rem), rgba(0, 19, 40, 0.98); animation: show 0.5s; }
.popup button[data-action="close"] { position: absolute; top: 2rem; right: 4rem; opacity: 0.8; display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; background: url(../img/icon-close.svg) center no-repeat; border: 0; outline: 0; cursor: pointer; }
.popup button[data-action="close"]:hover { opacity: 1; }
.popup form .form-input .error { font-size: 90%; opacity: 0.7; font-style: italic; }
.popup form .form-input.error input[type="text"], .popup form .form-input.error input[type="checkbox"], .popup form .form-input.error select, .popup form .form-input.error textarea { border-color: #cc2a35; }
body[data-template="index"] .popup { width: 100%; }
* { box-sizing: border-box; vertical-align: top; }
html { height: 100%; font-size: 10px; }
body { font-size: 1.5rem; color: #282828; font-family: "HelveticaNeueCyr", Arial, sans-serif; font-weight: 300; width: 100%; min-height: 100%; background: white; vertical-align: top; line-height: normal; }
img { display: inline-block; }
a { color: inherit; text-decoration: none; }
em { color: #a20707; }
hr { display: block; border: none; border-bottom: 1px solid #ccc; margin: 20px 0; }
p { margin-bottom: 1em; }
strong { font-size: 110%; font-weight: bold; }
h1, h2, h3, h4 { margin-bottom: 0.5em; font-weight: bold; }
h1, h2 { margin-bottom: 1em; font-family: "Candara", Arial, sans-serif; }
h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; }
.slick-button, button.slick-prev, button.slick-next { width: 64px; height: 64px; background-position: center; background-size: contain; background-color: transparent; background-repeat: no-repeat; position: absolute; top: 50%; color: transparent; margin-top: -32px; z-index: 10; color: transparent !important;}
button.slick-prev { background-image: url(../img/arrow-left.svg); left: -64px; }
button.slick-prev:hover { background-image: url(../img/arrow-left-hover.svg); }
button.slick-next { background-image: url(../img/arrow-right.svg); right: -64px; }
button.slick-next:hover { background-image: url(../img/arrow-right-hover.svg); }
.block, .header-block, .navigation-block, .about-index-block, .why-we-block, .service-teasers-block, .teasers-block, .price-slider-block, .content-block, .order-block, .car-brands-block, .news-block, .feedbacks-block, .bottom-block, .banner-block, .footer-block { padding: 5rem 10rem; }
.block > .wrapper, .header-block > .wrapper, .navigation-block > .wrapper, .about-index-block > .wrapper, .why-we-block > .wrapper, .service-teasers-block > .wrapper, .teasers-block > .wrapper, .price-slider-block > .wrapper, .content-block > .wrapper, .order-block > .wrapper, .car-brands-block > .wrapper, .news-block > .wrapper, .feedbacks-block > .wrapper, .bottom-block > .wrapper, .banner-block > .wrapper, .footer-block > .wrapper { max-width: 1200px; margin: 0 auto; }
.block > .wrapper > h2, .header-block > .wrapper > h2, .navigation-block > .wrapper > h2, .about-index-block > .wrapper > h2, .why-we-block > .wrapper > h2, .service-teasers-block > .wrapper > h2, .teasers-block > .wrapper > h2, .price-slider-block > .wrapper > h2, .content-block > .wrapper > h2, .order-block > .wrapper > h2, .car-brands-block > .wrapper > h2, .news-block > .wrapper > h2, .feedbacks-block > .wrapper > h2, .bottom-block > .wrapper > h2, .banner-block > .wrapper > h2, .footer-block > .wrapper > h2, .block > .wrapper > h1, .header-block > .wrapper > h1, .navigation-block > .wrapper > h1, .about-index-block > .wrapper > h1, .why-we-block > .wrapper > h1, .service-teasers-block > .wrapper > h1, .teasers-block > .wrapper > h1, .price-slider-block > .wrapper > h1, .content-block > .wrapper > h1, .order-block > .wrapper > h1, .car-brands-block > .wrapper > h1, .news-block > .wrapper > h1, .feedbacks-block > .wrapper > h1, .bottom-block > .wrapper > h1, .banner-block > .wrapper > h1, .footer-block > .wrapper > h1 { text-align: center; font-size: 3.6rem; }
.breadcrumbs { margin-bottom: 2rem; padding-left: 2em; position: relative; }
.breadcrumbs::after { content: ''; display: inline-block; width: 2rem; height: 1.5rem; background: url(../img/icon-home.svg) left center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; }
.breadcrumbs li { display: inline-block; position: relative; margin-bottom: 0.3rem; }
.breadcrumbs li:not(:last-child)::after {content: '/'; display: inline-block; margin: 0 0.5rem; }
.breadcrumbs .separator { display: inline-block; margin: 0 1rem; }
.breadcrumbs a { color: #cc2a35; text-decoration: underline; }
.breadcrumbs a:hover { text-decoration: none; }
.main-menu { font-size: 2.2rem; }
.main-menu ul { display: flex; flex-flow: row wrap; justify-content: center; font-size: 1.6rem; }
.main-menu li { position: relative; margin: 0 0.2rem; position: relative; text-align: center; display: flex; flex-flow: row; align-items: flex-start; justify-content: center; }
.main-menu a { display: inline-block; padding: 1rem 1rem; font-weight: 300; }
.main-menu a:hover { color: #cc2a35; text-decoration: underline; }
.main-menu li.level-1 { display: inline-flex; align-items: center; min-width: 100px; }
.main-menu li.level-1 ul { display: none; width: 270px; padding: 20px 0; }
.main-menu li.level-1.active { background: #cc2a35; border-radius: 5px; }
.main-menu li.level-1.active > a { color: white; text-decoration: none; }
.main-menu li.level-1:hover, .main-menu li.level-1:focus { background: #2f2f2f; border-radius: 5px; }
.main-menu li.level-1:hover > ul, .main-menu li.level-1:focus > ul { display: block; position: absolute; top: 97%; left: 0; padding: 20px; background: white; border-radius: 5px; z-index: 10; border-left: 6px solid #cc2a35; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }
.main-menu li.level-1:hover > a, .main-menu li.level-1:focus > a { color: white; }
.main-menu li.level-1:hover li.level-2, .main-menu li.level-1:focus li.level-2 { display: block; }
.main-menu li.level-2 { display: none; text-align: left; }
.main-menu li.level-2 ul { left: 250px; top: -20px; }
.main-menu > ul > li > a { max-width: 150px; white-space: normal; }
.main-menu > ul > li:hover > a { text-decoration: none; }
.social-icons a { display: inline-block; width: 3rem; height: 3rem; background: #ebebeb; border-radius: 50%; position: relative; margin: 0 0.5rem; }
.social-icons a:hover { background: #cc2a35; }
.social-icons a:hover:after { filteR: brightness(100%); }
.social-icons a:after { content: ''; display: inline-block; position: absolute; top: 50%; bottom: 0; left: 50%; right: 0; transform: translate(-50%, -50%); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.8rem; height: 1.8rem; }
.social-icons a.vk:after { background-image: url(../img/icon-social-vk.png); }
.social-icons a.twitter:after { background-image: url(../img/icon-social-twitter.png); }
.social-icons a.facebook:after { background-image: url(../img/icon-social-facebook.png); }
.site-search form { display: flex; align-items: center; position: relative; }
.site-search input[type="text"] { border: 0; border-radius: 5px; background: #ebebeb; color: #333; border: none; padding: 0.5rem 2rem; margin-bottom: 0; }
.site-search input[type="submit"] { color: transparent; background: transparent; position: absolute; right: 0; top: 5px; border: none; margin-bottom: 0; background: url(../img/icon-search.png) center no-repeat; width: 2rem; height: 2rem; background-size: auto; }
.header-block { padding-top: 1rem; padding-bottom: 1rem; }
.header-block > .wrapper { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.header-block > .wrapper { justify-content: center; padding: 0; margin: -1rem auto; }
.header-block > .wrapper > * { margin: 0.5rem; }
.header-block .site-logo-outer { flex-grow: 1; }
.header-block .site-logo { width: 284px; height: 56px; display: block; background: url(../img/site-logo.png) center no-repeat; padding-top: 46px; padding-left: 66px; position: relative; top: -10px; font-size: 12px; }
.header-block .social-icons { flex-grow: 1; }
.header-block .contacts { font-size: 1.6rem; }
.header-block .contacts .phones { position: relative; text-align: right; }
.header-block .contacts .phones:not(:last-child) { margin-bottom: 1rem; }
.header-block .contacts .phones .comment { text-align: right; font-size: 1.4rem; }
.header-block .contacts .phone:not(:last-child) { margin-bottom: 0.5rem; }
.header-block .contacts .phone a { display: block; color: #cc2a35; font-size: 2.2rem; white-space: nowrap; font-weight: normal; }
.header-block .contacts .phone { display: flex; align-items: center; justify-content: right; }
.header-block .address { font-size: 1.35rem; max-width: 300px; white-space: normal; }
.header-block .address p { margin-bottom: 0.5em; }
.header-block .address:not(:last-child) { margin-bottom: 5px; }
.header-block .time { margin-bottom: 10px; }
.header-block .time-work { text-align: center; }
.header-block .time-work .ui-button { min-width: 16rem; }
.header-block .time-work strong { font-size: 100%; }
.header-block .whatsapp-item, .header-block .whatsapp-item-2 { right: -34px; position: absolute; top:50%; transform: translate(0, -50%); }
.header-block .recall-top { font-size: 1.5rem; padding: 1rem 1rem; width: auto; text-align: center; }
.header-block .contacts { flex-basis: 25rem; }
.address-item { margin-bottom: 1em; }
.address-item h3 { margin-bottom: 0.5rem !important; }
.cities-selector { display: flex; justify-content: center; flex-grow: 1; }
.navigation-block { background: #f7f7f7; padding-top: 2rem; padding-bottom: 2rem; position:relative;}
.navigation-block .social-icons {display:none;}
.navigation-burger,.navigation-close{display:none;}
.navigation-burger span ,.navigation-close span {background:#333; width:100%; height:3px;}
.navigation-close span:first-child {transform:rotate(45deg);}
.navigation-close span {position:absolute; width: 4rem;transform:rotate(135deg);}
.navigation-block .wrapper .main-menu .read-more span{background:#333;width: 18px;height:2px;display: block;transform:rotate(45deg);position:absolute; top:0; bottom:0; margin:auto; transitiom:0.3s;}
.navigation-block .wrapper .main-menu .read-more span:first-child {transform:rotate(135deg);right:0}
.navigation-block .wrapper .main-menu .read-more span:last-child {left:0}
.navigation-block .wrapper .main-menu .read-more {display:none;position: absolute;right: 1rem;height: 3rem;width:3rem;top: 0; transition:0.3s;}
.navigation-block .wrapper .main-menu li.active .read-more span{background:#fff;}
.main-menu li.level-1:hover .read-more span, .main-menu li.level-1:focus .read-more span{background:#fff;}
.navigation-block .wrapper .main-menu li .read-more.active {transform:rotate(180deg)}
@media screen and (max-width:768px) {
.navigation-block .wrapper .main-menu {padding-top:5rem;}
.navigation-block .wrapper .main-menu .read-more {display:block;}
.header-block .wrapper .social-icons ,.header-block .wrapper .time-work{display:none; }
.header-block > .wrapper {padding-top:8rem;flex-flow:row;}
.header-block > .wrapper .contacts .phones {font-size: 2rem; margin:0;}
.header-block .whatsapp-item, .header-block .whatsapp-item-2 {}
.header-block .recall-top {display:none;}
.header-block > .wrapper .cities-selector { flex-basis: 20rem; margin:1rem 0;}
.header-block > .wrapper .site-logo-outer { display:flex; gap: 1rem;
justify-content:center; align-items: center;position: fixed;top: 0;width: 100%;background: #fff;z-index: 20;margin: 0;padding: 1rem 2rem; flex-grow: 1; }
.header-block > .wrapper .site-logo-outer > .site-logo {width:220px; background-size:contain;margin-right:1rem;}
.navigation-burger { width: 4rem;display:flex;height: 3rem;flex-wrap: wrap;gap: 1rem;}
.navigation-close {width: 4rem;display:flex;height: 3rem;flex-wrap: wrap;gap: 1rem;position:absolute;right:1rem; top:2.6rem;}
.navigation-block .wrapper .main-menu > ul{display:flex;flex-direction:column;}
.navigation-block .wrapper .main-menu > ul > li{margin-bottom:0.5rem; display:flex;flex-wrap:wrap;}
.navigation-block .wrapper .main-menu > ul > li > a {padding:0.7rem;}
.navigation-block .wrapper .main-menu > ul > li > ul {display:none; padding-bottom:4rem; width:auto;}
.navigation-block .wrapper .main-menu li.level-2 ul {display:none;}
/* .navigation-block .wrapper .main-menu > ul > li > ul {bottom:0;}*/
.navigation-block .wrapper .main-menu > ul > li > ul.active {display:flex;}
.navigation-block .wrapper .main-menu > ul > li > ul li{ width:100%;}
.navigation-block {position:fixed;overflow:scroll;top:0;right:0;transition:0.3s; transform:translateX(100%);z-index:20;min-width:100%;}
.navigation-block .social-icons {display:flex;position: absolute;top: 2rem;gap: 1rem;}
.navigation-block.active {transform:translateX(0)}
}
.slider-block { background: #303030; color: white; text-align: right; }
.slider-block .slide { position: relative; height: 500px; }
.slider-block .image { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.slider-block .image img { height: 100%; width: 100%; object-fit: cover; }
.slider-block .text { padding-right: 10rem; display: inline-block; width: 50%; text-align: right; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
.slider-block .text .title { font-size: 2.8rem; text-shadow: 0 2px 0 black; font-weight: bold; margin-bottom: 2rem; }
.about-index-block { padding-top: 4rem; padding-bottom: 0rem; background: url(../img/service-teasers-block-bg.jpg) bottom center no-repeat, #333; background-size: cover; color: white; }
.about-index-block > .wrapper { position: relative; top: -4rem; z-index: 10; }
.about-index-block .article { background: #f3f3f3; max-width: 1063px; margin: 0 auto; color: #333; margin-bottom: 0rem; position: relative; top: -20px; }
.about-index-block .article h1 { padding: 3rem 6rem; background: white; margin-bottom: 0; }
.about-index-block .article .article-content { padding: 3rem 6rem; padding-right: 30rem; }
.about-index-block .article .article-content p img { width: 250px; height: 170px; margin-top: -11px; }
.about-index-block .article:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 110%; width: 300px; background: url(../img/about-block-bg-man.png) right bottom no-repeat; background-size: contain; }
.about-index-block .banner { text-align: center; }
.about-index-block .banner img { max-width: 100%; height: auto; border-radius: 5px; }
.about-index-block .slider-banners { max-width: 1063px; margin: 0 auto; }
@media screen and (max-width: 960px) {
.about-index-block .article .article-content { padding-right: 4rem; }
.about-index-block .article::after { display: none; }
}
@media screen and (max-width: 400px) {
.about-index-block .article h1 { font-size: 2.4rem; text-align: center; padding: 2rem 4rem; }
.about-index-block .article .article-content { padding-right: 4rem; }
}
.teasers-block > .wrapper { border-top: none; }
.teasers-block .teasers-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr)); flex-flow: row; justify-content: start; margin: 0 -1rem; flex-wrap: wrap; }
.teasers-block .service-teaser { padding: 1rem; text-align: center; flex-basis: 29rem; flex-grow: 1; min-width: 29rem; }
.teasers-block .service-teaser .top { display: block; border-radius: 5px; background: url(../img/service-teaser-bg.jpg) bottom center / 100% 100% repeat, #383838; color: white; font-size: 1.7rem; font-weight: bold; padding: 2rem; text-align: center; border-bottom: 6px solid transparent; padding-top: 145px; position: relative; margin-bottom: 2rem; height: 20rem; }
.teasers-block .service-teaser .top:hover { border-bottom-color: #e0e0e0 !important; }
.teasers-block .service-teaser .top::after { content: ''; display: block; position: absolute; top: 10px; left:50%; width: 80%; height: 131px; background-repeat: no-repeat; background-size: contain; background-position: center; transform: translateX(-50%); }
.teasers-block .service-teaser .top a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: poinert; z-index: 10; width: 100%; height: 100%; }
.teasers-block .service-teaser a.more-button { text-align: center; margin-top: 1rem; }
.teasers-block .service-teaser a.more-button { text-align: left; display: inline-block; background: var(--color-red); color: white; padding: 0.5rem 1rem; border-radius: 0.5rem; }
.teasers-block .service-teaser ul { text-align: center; font-size: 90%; }
.teasers-block .service-teaser ul li { margin-bottom: 0.5em; }
.teasers-block .service-teaser ul li a { color: #cc2a35; text-decoration: underline; }
.teasers-block .service-teaser:nth-child(1) .top { border-bottom-color: #cc2a35; }
.teasers-block .service-teaser:nth-child(2) .top { border-bottom-color: #b9760d; }
.teasers-block .service-teaser:nth-child(3) .top { border-bottom-color: #2785ba; }
.teasers-block .service-teaser[data-id="12"] .top::after { background-image: url(/assets/images/teasers/service-teaser-paints.png); }
.teasers-block .service-teaser[data-id="356"] .top::after { background-image: url(/assets/images/teasers/service-teaser-engine.png); }
.teasers-block .service-teaser[data-id="595"] .top::after { background-image: url(/assets/images/teasers/service-teaser-engine.png); }
.teasers-block .service-teaser[data-id="94"] .top::after { background-image: url(/assets/images/teasers/service-teaser-parts.png); }
.teasers-block .service-teaser[data-id="486"] .top::after { background-image: url(/assets/images/teasers/service-teaser-transmisson.png); }
.teasers-block .service-teaser[data-id="499"] .top::after { background-image: url(/assets/images/teasers/service-teaser-chassis.png); }
.teasers-block .service-teaser[data-id="10"] .top::after { background-image: url(/assets/images/teasers/service-teaser-repair.png); }
.teasers-block .service-teaser[data-id="94"] .top::after { background-image: url(/assets/images/teasers/service-teaser-parts.png); }
.teasers-block .service-teaser[data-id="438"] .top::after { background-image: url(/assets/images/teasers/service-teaser-service.png); }
.teasers-block .service-teaser[data-id="121"] .top::after { background-image: url(/assets/images/teasers/service-teaser-additional.png); }
.teasers-block.-mobile {display:none;}
@media screen and (max-width: 768px) {
.teasers-block .service-teaser { text-align: left; }
.teasers-block .service-teaser .top { height: 4rem; padding: 1rem; background-size: auto; }
.teasers-block .service-teaser .top::after { display: none; }
.teasers-block .service-teaser ul { display: grid; text-align: left; }
.teasers-block .service-teaser ul li { display: inline-block; }
.teasers-block .service-teaser ul li:not(:last-child)::after { content: ','; display: inline; margin-right: 1rem; }
.teasers-block.-mobile {
display:block;
padding-bottom: 0;
}
.teasers-block .service-teaser ul li.has-children ul{
display:none;
}
}
.why-we-block .content { display: flex; align-items: flex-start; }
.why-we-block .video-player { min-width: 40%; background: gray; border-radius: 5px; margin-right: 4rem; }
.service-teasers-block { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 10%), url(../img/service-teasers-block-bg.jpg) bottom center no-repeat, #333; background-size: cover; color: white; padding-top: 2rem; padding-bottom: 2rem; }
.teasers-block { padding-top: 0; }
.teasers-block > .wrapper { border-top: 1px solid #ddd; padding-top: 2rem; }
.price-slider-block { background: url(../img/price-slider-block-bg.jpg) bottom center repeat-x; }
.price-slider-block > .wrapper { position: relative; }
.price-slider-block .text { margin-bottom: 6rem; }
.price-slider-block .car-type-image { margin-bottom: 1rem; text-align: center; position: relative; height: 450px; width: 100%; }
.price-slider-block .car-type-image .slide { height: 100%; width: 100%; max-width: 979px; position: absolute; top: 0; left: 50%; transform: translatex(-50%); }
.price-slider-block .car-type-image img { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; }
.price-slider-block .types { text-align: center; }
.price-slider-block .types button { background: white; color: #333; margin: 0 5px; position: relative; color: var(--color-red); }
.price-slider-block .types button:after { content: ''; display: block; width: 100%; height: 10px; background: radial-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 80%); position: absolute; bottom: -15px; left: 0; }
.price-slider-block .types button:hover, .price-slider-block .types button.active { background: #cc2a35; color: white; }
.price-slider-block .controls { position: absolute; width: 100%; bottom: 300px; }
.price-slider-block .controls button { width: 64px; height: 64px; background-position: center; background-size: contain; background-color: transparent; position: absolute; top: 0; }
.price-slider-block .controls button[data-action=prev] { background-image: url(../img/arrow-left.svg); left: -64px; }
.price-slider-block .controls button[data-action=prev]:hover { background-image: url(../img/arrow-left-hover.svg); }
.price-slider-block .controls button[data-action=next] { background-image: url(../img/arrow-right.svg); right: -64px; }
.price-slider-block .controls button[data-action=next]:hover { background-image: url(../img/arrow-right-hover.svg); }
.banner.content-banner { position: relative; }
.banner.content-banner img { width: 100%; height: auto; }
.banner.content-banner a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.content-block > .wrapper { display: flex; flex-flow: row nowrap; }
.side-block { width: 30%; min-width: 320px; padding: 5rem 2rem; text-align: right; }
.side-block .banner img { border-radius: 5px; overflow: hidden; }
.side-menu { max-width: 283px; display: inline-block; text-align: left; }
.side-menu h2 { background: #cc2a35; padding: 2rem; font-size: 2.5rem; margin-bottom: 1rem; border-radius: 3px; color: white; }
.side-menu a { display: block; }
.side-menu > ul > li { margin-bottom: 2rem; background: linear-gradient(-45deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 20%), #ebebeb; border-bottom: 3px solid #9c9c9c; border-radius: 5px; }
.side-menu > ul > li > a { font-size: 1.9rem; font-weight: bold; background: #cc2a35; padding: 1rem 2rem; color: white; border-radius: 5px; }
.side-menu > ul > li > ul { padding: 2rem; }
.side-menu > ul > li.active { background: linear-gradient(white, #e7e7e7); }
.side-menu > ul > li.active > a { background: #2f2f2f; }
.side-menu > ul > li > ul li { border-radius: 5px; position: relative; }
.side-menu > ul > li > ul { font-size: 90%; background: none; margin-left: 0;}
.side-menu > ul > li > ul li a { padding: 0.5rem 1.5rem; margin: 0.2rem 0; }
.side-menu > ul > li > ul > li > ul { color: black; display: none; }
.side-menu > ul > li > ul li ul li { margin-left: 1rem; }
.side-menu > ul > li > ul li:hover { border-radius: 5px; background: transparent; color: #cc2a35; }
.side-menu > ul > li > ul li.active { color: black; background: transparent; }
.side-menu > ul > li > ul li.active ul { display: block; }
.side-menu > ul > li > ul li.active > a { color: #cc2a35; }
.side-menu > ul > li > ul li.active .expandMenu { transform: rotate(90deg); }
.side-menu > ul > li > ul > li.active { color: white; background: transparent; }
.side-menu li.id-94 li a { background-position: 7% center; background-repeat: no-repeat; padding: 1rem 0 1rem 8.5rem; }
.side-menu li.id-94 li.active { background: var(--color-red); }
.side-menu li.id-95 > a { background-image: url(../img/parts-teasers/roof-hover.png); }
.side-menu li.id-96 > a { background-image: url(../img/parts-teasers/hood.png); }
.side-menu li.id-97 > a { background-image: url(../img/parts-teasers/back.png); }
.side-menu li.id-98 > a { background-image: url(../img/parts-teasers/doors.png); }
.side-menu li.id-99 > a { background-image: url(../img/parts-teasers/wings.png); }
.side-menu li.id-100 > a { background-image: url(../img/parts-teasers/bumper.png); }
.side-menu li.id-101 > a { background-image: url(../img/parts-teasers/threshold.png); }
.side-menu li.id-102 > a { background-image: url(../img/parts-teasers/mirrors.png); }
.side-menu li.id-103 > a { background-image: url(../img/parts-teasers/support.png); }
.side-menu li.id-104 > a { background-image: url(../img/parts-teasers/spoiler.png); }
.side-menu li.id-105 > a { background-image: url(../img/parts-teasers/bike.png); }
.child-pages h2 { margin-bottom: 1em !important; }
.child-pages .pages-container { display: flex; flex-flow: row wrap; }
.child-pages .child-page { display: inline-block; display: flex; flex-flow: row nowrap; width: 49%; position: relative; overflow: hidden; align-items: center; }
.child-pages .pages-container > *: last-child { margin-bottom: 0 !important; padding-bottom: 0; }
.child-pages .child-page a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; }
.child-pages .child-page .title { font-size: 1.5rem; font-weight: bold; color: #cc2a35; }
.child-pages .child-page:hover .title { text-decoration: underline; color: inherit; }
.side-block { padding-left: 0; width: 320px; min-width: auto; }
.article-block { padding-left: 2rem; width: 100%; }
.article-block > .wrapper h1 { text-align: left; margin-bottom: 1rem; }
.article-block > .wrapper h2 { font-size: 2.4rem; text-align: left; margin-bottom: 1em; }
.article-block .share-widget { float: right; margin-left: 2rem; }
@media screen and (max-width:768px) {
.article-block .share-widget {float:none;}
}
.article-preview { display: flex; flex-flow: row nowrap; margin-bottom: 2rem; }
.article-preview .image { margin-right: 2rem; width: 20rem; min-width: 20rem; height: 20rem; position: relative; }
.article-preview .image img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; }
.article-preview .date { margin-bottom: 1rem; font-style: italic; opacity: 0.8;}
.article-preview .content { flex-grow: 1; }
.article-preview h3 { font-size: 2rem; margin-bottom: 1.5rem; }
.article-preview .introtext { margin-bottom: 1.5rem; }
.article section { margin-bottom: 4rem; }
a { color: #inherit; }
.article h2 { font-size: 2.4rem; text-align: left; margin-bottom: 1em; }
.article h3 { font-size: 1.5rem; color: #cc2a35; margin-bottom: 1em; }
.article img { margin-bottom: 2rem; }
.article p { margin-bottom: 1em; }
.article ul { list-style-type: disc; margin-left: 1em; }
.article ol { list-style-type: decimal; padding-bottom: 1em; margin-left: 1em; }
.article ol > li, .article ul > li { margin-left: 1em; margin-bottom: 0.5em; }
.article table { width: 100%; border: 2px solid #ccc; margin-bottom: 4rem; }
.article table caption { background: #e4e4e4; text-align: center; border: 1px solid #9c9c9c; padding: 2rem; font-size: 1.9rem; border-bottom: 4px solid #cc2a35; }
.article table tr.table-accent > * { background: #e4e4e4; }
.article table th { background: #f3f3f3; border: 1px solid #9c9c9c; text-align: left; padding: 1.5rem; }
.article table td { padding: 1.5rem; border: 1px solid #9c9c9c; text-align: left; }
.article table td strong { color: #cc2a35; font-size: 110%; }
.article-type-car-brand .top { position: relative; width: 100%; margin-bottom: 4rem; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; align-content: center; }
.article-type-car-brand .brand-logo { background: white; width: 200px; height: 200px; margin-left: 4rem; margin-bottom: 2rem; border: 1px solid #eee; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); display: flex; align-items: center; padding: 10px; z-index: 10; }
.article-type-car-brand .brand-logo img { width: 100%; height: 100%; object-fit: contain; }
.article-type-car-brand .brand-image { position: relative; width: 80%; }
.article-type-car-brand .brand-image img { width: 100%; height: auto; }
.order-block { background: url(../img/order-block-bg.jpg) center no-repeat, #cc2a35; background-size: cover; color: white; }
.order-block > .wrapper { padding: 0; position: relative; }
.order-block .vcap-input { align-items: center; }
.order-block .vcap-input a { color: white; }
.order-block .form-buttons { gap: 2rem; }
.order-block .form-buttons .vcap-input { text-align: left; }
.order-block input[type="submit"] { background: black; }
.order-block input[type="submit"]:hover { color: black; }
.order-form .buttons { text-align: center; }
.order-form .buttons > * { padding: 2rem 4rem; font-size: 1.6rem; }
.order-form .ui-input, .order-form input[type="text"], .order-form input[type="checkbox"], .order-form select, .order-form textarea { border: 0; }
.order-form .form-inputs { display: flex; flex-flow: row nowrap; margin: -1rem; margin-bottom: 1rem; }
.order-form .form-inputs > * { width: 50%; margin: 1rem; }
.order-form .form-inputs > *:first-child { margin-right: 4rem; }
.order-form .form-buttons { text-align: center; display: flex; align-items: center; justify-content: flex-end; }
.order-form .form-buttons > * { margin: 0.5rem 3rem; }
.order-form .form-buttons input[type=submit]:hover { background: #f0f0f0; }
.order-form textarea[name=text] { height: 270px; }
.order-form .image-loader { display: flex; flex-flow: row wrap; }
.order-form .image-loader .image-loader { display: inline-block; }
.order-form .image-loader .image { margin-right: 1rem; margin-bottom: 1rem; width: 150px; height: 60px; border: 1px solid rgba(255, 255, 255, 0.5); text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.order-form .image-loader .image img { width: 100%; height: 100%; object-fit: cover; }
.order-form .image-loader .image:hover { border-color: white; background-color: rgba(255, 255, 255, 0.2); }
.order-form .image-loader .image .add-image { padding-left: 40px; background: url(../img/icon-plus-white.svg) center left no-repeat; margin: 20px; }
@media screen and (max-width: 576px) { .order-form .image-loader .image { margin-right: 0; margin-bottom: 0; }
.order-form .image-loader { display: flex; }
.order-form .form-buttons { margin-bottom: 2rem; }
}
.car-brands-block .text { margin-bottom: 6rem; }
.car-brands-container { display: flex; flex-flow: row wrap; justify-content: start; margin: 0 -1rem;}
.car-brand.is-preview { flex-basis: 200px; margin-bottom: 2rem; text-align: center; position: relative; margin:1rem;}
.car-brand.is-preview .image { width: 100%; margin-bottom: 1rem; height: 150px; position: relative; text-align: center; }
.car-brand.is-preview .image img { width: 150px; height: 150px; object-fit: contain; position: absolute; bottom: 0; left: 50%; right: 0; transform: translateX(-50%); margin-bottom: 0; }
.car-brand.is-preview .title { display: inline-block; padding: 1rem; background: #eaeaea; color: #323232; border-radius: 5px; font-weight: bold; text-align: center; width: 150px; }
.car-brand.is-preview:hover .title { background: #cc2a35; color: white; }
.car-brand.is-preview a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.page-id-156 .car-brand.is-preview { flex-basis: 15rem; flex-grow: 1; }
.news-block { background: #f0f0f0; }
.news-block .news-container { display: flex; flex-flow: row nowrap; margin-bottom: 0rem; }
.news-block .news-container > * { width: 48%; }
@media screen and (max-width:768px) {
.news-block .news-container > * {flex-wrap: wrap;}
}
.news .content .text { margin-bottom: 2.7rem; }
.news-preview { display: flex; flex-flow: row nowrap; align-items: start; position: relative; margin-bottom: 1rem; }
.news-preview .image { flex-basis: 18rem; position: relative; }
.news-preview .image img { width: 18rem; height: 18rem; object-fit: cover; }
.news-preview .date { display: inline-block; font-size: 90%; color: #666; border-bottom: 3px solid #cc2a35; margin-bottom: 1rem; }
.news-preview .content { padding-left: 2rem; }
.news-preview h2 { margin-bottom: 1rem; }
.news-preview .text { margin-bottom: 1rem; }
.feedbacks-block { background: url(../img/feedbacks-block-bg.jpg) center no-repeat, #4a4b4b; background-size: cover; color: white; text-align: center; }
.feedbacks-block .feedbacks-container { text-align: left; }
.feedback.is-preview { color: #000000; margin: 1rem; border-bottom: 10px solid #f0f0f0; display: inline-block; width: 42%; }
.feedback.is-preview .avatar img { border-radius: 50%; display: inline-block; width: 120px; height: 120px; object-fit: cover; margin-right: 1rem; }
.feedback.is-preview:hover { border-bottom-color: #cc2a35; }
.feedback.is-preview .top { padding: 2rem 2rem; background: white; overflow: hidden; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; }
.feedback.is-preview .name { font-size: 2rem; font-style: italic; font-weight: 300; }
.feedback.is-preview .content { padding: 4rem; font-weight: 300; font-style: italic; font-size: 1.4rem; background: #f0f0f0; }
.service-teasers-block .banner { text-align: center; }
.service-teasers-block .banner img { max-width: 100%; height: auto; border-radius: 5px; }
.article-content .feedbacks-container { display: flex; flex-flow: row wrap; }
.article-content .feedback.is-preview { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); max-width: 300px; flex-grow: 2; width: 31%; }
.map-block { padding: 0; text-align: center; position: relative; min-height: 500px; background-color: #9c9c9c; }
.map-block .map { width: 100%; }
.map-block .ymaps-2-1-69-ground-pane { filter: grayscale(100%); }
.map-block .contacts { filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3)); position: absolute; background: white; color: #333; display: inline-block; padding: 3rem 6rem; bottom: 3rem; left: 50%; transform: translateX(-50%); }
.map-block .contacts .phones { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #ebebeb; }
.map-block .contacts .phones { font-size: 3rem; color: #cc2a35; font-weight: bold; }
.map-block .contacts .address { font-size: 1.7rem; }
.map-block .contacts:after { content: ''; display: block; position: absolute; left: 50%; top: -30px; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 35px 30px 35px; border-color: transparent transparent #ffffff transparent; }
.bottom-block { background: #202020; color: white; padding-bottom: 3rem; }
.bottom-block .bottom-links { margin-bottom: 4rem; }
.bottom-block .bottom-links a { display: inline-block; font-size: 1.4rem; padding:0.25rem; }
.bottom-block .bottom-links a:hover { color: #cc2a35; }
.bottom-block .bottom-links li { }
.bottom-block .bottom-links li.all-services a { background: black; color: white; padding: 0.25rem 0.5rem; border-radius: 0.5rem; border-bottom: 3px solid #cc2a35; overflow: hidden; }
.bottom-block .bottom-links li.all-services { margin-top:0.75rem;}
.bottom-block .bottom-links > ul { display: flex; flex-flow: row wrap; justify-content: start; margin: -2rem; }
.bottom-block .bottom-links > ul > li { width: auto; margin: 2rem; flex-basis: 158px; }
.bottom-block .bottom-links > ul > li > a { font-size: 1.8rem; font-weight: bold; margin-bottom: 1.5em; color: #ff3442; font-weight: normal; display: block; }
.bottom-block .bottom-links > ul > li > ul a:hover { text-decoration: underline; }
@media screen and (max-width: 1024px) {
.bottom-block .bottom-links { }
.bottom-block .bottom-links > ul { justify-content: center; }
}
.bottom-block .bottom-menu { font-size: 1.6rem; text-align: center; }
.bottom-block .bottom-menu ul { display: flex; flex-flow: row wrap; justify-content: center; }
.bottom-block .bottom-menu li { margin-right: 1.5rem; }
.bottom-block .bottom-menu li.active a { background: #cc2a35; color: white; }
.bottom-block .bottom-menu a { display: inline-block; padding: 1rem; border-radius: 5px; }
.bottom-block .bottom-menu a:hover { color: #cc2a35; text-decoration: underline; }
.banner-block { display: none; padding-top: 0; padding-bottom: 0; margin-bottom: 2rem; }
.banner-block .banner { color: transparent; font-size: 0; display: block; width: 100%; }
.banner-block .banner img { width: 100%; height: auto; }
.footer-block { padding-top: 1rem; padding-bottom: 1rem; background: #cc2a35; color: white; }
.footer-block .copyright { max-width: 450px; }
.footer-block .time-work { max-width: 250px; }
.footer-block > .wrapper { display: flex; flex-flow: row nowrap; padding: 3rem 0; justify-content: space-between; align-items: center; }
.footer-block .copyrights { font-size: 1.3rem; color: rgba(0, 0, 0, 0.4); }
.footer-block .developer { min-height: 40px; display: flex; flex-flow: row; align-items: center; text-align: right; max-width: 345px; }
.footer-block .developer:after { content: ''; display: inline-block; height: 40px; width: 200px; min-width: 200px; background: url(../img/vebas-logo.png) center no-repeat; }
.why-we { display: flex; flex-flow: row wrap; margin: 0 -1rem; margin-bottom: 2rem; }
.why-we > * { width: 46%; flex-grow: 2; border: 3px solid #eee; margin: 1rem; border-radius: 5px; overflow: hidden; }
.why-we > * h2 { background: #333; display: block; width: 100%; color: white; min-height: 7rem; display: flex; align-content: center; padding: 0 2rem; align-items: center; margin-bottom: 0; margin-top: 0; font-size: 1.9rem; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.why-we > * .content { padding: 2rem; }
.why-we .features .content .item { margin-bottom: 1rem; overflow: hidden; display: flex; align-items: center; }
.why-we .features .content .item .number span { display: inline-block; margin-right: 1rem; border-radius: 50%; background: #cc2a35; color: white; width: 4rem; height: 4rem; font-size: 3rem; text-align: center; float: left; align-items: center; display: flex; align-items: center; align-content: center; justify-content: center; }
.why-we .contacts h3 { font-size: 1.9rem; margin-bottom: 2rem; }
.why-we .contacts .phones { font-size: 3rem; color: #cc2a35; margin-bottom: 2rem; }
.why-we .map .content { padding: 0; }
.gal-item { display: inline-block; padding: 3px; border: 1px solid #d4d4d4; margin: 4px; opacity: 0.8; }
.gal-album { display: inline-block; position: relative; margin: 4px; margin-bottom: 2rem; max-width: 209px; }
.gal-album a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.gal-album h3 { color: #2f2f2f; font-size: 1.6rem; text-align: left; display: block; font-weight: bold; }
.gal-album:hover h3 { color: #cc2a35; }
.gal-album .image { display: block; padding: 3px; border: 1px solid #d4d4d4; margin-bottom: 1rem; opacity: 0.8; }
.gal-item:hover { opacity: 1.0; }
.page-id-7 .article .contacts { display: flex; flex-flow: row wrap; margin-left: -2rem; margin-right: -2rem; }
.page-id-7 .article .contacts .text section { border-bottom: 1px solid #ccc; padding-bottom: 2rem; margin-bottom: 2rem; }
.page-id-7 .article .contacts > * { width: 44%; margin: 2rem; flex-grow: 2; }
.page-id-7 .map { border: 5px solid white; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); }
.price-tables { margin-bottom: 4rem; }
.price-tables .price-table-controls { display: inline-block; float: right; margin-bottom: 2rem; text-align: center; }
.price-tables .price-table-controls button.active { background: black; }
.price-tables .price-table { display: none; }
.price-tables .price-table img { max-width: 100%; height: auto; }
.price-tables .type-image > img { max-width: 100%; height: auto; }
.price-tables .price-table:first-child { display: block; }
.section-teasers { margin: 0 -1rem; }
.section-teasers .teasers-container { display: flex; flex-flow: row wrap; justify-content: space-between; }
.video-player { position: relative; display: block; }
.video-player .container { padding-top: 70%; position: relative; }
.video-player .cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; width: 100%; height: 100%; }
.video-player .heading { position: absolute; top: 50%; left: 0; right: 0; padding: 4rem 2rem; transform: translateY(-50%); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0)); cursor: pointer; justify-content: center; }
.video-player .heading { display: grid; grid-template-rows: 1fr; grid-template-columns: 10% 100px auto 10%; align-items: center; grid-gap: 1em; }
.video-player .heading:after { content: ''; display: block; border-radius: 100%; grid-row: 1; grid-column: 2; width: 100px; height: 100px; background: url(../img/icon-play.png) center no-repeat, #cc2a35; }
.video-player:hover .heading:after { background-color: black; }
.article-teaser { text-align: center; width: 23%; margin: 1rem; max-width: 150px; margin-bottom: 3rem; position: relative; }
.article-teaser .image { margin-bottom: 1rem; border-radius: 50%; display: inline-block; position: relative; width: 120px; height: 120px; }
.article-teaser .image img { display: inline-block; position: relative; border-radius: 50%; width: 100%; height: 100%; object-fit: cover; }
.article-teaser .image:after { display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; border: 4px solid rgba(0, 0, 0, 0.3); }
.article-teaser:hover .image:after { border-color: rgba(255, 255, 255, 0.2); }
.article-teaser .title { font-size: 1.5rem; font-weight: bold; min-height: 2rem; display: flex; flex-flow: row nowrap; align-items: center; }
.article-teaser a { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.article-teaser:hover .title { color: #cc2a35; }
.adaptive-hide { display: none; }
.adaptive-show { display: block; }
.partners { display: grid; width: 100%; grid-template-columns: repeat(auto-fill,28rem); justify-content: space-around; grid-gap: 2rem; }
.part { display: inline-block; text-align: center; position: relative; margin-bottom: 1rem; }
.part .images { width: 180px; height: 180px; overflow: hidden; position: relative; display: inline-block; margin-bottom: 1rem; }
.part .title { height: 4rem; width: auto; padding: 1rem 2rem; display: inline-flex; align-items: center; transition: .3s all; line-height: 1em; }
@media screen and (max-width: 1200px) {
.teasers-block .teasers-container .service-teaser { width: 49%; }
.feedbacks-block .feedback .avatar img { width: 80px; height: 80px; }
}
@media screen and (max-width: 1024px) {
.block, .header-block, .navigation-block, .about-index-block, .why-we-block, .service-teasers-block, .teasers-block, .price-slider-block, .content-block, .order-block, .car-brands-block, .news-block, .feedbacks-block, .bottom-block, .banner-block, .footer-block { padding-left: 5rem; padding-right: 5rem; }
form { max-width: none; }
.header-block > .wrapper { justify-content: center; }
.header-block > .wrapper > * { margin: 1.5rem; text-align: center; }
.news-block .news-container { flex-wrap: wrap; }
.news-block .news-container > * { width: 100%; margin-bottom: 2rem; }
}
@media screen and (max-width: 960px) { .order-form .form-inputs { flex-flow: column; max-width: 500px; margin: 0 auto; }
.order-form .form-inputs > * { width: 100%; margin: 0; margin-bottom: 2rem; }
.order-form .image-loader { text-align: center; display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 2rem; }
.page-template-2 .service-teasers a:after { display: none; }
.page-template-2 .service-teasers a { padding-top: 2rem; }
.article-block { padding-bottom: 0; padding: 0; }
.side-block { display: none; }
.banner-block { display: block; }
button.slick-next { right: -32px; }
button.slick-prev { left: -32px; }
.price-slider-block .controls button[data-action=next] { right: -32px; }
.price-slider-block .controls button[data-action=prev] { left: -32px; }
.service-teasers a { font-size: 1.6rem; width: auto; }
/* .main-menu li.level-1.active { margin-bottom: 20px; }*/
.main-menu li.level-1:hover ul, .main-menu li.level-1:focus ul { display: none; }
.main-menu li.level-1.active ul { /*position: relative; border-top: 5px solid #cc2a35; border-left: none; padding: 10px; top: 0;*/width: auto; background: white; }
.main-menu li.level-1.active ul { display: flex; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3); }
.main-menu li.level-1.active li.level-2 { display: block; text-align: center; }
}
@media screen and (max-width: 768px) { .block, .header-block, .navigation-block, .about-index-block, .why-we-block, .service-teasers-block, .teasers-block, .price-slider-block, .content-block, .order-block, .car-brands-block, .news-block, .feedbacks-block, .bottom-block, .banner-block, .footer-block { padding-left: 2rem; padding-right: 2rem; }
.teasers-block .teasers-container { justify-content: center; }
.teasers-block .teasers-container .service-teaser { width: 100%; }
.gallery { display: flex; flex-flow: row wrap; }
.gal-item { width: 48%; }
.gal-item img { width: 100%; height: auto; }
.bottom-block .bottom-links > ul { justify-content: center; }
.bottom-block .bottom-links > ul > li { flex-grow: 2; margin: 0 2rem; margin-bottom: 6rem; }
.service-teasers { flex-flow: row wrap; justify-content: center; }
}
@media screen and (max-width: 480px) { .gal-item { width: 100%; }
}
/*# sourceMappingURL=style.css.map */
.pagination { display: flex; margin: 4rem 0; text-align: center; align-items: center; justify-content: center; flex-wrap: wrap; }
.pagination .title { margin-right: 2rem; }
.pagination ul { margin: 0 !important; display: flex; flex-wrap: wrap; grid-gap: 0.4rem; }
.pagination li a { display: inline-flex; margin: 0.5rem 0.5rem; }
.pagination li.active a { background: #cc2a35; color: #ffffff; }
.pagination li { display: inline-flex; list-style-type: none; margin: 0 !important; align-items: center; }
.pagination li:not(.control) a { border-radius: 50%; min-width: 30px; width: 30px; height: 30px; align-items: center; justify-content: center; text-decoration: none; }
.pagination li:hover:not(.active):not(.control) a { background: #e0e0e0; color: black; }
.cities-list { background: #000000e0; color: white; padding: var(--span-large); position: fixed; left:0; top:0; width: 100%; z-index: 100; display: none; opacity: 0; max-height: 600px; overflow: auto; }
.cities-list > .container { max-width: var(--page-width); margin:0 auto; }
.cities-list .cities > * { column-width: 300px; width: 100%; }
.cities-list .cities > *:not(:last-child) { margin-bottom: var(--span); padding-bottom: var(--span); border-bottom: 1px solid #ffffff30; }
.cities-list .city { display: block; clear: both; }
.cities-list .cities .city.active { font-weight: bold; border-left: 4px solid var(--color-red); padding-left: 0.5rem; }
.cities-list a { display: inline-block; padding: 0.25rem; font-size: 1.6rem; }
.cities-list a:hover { color: var(--color-yellow); }
.cities-list h2 { text-align: left; color: white; }
.cities-selector .toolbar { display: flex; align-items: center; font-size: 1.5rem; gap: 1rem; justify-content: center; background: var(--color-light-gray); padding: 0.5rem 1rem; min-height: 5rem; border-radius: 0.5rem; }
.cities-selector .toolbar .ui-button { --button-color: var(--color-blue); font-size: 1.5rem; }
.cities-selector .toolbar .city-title { color: var(--color-red); text-decoration: underline; cursor: pointer; }
.cities-selector .toolbar .city-title::after { content:''; display: inline-block; width: 1.5rem; height:1rem; margin-left: 1rem; opacity: 0.5; mask: url(../img/ui-arrow-down.svg) center / 100% 100% no-repeat; -webkit-mask: url(../img/ui-arrow-down.svg) center / 100% 100% no-repeat; background: var(--color-red); }
.cities-selector .container { position: relative; }
.cities-selector .container button { width: 4rem; height: 4rem; border-radius: 50%; background: url(../img/ui-close.svg) center / 2rem auto no-repeat, white; position: absolute; right: 0; top:0; opacity: 0.5; transition: all .3s; }
.cities-selector .container button:hover { opacity: 1; }
.vcap-input { display: flex; align-items: start; justify-content: start; }
.vcap-input label { }
.vcap-input a { color: var(--color-red); }
.vcap-input .vcap, .vcap-input label { margin-bottom: 0; }
.table-price + strong { margin-bottom: 2rem; display: block; }
.table-price tr:hover: not(thead) { background: #ddd; box-shadow: 0 0 5px 0 rgba(0,0,0,.5); }
.table-price tr { transition: all .3s ease; }
.table-price tr td { width: 70%; }
.table-price thead tr:hover { background: inherit; box-shadow: none; }
.article .table-price { position: relative; table-layout: fixed; margin-bottom: 4rem; }
.mfp-content { --text-color: black; color: black; padding: 4rem; overflow:hidden; background: white; display: inline-block; width: auto; max-width: 700px; z-index: 52; }
.mfp-bg { z-index: 49;}
.mfp-wrap { z-index: 50; }
.mfp-content .ui-form { padding: 0; box-shadow: none; }
.mfp-content .vcap-input > label { font-weight: normal; }
.mfp-content .vcap-input > label a:hover { text-decoration: none; }
.mfp-content h2 { color: var(--color-red); text-align: left; font-size: 3rem; }
.mfp-close { border-radius: 50%; width: 3.5rem; height: 3.5rem; right: 1rem; top: 1rem; line-height: 0; position: absolute !important; }
.mfp-close:hover, .mfp-close:focus { color: white; }
.form-input { margin-bottom: 1rem; }
.form-buttons { display: block; }
.form-buttons { display: inline-block; }
.order-service-form { }
.order-service-form .header { text-align: center; margin-bottom: 2rem; }
.order-service-form input::placeholder { color: black !important; }
.order-service-form .form-block { position: relative; }
.order-service-form .vcap-input label { width: auto; }
#tireCback-block h2 { animation: pulse 2s infinite ease-in-out; }
#tireCback-form a { color: #cc2a35; text-decoration: underline; }
#tireCback-form a:hover { text-decoration: none; }
#tireCback-form #tireCback-submit { display: block; margin: 0 auto; }
#tireCback-text { border: none; background: url(../img/bg-ta-tr.png) no-repeat; background-size: contain; color: #474747; box-shadow: 0px 0px 5px 0px rgba(0,0,0,.5); border-radius: 5px; margin-bottom: 1.5rem; padding: .9rem 1.5rem; resize: none; min-height: 84px; }
.tireCback-second { display: none; }
.tireCback-second .wheel { animation: rotateWheel 2s infinite linear; text-align: center; }
.tireCback-second .wheel > svg { width: 40%; }
.tireCback-second h2 { margin-top: 2rem; }
/* Message boxes */
.message-box { padding: 2rem 4rem; border-radius: 3px; border-bottom: 3px solid #f59600; overflow: hidden; margin-bottom: 2rem; display: flex; flex-flow: column; align-content: center; justify-content: center; padding-left: 180px; position: relative; min-height: 140px; align-items: flex-start; font-size: 1.3rem; line-height: 125%; background: url(../img/message-box-bg.jpg) center bottom repeat-x, #f7f7f7; clear: both; margin: 3rem 0; }
.message-box:before { content: ''; width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 4rem; top: 50%; transform: translateY(-50%); background: url('../img/icon-box-question.png') center no-repeat, white; z-index: 2; }
.message-box:after { content: ''; width: 100px; height: 100px; position: absolute; left: 4rem; top: 50%; z-index: 1; transform: translateY(-50%); margin-top: 10px; background: url('../img/icon-box-shadow.png') center bottom no-repeat }
.message-box h2 { display: inline-block; background: white; color: #222; border-radius: 3px; padding: 1rem 2rem; margin-bottom: 1rem !important; font-size: 1.0rem; }
.message-box p { margin-bottom: 0.2rem; }
.message-box > *: last-child { margin-bottom: 0; }
.message-box.alert { border-color: #da303b; }
.message-box.alert:before { background-image: url(../img/icon-box-alert.png); }
.message-box.percent { border-color: #2785ba; }
.message-box.percent:before { background-image: url(../img/icon-box-percent.png); }
.message-box.home { border-color: #bcbcbc; }
.message-box.home:before { background-image: url(../img/icon-box-home.png); }
.message-box.phone:before { background-image: url(../img/icon-box-phone.png); }
.message-box.phone { border-color: var(--color-red); }
.message-box.-no-frame { background: white; font-size: inherit; border: none; }
.message-box.-no-frame h2 { padding:0; }
.image-box { padding: 0rem 4rem; padding-left:0; border-radius: 3px; overflow: hidden; margin-bottom: 2rem; align-content: center; justify-content: center; position: relative; min-height: 140px; align-items: flex-start; clear: both; margin: 2rem 0; display: flex; align-items: center; }
.image-box .image { width: 150px; height: 150px; position: relative; min-width: 150px; margin-right: 2rem; }
.image-box .image img { width: 100%; height: 100%; position: absolute; object-fit: contain; }
@media screen and (max-width: 640px) {
.image-box .image { display: none; }
}
.-color-black { color: black; }
.social-icons a { display: inline-block; width: 3rem; height: 3rem; background: #ebebeb; border-radius: 50%; position: relative; margin: 0 !important; }
.social-icons a:hover { background: #cc2a35; }
.social-icons a:hover:after { filteR: brightness(100%); }
.social-icons a:after { content: ''; display: inline-block; position: absolute; top: 50%; bottom: 0; left: 50%; right: 0; transform: translate(-50%, -50%); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.8rem; height: 1.8rem; }
.social-icons a.vk:after { background-image: url(../img/icon-social-vk.png); }
.social-icons-footer a.vk:after { background-image: url(../img/icon-social-vk.png); }
.social-icons a.twitter:after { background-image: url(../img/icon-social-twitter.png); }
.social-icons a.facebook:after { background-image: url(../img/icon-social-facebook.png); }
.social-icons a.insta:after { background-image: url(../img/icon-social-insta.png); }
.social-icons-footer a.insta:after { background-image: url(../img/icon-social-insta.png); }
.social-icons-footer a { display: inline-block; width: 3rem; height: 3rem; background: #ebebeb; border-radius: 50%; position: relative; margin: 0 0rem; }
.social-icons-footer a:hover { background: #cc2a35; }
.social-icons a:hover:after { filteR: brightness(100%); }
.social-icons-footer a:after { content: ''; display: inline-block; position: absolute; top: 50%; bottom: 0; left: 50%; right: 0; transform: translate(-50%, -50%); background-position: center; background-size: contain; background-repeat: no-repeat; width: 1.8rem; height: 1.8rem; }
.imgLeft { float: left; margin: 5px 5px 5px 0px; }
.imgRight { float: right; margin: 5px 0px 5px 5px; }
img.fullwidth { width: 100%; height: auto; float: none; max-width: none; margin-left: 0; margin-right: 0; }
.ui-split-container { display: flex; align-items: center; }
.ui-split-container > * { width: 50%; }
.partners-welcome { z-index: 0; position: relative; min-height: 309px; margin-bottom: -4rem; margin-top: -3rem;}
.partners-welcome .content { width: 50%; }
.partners-welcome .image { width: 100%; position: absolute; right:-2%; bottom:0; z-index: -2; height: 100%; }
.partners-welcome .image img { width: auto; height: 100%; object-fit: contain; position: absolute; right:0; }
@media screen and (max-width: 1200px) {
.partners-welcome .image { height: 81%; }
.partners-welcome .content { width: 63%; }
}
@media screen and (max-width: 768px) {
.partners-welcome .image {display:none;}
}
i { --image: linear-gradient(transparent, transparent); display: inline-block; width: 2rem; height: 2rem;
mask: var(--image) center / contain no-repeat; -webkit-mask: var(--image) center / contain no-repeat;
background: black; }
i[data-icon="location"] { --image: url(../img/icon-location.png); }
@keyframes rotateWheel { 0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes pulse { from { transform: scale3d(1,1,1); -webkit-transform: scale3d(1,1,1); }
50% { transform: scale3d(1.05,1.05,1.05); -webkit-transform: scale3d(1.05,1.05,1.05); }
to { transform: scale3d(1,1,1); transform: -webkit-scale3d(1,1,1); }
}
@keyframes pulse-phone { from { transform: scale(1); opacity: 0; }
50% { opacity: .5; }
to { transform: scale(1.8); opacity: 0; }
}
@keyframes shake { 10%, 90% { transform: translate3d(-0.3px, 0, 0); }
20%, 80% { transform: translate3d(1px, 0, 0); }
30%, 50%, 70% { transform: translate3d(-1px, 0, 0); }
40%, 60% { transform: translate3d(1px, 0, 0); }
}
@keyframes rotate-phone { from { transform: rotate(0deg); }
50% { transform: rotate(90deg); }
to { transform: rotate(0deg); }
}
@keyframes camera-pulse { 0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
@keyframes repair { 0% { transform-origin: 70% 0% 0; transform: rotate(0deg) translateY(-50%); }
50% { transform-origin: 70% 0% 0; transform: rotate(45deg); }
100% { transform-origin: 70% 0% 0; transform: rotate(0deg) translateY(-50%); }
}
.side-block { padding: 0rem 2rem 5rem 2rem; }
.content-block { padding: 0 10rem 5rem 10rem; }
.hidden { display: none !important; }
.visible { display: block !important; }
.ui-section { margin-bottom: 4rem; clear: both; }
:root {
--color-red: #cc2a35;
}
.portfolio-aerography { display: flex; flex-flow: row wrap; width: 20%; position: relative; text-align: center; }
.portfolio-aerography .portfolio-aerography__item .image img { width: 100%; max-width: 100%; border-radius: 5px; }
.portfolio-aerography a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }
.portfolio-aerography__item .title { display: inline-block; padding: 1rem; background: #eaeaea; color: #323232; border-radius: 5px; font-weight: bold; text-align: center; width: 150px; }
.portfolio-aerography__item:hover .title { background: #cc2a35; color: white; }
.portfolio-brands { display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: space-between; }
.portfolio-brand { position: relative; margin: 1.5rem; text-align: center; }
.portfolio-brand .image { position: relative; padding-top: 100%; margin-bottom: 2rem; }
.portfolio-brand .image img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: contain; }
.portfolio-brand .title { display: inline-block; padding: 1rem; background: #eaeaea; color: #323232; border-radius: 5px; font-weight: bold; text-align: center; width: 150px; }
.portfolio-brand:hover .title { background: #cc2a35; color: white; }
.portfolio-brand a { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; }
.back-to-portfolio { display: flex; align-items: center; justify-content: center; margin-top: 3rem; }
.back-to-portfolio__button { background: linear-gradient(#b4252f, #cc2a35, #cc2a35); color: white !important; margin: 0; padding: 1.5rem 2rem; border-radius: 5px; }
.galleries { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); align-items: center; justify-content: space-evenly; flex-wrap: wrap; gap: 2rem; }
.galleries .slick-prev { left: 0; }
.galleries .slick-next { right: 0; }
.galleries .slick-list { width: 90%; margin: 0 auto; }
.gallery-item { display: flex !important; align-items: center; flex-direction: column; position: relative; text-align: center; }
.gallery-item a { display: block; width: 100%; }
.gallery-item .image { opacity:0.9; position: relative; padding-top: 100%; margin-bottom: 1rem; }
.gallery-item .image img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; }
.gallery-item .title { font-weight: bold; position: relative; padding: 1rem; border-radius: 0.5rem; background: #f0f0f0; transition: all .3s; }
.gallery-item:hover .image { opacity: 1; }
.gallery-item:hover .title { background: #cc2a35; color: white; }
.gall-head { color: #cc2a35; }
.gal-album { min-width: 200px; width: 200px; text-align: center; margin-bottom: 50px; position: relative; margin-bottom: 0; }
.gal-album .image { width: 100%; height: 100%; margin-bottom: 1rem; position: relative; }
.gal-album h3 { text-align: center; }
.gal-album .image img { margin-bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.gal-item { width: 250px; height: 180px; position: relative; border: none !important; }
.gal-item a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.gal-item img { width: 100%; height: 100%; object-fit: cover; }
.warning-banner { display: flex; justify-content: center; font-size: 1.6rem; color: red; font-weight: bold; }
.time-work .address.new: not(: last-child) { margin: 0.5rem 0; }
.page-id-406 .table-price { table-layout: fixed; }
.order-block__top { display: flex; align-items: center; margin-bottom: 1.5rem; }
.all-price__block { display: flex; justify-content: center; }
.all-price__block .all-price__link { background: #cc2a35; color: white; padding: 1.4rem 2rem; border-radius: 5px; margin-bottom: 2rem; }
.all-price__block .all-price__link:hover { text-decoration: none; background: #b72630; }
.warn-price { font-size: 1.8rem; color: #cc2a35; font-weight: bold; }
.section-teasers .image img { margin: 0; }
.section-teasers .article-teaser { display: flex; flex-direction: column; align-items: center; }
.active-class, .active-class:hover { background: black; }
.price-tables__type-img img { max-width: 100%; width: 100%; height: auto; }
.price-table tbody tr:hover, .table-paint-column tr:hover { background: linear-gradient(to right, hsl(0, 0%, 18%, .2) 0%,#fff 120%); }
.price-tables__controls { text-align: end; }
.price-tables__controls button { margin-right: .5rem; }
.td-active { background: hsla(0,100%,50%,.2); }
input.chooseProd { margin: 0; opacity: 0; position: absolute; }
.checkProd { display: block; width: 25px; height: 25px; background: black; position: relative; left: 50%; transform: translate(-50%, -5%); border: 1px solid#2f2f2f; background: white; box-shadow: inset 0px 0px 5px -2px black; border-radius: 5px; cursor: pointer; }
input.chooseProd: checked + label:after { content: ''; display: block; width: 15px; height: 15px; background: #cc2a35; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.service-selected { background: linear-gradient(to right, hsla(356, 100%, 50%, 0.15) 0%,#fff 120%); }
.expandMenu { background: url(../img/expandArrow.png) no-repeat; display: block; width: 20px; height: 20px; background-size: contain; position: absolute; left: -10px; top: 3px; cursor: pointer; transition: all .2s; }
.page-id-406 .parts-block { grid-template-columns: repeat(auto-fill,minmax(200px, 1fr)); }
.page-id-406 .part-info .part-name { font-size: 1.6rem; }
.page-id-406 .part-info > .part-price { font-size: 1.6rem; }
.page-id-406 .part-info > .part-price > span { font-size: 2rem; }
.page-id-406 .part-item > .part-img, .article-teaser > .image { height: auto; display: flex; align-items: center; }
.parts-block { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); align-items: center; width: 100%; row-gap: 3rem; column-gap: 1rem; margin-bottom: 5rem; }
.part-item { display: flex; align-items: center; width: 100%; text-decoration: none !important; }
.part-item .part-info { color: black; width: 80%; }
.part-item:hover .part-img, .article-teaser:hover > .image { border: 2px solid #ca3337; }
.part-info .part-name { font-size: 2rem; }
.part-info > .part-price { color: #aaa; font-size: 2rem; display: flex; align-items: self-end; }
.part-info > .part-price > span { color: #ca3337; display: contents; font-size: 2.4rem; }
.part-item .part-img { background: radial-gradient(transparent, rgba(0,0,0,0.1)), #f6f6f6; overflow: hidden; position: relative;}
.part-item .part-img img { margin-bottom: 0; width: 80%; height: 80%; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); }
.part-item > .part-img,
.article-teaser > .image { box-shadow: 0 2px 0px 0 #b5b5b5; border-radius: 100px; width:140px; min-width: 140px; height: 140px; margin-right: 1rem; border: 2px solid transparent; }
.servicesLinks { margin-bottom: 2rem; }
.servicesLinks__item { padding-left: 12rem; position: relative; margin-bottom: 2rem; min-height: 10.8rem; }
.servicesLinks__item: last-child { margin-bottom: 0; }
.servicesLinks__icon { content: ''; left: 0; position: absolute; display: block; width: 105px; height: 105px; background: #f2f2f2; border-radius: 5px; }
.servicesLinks__item:hover .servicesLinks__icon { background: #cc2a35; }
.servicesLinks__item .servicesLinks__icon::after { content: ''; left: 0; position: absolute; display: block; width: 64px; height: 58px; background: no-repeat; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.servicesLinks__item:nth-child(1) .servicesLinks__icon::after { background-image: url(../img/repairCar.png); }
.servicesLinks__item:nth-child(2) .servicesLinks__icon::after { background-image: url(../img/carPainter.png); }
.servicesLinks__item:nth-child(3) .servicesLinks__icon::after { background-image: url(../img/carDoor.png); }
.servicesLinks__item:nth-child(4) .servicesLinks__icon::after { background-image: url(../img/carTransmission.png); width: 52px; height: 41px; }
.servicesLinks__item:nth-child(5) .servicesLinks__icon::after { background-image: url(../img/carChassis.png); width: 49px; height: 57px; }
.servicesLinks__item:nth-child(6) .servicesLinks__icon::after { background-image: url(../img/carEngine.png); width: 53px; height: 57px; }
.servicesLinks__item:nth-child(1):hover .servicesLinks__icon::after { background-image: url(../img/carRepair-white.png); }
.servicesLinks__item:nth-child(2):hover .servicesLinks__icon::after { background-image: url(../img/carPainter-white.png); }
.servicesLinks__item:nth-child(3):hover .servicesLinks__icon::after { background-image: url(../img/carDoor-white.png); }
.servicesLinks__item:nth-child(4):hover .servicesLinks__icon::after { background-image: url(../img/carTransmission-white.png); }
.servicesLinks__item:nth-child(5):hover .servicesLinks__icon::after { background-image: url(../img/carChassis-white.png); }
.servicesLinks__item:nth-child(6):hover .servicesLinks__icon::after { background-image: url(../img/carEngine-white.png); }
.servicesLinks__item .servicesLinks__icon::before { content: ''; display: block; position: absolute; border: 10px solid transparent; border-left: 10px solid #f2f2f2; right: -20px; top: 50%; transform: translateY(-50%); }
.servicesLinks__item:hover .servicesLinks__icon::before { border-left: 10px solid #cc2a35; }
.servicesLinks__item ul { display: grid; grid-template-columns: repeat(3,1fr); margin-left: 0; }
.servicesLinks__item ul li { font-size: 1.4rem; color: #cc2a35; margin-bottom: .2rem; }
.servicesLinks__item ul li a, .servicesLinks__item ul li span { color: black; }
.servicesLinks__item ul li a { text-decoration: underline; }
.servicesLinks__item ul li a:hover { text-decoration: none; }
.servicesLinks__item .servicesLinks__header h2 { font-size: 2.2rem; margin-bottom: 1rem; }
.servicesLinks__body ul { padding-bottom: 0; }
.servicesItem span { color: black; }
.estimateForm { margin-bottom: 2rem; }
.estimateForm__form { margin-bottom: 1rem; }
.estimateForm__container { padding: 1.5rem 1.5rem 1.5rem 3rem; background: #f6f6f6; border-left: 1rem solid #cc2a35; }
.estimateForm__header { font-size: 2.2rem; position: relative; padding-left: 5rem; }
.estimateForm__header::before { content: ''; display: block; position: absolute; background: url(../img/estimateIcon.png) no-repeat; width: 40px; height: 33px; left: 0px; top: 50%; transform: translateY(-50%); }
.estimateForm__body { display: flex; margin-bottom: 2rem; }
.estimateForm__footer .vcap-input { display: block; }
.estimateForm__form-left { margin-right: 1rem; }
.estimateForm__image-loader { display: flex; align-items: center; }
.estimateForm__image-loader .image { margin-right: 1rem; width: 150px; height: 90px; border: 1px solid#ccc; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.estimateForm__image-loader .image: last-child { border: none; }
.estimateForm__image-loader img { width: 100%; height: 100%; object-fit: cover; margin-bottom: 0; }
.estimateForm__image-loader .add-image::before { content: ''; display: block; position: absolute; transform: rotate(45deg) translateY(-50%); background: url(../img/cross.png) no-repeat; background-size: auto; width: 20px; height: 32px; background-size: contain; top: 50%; left: 0.5rem; }
.estimateForm__image-loader .add-image { text-align: center; padding: 2.45rem 1rem 2.5rem 4.5rem; background: #f0f0f0; position: relative; border: 1px solid#cccccc; color: #3c3c3c; cursor: pointer; }
.estimateForm__form-left .estimateForm__input { border: none; background: #fff; }
.estimateForm__form-left .estimateForm__input: last-child { margin-bottom: 0; }
.estimateForm__footer { display: flex; align-items: center; }
.estimateForm__footer .vcap-input { display: flex; align-items: flex-start; justify-content: start; width: 100%; }
.estimatePaint__button { position: relative; padding-left: 4rem; margin-right: 1rem; }
.estimatePaint__button::before { content: ''; display: block; position: absolute; background: url(../img/estimateSend.png) center no-repeat; width: 18px; height: 21px; left: 15px; top: 50%; transform: translateY(-50%); }
.car-brand-models { margin-bottom: 2rem; }
.car-brand-models > a { margin: 0 0rem 0.5rem 0; display: inline-block; padding: .7rem 1.5rem; background: #f2f2f2; color: #c82a38; border-radius: 5px; text-decoration: none; }
.car-brand-models > a:hover { background: #cc2a35; color: #fff; text-decoration: none !important; }
@media screen and (max-width: 360px) {
.car-brand-models { text-align: center; }
}
.more-models-button { background: #f2f2f2; height: 3rem; border-radius: 0 5px 5px 0; color: #383838; margin-left: 1rem; display: inline-flex; align-items: center; border-radius: 0.5rem; padding: 0; position: relative; padding-right: 1rem; }
.more-models-button::before { content: ''; display: inline-block; background: url(../img/allModelsCross.png) center / auto no-repeat, #cc2a35; width: 3rem; height: 100%; margin-right: 0.5rem; border-radius: 0.5rem; }
.more-models-button:hover { background: #cc2a35; color: white; }
.subCarNames { display: flex; justify-content: space-between; margin: 2rem 0; }
.seeMorePrices { display: block; position: absolute; bottom: -15px; background: #cc2a35; color: white; padding: 1rem 1.5rem 1rem 4rem; border-radius: 5px; cursor: pointer; left: 50%; transform: translateX(-50%); }
.seeMorePrices:hover { background: #b72630; }
.seeMorePrices:active { background: #a2212a; }
.seeMorePrices:before { content: ''; position: absolute; display: block; width: 15px; height: 38px; background: url(../img/arrow-white.png) no-repeat; left: 15px; background-size: contain; top: 15px; }
.moreAboutMark { display: inline-block; background: #cc2a35; color: white; padding: 1rem 2rem; border-radius: 5px; margin-bottom: 2rem; position: relative; }
.moreAboutMark a { color: white !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
h1, .article-block > .wrapper h1 { font-size: 4rem; margin-bottom: 2rem; }
.video-drone { display: inline-block; position: relative; width: 58% }
.video-drone a { position: absolute; width: 100%; height: 100%; left: 0; }
.video-drone iframe { width: 100%; }
.marks-auto { display: flex; margin-bottom: 3rem; }
.marks-auto__item { position: relative; }
.marks-auto__item img { margin-bottom: 1rem; height: auto; margin: 0 auto; padding: 1rem 0; }
.marks-auto__item a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.marks-auto .slick-prev { left: 0; }
.marks-auto .slick-next { right: 0; }
.marks-auto .slick-list { width: 90%; overflow: hidden; margin: 0 auto; }
.marks-auto .slick-track .marks-auto__item.slick-slide { display: flex; justify-content: center; }
.marks-auto .slick-track .slick-slide > div { display: flex; align-items: center; height: 80px; margin: 0 .5rem; }
.marks-auto .slick-track .slick-slide .marks-auto__item img { max-width: 100%; }
.link { display: inline-block; margin-right: 2rem; }
.link .image img { width: 100%; object-fit: contain; height: 70px; margin-bottom: 0; }
.link a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; }
.links-container .link { position: relative; }
.links .slick-prev { left: -58px; }
.links .slick-next { right: -67px; }
#links .container { margin: 0 auto; padding: 2rem 0; width: 85%; }
.carBrand__top { position: relative; width: 100%; margin-bottom: 4rem; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; align-content: center; }
.carBrand-image { position: relative; width: 80%; }
.carBrand-image img { width: 100%; height: auto; }
.carBrand-logo { background: white; width: 200px; height: 200px; margin-left: 4rem; margin-bottom: 2rem; border: 1px solid #eee; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5); display: flex; align-items: center; padding: 10px; z-index: 10; }
.carBrand-logo img { margin-bottom: 0; }
.section-teasers .teasers-container { margin-bottom: 3rem; }
.evaluateRepair { display: flex; justify-content: center; margin-bottom: 3rem; }
.evaluateRepair__button { font-size: 1.6rem; padding: 1.5rem; }
.article h2 { color: #cc2a35; }
.article table { margin-bottom: 2rem; }
.article table td { padding: 0.6rem 1.5rem; }
.article ul { overflow: hidden; }
.article .service-teaser h3 { color: white; }
.article-block { overflow: hidden; }
.article .top img { margin-bottom: 0; }
img.fullwidth { width: 100%; height: auto; }
.full-width { width: 100%; }
.floatRight { margin: 1rem 0 1rem 1rem; float: right; }
.floatLeft { margin: 1rem 1rem 1rem 0; float: left; }
.moreAboutService { margin-bottom: 2rem; display: flex; justify-content: center; border-radius: 5px; margin-bottom: 2rem; display: flex; justify-content: center; flex-flow: wrap column; align-items: center; background: rgba(40,40,40,0.15); padding: 2rem; }
.moreAboutService p { font-size: 1.8rem; }
.moreAboutService a { background: linear-gradient( #b4252f, #cc2a35, #cc2a35); color: #fff; border-radius: 5px; padding: 1.2rem; display: inline-block; justify-content: center; }
.moreAboutService a:hover { position: relative; top: 1px; text-decoration: none; }
.tables-price { overflow: hidden; margin-bottom: 2rem; position: relative; }
.car-brands-block .car-brands-container { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); justify-items: center; }
.article-content .btn-all-price { display: inline-block; padding: 1.5rem 4rem 1.5rem 1rem; background: #cc2a35; color: white; border-radius: 10px; position: relative; margin-bottom: 1.5rem; }
.article-content .btn-all-price:after { content: ""; transform-origin: 90% 0% 0; display: block; background: url(../img/repair.png) no-repeat; width: 3.2rem; height: 3.2rem; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); background-size: 85%; }
.article-content .btn-all-price:hover::after { transform: rotate(45deg); animation: repair 1s infinite ease; }
.article-content .btn-all-price:hover { background: #a1222a; text-decoration: none; }
.page-id-348 .table-price { table-layout: fixed; }
.page-id-156 .teasers-block { padding: 0; }
.page-id-156 .teasers-block .service-teaser { min-width: 290px; }
.page-id-156 .teasers-block .service-teaser ul li { list-style-type: none; margin-left: 0; }
.page-id-156 .teasers-block .service-teaser ul { margin-left: 0; }
.article .article-content .block-partner { background: none; text-align: none; padding: 4rem 0; }
.article .article-content .block-partner .partners { margin: inherit; grid-template-columns: repeat(auto-fill, 22rem); }
.article .article-content .block-partner .partners .partners-more { right: 6rem; }
.block-partner .wrapper h2 { margin-bottom: 1rem; }
/* WhatsApp */
.whatsapp-item-2 input.whatsapp-2, .whatsapp-item input.whatsapp { background-image: url(../img/whatsapp.png); background-position: center center; background-repeat: no-repeat; width: 3rem; height: 3rem; margin-bottom: 0; background-color: white; border-radius: 50%; padding: 0; border: 0; top: 0; }
input.whatsapp:hover { background-color: #20B038; background-image: url(../img/whatsapp.png); background-position: center; background-repeat: no-repeat; }
input.whatsapp-2:hover { background-color: #20B038; background-image: url(../img/whatsapp.png); background-position: center; background-repeat: no-repeat; }
/*End*/
iframe { border: 0; }
.form-captcha { display: inline-block; }
.feedback.is-list { margin-bottom: 2rem; border-bottom: 1px dotted #ddd; padding-bottom: 1rem; }
.feedback.is-list .name { font-size: 1.8rem; font-weight: bold; color: #cc2a35; margin-bottom: 1rem; }
.review-form { margin-bottom: 2rem; }
.price-slider-block .car-type-image { height: auto !important; padding-top: 42%; }
.price-slider-block .car-type-image .slide: not(:first-child) { opacity: 0; }
.slider-banners .banner { text-align: center; position: relative; }
.slider-banners .banner a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.slider-banners .banner img { display: inline-block; }
.slider-banners .banner { display: inline-block; text-align: center; }
.slick-button, button.slick-prev, button.slick-next { width: 48px; height: 48px; margin-top: 0; transform: translateY(-50%); }
h1, h2, h3 { line-height: 100%; }
.slider-block .slide { height: 480px; }
.slider-block .text .title { margin-bottom: 1rem; }
.slider-block .text .description { margin-bottom: 2rem; }
.slider-block .text { width: 42%; }
/* Пагинация */
.article .paginFeed { display: flex; justify-content: center; list-style-type: none; margin-top: 4rem; overflow: initial; }
.article .paginFeed a { background: #cc2a35; color: white; padding: 1rem; }
.article .paginFeed a.active { background: white; color: #cc2a35; border: 1px solid #cc2a35; }
/*End*/
.feedback.is-preview .top { justify-content: center; }
.separate-feedback { margin: 0 0.5rem; font-size: 1.8rem; font-weight: bold; color: #cc2a35; }
.feedback-email { color: #333; }
.spam-protect { display: none; }
.banner-block a { display: block; width: 100%; }
.banner-block .banner { margin-bottom: 2rem !important; }
.banner-block img { width: 100%; height: auto; }
.styled-btn { display: inline-block; position: relative; cursor: pointer; text-decoration: none; white-space: nowrap; margin: 0; margin-bottom: 1rem; padding: 1rem 2rem; border: 0; background: #cc2a35; border-radius: 5px; color: white !important; outline: none; }
.styled-btn:hover { background: linear-gradient(#b4252f, #cc2a35, #cc2a35); top: 1px; }
/* Таблицы/ремонт */
.section-teasers .teasers-container { display: grid; grid-template-columns: repeat(auto-fill,minmax(20rem,1fr)); gap: 2rem; }
.section-teasers .teasers-container a .article-teaser { width: 100%; }
.section-teasers .teasers-container a { color: black; }
.section-teasers .teasers-container > a { display: flex; justify-content: center; }
.section-teasers .teasers-container a:hover { color: #ca3337; }
.article-teaser { cursor: pointer; margin: 0rem; }
.article-teaser > .image::after { display: none; }
.article-teaser > .image { height: 120px; width: 120px; margin-right: 0; background: radial-gradient(transparent, rgba(0,0,0,0.1)), #f6f6f6; }
.article-content .section-teasers .teasers-container { justify-content: unset; width: 100%; }
.site-search input[type="text"] { width: 170px; }
.map-block { min-height: 540px; }
.car-brands-block { background: linear-gradient(#f0f0f0, white 200px); }
.car-brands-block .car-brand.is-preview { width: 170px; }
.car-brands-block .car-brand.is-preview .image { transform: scale(0.8); }
.map-block { position: relative; }
.video-player .heading .text { font-weight: normal; grid-column: 3; }
.video-player .heading .text p { margin-bottom: 0.2rem; }
.video-player .heading .text strong { color: #cc2a35; font-weight: bold; text-transform: uppercase; font-size: 2rem; }
.video-player a { background: #cc2a35; color: white; border-radius: 5px; padding: 1rem 2rem; display: inline-block; }
.article-teaser .title { display: inline-block; flex-flow: inherit; }
.article-preview a { color: white; text-decoration: none; }
a[href*="tel: "], a[href*="mailto"] { text-decoration: none; }
.buttonUp { transition: opacity .3s ease; opacity: 0.6; background-color: #d84d5e; height: 55px; width: 55px; bottom: 30px; left: 30px; cursor: pointer; display: none; position: fixed; z-index: 999; border: 3px solid #d84d5e; color: #fff; align-items: flex-end; justify-content: center; border-radius: 35px; user-select: none; }
.buttonUp:before { content: ""; position: absolute; top: 40%; width: 40%; height: 40%; border-left: 3px solid white; border-top: 3px solid white; transform: rotate(45deg); }
.buttonUp:hover { opacity: 1; }
.camera-block { transition: all .3s ease; opacity: 0.6; background-color: #d84d5e; height: 55px; width: 55px; bottom: 90px; left: 30px; cursor: pointer; padding: 1rem; position: fixed; z-index: 999; border: 3px solid #d84d5e; color: #fff; align-items: flex-end; justify-content: center; border-radius: 35px; }
.camera-block svg { fill: white; }
.camera-block:hover { opacity: 1; }
.gal-item { float: none !important; display: inline-block; }
#order-form .vcap-input { justify-content: start; }
.time-work { font-size: 1.4rem; }
.navigation-block { padding-top: 1rem; padding-bottom: 1rem; }
.price-slider-block { background-size: 60%; }
.price-table-controls button { margin: 0.2rem; }
.season-banner-menu { display: none; width: 100%; padding: 2rem; background: #f7f7f7; }
.season-banner-menu img { width: 100%; height: auto; }
.season-banner { position: relative; }
.season-banner-menu { overflow: hidden; }
.feedbacks-block { overflow: hidden; }
.breadcrumbs { display: flex; justify-content: space-between; }
.breadcrumbs li { display: inline-flex; }
.breadcrumbs span.separator { display: none; }
.breadcrumbs > ul li: not(:first-child) { margin-left: 3rem; }
.breadcrumbs > ul li: not(:first-child)::before { content: ">"; position: absolute; left: -20px; }
.season-banner { position: relative; font-size: 1.7rem; }
.side-block > .wrapper > * { margin-bottom: 2rem; }
.side-block .banner { display: block; color: transparent; }
.season-banner .title { background: #740607; padding: 1rem; font-size: 190%; display: inline-block; text-transform: uppercase; margin-bottom: 1rem; }
.season-banner .text { margin-bottom: 1rem; }
.season-banner strong { font-weight: normal; color: #e30a13; }
.season-banner .comment { font-size: 80%; }
.banner.content-banner a { display: block; position: static; }
.full-width { min-width: 100%; }
.social-icons-footer { white-space: nowrap; }
.social-icons-footer a { max-width: 3rem; }
.footer-block .copyright { margin: 1rem; }
.order-form .form-buttons .vcap-input { margin: 0.5rem 1rem; }
.order-form .form-buttons .vcap-input label a { text-decoration: underline; }
.order-form .form-buttons .vcap-input label a:hover { text-decoration: none; }
.price-slider-block .car-type-image .slide img { top: 50%; transform: translate(-50%,-50%); background-size: 100%; height: auto; left: 50%; }
.price-slider-block .car-type-image svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.price-slider-block .car-type-image { height: 522px; }
.price-slider-block .types { margin-top: 20px; }
.part-selector { display: inline-block; cursor: pointer; border-radius: 5px; background: linear-gradient(#f5f5f5, #ededed); padding: 15px; box-shadow: 0 1px rgba(0,0,0,0.5); width: auto; transition: background 0.3s; position: absolute; }
.part-selector .title { font-weight: bold; }
.part-selector .price strong { color: #b90c0c; }
.part-selector .price { white-space: nowrap; }
.part-selector.active, .part-selector:hover { background: linear-gradient(#b90c0c,#b90c0c); color: white; }
.part-selector.active .title, part-selector:hover .title { color: white; }
.part-selector.active .price strong, .part-selector:hover .price strong { color: white !important; }
.feedback-info { display: flex; flex-direction: row; align-items: baseline; }
.feedback-info .feedback-date { margin-left: 2rem; }
.article-content > p > img { margin: 0 1rem 0 1rem; }
.w20 { width: 20%; height: auto; }
.w30 { width: 30%; height: auto; }
.w50 { width: 50%; height: auto; }
.w70 { width: 70%; height: auto; }
.hidden { display: none; }
#datepickers-container { z-index: 101; }
#recall-second { display: flex; flex-flow: column wrap; align-items: center; }
#recall-second h2 { animation: none; text-align: center; margin-bottom: 6rem; }
.pulse { position: absolute; width: 100%; height: 100%; background: #cc2a35; border-radius: 50px; animation: pulse-phone 2s infinite ease-in-out; z-index: -1; }
#recall-second { display: none; }
button.jGrowl-close { background: inherit; position: inherit; top: inherit; padding: 0; margin-bottom: 0; }
.phone-pulse { background: url(../img/phone-receiver.png) center no-repeat, #cc2a35; animation: rotate-phone 3s infinite ease-in-out; background-size: auto; width: 80px; height: 80px; border-radius: 50px; background-size: 80%; position: relative; background-size: 60%; }
.block-partner .partners .part:hover .title, .partners-more:hover { background: #cc2a35; color: white; }
.partners { position: relative; }
.partners-more { top: -8rem; right: 12rem; margin: 1rem 0em; width: auto; padding: 1rem 5rem 1rem 1rem; display: inline-flex; align-items: center; transition: .3s all; line-height: 1em; background: url(../img/partners-more.png) 85% center no-repeat, #eaeaea; background-size: 15%; color: #323232; border-radius: 5px; font-weight: bold; text-align: center; }
.partners-more:hover { background: url(../img/partners-more-white.png) 95% center no-repeat, #cc2a35; background-size: 15%; }
.tags .container { width: 1200px; margin: 0 auto; }
.tags ul { display: flex; flex-flow: row wrap; margin-top: 2rem; }
.tags ul li { margin: 0.5rem; }
.tags ul a { padding: 1rem; background: #ca3337; display: block; color: white; }
.tags ul a:hover { background: #c13337; }
/*.article-content img { max-width: 100%; }
*/
.article-content img.float-left { float: left; max-width: 400px; margin-right: 15px; margin-bottom: 15px; }
.article-content img.float-right { float: right; max-width: 400px; margin-left: 15px; margin-bottom: 15px; }
.block-partner { background: url(/assets/images/partners/white_wallpaper2.png) left bottom no-repeat; background-size: contain; text-align: center; padding: 5rem 10rem; }
.block-partner>.wrapper { max-width: 1200px; margin: 0 auto; }
.block-partner > .wrapper > h2 { text-align: center; font-size: 3.6rem; }
.partners { margin: 30px 0; display: grid; width: 100%; grid-template-columns: repeat(auto-fill, 28rem); justify-content: space-around; grid-gap: 6rem; }
.part { display: inline-block; text-align: center; position: relative; margin-bottom: 1rem; }
.part .images { width: 180px; height: 180px; overflow: hidden; position: relative; display: inline-block; margin-bottom: 1rem; }
.part .images img { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; filter: grayscale(100%); filter: gray; transition: all .4s; }
.part .images img:hover { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; }
.part .title { margin: 1rem 0em; height: 4rem; width: auto; padding: 1rem 2rem; display: inline-flex; align-items: center; transition: .3s all; line-height: 1em; background: #eaeaea; color: #323232; border-radius: 5px; font-weight: bold; text-align: center; }
/* Tags */
.tags-container { display: flex; flex-flow: row wrap; margin-bottom: 1rem; align-items: flex-start; padding: 0 0 3rem 0; }
.tags-container .tag, .tags-container .tag-view-more { font-size: 1.3rem; margin: 0.3rem; display: flex; align-items: center; justify-content: center; padding: 1rem; background: #cc2a35; color: #fff !important; text-align: center; }
.tags-container .tag-view-more { background: #ffea00; cursor: pointer; color: #000 !important; animation: shake 1s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); animation-delay: 5s; }
.tags-container .tag.hidden, .tags-container .tag-view-more.hidden { display: none; }
.tags-container .tag:hover, .tags-container .tag-view-more:hover { color: #fff; animation: shake 1s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); animation-delay: 0s !important; }
.v-search a { color: #cc2a35; }
.v-search a:hover { text-decoration: underline; }
.v-search-result { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 2px solid #000; }
#car-brands-top { padding-left: 10rem; padding-right: 10rem; overflow: hidden; background: #FFF; }
#car-brands-top > .container { max-width: 1200px; margin: 0 auto; padding: 4rem 0; }
@media screen and (max-width: 960px) { #car-brands-top { padding-right: 4rem; padding-left: 4rem; }
}
@media screen and (max-width: 768px) { #car-brands-top { padding-right: 2rem; padding-left: 2rem; }
#car-brands-top > .container {padding:2rem 0;}
}
#car-brands-top .car-brand-top { display: inline-block; position: relative; text-align: center; height: 50px; display: inline-flex; align-items: center; justify-content: center; }
#car-brands-top .car-brand-top img { width: auto; object-fit: contain; display: inline-block; }
#car-brands-top .car-brand-top a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; }
.order-block .wrapper > p { width: 70%; margin: 0 auto; margin-bottom: 1rem; }
.order-form__social-block { display: flex; width: 15%; margin: 0 auto; margin-bottom: 2rem; }
.order-form__social svg { fill: #fff; }
.order-form__social { cursor: pointer; width: 100%; position: relative; }
.order-form__social a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.order-form__social-vk { margin-right: 1rem; }
.order-form__social-vk path, .order-form__social-wa path { fill: #fff; transition: all .2s ease; }
.order-form__social-vk:hover path { fill: #4D76A1; }
.order-form__social-wa:hover path { fill: #1BD741; }
.order-form .form-buttons { text-align: right; display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; align-items: center; }
.order-form .form-buttons .vcap-input { margin: 0; }
.order-form input[type="submit"] { margin-bottom: 0; }
.order-form .form-buttons > * { margin: inherit; }
/*/
////////////\\\\\\\\\\\\\/////// Media queries \\\\\\\///////////////\\\\\\\\\\\\\\*/
@media screen and (max-width: 1366px) { #recall-block { width: 28%; }
}
@media screen and (max-width: 1352px) { .site-search { display: none; }
}
@media screen and (max-width: 1280px) { .part-item > .part-img, .article-teaser > .image { margin-right: 0; }
.footer-block .copyright { max-width: 370px; }
.page-id-406 .parts-block { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); grid-gap: 1rem; }
.article-teaser > .image { width: 120px; height: 120px; }
.part-item .part-info { width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.part-price { justify-content: center }
.part-name { margin: .7rem 0; }
.part-item { flex-direction: column; }
.page-id-406 .part-info > .part-price { font-size: 1.6rem; text-align: center; }
.part-item { padding: .5rem; }
.order-block__top { flex-direction: column; }
.order-block__top p { margin: 0 auto; margin-bottom: 0px; margin-bottom: 1.5rem; }
.order-form__social-block { width: 7%; }
#recall-block, #tireCback-block { width: 30%; }
}
@media screen and (max-width: 1200px) {
#recall-block::before { background: url(../img/car-service.png) center 45%/contain no-repeat; }
#recall-block .exit { top: 2.5rem; right: 1.5rem; }
}
@media screen and (max-width: 1024px) { .slider-block .text { width: 100%; text-align: center; top: auto; bottom: 0rem; transform: none; padding: 2rem; background: rgba(0,0,0,0.6); }
.footer-block .developer::after { width: 250px; }
button.slick-next { right: -44px }
button.slick-prev { left: -44px; }
.part-info .part-name { font-size: 1.6rem; }
.part-info > .part-price { font-size: 1.5rem; }
.part-info > .part-price > span { font-size: 2rem; }
#recall-block { width: 40%; margin-top: 2rem; }
#order-form .form-buttons .vcap-input label { width: auto; }
.order-form__social-block { width: 10%; }
.order-form .form-buttons { column-gap: 12rem; }
#tireCback-block { background-size: cover; }
#tireCback-block { width: 40%; }
.page-id-406 .parts-block { grid-template-columns: repeat(auto-fill,minmax(130px,1fr)); }
}
@media screen and (max-width: 960px) { .main-menu ul li:hover > ul { display: none; }
.main-menu ul li.active > ul { display: none; }
.whatsapp { right: 190px; }
.footer-block > .wrapper { flex-wrap: wrap; justify-content: center; }
.footer-block > .wrapper > * { margin: 10px; }
.season-banner-menu { display: block; }
.season-banner-about { display: none; }
.why-we-block .content { display: flex; flex-flow: column; }
.why-we-block .video-player { width: 100%; margin-bottom: 2rem; }
.price-slider-block .car-type-image { height: 350px; }
button.slick-next { right: -24px; }
button.slick-prev { left: -24px; }
.order-block .wrapper > p { width: 60%; }
.order-form__social-block { width: 15%; }
.page-id-406 .parts-block { grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); }
.page-id-406 .part-item > .part-img, .article-teaser > .image { width: 70%; }
.page-id-406 .part-info .part-name { font-size: 1.5rem; }
}
@media screen and (max-width: 768px) { #recall-block, #tireCback-block { width: 50%; }
.price-slider-block .car-type-image { height: 300px; }
.whatsapp { right: 0px; top: 105px; }
.slick-button, button.slick-prev, button.slick-next { width: 26px; background-repeat: no-repeat; }
.price-slider-block .controls button[data-action="prev"] { left: 0; }
.price-slider-block .controls button[data-action="next"] { right: 0; }
.price-slider-block .controls button { top: -80px; }
.article-content .section-teasers .teasers-container { justify-content: center; }
.parts-block { grid-template-columns: repeat(3, 240px); }
.order-form__social-block { width: 15%; }
.order-block .wrapper > p { width: 70%; }
.part-item > .part-img, .article-teaser > .image { height: 130px; }
.servicesLinks__item ul { grid-template-columns: repeat(2,1fr); }
.content-block { padding: 0 3rem 5rem 3rem; }
}
@media screen and (max-width: 640px) { #recall-block, #tireCback-block { width: 60%; }
.why-we-block .content > .text { padding-right: 0; }
.why-we-block .content > .text:after { display: none; }
.map-block .contacts { padding: 3rem 3rem; }
.map-block .contacts .phones { font-size: 2rem; }
.gallery { justify-content: center; }
.price-slider-block .types, .price-slider-block .controls, .price-slider-block .car-type-image { display: none; }
.parts-block { grid-template-columns: repeat(3, 195px); }
.part-info .part-name { font-size: 1.4rem; margin: 0.5rem 0; }
.price-tables .price-table-controls { display: flex; margin-bottom: 2rem; justify-content: center; float: none; flex-wrap: wrap; }
.table-header { display: flex; flex-direction: column; align-items: center; }
.breadcrumbs { flex-direction: column; justify-content: unset; }
.breadcrumbs .B_crumbBox { margin-bottom: 2rem; }
.order-block .wrapper > p { width: 80%; }
.order-form__social-block { width: 20%; }
.part-item > .part-img, .article-teaser > .image { height: 110px; }
.parts-block { grid-template-columns: repeat(2, 1fr); row-gap: 2rem; }
.part-item > .part-img, .article-teaser > .image { width: 40%; }
.section-teasers .teasers-container { grid-template-columns: repeat(auto-fill,minmax(15rem,1fr)); }
.part-item > .part-img, .article-teaser > .image { width: auto; }
.page-id-406 .parts-block { grid-template-columns: repeat(auto-fill,minmax(15rem, 1fr)); }
.page-id-406 .part-item { width: auto; }
.page-id-406 .part-item > .part-img, .article-teaser > .image { width: 60%; }
.page-id-406 .parts-block { grid-gap: .5rem }
.warning-banner { text-align: center; padding: 0 1.5rem; }
}
@media screen and (max-width: 480px) { #recall-block, #tireCback-block { width: 80%; }
#recall-block h2 { font-size: 2.2rem; }
#recall-block label { font-size: 1.4rem; }
.footer-block .wrapper { padding-right: 0; }
.footer-block .wrapper::after { display: none; }
/* .part-item .part-info { width: 50%; }
*/
.child-pages .article-preview { flex-direction: column; }
.car-brands-block .car-brand.is-preview { width: 140px; }
.article-content > img, .article-content > p > img { width: 100%; }
.message-box::before, .message-box::after { content: none; background: none; }
.message-box.percent::before, .message-box.alert::before, .message-box.home::before { content: none; }
.message-box { padding: 2rem 2rem; }
.banner-block .banner { display: none; }
.article-content > img, .article-content > p > img { max-width: 100%; height: auto; }
.article-content > p > img { margin: 0 0 1rem 0; }
.news.is-preview { align-items: center; }
.parts-block { grid-template-columns: repeat(2, 220px); }
.order-form .form-buttons { flex-direction: column; }
.order-form .form-buttons label { text-align: left; }
.order-form__social-block { width: 40%; margin-bottom: 1.5rem; }
.order-form__social-vk { margin-bottom: 1.5rem; }
.order-block .wrapper > p { width: 100%; }
.order-form .form-buttons { column-gap: 2rem; }
.part-item > .part-img, .article-teaser > .image { width: 60%; }
.header-block .contacts { padding: 0; }
.section-teasers .teasers-container { grid-template-columns: repeat(auto-fill,minmax(13rem,1fr)); }
.part-item > .part-img, .article-teaser > .image { width: auto; }
.page-id-406 .part-item > .part-img, .article-teaser > .image { width: 60%; }
.news.is-preview .content { text-align: center; }
.order-block__top p { text-align: justify; }
}
@media screen and (max-width: 470px) { .page-id-406 .part-item > .part-img, .article-teaser > .image { overflow: hidden; }
.servicesLinks__icon { display: none; }
.servicesLinks__item { padding-left: 0; }
.seeMorePrices { font-size: 1.1rem; }
.estimateForm__body { flex-direction: column; }
.estimateForm__footer { flex-flow: column-reverse; }
.estimateForm__image-loader { margin-top: 1rem; justify-content: center; }
.estimateForm__image-loader .add-image { padding: 1.5rem 1rem 1.5rem 4.5rem; }
.estimateForm__image-loader .image { height: auto; }
.estimateForm__body { margin-bottom: 1rem; }
}
@media screen and (max-width: 400px) { .map-block .contacts { padding: 2rem 1rem; }
.map-block .contacts .phones { font-size: 1.6rem; }
.season-banner-menu, .service-teasers-block { display: none; }
.slider-block .text .title { font-size: 2rem; }
.news-container .news.is-preview .content { padding-left: 0; }
.order-form .form-buttons > * { margin: 0.5rem 2rem; }
.footer-block .developer::after { width: 260px; }
.news-container .news.is-preview { flex-direction: column; }
.news-container .news.is-preview .image { margin-bottom: 2rem; }
.slider-block .ui-button { font-size: 1.5rem; }
.why-we-block > .wrapper > h2 { font-size: 3.3rem; }
.video-player .heading .text strong { font-size: 1.8rem; }
.video-player .heading::after { width: 80px; height: 80px; margin-left: 20%; }
.car-brands-block > .wrapper > h2 { font-size: 2.7rem; }
.order-block > .wrapper > h2 { font-size: 3rem; }
.order-form .form-buttons > * { margin: 0.5rem 1rem; }
.order-form .form-buttons { justify-content: space-between; }
.article-block > .wrapper > h1 { font-size: 2.4rem; }
.article-block > .wrapper h2 { font-size: 2rem; }
.section-teasers { display: flex; justify-content: center; }
.section-teasers .teasers-container { justify-content: center; flex-direction: column; }
.section-teasers .teasers-container .article-teaser { width: 100%; }
.article-type-car-brand .brand-image { display: none; }
.article-preview .image { margin-bottom: 1rem; display: flex; align-self: center; }
.footer-block .developer::after { width: 240px; }
.article-content .fullwidth { display: none; }
.article-type-car-brand .top { justify-content: center; }
.article-type-car-brand .brand-logo { margin: 0; }
.section-teasers .teasers-container { flex-direction: row; }
.parts-block { grid-template-columns: repeat(2, 150px); justify-content: center; }
.part-item { display: flex; flex-direction: column; }
.part-item .part-info { display: flex; flex-direction: column; align-items: center; }
.part-info .part-name { font-size: 1.5rem; text-align: center; }
.part-info > .part-price { font-size: 1.5rem; }
.part-info > .part-price > span { font-size: 2rem; }
.part-info .part-name { font-size: 1.5rem; margin: 1rem 0; }
.part-info > .part-price > span { font-size: 1.7rem; }
.part-item > .part-img, .article-teaser > .image { width: 75%; margin: 0; }
.part-item .part-info { width: 100%; }
.page-id-406 .part-item > .part-img, .article-teaser > .image { width: 80%; }
}
@media screen and (max-width: 360px) { #recall-block { width: 90%; }
#recall-block h2 { font-size: 1.8rem; }
#recall-block label { font-size: 1.4rem; }
/* #recall-block .exit { top: 6.5rem; }
*/
#recall-block::before { top: 14%; }
.order-form__social-block { width: 40%; }
.order-block .wrapper > p { width: 100%; }
.order-form .form-buttons { grid-template-rows: repeat(2, 1fr); grid-template-columns: none; }
#tireCback-block { width: 90%; padding: 11rem 2rem 2rem 2rem; }
#tireCback-text { background-size: cover; }
#tireCback-block input[type="text"] { font-size: 1.3rem; }
.part-img { display: flex; align-items: center; }
.content-block { padding: 0 2rem 5rem 2rem; }
.teasers-block .teasers-container .service-teaser { min-width: 100%; }
}
@media screen and (max-width: 320px) { #recall-block::before { top: 21%; }
/* #recall-block .exit { top: 8.5rem; }
*/
.part-item .part-info { width: 90%; }
.part-item > .part-img, .article-teaser > .image { width: 80%; }
.header-block .site-logo { font-size: 11px; }
.header-block .contacts .phones { font-size: 2.1rem; }
.part-info .part-name { margin: 0.6rem 0; }
#recall-block::before { top: 15%; }
#recall-block { margin-top: 2rem; padding: 14rem 2rem 0rem 2rem; }
#recall-form input[type="text"] { font-size: 1.2rem; }
.page-id-406 .part-item > .part-img, .article-teaser > .image { width: 40%; }
}
.seo-tags { margin: 2rem 0; font-size: 1.5rem; }
.seo-tags a { display: inline-block; background: #cc2a35; color: white; border-radius: 3px; padding: 0.5rem 1rem; text-decoration: none !important; transition: all .3s; margin-right: 0.5rem; margin-bottom: 0.5rem; }
.seo-tags a:hover { background: black; color: white; }
.slider.-mini .slick-list { position: relative; }
.slider.-mini.slick-initialized .slick-list { margin-left: 4rem; margin-right: 4rem; -mask: linear-gradient(to right, white 95%, transparent); -webkit-mask: linear-gradient(to right, white 95%, transparent); }
.slider.-mini { margin: 0; position: relative; }
.slider.-mini > button { width: 3rem; height: 3rem; }
.slider.-mini .slick-slide { margin: 0.5rem; }
.slider.-mini > button.slick-prev { left: 0; }
.slider.-mini > button.slick-next { right: 0; }
.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}