@import url('blog-pagination.css');

html,
body {
    color: #333333;
    font-family: Play, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color:#333;
}
html {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
.undisplayed {
    display: none;
}
.no-list, .no-list ul,
.configurator__catalog-vpackets .configurator__catalog-vpackets-list ul {
    font-family:Roboto;
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-menu__wrap .no-list li,.mobile-menu__wrap .no-list li a{text-align:left;}
.mobile-menu__wrap .no-list{padding-top:15px}
.no-list li > span{color:#fff;display:block;line-height:20px;font-size:16px;font-weight:300;padding:10px 0 11px;position:relative}
.no-list li > span::before{position:absolute;right:0;top:34%;content:'';display: inline-block;
    vertical-align: middle;
    border-width: 4px 3px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    margin: 3px 0 0 5px;
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    transition: 0.2s;
}
.no-list li.active > span::before{
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}
a {
    text-decoration: none;
    transition: 0.2s;
}
em a:visited{
    color: #aaa;
}
em a{
    color: #bbb;
}
a:hover {
    text-decoration: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
a[href^=mailto] {
    border-bottom: 1px solid;
    text-decoration: none;
    transition: 0.2s;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
a[href^=mailto]:hover {
    text-decoration: none;
}
main,
.header,
.footer {
    margin: 0 auto;
    max-width: 1960px;
}
.main-wrapper {
    outline: 2px solid #444;
    margin: 0 auto;
    max-width: 1960px;
    background-color:#fff;
}
.layout {
    margin: 0 auto;
    max-width: 1960px;
}
.inner-wrap {
    padding: 0 40px;
}
.inner-wrap:before,
.inner-wrap:after {
    content: '';
    display: table;
}
.inner-wrap:after {
    clear: both;
}
.button {
    border: 1px solid transparent;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 0.85714286rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 38px;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.button.button--blue {
    background-color: #222;
    border:0;
    border-radius: 5px;
}
.header_button-wrap .button button--blue{
    border: 1px solid #fff !important;
}
.button.button--red {
    background-color: #e42526;
    /*background-color: #e42526;*/
    box-shadow: 0px 1px 0px #9a1e1f;
}
.button.button--disabled, .button.button--red:disabled {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    border:none;

}
.button span {
    border: none !important;
    display: inline-block;
    position: relative;
}
.button .button__icon {
    margin-right: 5px;
}
.button img {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    top: 6px;
}
.button--red:hover {
    background-color: #e42526;
    background-image: -webkit-linear-gradient(top, #e42526 0%, #af1617 100%);
    /* Chrome10-25,Safari5.1-6 */
    background-image: linear-gradient(to bottom, #e42526 0%, #af1617 100%);
    border-color: #af1617;
    box-shadow: 0px 1px 0px #af1617;
}
.button--blue:hover {
    background: #3e3e3e;
    box-shadow: 0px 1px 6px white;
}
.button:focus {
    outline: none;
}
.button:active {
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.3);
}
.button.button--disabled:active {
    box-shadow: none;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
    font-size: 0;
}
.row:before,
.row:after {
    content: '';
    display: table;
}
.row:after {
    clear: both;
}
.content-col {
    display: inline-block;
    padding: 0 10px;
    width: 25%;
    min-width: 25%;
    vertical-align: top;
}
.main-column {
    padding-top: 20px;
    float: left;
    width: 100%;
}
.main-column .main-column__inner {
    margin-right: 285px;
}
aside {
    float: right;
    margin-left: -265px;
    width: 265px;
}

main {
    padding-top: 74px;
}
main main {padding-top: 0;}
/*-----------------------------------------
Header styles
--------------------------------------------*/
.header {
    background: #121212;
    border-bottom: 2px solid #A5000A;
    height: 74px;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
    z-index: 1017;
}
.header__inner {
    /*text-align: justify;*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: 72px;
}
.header__inner:after {
    content: '';
    display: inline-block;
    width: 100%;
}
/*,
.header .logo:before,
.header .logo img,*/
/*.header .logo,
.header .header__right,
.header .header__menu,
.header .button {
  display: inline-block;
  vertical-align: middle;
}*/
.header .logo {
    float: left;
    line-height: 72px;
    padding-top:7px;
    width: 206px;
    /*  height: 100%;
      margin-top: -2px;*/
}
.header.header--dealer .logo{padding-top:0;}
/*.header .logo:before {
  content: '';
  height: 100%;
}*/
.logo--header a {
    background: url('../img/logo3-header.png') 0 0 no-repeat;
    background-size: contain;
    display: inline-block;
    height: 36px;
    vertical-align: middle;
    width: 206px;
}
.header .header__right {
    /*position:relative;*/
    float: right;
    font-size: 0;
    line-height: 72px;
    padding-right:101px;
}

.header_phone{ /*стили для номера телефона в шапке */
    /*float: left;*/
    font-size: 1.2em;
    line-height: 0.9em;
    font-weight: 900;
    color: #333;
    margin-top:5px;
    /*padding-left: 28px;*/
    /*background-image: url(/templates/v/resources/img/header_phone_black.png);*/
    background-repeat: no-repeat;
}

.header_phone_mobile{
    display:none;
}

.header_phone_inner{
    /*border-left: 1px solid #ccc;*/
    /*padding: 5px;*/

}

.header_phone_mobile a{
    color: white;
}
.header_phone_inner a{color: #333;}
.header_desk{
    font-size: 0.6em;
    color: #333;
    font-weight: 400;

}

.header__menu {
    display: inline-block;
    margin-right: 12px;
}
.header__menu > ul {
    font-size: 0;
}
.header__menu > ul > li {
    display: inline-block;
    font-size: 0.85714286rem;
    font-weight: 300;
    letter-spacing: 0.115em;
    line-height: 72px;
    margin-right: 5px;
    padding: 0 33px;
    text-transform: uppercase;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    vertical-align: top;
}

.header__menu > ul > li:first-child {
    background-color: RGB(227,6,19);
}

.header__menu > ul > li:nth-child(-n+2) {
    font-weight: 500;
}
.header__menu > ul > li:last-child {
    margin-right: 0;
}
.header__menu > ul > li:hover {
    background: #fff;
}
.header__menu > ul > li:hover a {
    color: #333;
}
.header__menu > ul > li:hover >div.header_button-wrap a {
    color: #ddd;
}
.header__menu > ul > li:hover > a > span {
    border-top-color: #fff;
}
.header__menu > ul > li > a {
    color: #fff;
    display: block;
}
.header.header--dealer .header__menu > ul.no-list{display:flex;justify-content:right}
.header.header--dealer .header__menu > ul > li{padding:0 1%}
.header.header--dealer .header__right{float:none;padding-right:0;}
.header.header--dealer .header__menu{display:block}
.menu__model-dropdown {
    transition: 0.2s;
    padding: 0 10px 2px;
}
.menu__model-dropdown > a > span {
    display: inline-block;
    vertical-align: middle;
    border-width: 4px 3px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    margin: 3px 0 0 5px;
}
.model-dropdown__container {
    background: #fff;
    border-bottom: 3px solid #334b6e;
    display: none;
    font-size: 0;
    left: 0;
    letter-spacing: normal;
    padding: 20px 0;
    position: absolute;
    text-align: left;
    top: auto;
    width: 100%;
    z-index: 1017;
}
/*.menu__model-dropdown:hover .model-dropdown__container {
  display: block;
}*/

.model-dropdown__container.visible {
    display: block;
}
.model-dropdown__container > ul {
    line-height: normal;
    height: 100%;
    width: 100%;
}
.model-dropdown__container > ul > li {
    float: left;
    text-transform: none;
    width: 25%;
    height: 100%;
}
.model-dropdown__container > ul > li:not(:last-child) {
    border-right: 1px solid #ccc;
}
.model-dropdown__container .model-dropdown__item {
    height: 100%;
    overflow: hidden;
}
.model-dropdown__item .mCSB_scrollTools {
    width: 6px;
}
.model-dropdown__photo {
    margin: 0 auto 10px;
    min-height: 118px;
    width: 85%;
}
.model-dropdown__photo img {
    width: 100%;
}
.model-dropdown__title {
    font: bold 1rem Play, sans-serif;
    font-size: 24px;
    margin: 0 auto;
    width: 85%;
    text-align:center;
}
.model-dropdown__boat-list {
    font-size: 14px;
    font-weight: 300;
    margin: 10px auto 5px;
    padding-bottom: 15px;
    /*width: 85%;*/
}
.model-dropdown__boat-list > ul {
    margin: 0 6px 0 0;
}
.model-dropdown__boat-list li {
    margin: 0 auto;
}
.model-dropdown__boat-list li.has-sub-menu > ul.vpackets{
    font-size: 14px;
    /*margin-left:20px;*/
    display: none;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    margin: 0 auto;
    width: 80%;
}

.model-dropdown__boat-list li.has-sub-menu > ul.vpackets li{
    font-size: 12px;
    cursor: pointer;
    margin: 5px 0;
}
.model-dropdown__boat-list li a,
.model-dropdown__boat-list li.has-sub-menu > ul.vpackets li a {
    background: transparent;
    display: block;
    padding: 0 0 10px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    width: 100%;
}
.model-dropdown__boat-list li.has-sub-menu > ul.vpackets li a {
    padding: 0;
}
.model-dropdown__boat-list li a:hover {
    background: #333333;
}
.model-dropdown__boat-list li.has-sub-menu:hover > ul.vpackets{
    display: block!important;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.model-dropdown__boat-item {
    position: relative;
    zoom: 1;
    /*     border-bottom: 0.1em dotted #ccc;
     */    margin: 0 auto;
    width: 85%;
    /*text-align:center;*/
}
/*.model-dropdown__vpacket-item {
    background: url('../img/st.jpg') 0 90% repeat-x;
}*/
.model-dropdown__boat-item span,
.model-dropdown__vpacket-item span {
    color: #333;
    padding-right: .5em;
    position: relative;
    bottom: -0.3em;
    left: 0;
    background: #fff;
    font-weight: 700;
    font-size: 16px;
}
.model-dropdown__vpacket-item span {
    font-size: 14px;
    font-weight: 600;
    padding-right: 0;
}
.model-dropdown__vpacket-item b {
    float: right;
//margin-right: 20px;
    margin-top: 4px;
    background:#fff;
    color: #333;
}
.model-dropdown__vpacket-item.more-packets{
    background: none;
}
.model-dropdown__vpacket-item.more-packets span{
    color: #740f15;
}
.model-dropdown__boat-item b {
    color: #333;
    position: absolute;
    right: 0;
    bottom: -6px;
    background: #fff;
    padding-left: 6px;
    padding-bottom: 4px;
    font-weight: 300;
    font-size: 12px;
}
.model-dropdown__boat-list li a:hover span,
.model-dropdown__boat-list li a:hover b {
    background: #333;
    color: #fff;
}
.model-dropdown__boat-list li a:hover .model-dropdown__boat-item {
    border-bottom-color: #fff;
}
.header_button-wrap{
    display: inline-block;
    vertical-align: middle;
}
.header_button-wrap.active{background-color:#fff;}
.header_button-wrap.active a{color:#000;}
.header.header--dealer .header_button-wrap.active a{color:#fff;}
.header.header--dealer .header_button-wrap.active{background-color:transparent}
.header .button {
    display: inline-block;
    vertical-align: middle;
    width: 155px;
}
.header_button-wrap.m_hbw{display:none}
/*---------------- Mobile Header Menu -----------*/
button.mobile-menu__toggle {
    background: none;
    border: none;
    display: none;
    line-height: 72px;
    vertical-align: middle;
    width: 70px;
}

button.mobile-menu__toggle:focus {
    outline: none;
}
.mobile-menu__toggle .hamb-nav-toggle {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
.mobile-menu__toggle span{
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    letter-spacing:0.15em;
    vertical-align:middle;
    text-transform:uppercase;
}
.mobile-menu__wrap {
    background: #121212;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
.tn{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}
button.mobile-menu__toggle_2{background: none;
    border: none;
    position:absolute;top:0;right:37px;
    line-height: 65px;
    vertical-align: middle;
    width: 60px;display: block;height:84px;padding-bottom:70px;z-index:10}
button.mobile-menu__toggle_2:focus{outline: none;}
.mobile-menu__toggle_2 .hamb-nav-toggle {
    display: inline-block;
    vertical-align: middle;
}
.mobile-menu__toggle_2 span{
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    letter-spacing:0.15em;
    vertical-align:middle;
    text-transform:uppercase;
}
button.mobile-menu__toggle_2.mt_active{background-color:#fff;}
button.mobile-menu__toggle_2.mt_active .hamb-nav-toggle{background-color:#fff;}
button.mobile-menu__toggle_2.mt_active .hamb-nav-toggle .toggle-line{background-color:#333}
.header.fixed-compact button.mobile-menu__toggle_2{visibility:hidden}
.mobile-menu__wrap > ul {
    /*border-bottom: 2px solid #e42526;*/
    display: none;
}
/*.mobile-menu__wrap > ul li:not(:last-child) {
    border-bottom: 1px solid #fff;
}*/
.mobile-menu__wrap > ul > li{padding:0 30px}
.mobile-menu__wrap > ul > li:not(:last-child) {
    /*border-bottom: 1px solid #d7d7d7;*/
}
.mobile-menu__wrap > ul > li > ul{padding-left:20px}
.mobile-menu__wrap > ul>li>a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.15em;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
}
.mobile-menu__wrap > ul>li:first-child>a,.mobile-menu__wrap > ul>li:nth-child(2)>a,.mobile-menu__wrap > ul>li:nth-child(3)>a,.mobile-menu__wrap > ul>li:nth-child(4)>a{font-weight:600;font-size:16px}
.mobile-menu__wrap > ul>li ul{text-align:center;display:none;padding-bottom:3px}
.mobile-menu__wrap > ul>li .h2{color:#fff;font-size:20px;text-align:center}
.mobile-menu__wrap > ul>li ul.social-links{display:block;text-align:left}
.mobile-menu__wrap > ul>li ul li{line-height:25px}
.mobile-menu__wrap > ul>li ul a{color:#fff;font-size:18px;line-height:20px}
.mobile-menu__wrap > ul>li .header_desk{color:#ccc;font-size:14px;display:block;margin-top:-12px;padding-bottom:7px}
.mobile-menu__wrap > ul>li .header_desk::before{display:none}
.mobile-menu__wrap{}
.mobile-menu__wrap ul.social-links{padding:15px 0;height:68px;}
.mobile-menu__wrap ul.social-links li{border:0;margin:0;padding:0 20px;opacity:0.7}
.mobile-menu__wrap ul.social-links li:first-child{padding-left:0}
.mobile-menu__wrap ul.social-links a{text-decoration:none}
.lang_wide {display:block;}
.lang_mob {display:none;}
/*---------------- Boat Fixed Header -----------*/
.header.fixed-compact {
    border: none;
    /*height: 0;*/
    top: -74px;
}
.header.header--dealer.fixed-compact {
    top: -124px;
}
.header.fixed-compact .header__inner {
    /*display: none;*/
    /*height: 0;*/
    /*position: relative;*/
}
.header.fixed-compact .header__right .button {
    /*display: none;*/
}
.header.fixed-compact.open {
    height: 72px;
    top: 0;
}
.header.header--dealer.fixed-compact.open {
    height: 112px;
}
.header.fixed-compact.open .header__inner {
    /*height: 72px;*/
}
/*-----------------------------------------
Footer styles
--------------------------------------------*/
.footer {
    background: #121212 url('../img/bg-img-footer.png') 100% 0 no-repeat;
    min-height: 184px;
    padding-top: 30px;
}
.company-info {
    float: left;
    margin-right: 45px;
    width: 145px;
}
.logo-wrap {
    margin-bottom: 15px;
}
.contacts-wrap a {
    display: block;
    border-bottom: none;
}
.contacts-wrap a[href^=tel] {
    color: #fff;
    font-size: 1.28571429rem;
}
.contacts-wrap a[href^=mailto] {
    color: #c3a15e;
    font-size: 1.28571429rem;
}
.contacts-wrap a[href^=mailto] span {
    border-bottom: 1px solid;
    text-decoration: none;
    transition: 0.2s;
    border-bottom-color: rgba(195, 161, 94, 0.5);
    font-size: 1rem;
}
.contacts-wrap a[href^=mailto] span:hover {
    text-decoration: none;
}
.menu__boats-container {
    float: left;
    margin-top: 10px;
    margin-right: 25px;
    width: 165px;
}
.menu__boats-container > a {
    color: #fff;
    display: inline-block;
    font-size: 0.85714286rem;
    letter-spacing: 0.115em;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.menu__boats-container ul {
    font-size: 0;
}
.menu__boats-container ul li {
    display: inline-block;
    margin: 0 10px 5px 0;
}
.menu__boats-container ul a {
    color: #c3a15e;
    border-bottom: 1px solid;
    text-decoration: none;
    transition: 0.2s;
    border-bottom-color: rgba(195, 161, 94, 0.5);
    font-size: 0.85714286rem;
}
.menu__boats-container ul a:hover {
    text-decoration: none;
}

.footer__content {
    margin-left: 380px;
}
.footer__content:before,
.footer__content:after {
    content: '';
    display: table;
}
.footer__content:after {
    clear: both;
}
.footer__column--left {
    float: left;
    margin-bottom: 15px;
    width: 600px;
}
.footer__column--right {
    float: right;
}
.footer .company-address {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    display: none;
}
.footer__menu {
    font-size: 0;
    display: inline-block;
    margin-bottom: 20px;
}
.footer__menu li {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 37px;
    letter-spacing: 0.115em;
    margin-right: 20px;
    text-transform: uppercase;
}
.footer__menu li:first-child {
    font-weight: 500;
}
.footer__menu li:last-child {
    margin-right: 0;
}
.footer__menu li a {
    color: #fff;
    line-height: 1;
}
.footer__content .button {
    display: inline-block;
    vertical-align: middle;
    width: 156px;
}
.footer__text {
    border-top: 1px solid #999;
    color: #999;
    font-size: 10px;
    padding: 10px 0 0 0;
}
.text_legal{
		display:none;
		color: gray;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid gray;
}

.social-links {
    font-size: 0;
    margin: 15px 0 15px;
}
.social-links li {
    display: inline-block;
    margin-right: 10px;
}
.social-links li:last-child {
    margin-right: 0;
}
.social-links div {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.115em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.social-links a {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: block;
    height: 24px;
    opacity: 0.5;
    width: 24px;
}
.social-links a:last-child {
    margin-right: 0;
}
.social-links a:hover {
    opacity: 1;
}
.social-links--inst {
    background-image: url('../img/icon-insta.png');
}
.social-links--teleg {
    background-image: url('../img/icon-telegram.png');
}
.social-links--vk {
    background-image: url('../img/icon-vk.png');
}
.social-links--fb {
    background-image: url('../img/icon-fb 64x64.png');
}
.social-links--tw {
    background-image: url('../img/icon-twitter.png');
}
.social-links--youtube {
    background-image: url('../img/icon-youtube 64x64.png');
}
.social-links--color {
    float: right;
}
.social-links--color div {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    text-align: right;
    text-transform: none;
}
.social-links--color a {
    background-size: 36px 36px;
    height: 36px;
    opacity: 0.9;
    width: 36px;
}
.social-links--color .social-links--inst {
    background-image: url('../img/icon-insta--color.jpg');
}
.social-links--color .social-links--vk {
    background-image: url('../img/icon-vk--color.jpg');
}
.social-links--color .social-links--fb {
    background-image: url('../img/icon-fb--color.jpg');
}
.social-links--color .social-links--tw {
    background-image: url('../img/icon-twitter--color.jpg');
}
.social-links--color .social-links--youtube {
    background-image: url('../img/icon-youtube--color.jpg');
}
.footer__copy {
    color: #666;
    display: none;
    font-size: 16px;
}
.website-dev {
    color: #666;
    font-size: 10px;
}
.website-dev a {
    color: #c3a15e;
    border-bottom: 1px solid;
    text-decoration: none;
    transition: 0.2s;
    border-bottom-color: rgba(195, 161, 94, 0.5);
}
.website-dev a:hover {
    text-decoration: none;
}
/*-----------------------------------------
Top Slider styles
--------------------------------------------*/
.slider-promo {
    position: relative;
}
.slider-promo li {
    height: 100%;
}
.slide-content {
    position: absolute;
    z-index: 1005;
}
.slider-promo__item {
    background-size: cover;
    height: 100%;
    position: relative;
}
.slider-promo__item p {
    font-size: 1.1428571rem;
    font-weight: 300;
}
.slider-promo__item--slide-001 {
    /*background: url('../img/slider-promo-001.jpg') 50% 50% no-repeat;*/
}
.slider-promo__item--slide-001 .slide-content {
    bottom: 40px;
    width: 800px;
    max-width: 65%;
}
.slider-promo__item-title {
    color: #fff;
    /*font-family: 'DejaVuSerif', serif;*/
    font-size: 2.57142857rem;
    font-weight: normal;
    line-height: 1.15;
    margin: 0 0 10px 0;
}
.slider-promo__item p {
    color: #fff;
    font-weight: 300;
    margin: 0 0 25px 0;
}
.slider-promo__item--slide-001 .button {
    margin-right: 15px;
    width: 225px;
}
.slider-promo__item--slide-001 .slider-promo__item-btn a {
    color: #fff;
    text-transform: uppercase;
}
.slider-promo__item--slide-001 .slider-promo__item-btn a span {
    border-bottom: 1px solid;
    text-decoration: none;
    transition: 0.2s;
    border-bottom-color: rgba(255, 255, 255, 0.5);
}
.slider-promo__item--slide-001 .slider-promo__item-btn a span:hover {
    text-decoration: none;
}
.slide-overlay {
    background-image: -moz-linear-gradient(90deg, #121212 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #121212 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #121212 0%, rgba(0, 0, 0, 0) 100%);
    bottom: -1px;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1000;
}
.slide-overlay.slide-overlay-nowild {
    background: -webkit-linear-gradient(top, rgba(225, 225, 225, 0.5) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(225, 225, 225, 0.5) 0%, #000000 100%);
}
.slider-promo .fotorama__nav-wrap,
.slider-reasons .fotorama__nav-wrap {
    bottom: 45px;
    position: absolute;
}
.slider-promo .fotorama__nav__shaft,
.slider-reasons .fotorama__nav__shaft {
    float: right;
    margin-right: 40px;
}
.slider-promo .fotorama__nav--dots .fotorama__nav__frame,
.slider-reasons .fotorama__nav--dots .fotorama__nav__frame {
    height: 3px;
    width: auto;
}
.slider-promo .fotorama__dot,
.slider-reasons .fotorama__dot {
    background: rgba(112,112,112,0.5);
    border: none;
    border-radius: 0;
    height: 3px;
    left: 0;
    margin-right: 3px;
    position: static;
    top: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    transition: 0.2s;
    width: 35px;
}
.slider-promo .fotorama__dot:hover,
.slider-reasons .fotorama__dot:hover {
    background: rgba(112,112,112,1);

}
.slider-promo .fotorama__nav__frame.fotorama__active .fotorama__dot,
.slider-reasons .fotorama__nav__frame.fotorama__active .fotorama__dot {
    background: #A5000A;
    border: none;
    height: 3px;
    width: 35px;
}
.slider-promo .fotorama__arr,
.slider-reasons .fotorama__arr,
.options-photos-col .fotorama__arr {
    background: url('../img/sprite-slider-arrow-shade.png') no-repeat;
    position: absolute;
    width: 18px;
    height: 33px;
    top: 50%;
    margin-top: -16px;
}
.slider-promo .fotorama__arr {
    height: 35px;
    width: 20px;
}
.slider-promo .fotorama__arr--prev {
    left: 40px;
    background-position: 0 -35px;
}
.slider-promo .fotorama__arr--next {
    right: 40px;
    background-position: -21px -35px;
}
.slider-reasons .fotorama__arr--prev,
.options-photos-col .fotorama__arr--prev {
    left: 40px;
    background-position: 0 0;
}
.slider-reasons .fotorama__arr--next,
.options-photos-col .fotorama__arr--next {
    right: 40px;
    background-position: -21px 0;
}
.options-photos-col .fotorama__arr--prev {
    left: 10px;
}
.options-photos-col .fotorama__arr--next {
    right: 10px;
}
.scroll-frame {
    background: url('../img/icon-arrow-scroll.png') 0 0 no-repeat;
    bottom: 40px;
    cursor: pointer;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 32px;
    z-index: 1010;
    -webkit-animation: scrollHint 1s infinite  normal ease-out;
    animation: scrollHint 1s infinite  normal ease-out;
}
.scroll-frame:hover {
    cursor: pointer;
}
@-webkit-keyframes scrollHint {
    0% {
        bottom: 10px;
    }
    50% {
        bottom: 20px;
    }
    100% {
        bottom: 10px;
    }
}
@keyframes scrollHint {
    0% {
        bottom: 10px;
    }
    50% {
        bottom: 20px;
    }
    100% {
        bottom: 10px;
    }
}
/*-------- mobile intro ---------*/
.mobile__index-intro {
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    display: none;
    min-height: 180px;
    position: relative;
    text-align: center;
    width: 100%;
}
.mobile__background-overlay {
    background: rgba(0,0,0,0.65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.mobile__index-intro img {
    /*left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;*/
    margin-top:75px;
}

.mobile__background-overlay h2 {
    margin-bottom:5px;
}
.mobile__background-overlay a, .mobile__background-overlay p {color:white;}
/*-----------------------------------------
Catalog index styles
--------------------------------------------*/
.catalog-index {
    font-size: 0;
}
.catalog-index li {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 50%;
}
.catalog-index li img {
    width: 100%;
}
.catalog-index__caption {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1005;
}
.catalog-index__caption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,0.8) 75%);
    background: linear-gradient(to bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,0.7) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
.catalog-index__caption h2 {
    color: #333;
    /*font: bold italic 1rem 'DejaVuSerif', serif;*/
    font-size: 21px;
    margin: 0;
    padding: 0 40px;
    position: absolute;
    top: 85%;
    left: 0;
    width: 100%;
    -webkit-transition: transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.catalog-index__caption h2:after {
    background: #e42526;
    bottom: -5px;
    content: '';
    height: 3px;
    left: 40px;
    position: absolute;
    width: 33px;
}
.catalog-index__caption:before,
.catalog-index__caption p {
    -webkit-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.catalog-index__caption p {
    color: #fff;
    position: absolute;
    bottom: 0;
    font-size: 1rem;
    font-weight: 300;
    left: 0;
    padding: 0 40px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
.catalog-index li:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-60px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-60px,0);
}
.catalog-index li:hover .catalog-index__caption:before,
.catalog-index li:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.filters {
    background: #020202;
    background: -moz-linear-gradient(top, #020202 0%, #2b2b2b 100%);
    background: -webkit-linear-gradient(top, #020202 0%,#2b2b2b 100%);
    background: linear-gradient(to bottom, #020202 0%,#2b2b2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#2b2b2b',GradientType=0 );
    font-size: 0;
    padding: 40px 0;
}
.filters h2 {
    color: #fff;
    display: none;
    font-size: 1.8571428rem;
    font-weight: 300;
    margin: 0 0 25px 0;
    padding: 0;
    position: relative;
}
.filters h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.filter-form--index {
    text-align: justify;
    text-justify: distribute;
}
.filter-form--index:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.filter-form--index .filters__range,
.filter-form--index .filters__check-group,
.filter-form--index .filters button {
    display: inline-block;
    vertical-align: middle;
}
.irs-from,
.irs-to,
.irs-single {
    color: #fff;
}
.filters__range {
    width: 17%;
}
.filters__range .range-title {
    color: #fff;
    font-size: 15px;
    margin-bottom: 12px;
}
.filters__check-group {
    color: #fff;
    font-size: 0;
    text-align: left;
    width: 260px;
}
.filters__check-group label {
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    margin-bottom: 5px;
    padding-left: 23px;
    position: relative;
    width: 125px;
}
.filters__check-group label:before {
    background: #fff;
    border: 1px solid #dddedf;
    content: '';
    height: 14px;
    left: 0;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 14px;
}
.filters__check-group label:hover {
    cursor: pointer;
}
.filters__check-group input {
    display: none;
}
.filters__check-group label:after {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 2px;
    top: 5px;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 2px solid #A5000A;
    border-top-style: none;
    border-right-style: none;
}
.filters__check-group input:checked + label:after {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.filters__check-group input:checked + label:before {
    background: #fff;
}
.filters__check-col {
    float: left;
    margin-right: 20px;
}
.filters__check-col:last-child {
    margin-right: 0;
}
.filters button {
    width: 163px;
}
/*-----------------------------------------
Slider Reasons styles
--------------------------------------------*/
.slider-reasons {
    height: 580px;
    position: relative;
}
.slider-reasons__item {
    height: 580px;
    position: relative;
}
.slider-reasons__item:before,
.slider-reasons__item:after {
    content: '';
    display: table;
}
.slider-reasons__item:after {
    clear: both;
}
.slider-reasons__item-photo {
    bottom: 0;
    font-size: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 55%;
}
.slider-reasons__item-photo img {
    width: 100%;
}
.slider-reasons__item h2 {
    font: bold 1rem Play, sans-serif;
    font-size: 1.71428571rem;
    line-height: 1.15;
    margin: 0 0 30px 0;
    position: relative;
}
.slider-reasons__item h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.slider-reasons__item p {
    font-size: 1.1428571rem;
    font-weight: 300;
    margin: 0 0 40px 0;
}
.slider-reasons__item .button {
    width: 307px;
}
.slider-reasons__item-content {
    position: absolute;
    right: 57px;
    top: 50%;
    transform: translateY(-50%);
    width: 35%;
}
.slider-reasons--static {
    display: none;
}
.reasons-static__photo {
    overflow: hidden;
    width: 100%;
}
.reasons-static__photo img {
    width: 100%;
}
.reasons-static__content {
    background: #fff;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
    width: 80%;
}
.reasons-static__content h2 {
    font: bold 1rem Play, sans-serif;
    font-size: 1.857142rem;
    line-height: 1.15;
    margin: 0 0 25px 0;
    position: relative;
}
.reasons-static__content h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.reasons-static__content p {
    font-size: 1.285714rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 25px 0;
}
.reasons-static__content .button {
    width: 307px;
}
/*-----------------------------------------
configurator Promo index styles
--------------------------------------------*/
.configurator-promo {
    background: url('../img/img-personality.jpg') 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
    min-height: 426px;
    position: relative;
}
.configurator-promo .mobile__background-overlay {
    display: none;
}
.configurator-promo h2 {
    font: bold 1rem Play, sans-serif;
    font-size: 1.85714286rem;
    line-height: 1.15;
    margin: 0 0 15px 0;
    width: 410px;
}
.configurator-promo p {
    font-size: 1.142857rem;
    font-weight: 300;
    margin: 0 0 25px 0;
    width: 400px;
}
.configurator-promo .button {
    width: 285px;
}
.configurator-promo__content {
    position: absolute;
    bottom: 50px;
}
/*-----------------------------------------
map index styles
--------------------------------------------*/
.section-title__gradient {
    left: 0;
    padding: 16px 0 20px 35px;
    position: absolute;
    background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.section-title__gradient h2 {
    font-size: 1.71428571rem;
    font-weight: 300;
    line-height: 1.15;
    margin: 0 0 10px 0;
}
.for_vpackets .section-title__gradient h2,
.for_vpackets .section-title__gradient p
{
    font-size: 1.9rem;
    color: #fff;
    font-weight: 500;
}
.section-title__gradient p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0;
    width: 90%;
}
.for_vpackets .section-title__gradient p{
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    margin-right: 40px;
    margin-top: 20px;
}
.section-title__gradient a {
    border-bottom-color: rgba(51, 51, 51, 0.5);
    color: #333;
}
.section-title__gradient a:hover {
    border-bottom: 1px solid rgba(228,37,38,0.5);
    color: #e42526;
}
#order .section-title__gradient h2 {
    position: relative;
}
#order .section-title__gradient h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.map {
    background: #282828;
    position: relative;
}
.map:before,
.map:after {
    content: '';
    display: table;
}
.map:after {
    clear: both;
}
.map .section-title__gradient {
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%);
    top: 20px;
    z-index: 999;
}
.map.for_vpackets .section-title__gradient {
    background: rgba(0,0,0,75%);
}
.map__container {
    height: 449px;
    max-height:70%;
    margin-right: 345px;
}
.map__form-container {
    float: right;
    position: relative;
    width: 345px;
}
.request-form {
    background: #282828;
    color: #fff;
    padding: 35px 40px 15px;
}
.request-form h3 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 10px 0;
}
.request-form label {
    display: block;
    font-size: 1.1428571rem;
    font-weight: 300;
    margin-bottom: 13px;
    width: 100%;
}
.request-form label input {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    width: 100%;
}
.request-form label input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
    font-weight: 300;
}
.request-form label input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
    font-weight: 300;
}
.request-form label input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
    font-weight: 300;
}
.request-form label input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
    font-weight: 300;
}
.request-form label select {
    width: 100%;
}
.jq-selectbox__dropdown {
    width: 100% !important;
}
.request-form .button {
    margin-bottom: 15px;
    width: 100%;
}
.request-form em {
    color: rgba(255, 255, 255, 0.4);
    display: block;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}
.shop-location__form-container .form__success-overlay,
.map__form-container .form__success-overlay,
.testdrive-form-wrapper .form__success-overlay {
    background: #282828;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 101;
}
.form__success-overlay--support {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 101;
    padding-bottom: 1px;
}

.shop-location__form-container .form__success-content,
.testdrive-form-wrapper .form__success-content,
.map__form-container .form__success-content {
    color: #fff;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    top: 110%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
}
.form__success-overlay--support .form__success-content {
    color: #333;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: center;
    top: 110%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 200px;
}
.shop-location__form-container .form__success-title,
.testdrive-form-wrapper .form__success-title,
.map__form-container .form__success-title {
    font-size: 1.85714285rem;
    font-weight: 300;
    line-height: 1.15;
    margin-bottom: 25px;
    position: relative;
}
.form__success-overlay--support .form__success-title {
    font-size: 1.85714285rem;
    font-weight: 300;
    line-height: 1.15;
    margin-bottom: 25px;
    position: relative;
}
.shop-location__form-container .form__success-title:after,
.testdrive-form-wrapper .form__success-title:after,
.map__form-container .form__success-title:after {
    background: #e42526;
    bottom: -15px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.form__success-overlay--support .form__success-title:after {
    background: #e42526;
    bottom: -15px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.fail .form__success-check:after, .fail .form__success-check:before {
    position: absolute;
    left: 15px;
    content: ' ';
    height:70px;
    width: 6px;
    background-color: red;

    color: #000;
    left: 0;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    top: 0;
    -webkit-transform: 0;
    transform: 0;
    width: 70px;
}
.fail .form__success-check:before {
    transform: rotate(45deg);
}
.fail .form__success-check:after {
    transform: rotate(-45deg);
}

.shop-location__form-container .form__success-content p,
.testdrive-form-wrapper .form__success-content p,
.map__form-container .form__success-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
}
.form__success-overlay--support .form__success-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
}
@-webkit-keyframes show {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}
@-moz-keyframes show {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}
@-ms-keyframes show {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}
@keyframes show {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}
@-webkit-keyframes show-message {
    0% {
        opacity: 0;
        visibility: hidden;
        top: 110%;
    }
    100% {
        opacity: 1;
        visibility: visible;
        top: 50%;
    }
}
@-moz-keyframes show-message {
    0% {
        opacity: 0;
        visibility: hidden;
        top: 110%;
    }
    100% {
        opacity: 1;
        visibility: visible;
        top: 50%;
    }
}
@-ms-keyframes show-message {
    0% {
        opacity: 0;
        visibility: hidden;
        top: 110%;
    }
    100% {
        opacity: 1;
        visibility: visible;
        top: 50%;
    }
}
@keyframes show-message {
    0% {
        opacity: 0;
        visibility: hidden;
        top: 110%;
    }
    100% {
        opacity: 1;
        visibility: visible;
        top: 50%;
    }
}
@-webkit-keyframes check {
    0% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 0;
    }
    33.3333% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 55px;
    }
    100% {
        border-right-width: 8px;
        border-top-width: 8px;
        width: 55px;
        height: 115px;
    }
}
@-moz-keyframes check {
    0% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 0;
    }
    33.3333% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 55px;
    }
    100% {
        border-right-width: 8px;
        border-top-width: 8px;
        width: 55px;
        height: 115px;
    }
}
@-ms-keyframes check {
    0% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 0;
    }
    33.3333% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 55px;
    }
    100% {
        border-right-width: 8px;
        border-top-width: 8px;
        width: 55px;
        height: 115px;
    }
}
@keyframes check {
    0% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 0;
    }
    33.3333% {
        border-right-width: 8px;
        border-top-width: 8px;
        height: 0;
        width: 55px;
    }
    100% {
        border-right-width: 8px;
        border-top-width: 8px;
        width: 55px;
        height: 115px;
    }
}
@-webkit-keyframes hide {
    99% {
        opacity: 0;
    }
    100% {
        display: none;
    }
}
@-moz-keyframes hide {
    99% {
        opacity: 0;
    }
    100% {
        display: none;
    }
}
@-ms-keyframes hide {
    99% {
        opacity: 0;
    }
    100% {
        display: none;
    }
}
@keyframes hide {
    99% {
        opacity: 0;
    }
    100% {
        display: none;
    }
}
.shop-location__form-container .form__success-check,
.testdrive-form-wrapper .form__success-check,
.map__form-container .form__success-check {
    display: block;
    height: 105px;
    margin: 0 auto;
    position: relative;
    width: 130px;
}
.form__success-overlay--support .form__success-check {
    display: block;
    height: 105px;
    margin: 0 auto;
    position: relative;
    width: 130px;
}
.shop-location__form-container .form__success-check:after,
.testdrive-form-wrapper .form__success-check:after,
.map__form-container .form__success-check:after {
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top;
    border-right: 0px solid #fff;
    border-top: 0px solid #fff;
    content: '';
    display: block;
    height: 0px;
    left: 23px;
    position: absolute;
    top: 40px;
    width: 0px;
}
.form__success-overlay--support .form__success-check:after {
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top;
    border-right: 0px solid #333;
    border-top: 0px solid #333;
    content: '';
    display: block;
    height: 0px;
    left: 23px;
    position: absolute;
    top: 40px;
    width: 0px;
}
.header .header__right.hpr{position:relative}
.header .header__right .s1{position:absolute;top:72px;left:0;font-size:14px;line-height:1.2;width:115%;-webkit-box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);visibility:hidden;display:none}
.header .header__right .s1.s1_active{visibility:visible;display:block}
.s2{padding:50px 30px 30px 30px}
.s4{width:55%;position:relative;padding-right:10px}
.s4_1{display:flex;}
.s1_1{width:55%}
.s1_2{width:44%}
.s1_3{width:45%;}
.s2{display:flex;background-color:#fff;}
.header .header__right .s1 .h2{text-transform:uppercase;font-size:18px}
.s1 ul{list-style:none;padding:10px 0}
.s1 li{padding:2px 0;}
.header .header__right .s1 ul a{color:#333}
.s1 ul a:hover{text-decoration:underline}
.s1 li::before{content:"-";padding-right:5px}
.s1 .soc1{padding-top:20px;}
.s1 .soc1 ul{display:inline-block;padding:0;margin:0;}
.s1 .soc1 li{display:inline-block;padding:0 2px}
.s1 .soc1 li::before{display:none}
.s1 .soc1 span{padding-right:5px;position:relative;top:-7px}
.s1_sbs{}
.soc1 .social-links a{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-color:#333;opacity:1;width:22px;height:22px;background-position:-1px -1px}
.btm1{padding-top:15px;}
.btm1_1{position:absolute;bottom:5px;left:0}
.ml1{margin-left:15px}
/*.m_logo{display:none}*/
@media (max-width:1000px){
    button.mobile-menu__toggle_2,.header_button-wrap.dea{display:none}
    /*button.mobile-menu__toggle{margin-left: -30px;}*/
    button.mobile-menu__toggle{position:absolute;right:10px;top:0}
    .header .header__right{padding-right:0}
    header:not(.header--dealer) .header_button-wrap .button:first-child{display:none}
    /*.m_logo{display:block;position:absolute;top:31px;left:calc(50% - 75px)}
    .m_logo a{display:block;width:150px;height:26px;background:url('../img/logo3-header.png') no-repeat 0 0/contain;}*/
    .lang-mob{display:none}
    .header.header--dealer button.mobile-menu__toggle{position:static;width:100px}
    .header.header--dealer button.mobile-menu__toggle .hamb-nav-toggle{margin-right:5px}
}
.s1_sbs span{text-transform:uppercase;cursor:pointer;text-decoration:underline}
.shop-location__form-container .form__success-overlay.show,
.testdrive-form-wrapper .form__success-overlay.show,
.map__form-container .form__success-overlay.show {
    -webkit-animation: show 0.7s ease-out forwards;
    -moz-animation: show 0.7s ease-out forwards;
    -o-animation: show 0.7s ease-out forwards;
    animation: show 0.7s ease-out forwards;
}
.form__success-overlay--support.show {
    -webkit-animation: show 0.7s ease-out forwards;
    -moz-animation: show 0.7s ease-out forwards;
    -o-animation: show 0.7s ease-out forwards;
    animation: show 0.7s ease-out forwards;
}
.shop-location__form-container .form__success-overlay.show .form__success-content,
.testdrive-form-wrapper .form__success-overlay.show .form__success-content,
.map__form-container .form__success-overlay.show .form__success-content {
    -webkit-animation: show-message 0.7s ease-out 0.3s forwards;
    -moz-animation: show-message 0.7s ease-out 0.3s forwards;
    -o-animation: show-message 0.7s ease-out 0.3s forwards;
    animation: show-message 0.7s ease-out 0.3s forwards;
}
.form__success-overlay--support.show .form__success-content {
    -webkit-animation: show-message 0.7s ease-out 0.3s forwards;
    -moz-animation: show-message 0.7s ease-out 0.3s forwards;
    -o-animation: show-message 0.7s ease-out 0.3s forwards;
    animation: show-message 0.7s ease-out 0.3s forwards;
}
.shop-location__form-container .form__success-overlay.show .form__success-check:after,
.testdrive-form-wrapper .form__success-overlay.show .form__success-check:after,
.map__form-container .form__success-overlay.show .form__success-check:after {
    -webkit-animation: check .8s ease-out 1s forwards;
    -moz-animation: check .8s ease-out 1s forwards;
    -o-animation: check .8s ease-out 1s forwards;
    animation: check .8s ease-out 1s forwards;
}
.form__success-overlay--support.show .form__success-check:after {
    -webkit-animation: check .8s ease-out 1s forwards;
    -moz-animation: check .8s ease-out 1s forwards;
    -o-animation: check .8s ease-out 1s forwards;
    animation: check .8s ease-out 1s forwards;
}
/*.shop-location__form-container .form__success-overlay.show,
.map__form-container .form__success-overlay.show {
    -webkit-animation: hide .5s ease-out 15s forwards;
    -moz-animation: hide .5s ease-out 15s forwards;
    -o-animation: hide .5s ease-out 15s forwards;
    animation: hide .5s ease-out 15s forwards;
}*/
/*-----------------------------------------
gallery index styles
--------------------------------------------*/
.gallery {
    background: #121212 url('../img/bg-voljanka-gallery.jpg') 50% 50% no-repeat;
    background-size: cover;
    padding: 35px 0 40px;
}
.gallery h2 {
    color: #fff;
    font-size: 1.85714286rem;
    font-weight: 300;
    margin: 0 0 40px 0;
    position: relative;
}
.gallery h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.gallery .button {
    float: right;
    width: 265px;
}
/*-----------------------------------------
blog index styles
--------------------------------------------*/
.blog {
    background: #121212;
    color: #fff;
    padding: 15px 0 20px;
}
.blog h2 {
    font-size: 1.85714286rem;
    font-weight: 300;
    margin: 0 0 5px 0;
}
.blog h2 a {
    color: #c3a15e;
    border-bottom-color: rgba(195, 161, 94, 0.5);
}
.blog h2 a:hover {
    border-bottom-color: rgba(228,37,38,0.5);
    color: #e42526;
}
.blog p {
    color: #fff;
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0 0 15px;
}
.blog__item {
    width: 265px;
}
.blog__item-inner {
    border: 1px solid #e6e6e6;
}
.blog--mini .blog__item {
    border: none;
}
.blog__grid {
    margin-bottom: 70px;
    width: 100%;
}
.blog__item-photo {
    display: block;
    /*height: 185px;*/
    overflow: hidden;
    width: 100%;
}
.blog__item-photo img {
    width: 100%;
}
.blog__item-description {
    background: #fff;
    color: #334b6e;
    padding: 15px 13px 15px;
}
.blog__item-description h3 {
    font-size: 1.14285714rem;
    font-weight: 700;
    margin: 0 0 32px 0;
}
.blog__item-description h3 a {
    border-bottom-color: #33333399;
    color: #333333;
}
.blog__item-description h3 a:hover,
.blog__item-description h3 a.hover-state {
    border-bottom: 1px solid rgba(228,37,38,0.5);
    color: #e42526;
}
/*.blog--mini .blog__item-description h3 {
  margin: 0;
}*/
.blog__item-info {
    font-size: 0;
    margin-bottom: 10px;
}
.blog__item-info time {
    display: inline-block;
    font-size: 9px;
    text-transform: uppercase;
}
.blog__item-info time {
    color: #999;
    margin-right: 13px;
}
.blog--mini .blog__item-info {
    font-size: 0;
    margin-bottom: 10px;
}
.blog--mini .blog__item-info time,
.blog--mini .blog__item-info .blog__item-tag {
    display: inline-block;
    font-size: 9px;
    text-transform: uppercase;
}
.blog--mini .blog__item-info time {
    color: #999;
    margin-right: 13px;
}
.blog--mini .blog__item-info .blog__item-tag a {
    border-bottom: 1px solid;
    text-decoration: none;
    transition: 0.2s;
    border-bottom-color: rgba(51, 75, 110, 0.5);
    color: #334b6e;
}
.blog--mini .blog__item-info .blog__item-tag a:hover {
    text-decoration: none;
}
.blog__info-row:before,
.blog__info-row:after {
    content: '';
    display: table;
}
.blog__info-row:after {
    clear: both;
}
.blog__info-row .blog__item-tag {
    float: left;
    font-size: 9px;
    text-transform: uppercase;
}
.blog__info-row .blog__item-tag a {
    border-bottom: 1px solid;
    text-decoration: none;
    transition: 0.2s;
    border-bottom-color: rgba(153, 153, 153, 0.5);
    color: #999;
}
.blog__info-row .blog__item-tag a:hover {
    text-decoration: none;
}
.blog__info-row .blog__comments {
    background: url('../img/icon-comments.png') 0 50% no-repeat;
    color: #666;
    display: block;
    float: right;
    padding-left: 20px;
}
.video-block {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 580px;
    position: relative;
}
.video-block .section-title__gradient {
    top: 40px;
}
.video-block .section-title__gradient h2 {
    line-height: 0.7;
    width: 360px;
}
.video-block .youtube-channel {
    border-bottom: none;
    display: inline-block;
    margin-left: 15px;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    top: 7px;
    vertical-align: bottom;
}
.video-block .youtube-channel:hover {
    border-bottom: none;
    opacity: 1;
}
.video-play {
    background: none;
    border: none;
    left: 50%;
    margin: -35px 0 0 -50px;
    opacity: 0.7;
    top: 50%;
    position: absolute;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.video-play:hover {
    opacity: 1;
}
.video-play:focus {
    outline: none;
}
.social-block {
    padding: 35px 0 55px;
}
.social-block h2 {
    color: #333;
    font-size: 1.71428571rem;
    font-weight: 300;
    margin: 0 0 30px 0;
    position: relative;
}
.social-block h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.social-widget {
    min-height: 300px;
}
#vk_groups,
#vk_groups iframe {
    width: 100% !important;
}
.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
    width: 100% !important;
    display: block;
    z-index: 2000;
    position: relative;
}
.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
    width: 100% !important;
    display: block;
    z-index: 2000;
    position: relative;
}
/*-----------------------------------------
Grid Gallery styles
--------------------------------------------*/
.grid-gallery {
    margin-bottom: 10px;
    font-size: 0;
    width: 100%;
}
.gallery__item {
    display: block;
    width: 182px;
}
.grid-gallery > a {
    overflow: hidden;
}
.grid-gallery > a > img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    /*height: 100%;*/
    width: 100%;
}
.grid-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}
.grid-gallery > a .demo-gallery-poster {
    background-color: rgba(0,0,0,.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .15s ease 0s;
    -o-transition: background-color .15s ease 0s;
    transition: background-color .15s ease 0s;
}
.grid-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0,0,0,.5);
}
.grid-gallery > a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
}
.grid-gallery > a:hover .demo-gallery-poster>img {
    opacity: 1;
}
/*-----------------------------------------
Video popup styles
--------------------------------------------*/
#video-popup,
.popup {
    display: none;
    position: fixed; top: 0; left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    /*visibility: hidden;*/
    transition: 0.2s;
    z-index: 9999;
}
#video-popup.visible,
.popup.visible {
    display: table;
}
.video-popup__layout,
.popup__layout {
    display: table-cell;
    vertical-align: middle;
}
.popup__inner {
    border-radius: 3px;
    margin: 0 auto;
    /*border: 3px solid #334b6e;*/
    background: #fff;
    padding: 20px 20px 30px;
    position: relative;
    max-width: 75%;
    /*min-height: 540px;*/
    max-height: 75%;
}
.video-popup__inner {
    margin: 0 auto;
    background: #121212;
    padding: 0;
    position: relative;
    /*width: 817px;*/
    height: 490px;
    max-width: 872px;
    max-height: 100%;
}
.popup__inner:before,
.popup__inner:after {
    content: '';
    display: table;
}
.popup__inner:after {
    clear: both;
}
.close-popup {
    background: none;
    border: none;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1020;
}
.close-popup:before,
.close-popup:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 2px;
    background: #888;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.close-popup:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close-popup:hover:before,
.close-popup:hover:after {
    background: #333;
}
.close-popup:focus {
    outline: none;
}
.video-popup__inner .close-popup {
    width: 40px;
    height: 40px;
    top: 0;
    right: -50px;
}
.video-popup__inner .close-popup:before,
.video-popup__inner .close-popup:after  {
    background: rgba(255,255,255,0.5);
}
.video-popup__inner .close-popup:hover:before,
.video-popup__inner .close-popup:hover:after {
    background: rgba(255,255,255,1);
}
.video-popup__title {
    font-size: 22px;
    line-height: 45px;
    height: 45px;
    margin-bottom: 15px;
    padding: 0 0 0 50px;
    position: relative;
}
.video-popup__title:before {
    background: url('../img/logo-volzhanka-mini.png') 0 0 no-repeat;
    content: "";
    width: 45px;
    height: 45px;
    top: 50%;
    margin-top: -22px;
    left: 0;
    position: absolute;
}
.video-popup__player-container {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
}
.recommended-options-popup .popup__inner {
    /*height: 400px;*/
    width: 768px;
}
.recommended-options-popup .options-photos-col {
    float: left;
    margin: 0 10px 10px 0;
    width: 490px;
}
.recommended-options-popup .options-description-col {
    float: left;
    width: 200px;
}
.recommended-options-popup .option-category {
    color: #121212;
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 1;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.recommended-options-popup .option-name {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.recommended-options-popup .option-text {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}
.recommended-options-popup .option-text p {
    margin: 0 0 5px 0;
}
.recommended-options-popup .option-detail {
    color: #555;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 10px;
}
.recommended-options-popup .option-price {
    color: #e42526;
    font-size: 16px;
    font-weight: 500;
}
/*-----------------------------------------
Configurator styles
--------------------------------------------*/
.configurator {
    padding: 40px 0 20px 0;
}
.configurator:before,
.configurator:after {
    content: '';
    display: table;
}
.configurator:after {
    clear: both;
}
.configurator h1 {
    font-size: 2rem;
    font-weight: 300;
    margin: 0 0 35px 0;
    padding: 0;
    position: relative;
}
.configurator h1:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.configurator .vpakets_configurator h1 {
    font-weight: 700;
    margin: 0;
}
.configurator .vpakets_configurator h5 {
//font-weight: 700;
    margin: 0 ;
}
.configurator .vpakets_configurator h1:after {
    height: 0;
}
.configurator__breadcrumbs {
    font-size: 0;
    margin-bottom: 22px;
}
.configurator__breadcrumbs li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
}
.configurator__breadcrumbs li:last-of-type {
    margin-right: 0;
}
.configurator__breadcrumbs li > * {
    color: #333333;
    font-size: 1rem;
    font-weight: 300;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    position: relative;
    padding: 0px 23px 0px 35px;
    background-color: #edeff0;
    border-color: #edeff0;
    transition: 0.5s;
}
.configurator__breadcrumbs li > em {
    font-style: normal;
}
.configurator__breadcrumbs li a span {
    border-bottom: 1px dashed rgba(82, 82, 82, 0.5);
    transition: 0.2s;
}
.configurator__breadcrumbs li.current > * {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}
.configurator__breadcrumbs li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
}
.configurator__breadcrumbs li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
}
.configurator__breadcrumbs a:hover {
    background-color: #e42526;
    border-color: #e42526;
}
.configurator__breadcrumbs li a:hover span {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.5);
}
.configurator__breadcrumbs li:after,
.configurator__breadcrumbs li > *:after {
    position: absolute;
    top: 50%;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.configurator__breadcrumbs li:after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px) translateY(-50%);
    -moz-transform: translateX(4px) translateY(-50%);
    -ms-transform: translateX(4px) translateY(-50%);
    -o-transform: translateX(4px) translateY(-50%);
    transform: translateX(4px) translateY(-50%);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
}
.configurator__breadcrumbs li > *:after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
}
.configurator__breadcrumbs li:last-of-type:after,
.configurator__breadcrumbs li:last-of-type > *:after {
    /* hide the triangle after the last step */
    display: none;
}
@-moz-document url-prefix() {
    .cd-breadcrumb.triangle li:after,
    .cd-breadcrumb.triangle li > *:after {
        /* fix a bug on Firefix - tooth edge on css triangle */
        border-left-style: dashed;
    }
}
.boat-filters-row {
    margin-bottom: 25px;
}
.boat-filters-row-inner {
    background: #f7f9fa;
    height: 65px;
    line-height: 65px;
    margin: 0 0 0 -40px;
    padding-left: 40px;
}
.boat-filters-row.fixed {
    position: fixed;
    top: 74px;
    max-width: 1960px;
    width: 100%;
    z-index: 1016;
}
.boat-filters-row.fixed + .configurator__catalog {
    padding-top: 90px;
}
.boat-filters-row.fixed  .boat-filters-row-container {
    margin: 0 auto;
    /*max-width: 1600px;*/
    padding: 0 40px;
}
.boat-filters-row.fixed .boat-filters-row-inner {
    margin: 0 325px 0 -80px;
}
.boat-filters-row-inner:before,
.boat-filters-row-inner:after,
.boat-filters-row:before,
.boat-filters-row:after {
    content: '';
    display: table;
}
.boat-filters-row-inner:after,
.boat-filters-row:after {
    clear: both;
}
.boat-models {
    float: left;
    font-size: 0;
    margin-right: 20px;
    /*width: 58.08383234%;*/
}
.boat-characteristics {
    float: right;
    /*width: 37.1257485%;*/
}
.boat-characteristics span,
.boat-characteristics ul {
    display: inline-block;
    vertical-align: middle;
}
.boat-characteristics span {
    font-weight: 300;
    margin-right: 5px;
}
.boat-characteristics ul {
    font-size: 0;
}
.boat-models li,
.boat-characteristics li {
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    line-height: 24px;
    padding: 0 6px;
    vertical-align: middle;
}
.boat-models li:not(:last-child),
.boat-characteristics li:not(:last-child) {
    margin-right: 5px;
}
.boat-models li a,
.boat-characteristics li a {
    border-bottom: 1px dashed rgba(92, 92, 93, 0.5);
    color: #484848;
    font-weight: 400;
    cursor: pointer;
    line-height: 1;
}
.boat-models li a:hover,
.boat-characteristics li a:hover {
    border-bottom: 1px dashed rgba(228,37,38,0.5);
    color: #e42526;
    cursor: pointer;
}
.boat-models li.active,
.boat-characteristics li.active {
    background: none;
    border-radius: 2px;
    line-height: 24px;
    text-align: center;
}
.boat-models li.active:not(:last-child),
.boat-characteristics li.active:not(:last-child) {
    margin-right: 5px;
}
.boat-models li.active a,
.boat-characteristics li.active a {
    color: #222;
    font-weight: 400;
    border-bottom: 0;
}
.boat-models li.active a:hover,
.boat-characteristics li.active span:hover {
    color: #333;
    cursor: default;
}
.configurator__catalog-section {
    margin-bottom: 15px;
}
.configurator__catalog-section.fail {
    display:none;
}
.configurator__catalog-grid p.noresults {
    display: none;
}
.configurator__catalog-grid.fail p.noresults {
    display: block;
}
.configurator__catalog-section h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 15px 0;
}
.configurator__catalog-grid {
    margin-left: -10px;
    margin-right: -10px;
}
.vpakets_configurator .configurator__catalog-grid {
    margin-top: 25px;
}
.configurator__catalog-grid:before,
.configurator__catalog-grid:after {
    content: '';
    display: table;
}
.configurator__catalog-grid:after {
    clear: both;
}
.configurator__catalog-item {
    float: left;
    margin-bottom: 30px;
    padding: 0 10px;
    width: 33.33333333%;
    display: none;
    overflow: hidden;
}
.vpakets_configurator .configurator__catalog-item{
    width: 250px;
    margin:0 20px;
}
.vpakets_configurator .configurator__catalog-item .configurator__catalog-item_title {
    color: #333333;
    text-align: center;
    font-weight: 700;
}
.vpakets_configurator .configurator__catalog-item .configurator__catalog-item_price {
    background:#e42526;
    color:#fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: normal;
    text-transform: none;
    width: 170px;
    margin: 10px auto;
    text-align: center;
}
.vpakets_configurator .configurator__catalog-item .configurator__catalog-item_price.price_gray {
    background:#898989;
}
.configurator__catalog-grid--options .configurator__catalog-item { display: block }
.configurator__catalog-photo {
    /*height: 185px;*/
    overflow: hidden;
    position: relative;
}
.configurator__catalog-photo img {
    display: block;
    width: 100%;
}
.configurator__catalog-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.2s;
    visibility: hidden;
    width: 100%;
}
.configurator__catalog-overlay .button,
.configurator__catalog-overlay_selected .button {
    left: 50%;
    margin: -19px 0 0 -67px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 0.1s linear 0.1s;
    transition-delay: 0.1s;
    width: 134px;
}
.configurator__catalog-item-inner:hover .configurator__catalog-overlay {
    background: rgba(0, 0, 0, 0.4);
    visibility: visible;
}
.configurator__catalog-overlay_selected {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.2s;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    visibility: visible;
}
.configurator__catalog-item-inner:hover .configurator__catalog-overlay .button,
.configurator__catalog-overlay_selected .button {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.configurator__catalog-description {
    background: #e6e6e6;
    height: 106px;
    overflow: hidden;
    padding: 15px 10px 0;
    position: relative;
}
.configurator__catalog-description h3 {
    font-size: 1.14285714rem;
    font-weight: 700;
    margin: 0 0 5px 0;
}
.configurator__catalog-description h3 a {
    border-bottom: 1px solid rgba(62, 62, 62, 0.5);
    color: #1b1b1b;
}
.configurator__catalog-description h3 a:hover,
.configurator__catalog-description h3 a.hover-state {
    border-bottom: 1px solid rgba(228,37,38,0.5);
    color: #e42526;
}
.configurator__catalog-description h3 .tooltip {
    border: 1px solid #334b6e;
    border-radius: 3px;
    background: #fff;
    display: none;
    font-size: 11px;
    font-weight: 300;
    padding: 5px 10px;
    position: absolute;
    right: -140px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 130px;
    z-index: 1000;
}
.configurator__catalog-description h3 .tooltip:before {
    border: 5px solid;
    border-color: transparent transparent #fff #fff;
    box-shadow: -1px 1px 1px 0 #334b6e;
    content: '';
    height: 0;
    left: 0;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0;
}
.configurator__catalog-description h3 a:hover + .tooltip {
    display: block;
}
.configurator__catalog-description .btn-compare {
    background: none;
    border: none;
    border-bottom: 1px dashed #333;
    color: #333;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    right: 10px;
    bottom: 15px;
    position: absolute;
}
.configurator__catalog-description .btn-compare:hover {
    border-bottom: 1px dashed rgba(228,37,38,0.5);
    color: #e42526;
}
.configurator__catalog-description .configurator__category-link {
    color: #555555;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    right: 10px;
    bottom: 15px;
    position: absolute;
}
.configurator__catalog-grid--options .configurator__catalog-description h3 {
    height: 58px;
    overflow: hidden;
}
.boat-length {
    display: inline-block;
    color: #666;
    font-size: 12px;
    font-weight: 300;
    margin-right: 5px;
    position: relative;
}
.boat-length em {
    font-style: normal;
}
.boat-length:after {
    content: '\00B7';
    position: absolute;
    right: -6px;
}
.boat-power {
    display: inline-block;
    color: #666;
    font-size: 12px;
    font-weight: 300;
}
.boat-power em {
    font-style: normal;
}
.configurator__catalog-price,
.configurator__catalog-old_price
{
    color: #e42526;
    font-size: 16px;
    font-weight: 800;
    left: 10px;
    bottom: 15px;
    position: absolute;
}
.configurator__catalog-old_price{
    font-weight: 300;
    bottom: 30px;
    color: #000;
}
.catalog-item-selected__overlay {
    display: none;
}
.configurator__catalog-item .configurator__catalog-item-inner,
.configurator__catalog-item--selected .configurator__catalog-item-inner {
    position: relative;
}
.configurator__catalog-item--selected .configurator__catalog-overlay {
    display: none;
}
.configurator__catalog-item--selected .catalog-item-selected__overlay {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}
.no-overlay .catalog-item-selected__overlay {
    display: none;
}
.configurator__catalog-item--selected .catalog-item-selected__overlay button {
    margin-left: -67px;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 134px;
}
.configurator__aside-inner {
    position: absolute;
}

.configurator__aside-filters {
    background: #020202; /* Old browsers */
    background: -moz-linear-gradient(top, #020202 0%, #2b2b2b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #020202 0%,#2b2b2b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #020202 0%,#2b2b2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
    color: #fff;
    margin-bottom: 20px;
    width: 265px;
}
.configurator__aside-inner.fixed {
    position: fixed;
    /*top: 74px;*/
    width: 265px;
}
.configurator__aside-filters h4 {
    font-size: 21px;
    font-weight: 300;
    margin: 0 0 25px 0;
    padding: 0;
    position: relative;
}
.configurator__aside-filters h4:after{
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.filter-form--config .filter__sub-title {
    color: #cfcfcf;
    font-size: 1rem;
    margin-bottom: 5px;
}
.filter-form--config .aside-filters__inner {
    padding: 15px 20px 0 20px;
}
.filter-form--config .aside-filters__inner:before,
.filter-form--config .aside-filters__inner:after {
    content: '';
    display: table;
}
.filter-form--config .aside-filters__inner:after {
    clear: both;
}
.filter-form--config .filter__boat-selected {
    height: 169px;
    overflow: hidden;
    width: 100%;
}
.filter-form--config .filter__boat-selected img {
    width: 100%;
}
.filter-form--config .filters__range {
    margin: 0 0 15px 0;
    width: 100%;
}
.filter-form--config .filters__check-group {
    margin-bottom: 30px;
    width: 100%;
}
.filter-form--config .filters__check-col {
    color: #fff;
    float: none;
    margin: 20px 0 0 0;
}
.filter-form--config .filters__check-col label {
    display: block;
    font-weight: 300;
    margin-bottom: 5px;
    width: auto;
}
.filter-form--config .irs-from,
.filter-form--config .irs-to,
.filter-form--config .irs-single {
    color: #fff;
}
.filter-form--config .aside-filters__total-price {
    color: #fff;
    font-size: 1.71428571rem;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: right;
}
.filter-form--config .button {
    margin-bottom: 16px;
    width: 100%;
}
.filter-form--config .filter__options-row {
    margin-bottom: 20px;
}
.filter-form--config .filter__options-row .filter__options-text {
    color: #c4c4c4;
    display: table;
    font-size: 12px;
    width: 100%;
}
.filter-form--config .filter__options-row .filter__options-text b {
    font-weight: 400;
    display: table-cell;
    width: 173px;
}
.filter-form--config .filter__options-row .filter__options-text span {
    color: #fff;
    display: table-cell;
    font-weight: 500;
    text-align: right;
    vertical-align: bottom;
}
.filter__transom-list {
    font-size: 0;
}
.filter__transom-list li {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 7px;
}
.filter__transom-list li:nth-child(2n),
.filter__transom-list li:last-child {
    padding-right: 0;
}
.filter__transom-list li:nth-child(2n+1),
.filter__transom-list li:first-child {
    padding-left: 0;
}
.filter__transom-list li label {
    display: inline-block;
    height: 57px;
    margin-bottom: 5px;
    position: relative;
    width: 105px;
}
.filter__transom-list li label img {
    height: 100%;
    width: 100%;
}
.filter__transom-list li label:before {
    background-clip: padding-box;
    border: 2px solid;
    border-color: transparent;
    content: '';
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.2s ease-out;
    transition-property: border-color;
}
.filter__transom-list li label:hover {
    cursor: pointer;
}
.filter__transom-list li input:checked + label:before {
    border-color: #e42526;
}
.filter__transom-list input {
    display: none;
}
.filter__transom-list .filter__transom-name {
    color: #c4c4c4;
    font-size: 11px;
}
.filter__colors-list {
    font-size: 0;
	margin: 0 -3px;
}
.filter__colors-list li {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 3px;
}
/*.filter__colors-list li:nth-child(5n),
.filter__colors-list li:last-child {
    padding-right: 0;
}
.filter__colors-list li:nth-child(6n),
.filter__colors-list li:first-child {
    padding-left: 0;
}*/
.filter__colors-list li label {
    display: inline-block;
    height: 39px;
    position: relative;
    width: 39px;
}
.filter__colors-list li label img {
    height: 100%;
    width: 100%;
}
.filter__colors-list li label:before {
    background-clip: padding-box;
    border: 2px solid;
    border-color: transparent;
    content: '';
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.2s ease-out;
    transition-property: border-color;
}
.filter__colors-list li label:hover {
    cursor: pointer;
}
.filter__colors-list li input:checked + label:before {
    border-color: #e42526;
}
.filter__colors-list input {
    display: none;
}
.aside-filters__selected-options {
    background: #333333;
    max-height: 165px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1px 0 0 20px;
    position: relative;
}
.aside-filters__selected-options.shade:after {
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 52%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 52%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    bottom: 0;
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1000;
}
.aside-filters__selected-options table {
    width: 230px;
    position: relative;
    z-index: 1005;
}
.aside-filters__selected-options table td {
    padding: 5px 0;
}
.aside-filters__selected-options table td:first-child {
    color: #d6d6d6;
    font-size: 12px;
    font-weight: 300;
    width: 145px;
}
.aside-filters__selected-options table td:nth-child(2) {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    width: 60px;
}
.aside-filters__selected-options table td:nth-child(3) {
    text-align: right;
}
.aside-filters__selected-options button {
    background: none;
    border: none;
    margin: 0;
    opacity: 0.3;
    padding: 0;
    text-align: center;
    transition: 0.2s;
}
.aside-filters__selected-options button:hover {
    opacity: 1;
}
.mCSB_inside > .mCSB_container {
    margin-right: 0;
}
.aside-button-block {
    margin-bottom: 20px;
}
.aside-button-block .button {
    width: 265px;
}
.testdrive-block--aside {
    background: #334b6e;
    color: #fff;
    display: none;
    margin-bottom: 20px;
    padding: 20px 20px 30px;
    position: relative;
    width: 265px;
}
.testdrive-form h4 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 10px 0;
}
.testdrive-form label {
    display: block;
    font-size: 1.1428571rem;
    font-weight: 300;
    margin-bottom: 13px;
    width: 100%;
}
.testdrive-form label input {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    width: 100%;
}
.testdrive-form .button {
    margin-bottom: 15px;
    width: 100%;
}
.testdrive-form em {
    color: rgba(255, 255, 255, 0.4);
    display: block;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}
.aside-contacts {
    background: url('../img/bg-aside-contact.jpg') 0 0 no-repeat;
    color: #fff;
    /*height: 254px;*/
    padding: 20px 20px 10px;
    width: 265px;
}
.aside-contacts h4 {
    font-size: 21px;
    font-weight: 300;
    margin: 0 0 5px 0;
    padding: 0;
}
.aside-contacts p {
    font-weight: 300;
    margin: 0 0 10px 0;
}
.aside-contacts a[href^=tel] {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.aside-contacts a[href^=mailto] {
    border-bottom: none;
    color: #fff;
    display: block;
}
.aside-contacts a[href^=mailto] span {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
/*-----------------------------------------
Configurtor step 3 styles
--------------------------------------------*/
.configurator-result__columns {
    margin-bottom: 75px;
}
.configurator-result__columns:before,
.configurator-result__columns:after {
    content: '';
    display: table;
}
.configurator-result__columns:after {
    clear: both;
}
.configurator-result__left-column {
    float: left;
    margin-right: 30px;
    width: 470px;
}
.configurator-result__right-column {
    float: left;
    width: 620px;
}
.configurator-result__center-column {
    width: 620px;
    max-width:95%;
    margin:0 auto;
}
.configurator-result__center-column_wide{
    width: 95%;
    margin:0 auto;
}
.configurator-result__your-boat{
    margin: 0 auto;
    max-width: 620px;
}
.configurator-result__your-boat h2 {
    color: #333333;
    /* font-family: Play, sans-serif; */
    font-size: 3.42857143rem;
    line-height: 1;
    margin: 5px 0 25px 0;
    padding: 0;
    display: block;
}
.configurator-result__title-mini {
    font-size: 0.78571429rem;
    font-weight: 300;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.configurator-result__caption {
    font-size: 1.5rem;
    font-weight: 500;
}
.configurator-result__boat-details {
    margin-bottom: 20px;
}
.configurator-result__boat-details:before,
.configurator-result__boat-details:after {
    content: '';
    display: table;
}
.configurator-result__boat-details:after {
    clear: both;
}
.configurator-result__dropdown-container {
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    margin-bottom: 5px;
    padding: 7px 0 8px;
    position: relative;
    transition: 0.2s;
}
.configurator-result__dropdown-container:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-left-color: transparent;
    border-bottom-color: transparent;
    top: 15px;
    position: absolute;
    right: 7px;
    transform: rotate(135deg);
    transition: 0.2s;
}
.configurator-result__dropdown-container:hover {
    background: #f7f9fa;
    cursor: pointer;
}
.configurator-result__dropdown-container:hover:after {
    border-right-color: #000;
    border-top-color: #000;
}
.configurator-result__dropdown-container:active {
    box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.configurator-result__dropdown-container.open {
    border-bottom: none;
}
.configurator-result__dropdown-container.open:after {
    top: 20px;
    transform: rotate(-45deg);
}
/*.configurator-result__dropdown-container.open:hover {
  background: none;
  cursor: default;
}*/
.configurator-result__dropdown-container.open:active {
    box-shadow: none;
}
.configurator-result__dropdown {
    position: absolute;
    visibility: hidden;
}
.configurator-result__dropdown.columnized {
    display: none;
    position: static;
    visibility: visible;
}
.configurator-result__price-sum {
    color: #e42526;
    font-weight: 700;
    float: right;
}
.configurator-result__options-list {
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    color: #555;
    font-size: 14px;
    font-weight: 300;
    margin: 30px 0 5px;
    padding-bottom: 15px;
    width: 100%;
}

.standart-options-list{
    background:black;
    color:white;
}

.standart-options-list li {
    margin-bottom: 10px;
    padding-right: 20px;
}
.standart-options-list .last.column li {
    padding-right: 0;
}
.added-options-list li {
    zoom: 1;
    position: relative;
    border-bottom: .1em dotted #cccccc;
    padding-right: 205px;
    margin-bottom: 10px;
}
.added-options-list li span {
    padding-right: .5em;
    position: relative;
    bottom: -0.3em;
    left: 0;
    background: #fff;
	color:#555;
}
.added-options-list li b {
    position: absolute;
    right: 0;
    bottom: -0.3em;
    background: #fff;
    padding-left: .5em;
    font-weight: 700;
}
.configurator-result__print-disclaimer {
    display: none;
}
.configurator-result__total-row {
    background: #f7f9fa;
    color: #555;
    margin-bottom: 15px;
    padding: 25px 25px 25px 30px;
}
.configurator-result__total-row:before,
.configurator-result__total-row:after {
    content: '';
    display: table;
}
.configurator-result__total-row:after {
    clear: both;
}
.configurator-result__total-row span {
    float: left;
    font-size: 1.2em;
    font-weight: 700;
}
.configurator-result__total-row b {
    float: right;
    font-weight: 700;
    font-size: 24px;
}
.configurator-result__control-row {
    text-align: right;
}
.configurator-result__control-row:before,
.configurator-result__control-row:after {
    content: '';
    display: table;
}
.configurator-result__control-row:after {
    clear: both;
}
.configurator-result__control-row a {
    /*background: url('../img/icon-pdf.png') 0 50% no-repeat;*/
    display: inline-block;
    line-height: 20px;
    margin-right: 40px;
    padding: 0 0 0 0px;
}
.configurator-result__control-row a span {
    border-bottom: 1px solid #3b3b3b80;
    color: #333333;
    transition: 0.2s;
}
.configurator-result__control-row .button {
    display: inline-block;
    width: 190px;
}
.dropdown-tabs {
    opacity: 0;
    visibility: hidden;
}
.dropdown-tabs.hide,
.hide {
    display: none;
}
@-webkit-keyframes show-tabs {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@-moz-keyframes show-tabs {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@-ms-keyframes show-tabs {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes show-tabs {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
.dropdown-tabs.show {
    -webkit-animation: show-tabs .8s ease-out 0.2s forwards;
    -moz-animation: show-tabs .8s ease-out 0.2s forwards;
    -o-animation: show-tabs .8s ease-out 0.2s forwards;
    animation: show-tabs .8s ease-out 0.2s forwards;
}
.tabs-intro {
    margin-bottom: 60px;
    position: relative;
}
.tabs-intro:after {
    background: #e42526;
    bottom: -15px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.tabs-intro h2 {
    /*     font-family: Play, sans-serif;
     */    font-size: 2rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
.tabs-intro p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0;
    text-align: center;
}
.tabs__wrapper {
    font-size: 0;
    text-align: center;
}
.tabs__control-item {
    display: inline-block;
    margin-right: 50px;
    width: 265px;
}
.tabs__control-item:last-child {
    margin-right: 0;
}
.tabs__control-item h6 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 4px;
    color: #333333;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 52px;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: 0.2s;
}
.tabs__control-item h6:before,
.tabs__control-item h6:after {
    border: 28px solid #fff;
    display: block;
    content: " ";
    position: absolute;
    top: 0px;
    height: 100%;
    transition: 0.2s;
}
.tabs__control-item h6:before {
    border-radius: 0 8px 0 0;
    right: -26px;
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
    box-shadow: rgba(0, 0, 0, 0.9) 2px 1px 2px, inset rgba(255, 255, 255, 0.09) -1px 0;
}
.tabs__control-item h6:after {
    border-radius: 8px 0 0 0;
    left: -26px;
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    box-shadow: rgba(0, 0, 0, 0.9) -2px 1px 2px, inset rgba(255, 255, 255, 0.09) 1px 0;
}
.tabs__control-item h6 span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 20px;
    z-index: 1;
}
.tabs__control-item h6:hover {
    cursor: pointer;
}
.tabs__control-item h6.active {
    background: #333;
    color: #fff;
    z-index: 1000;
}
.tabs__control-item h6.active:before,
.tabs__control-item h6.active:after {
    border-color: #333;
}
.tabs__control-item--mail h6 span:before {
    background-image: url('../img/sprite-tabs-icon.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    content: '';
    left: 0px;
    margin-top: -5px;
    height: 10px;
    position: absolute;
    top: 50%;
    width: 15px;
}
.tabs__control-item--mail h6.active {
    background: #2f2f2f;
}
.tabs__control-item--mail h6.active:before,
.tabs__control-item--mail h6.active:after {
    border-color: #2f2f2f;
}
.tabs__control-item--mail h6.active span:before {
    background-position: -20px 0;
}
.tabs__control-item--phone h6 span:before {
    background-image: url('../img/sprite-tabs-icon.png');
    background-position: -39px 0;
    background-repeat: no-repeat;
    content: '';
    left: 0px;
    margin-top: -5px;
    height: 10px;
    position: absolute;
    top: 50%;
    width: 15px;
}
.tabs__control-item--phone h6.active span:before {
    background-position: -54px 0;
}
.tabs__content-item {
    display: none;
    visibility: hidden;
    position: relative;
    z-index: 1005;
}
.tabs__content-inner .shop-map,
.tabs__content-inner .city-info {
    font-size: 1rem;
    text-align: left;
}
.tabs__content-item.active {
    background: #fff;
    display: block;
    visibility: visible;
}
.tabs__content-inner--mail {
    background: #141d2b url('../img/bg-conf3-mail.jpg') 50% 0 no-repeat;
    background-size: cover;
    min-height: 395px;
    padding: 75px 0 85px;
}
.tabs__content-inner--phone {
    padding: 0 0 20px;
}
/*.tabs__container {
    font-size: 0;
    position: relative;
    text-align: center;
}
.tabs__item {
    display: inline-block;
    margin-right: 50px;
    width: 265px;
}
.tabs__item:last-child {
    margin-right: 0;
}
.tabs__item h6 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 4px;
    color: #1f3657;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 52px;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: 0.2s;
}
.tabs__item h6:before,
.tabs__item h6:after {
    border: 26px solid #fff;
    display: block;
    content: " ";
    position: absolute;
    top: 0px;
    height: 100%;
    transition: 0.2s;
}
.tabs__item h6:before {
    border-radius: 0 8px 0 0;
    right: -26px;
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
    box-shadow: rgba(0, 0, 0, 0.9) 2px 1px 2px, inset rgba(255, 255, 255, 0.09) -1px 0;
}
.tabs__item h6:after {
    border-radius: 8px 0 0 0;
    left: -26px;
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    box-shadow: rgba(0, 0, 0, 0.9) -2px 1px 2px, inset rgba(255, 255, 255, 0.09) 1px 0;
}
.tabs__item h6 span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 20px;
    z-index: 1;
}
.tabs__item h6:hover {
    cursor: pointer;
}
.tabs__item.active h6 {
    background: #1f3657;
    color: #fff;
    z-index: 1000;
}
.tabs__item.active h6:before,
.tabs__item.active h6:after {
    border-color: #1f3657;
}
.tabs__item--mail h6 span:before {
    background-image: url('../img/sprite-tabs-icon.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    content: '';
    left: 0px;
    margin-top: -5px;
    height: 10px;
    position: absolute;
    top: 50%;
    width: 15px;
}
.tabs__item--mail.active h6 {
    background: #4f595e;
}
.tabs__item--mail.active h6:before,
.tabs__item--mail.active h6:after {
    border-color: #4f595e;
}
.tabs__item--mail.active h6 span:before {
    background-position: -20px 0;
}
.tabs__item--phone h6 span:before {
    background-image: url('../img/sprite-tabs-icon.png');
    background-position: -39px 0;
    background-repeat: no-repeat;
    content: '';
    left: 0px;
    margin-top: -5px;
    height: 10px;
    position: absolute;
    top: 50%;
    width: 15px;
}
.tabs__item--phone.active h6 span:before {
    background-position: -54px 0;
}
.tab-content {
    bottom: 0;
    display: none;
    left: 0;
    right: 0;
    top: 52px;
    position: absolute;
    visibility: hidden;
    z-index: 1005;
}
.tab-content.hide {
    display: none;
}
.tab-content .shop-map,
.tab-content .city-info {
    font-size: 1rem;
    text-align: left;
}
.tabs__item.active .tab-content {
    background: #fff;
    display: block;
    visibility: visible;
}
.tabs__item--mail .tab-content__inner {
    background: #141d2b url('../img/bg-conf3-mail.jpg') 50% 0 no-repeat;
    background-size: cover;
    min-height: 395px;
    padding: 75px 0 85px;
}
.tabs__item--phone .tab-content__inner {
    padding: 0 0 20px;
}*/
.tab-content__form-container {
    margin: 0 auto;
    width: 705px;
}
.dealer-form {
    color: #333;
    font-size: 1rem;
    text-align: left;
}
.dealer-form label {
    display: block;
    margin-bottom: 13px;
    width: 100%;
    position: relative;
}
.form__error-message {
    display: none;
}
.form__error-message.show {
    display: block;
}
.form__error-message {
    color: #fff;
    margin-top: 13px;
    background: rgba(228,37,38,0.5);
    border-radius: 2px;
    padding: 5px 10px 7px;
    width: 100%;
    position: relative;
}
.form__error-message:before {
    content: '';
    border-color: transparent transparent rgba(228,37,38,0.5) rgba(228,37,38,0.5);
    border-style: solid;
    border-width: 7px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 0;
    /*z-index: 1000;*/
}
.dealer-form label input {
    background: #e6e6e6;
    border: none;
    border-radius: 2px;
    line-height: 32px;
    padding: 0 10px;
    width: 100%;
}
.dealer-form label input::-webkit-input-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form label input::-moz-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form label input:-moz-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form label input:-ms-input-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form label select {
    width: 100%;
}
.request-form  .dealer-dropdown.disabled {
    display: none !important;
}
.dealer-form .dealer-dropdown.disabled .jq-selectbox__select {
    background: rgba(255,255,255,0.5) !important;
}
.dealer-form label .jq-selectbox__select {
    background: #e6e6e6;
    color: #333;
}
.dealer-form label .jq-selectbox .placeholder {
    color: #666666;
}
.dealer-form label .jq-selectbox__trigger-arrow {
    border-top-color: #666;
}
.dealer-form label .jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000;
}
.dealer-form textarea {
    background: #e6e6e6;
    height: 213px;
    margin-bottom: 13px;
    padding: 7px 10px;
    resize: vertical;
    width: 100%;
}
.dealer-form textarea::-webkit-input-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form textarea::-moz-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form textarea:-moz-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form textarea:-ms-input-placeholder {
    color: #666666;
    font-style: italic;
    font-weight: 300;
}
.dealer-form button {
    margin-bottom: 15px;
    width: 100%;
}
.dealer__form-column-wrap:before,
.dealer__form-column-wrap:after {
    content: '';
    display: table;
}
.dealer__form-column-wrap:after {
    clear: both;
}
.dealer__form-column {
    float: left;
    width: 345px;
}
.dealer__form-column:first-child {
    margin-right: 15px;
}
.tab-content__form-container--dealer {
    width: 345px;
}
.dealer__form-comment {
    background: #fff;
    padding: 7px 10px;
}
.dealer__form-comment a {
    border-bottom: 1px solid rgba(31, 54, 87, 0.5);
    color: #1f3657;
    transition: 0.2s;
}
/*------- Succes-overlay on step3 --------*/
.tab-content__form-success {
    display: none;
}
.tab-content__form-success .form__success-content {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 440px;
}
.tab-content__form-success .form__success-content {
    width: 95%;
}
.tab-content__form-success .form__success-title {
    font-size: 1.85714285rem;
    font-weight: 300;
    line-height: 1.15;
    margin-bottom: 25px;
    position: relative;
}
.tab-content__form-success .form__success-title:after {
    background: #e42526;
    bottom: -15px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.tab-content__form-success .form__success-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
}
.tab-content__form-success .form__success-check {
    display: block;
    height: 105px;
    margin: 0 auto;
    position: relative;
    width: 130px;
}
.tab-content__form-success .form__success-check:after {
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top;
    border-right: 0px solid #fff;
    border-top: 0px solid #fff;
    content: '';
    display: block;
    height: 0px;
    left: 23px;
    position: absolute;
    top: 40px;
    width: 0px;
}
.tab-content__form-success.show {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-animation: done-msg 0.7s ease-out forwards;
    -moz-animation: done-msg 0.7s ease-out forwards;
    -o-animation: done-msg 0.7s ease-out forwards;
    animation: done-msg 0.7s ease-out forwards;
}
.tab-content__form-success .form__success-check.done:after {
    -webkit-animation: check .8s ease-out 0.7s forwards;
    -moz-animation: check .8s ease-out 0.7s forwards;
    -o-animation: check .8s ease-out 0.7s forwards;
    animation: check .8s ease-out 0.7s forwards;
}
@-webkit-keyframes done-msg {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@-moz-keyframes done-msg {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@-ms-keyframes done-msg {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
@keyframes done-msg {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
/*-----------------------------------------
Compare line styles
--------------------------------------------*/
.compare-line {

    opacity: 0;

    position: fixed;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    visibility: hidden;
    width: 100%;
    z-index: 2000;
}
.compare-line.show {
    left: 0;
    opacity: 1;
    top: 0;
    visibility: visible;
}
.compare-line__inner {
    border-bottom: 2px solid #e42526;
    background: #e8ecf2;
    height: 110px;
    font-size: 0;
    /*display: table;*/
    padding: 5px 0 8px;
    top: -110px;
    width: 100%;
}
.compare-line__col-left {
    display: inline-block;
    margin-right: 3%;
    vertical-align: middle;
    width: 73%;
}
.compare-line__col-right {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 24%;
}
.compare-line__boat-thumb {
    border: 1px solid #333;
    display: inline-block;
    height: 93px;
    margin-right: 15px;
    overflow: hidden;
    vertical-align: middle;
    width: 124px;
}
.compare-line__boat-thumb img {
    width: 100%;
}
.compare-line__info {
    display: inline-block;
    font-size: 1.85714285rem;
    line-height: 1.15;
    vertical-align: middle;
    width: calc(100% - 140px);
}
.compare-line__info em {
    display: block;
    font-size: 1.2857142rem;
    font-style: normal;
    margin-top: 10px;
}
.compare-line__col-right .button {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    width: 150px;
}
.compare-line__close {
    background: none;
    border: none;
    display: inline-block;
    height: 44px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 44px;
}
.compare-line__close:before,
.compare-line__close:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 2px;
    background: #888;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.compare-line__close:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.compare-line__close:hover:before,
.compare-line__close:hover:after {
    background: #333;
}
.compare-line__close:focus {
    outline: none;
}
/*-----------------------------------------
Boat page styles
--------------------------------------------*/
.boat_first_screen{
    font-size: 0.9em;
    width: 13%;
    margin: 0 6px 5px;
    padding: 2px 5px;
    border-radius: 2px;
    border: 2px solid red;
    min-width: 155px;
}
.boat-promo__inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
}
.boat-promo__inner .boat-promo__content {
    bottom: 0;
    left: 0;
    height: 50%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.boat-promo__overlay {
    background-image: -moz-linear-gradient(90deg, #121212 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, #121212 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, #121212 0%, rgba(0, 0, 0, 0) 100%);
    bottom: -1px;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1000;
}
.boat-promo__overlay.boat-promo__overlay-nowild {
    background: -webkit-linear-gradient(top, rgba(225, 225, 225, 0.5) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(225, 225, 225, 0.5) 0%, #000000 100%);
}
.boat-promo__content-text {
    bottom: 35px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 90%;
    z-index: 1005;

}
.boat-promo__inner .boat-promo__title {
    color: #fff;
    font-family: Play, sans-serif;
    font-size: 6.1428571rem;
    font-weight: 900;
    line-height: 1;
    margin: 0 0 40px 0;
    text-shadow: 2px 2px 28px rgba(0,0,0,0.5), 0 0 15px #000;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}
.boat-promo__inner .boat-promo__content-text h3 {
    font-size: 3rem;
    font-weight: 500;
    text-decoration:underline;
}
.boat-promo__inner p {
    color: #fff;
    font-size: 1.14285714rem;
    font-weight: 300;
    line-height: 22px;
    margin: 0 auto 25px auto;
    width: 480px;
}
.boat-promo__inner .boat-promo__price {
    background: #e42526;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: normal;
    text-transform: none;
    width: 185px;
}
.boat-promo__inner .boat-promo__price .old_price{
    font-size: 15px;
    line-height: 5px;
    padding-top: 15px;

}
/*.boat-promo--alternative .boat-picture {
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: auto auto;
  min-height: 350px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1005;
}*/
.boat-promo--alternative .boat-picture {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%) translateY(-60%);
    width: 80%;
    z-index: 1005;
}
.boat-promo--alternative .boat-picture img {
    width: 100%;
}
.boat-menu-wrapper {
    background: #121212;
    /*position: relative;*/
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    top: 72px;
    width: 100%;
}
.boat-menu-wrapper.fixed {
    border-bottom: 2px solid #e42526;
    display: block;
    min-height: 63px;
    position: fixed;
    top: 0;
    max-width: 1960px;
    z-index: 1015;
}
.boat-menu-wrapper.fixed .inner-wrap {
    padding: 0 15px 0 40px;
}
.boat-menu {
    background: #333333;
    background: -moz-linear-gradient(left, #333333 1%, #333333 17%, #555555 17%, #555555 100%);
    background: -webkit-linear-gradient(left, #333333 1%,#333333 17%,#555555 17%,#555555 100%);
    background: linear-gradient(to right, #333333 1%,#333333 17%,#555555 17%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555',GradientType=1 );
    font-size: 0;
    line-height: 63px;
    min-height: 63px;
}
.boat-menu:before,
.boat-menu:after {
    content: '';
    display: table;
}
.boat-menu:after {
    clear: both;
}
.boat-menu__models-list {
    background: #333;
    color: #fff;
    cursor: pointer;
    float: left;
    padding: 0 0 0 3.33%;
    position: relative;
    width: 17%;
    z-index: 1000;
}
.boat-menu__list-title {
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;
}
.boat-menu__list-title span {
    display: block;
    /*     font-family: 'DejaVuSerif';
     */    font-size: 0.9285714rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.boat-menu__list-title em {
    display: block;
    font-size: 0.78571429rem;
    font-style: normal;
    font-weight: 300;
}
.boat-menu__list-title:after {
    border-style: solid;
    border-top-color: #fff;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-width: 4px 3px;
    content: '';
    height: 0;
    position: absolute;
    right: -15px;
    top: 15px;
    width: 0;
}
.boat-menu__dropdown-list {
    background: #222;
    font-size: 1rem;
    left: 0;
    line-height: 1;
    padding: 15px 0 30px 10px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 415px;
    z-index: 1000;
}
.boat-menu__dropdown-list.dropdown {
    display: none;
    visibility: visible;
}
.boat-menu__dropdown-list li {
    margin: 0 10px 5px 0;
    position: relative;
}
.boat-menu__dropdown-list li:before {
    background: rgba(255,255,255,0.5);
    content: '';
    height: 100%;
    left: -3px;
    position: absolute;
    top: 0;
    width: 3px;
}
.boat-menu__dropdown-list li a {
    border: 1px solid rgba(255,255,255,0.25);
    display: block;
    height: 36px;
    overflow: hidden;
    /*padding: 9px 5px;*/
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    position: relative;
}
.boat-menu__dropdown-list li a span {
    background: #222;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    left: 0;
    padding: 5px 7px 5px 8px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
}
.boat-menu__dropdown-list li a b {
    background: #222;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 6px 5px 10px;
    position: absolute;
    right: 0;
    top: 6px;
    white-space: nowrap;
}
.boat-menu__dropdown-list li a:hover {
    background: #fff;
}
.boat-menu__dropdown-list li a:hover span,
.boat-menu__dropdown-list li a:hover b {
    background: #fff;
    color: #172d4c;
}
.boat-menu__models-list:hover {
    cursor: pointer;
}
.boat-menu__models-list:hover .boat-menu__dropdown-list {
    display: block;
}
.boat-menu__right {
    float: right;
    line-height: 63px;
}
.boat-menu__right .button {
    display: inline-block;
    font-size: 11px;
    vertical-align: middle;
    width: 235px;
}
.boat-menu__items {
    display: inline-block;
    font-size: 0;
    margin-right: 15px;
    vertical-align: middle;
}
.boat-menu__items li {
    color: #fff;
    display: inline-block;
    font-size: 0.78571429rem;
    font-weight: 500;
    height: 63px;
    letter-spacing: 0.07em;
    line-height: 63px;
    text-transform: uppercase;
    vertical-align: middle;
}
.boat-menu__items li.active {
    height: 63px;
    line-height: 63px;
    text-align: center;
}
.boat-menu__items li a {
    border-width: 0px 1px 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    color: #fff;
    display: block;
    padding: 0 15px;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.boat-menu__items li:hover a{
    background: #fff;
    color: #172d4c;
}
.boat-menu__items li.active a {
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 2px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px 3px;
    text-align: center;
}
.boat-menu__items li.active:hover a {
    background: none;
    color: #fff;
    cursor: default;
}
/*---------- Fixed boat menu ----------*/
.boat-menu-wrapper.fixed .boat-menu {
    position: relative;
    /*top: 4px;*/
    width: 95%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 1015;
}
.boat-menu > .button {
    display: none;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -19px;
    width: 235px;
    z-index: 1001;
}
.boat-menu-wrapper.fixed.active {
    top: 72px;
}
.menu-toggle-button {
    background: none;
    border: none;
    display: none;
}
.boat-menu-wrapper.fixed .menu-toggle-button {
    display: block;
    position: absolute;
    bottom: 20px;
    height: 100%;
    right: 0;
    top: 0;
    width: 5%;
}
.hamb-nav-toggle {
    cursor: pointer;
    width: 25px;
    /*height: 18px;*/
    margin: 0 auto;
    background: #121212;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}
.hamb-nav-toggle:hover {
    /*background-color: #3c3b3b;*/
}
.menu-toggle-button:focus {
    outline: none;
}
.hamb-nav-toggle .toggle-line {
    background-color: #ffffff;
    height: 3px;
    margin-bottom: 4px;
    width: 100%;
}
.hamb-nav-toggle .toggle-line:last-child {
    margin-bottom: 0px;
}
.hamb-nav-toggle .toggle-line.first,
.hamb-nav-toggle .toggle-line.last {
    -webkit-transition: -webkit-transform 250ms ease;
    -webkit-transition-delay: 0ms;
    -moz-transition: -moz-transform 250ms ease 0ms;
    -o-transition: -o-transform 250ms ease 0ms;
    transition: transform 250ms ease 0ms;
}
.hamb-nav-toggle.close .toggle-line.first {
    -webkit-transform: rotate(45deg) translateY(5px) translateX(5px);
    -moz-transform: rotate(45deg) translateY(5px) translateX(5px);
    -ms-transform: rotate(45deg) translateY(5px) translateX(5px);
    -o-transform: rotate(45deg) translateY(5px) translateX(5px);
    transform: rotate(45deg) translateY(5px) translateX(5px);
}
.hamb-nav-toggle .toggle-line.middle {
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: width 200ms ease;
    -webkit-transition-delay: 200ms;
    -moz-transition: width 200ms ease 200ms;
    -o-transition: width 200ms ease 200ms;
    transition: width 200ms ease 200ms;
}
.hamb-nav-toggle.close .toggle-line.middle {
    width: 0;
    -webkit-transition: width 200ms linear;
    -webkit-transition-delay: 0ms;
    -moz-transition: width 200ms linear 0ms;
    -o-transition: width 200ms linear 0ms;
    transition: width 200ms linear 0ms;
}
.hamb-nav-toggle.close .toggle-line.last {
    -webkit-transform: rotate(-45deg) translateY(-5px) translateX(5px);
    -moz-transform: rotate(-45deg) translateY(-5px) translateX(5px);
    -ms-transform: rotate(-45deg) translateY(-5px) translateX(5px);
    -o-transform: rotate(-45deg) translateY(-5px) translateX(5px);
    transform: rotate(-45deg) translateY(-5px) translateX(5px);
}

.boat {
    padding: 60px 0 0;
}
.boat.menu-padding {
    padding-top: 123px;
}
.boat__title h2 {
    /*     font-family: 'DejaVuSerif';
     */    font-size: 1.85714286rem;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 auto 35px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 420px;
}
.boat__title h2:after {
    background: #e42526;
    bottom: -15px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.boat__title p {
    font-weight: 300;
    font-size: 1.14285714rem;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 600px;
}
.boat__feature-item--half.feature--al-hull {
    background: -webkit-linear-gradient(left, #fff 0%, #fff 24%, #e1e1e1 43%, #e1e1e1 100%);
    background: linear-gradient(to right, #fff 0%, #fff 24%, #e1e1e1 43%, #e1e1e1 100%);
    margin: 130px 0 230px;
}
.feature--al-hull {
    position: relative;
}
.feature--al-hull .inner-wrap {
    position: relative;
}
.feature--al-hull .boat__feature-content {
    float: right;
    padding: 30px 0 35px;
    width: 310px;
}
.feature--al-hull .boat__feature-content h3 {
    font-size: 1.71428571rem;
    font-weight: 700;
    margin: 0 0 5px 0;
    padding: 0;
}
.feature--al-hull .boat__feature-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0;
}
.feature-picture--al-hull {
    /*height: 311px;*/
    position: absolute;
    top: 50%;
    right: 350px;
    transform: translateY(-50%);
    width: 70%;
}
.feature-picture--al-hull img {
    width: 100%;
}
.feature--cockpit {
    background: -webkit-linear-gradient(top, #ffffff 0%, rgba(225, 225, 225, 0.88) 60%, rgba(113, 126, 154, 0.8) 100%);
    background: linear-gradient(to bottom, #ffffff 0%, rgba(225, 225, 225, 0.88) 60%, rgba(113, 126, 154, 0.8) 100%);
    position: relative;
    z-index: 1;
}
.feature--cockpit .inner-wrap {
    position: relative;
}
.feature--cockpit .boat__feature-content {
    margin: 0 0 0 55px;
    padding: 50px 0 140px;
    text-align: right;
    width: 365px;
}
.feature--cockpit .boat__feature-content h3 {
    font-size: 1.71428571rem;
    font-weight: 700;
    margin: 0 0 5px 0;
    padding: 0;
}
.feature--cockpit .boat__feature-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0;
}
.feature-picture--cockpit {
    /*height: 418px;*/
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 40px;
    width: 55%;
}
.feature-picture--cockpit img {
    width: 100%;
}
.feature--equip {
    background: #999999;
    background: -moz-linear-gradient(left, #999999 0%, #888888 52%, #878787 100%);
    background: -webkit-linear-gradient(left, #999999 0%,#888888 52%,#878787 100%);
    background: linear-gradient(to right, #999999 0%,#888888 52%,#878787 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#878787',GradientType=1 );
    position: relative;
    z-index: 2;
}
.feature--equip .inner-wrap {
    position: relative;
}
.feature--equip .boat__feature-content {
    color: #fff;
    margin: 0 0 0 730px;
    padding: 85px 0 90px;
    width: 365px;
}
.feature--equip .boat__feature-content h3 {
    font-size: 1.71428571rem;
    font-weight: 700;
    margin: 0 0 5px 0;
    padding: 0;
}
.feature--equip .boat__feature-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0;
}
.feature-picture--equip {
    /*height: 317px;*/
    left: 90px;
    margin-top: -159px;
    position: absolute;
    top: 50%;
    width: 533px;
    transform: scale(1.3);
}
.feature-picture--equip img {
    width: 100%;
}
.boat-video {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 580px;
    position: relative;
    z-index: 15;
}
.features-grid {
    background-color: #fff;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    padding: 80px 0 265px;
    position: relative;
    z-index: 15;
}
.features-grid__background-pic {
    bottom: 0;
    left: 0;
    font-size: 0;
    position: absolute;
    width: 100%;
}
.features-grid__background-pic img {
    width: 100%;
}
.features-grid__background-pic:before {
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0.85) 66%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0.85) 66%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: '';
    left: 0;
    position: absolute;
    top: -10%;
    height: 30%;
    width: 100%;
    z-index: 1;
}
.features-grid__container {
    font-size: 0;
    margin: 0 auto;
    position: relative;
    width: 90%;
    z-index: 2;
}
.features-grid__container li {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
    width: 50%;
}
.features-grid__container li:nth-child(2n+1) {
    padding: 0 30px 0 15px;
}
.features-grid__container li:nth-child(2n) {
    padding: 0 15px 0 30px;
}
.features-grid__container li:nth-last-child(2),
.features-grid__container li:nth-last-child(1) {
    color: #fff;
    text-shadow:
            0 0 25px #000,
            2px 2px 5px #000;
}
.feature-grid__photo {
    margin-bottom: 19px;
    overflow: hidden;
    width: 100%;
}
.feature-grid__photo img {
    width: 100%;
}
.feature-grid__description {
    font-size: 1.28571429rem;
    font-weight: 300;
}
.feature-grid__description p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 6px 0 14px 0;
}
.feature-grid__title {
    font-size: 1.71428571rem;
    font-weight: 700;
}
.performances {
    background: #fff;
    padding: 35px 0 60px;
    position: relative;
    z-index: 10;
}
.performances h2,
.packet-features h2 {
    /*     font-family: 'DejaVuSerif';
     */    font-size: 2rem;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 auto 45px;
    padding: 0;
    position: relative;
    text-align: center;
}
.performances h2:after {
    background: #e42526;
    bottom: -15px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.performances__column-wrap:before,
.performances__column-wrap:after {
    content: '';
    display: table;
}
.performances__column-wrap:after {
    clear: both;
}
.performances__column-inner-wrap {
    margin: 0 auto;
    width: 80%;
}
.performances__parameters {
    font-size: 0;
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
}
.performances__parameter-item {
    color: #4a4a4a;
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
    text-align: center;
    width: 25%;
}
.performances__parameter-icon {
    height: 50px;
}
.performances__parameter-icon img {
    vertical-align: middle;
}
.performances__parameter-item:last-child {
    margin-right: 0;
}
.performances__parameter-value {
    font-size: 2.42857143rem;
    font-weight: 700;
}
.performances__parameter-value span {
    color: #666;
    font-size: 1.28571429rem;
}
.performances__parameter-title {
    color: #666;
    font-size: 1rem;
    font-weight: 200;
}
.boat-views {
    text-align: center;
    width: 100%;
}
.boat-views img {
    width: 100%;
}
.boat-view--top {
    margin-bottom: 25px;
}
.performances__column {
    /*float: left;*/
    padding: 0 20px;
    width: 50%;
    margin: 0 auto;
}
.performances__column table {
    margin: 0 auto 35px;
    width: 100%;
}
.performances__column table tr:nth-child(2n) {
    background: #fff;
}
.performances__column table tr:nth-child(2n+1) {
    background: #f1f1f1;
}
.performances__column table td:first-child {
    font-weight: 300;
    padding: 5px 5px 5px 15px;
    width: 350px;
}
.performances__column table td:last-child {
    padding: 5px 15px 5px 5px;
}
.performances__column table td b {
    font-weight: 700;
}
.performances__detail {
    font-size: 0;
    text-align: center;
}
.performances__detail-item {
    display: inline-block;
    margin-right: 5%;
    width: 45%;
}
.performances__detail-item img {
    width: 100%;
}
.performances__detail-item:last-child {
    margin-right: 0;
}
.performances__detail-img {
    margin-bottom: 15px;
}
.performances__detail-title {
    font-size: 1rem;
    font-weight: 300;
}
.performances__detail-title b {
    display: block;
    font-weight: 700;
}
.complete-equipment,
.boat-vpackets {
    background: #121212 url('../img/logo-full-transparent.png') 50% 50% no-repeat;
    padding: 35px 0 50px;
    position: relative;
    z-index: 10;
}
.complete-equipment h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 40px 0;
    padding: 0;
    position: relative;
}
.complete-equipment h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.complete-equipment ul {
    margin: 0 18px 0 13px;
}
.complete-equipment ul .column {
    padding: 0 45px;
}
.complete-equipment ul .first.column {
    padding-left: 0;
}
.complete-equipment ul .last.column {
    padding-right: 0;
}
.complete-equipment li {
    color: #dfdfdf;
}
.standart-options-list li .complete-equipment__img,
.complete-equipment li .complete-equipment__img {
    border: 4px solid #fff;
    bottom: 100%;
    display: none;
    font-size: 0;
    position: absolute;
    left: 100px;
    width: 365px;
    z-index: 10;
}
.standart-options-list li .complete-equipment__img img,
.complete-equipment li .complete-equipment__img img {
    width: 100%;
}
.equip-item__inner {
    display: inline-block;
    font-size: 1.14285714rem;
    font-weight: 300;
    padding: 5px 5px;
    position: relative;
    transition: 0.2s;
    color: white;
}
.equip-item__inner.contain-img:hover {
    background: #ffffff;
    color: #333;
    cursor: default;
}
.standart-options-list .equip-item__inner.contain-img:hover {
    background: #334b6e;
    color: #fff;
}
.equip-item__inner span {
    border-bottom: 1px dashed #e42526;
}
.equip-item__inner:hover span {
    border-bottom: none;
}
.complete-equipment__info {
    background: -webkit-linear-gradient(left, rgba(51, 75, 110, 0) 0%, #334b6e 100%);
    background: linear-gradient(to right, rgba(51, 75, 110, 0) 0%, #334b6e 100%);
    bottom: 50px;
    color: #fff;
    padding: 15px 40px 15px 50px;
    position: absolute;
    right: 0;
    text-align: left;
}
.complete-equipment__info p {
    font-size: 1.28571429rem;
    font-weight: 700;
    margin: 5px 0;
    width: 400px;
}
.base-complectation {
    background: url('../img/bg-boat-text.jpg') 50% 0 no-repeat;
    background-size: cover;
    padding: 15px 0 25px 0;
    position: relative;
}
.base-complectation__overlay {
    background: -moz-linear-gradient(left,  rgba(242,242,242,1) 0%, rgba(242,242,242,1) 60%, rgba(242,242,242,0.8) 65%, rgba(242,242,242,0.15) 81%, rgba(242,242,242,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 60%,rgba(242,242,242,0.8) 65%,rgba(242,242,242,0.15) 81%,rgba(242,242,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(242,242,242,1) 0%,rgba(242,242,242,1) 60%,rgba(242,242,242,0.8) 65%,rgba(242,242,242,0.15) 81%,rgba(242,242,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=1 ); /* IE6-9 */
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
.base-complectation__text {
    font-weight: 300;
    position: relative;
    width: 755px;
    z-index: 1000;
}
h3.boat_equpment{
    color: #fff;
    border-bottom: 1px solid darkgray;
}
.recommended-options {
    padding: 35px 0 40px;
}
.recommended-options h2 {
    color: #333;
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 30px 0;
    padding: 0;
    position: relative;
}
.recommended-options h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.recommended-options ul {
    display: table;
    font-size: 0;
    margin: 0 -10px;
}
.recommended-options ul li {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
    width: 25%;
}
.recommended-options .options__photo-wrap {
    width: 100%;
}
.recommended-options .options__photo-wrap img {
    width: 100%;
}
.recommended-options .options__info {
    background: #e6e6e6;
    height: 110px;
    padding: 10px;
    position: relative;
}
.recommended-options .options-title {
    font-size: 16px;
    font-weight: 700;
    height: 55px;
    overflow: hidden;
}
.recommended-options .options-title a {
    border-bottom: 1px solid #33333380;
    color: #333333;
}
.recommended-options .options-title a:hover,
.recommended-options .options-title a.hover-state {
    border-bottom-color: rgba(228,37,38,0.5);
    color: #e42526;
}
.recommended-options .options__price {
    bottom: 18px;
    color: #e42526;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    left: 10px;
}
.recommended-options .options__category {
    bottom: 18px;
    color: #333333;
    font-size: 9px;
    font-weight: 400;
    letter-spacing: 1px;
    position: absolute;
    right: 10px;
    text-transform: uppercase;
}
.options__item-more {
    position: relative;
}
.options__item-more .options__bg {
    background: url('../img/options-more.jpg') 0 0 no-repeat;
    background-size: cover;
    bottom: 0;
    left: 10px;
    top: 0;
    right: 10px;
    position: absolute;
    /*  height: 100%;
      width: 100%;*/
}
.options__item-caption {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    height: 100%;
    margin: 0 auto;
    /*  left: 50%;
      top: 50%;
      transform: translateY(-50%) translateX(-50%);*/
    position: relative;
    text-align: center;
    width: 230px;
    z-index: 1000;
}
.options__item-caption p {
    margin: 0 0 20px 0;
}
.options__item-caption .button {
    width: 225px;
}
.production {
    background: url('../img/bg-boat-text2.jpg') 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
    padding: 35px 0 30px;
    position: relative;
}
.production__overlay {
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 38%,rgba(0,0,0,0.5) 44%,rgba(0,0,0,0.42) 45%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.75) 38%,rgba(0,0,0,0.5) 44%,rgba(0,0,0,0.42) 45%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    width: 100%;
}
.production h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 30px 0;
    padding: 0;
    position: relative;
    width: 600px;
}
.production h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.production__text {
    font-weight: 300;
    line-height: 18px;
    position: relative;
    width: 460px;
    z-index: 1000;
}
.production__text a {
    border-bottom-color: rgba(195, 161, 94, 0.5);
    color: #c3a15e;
}
.production__text a:hover {
    border-bottom-color: rgba(228,37,38,0.5);
    color: #e42526;
}
/*-----------------------------------------
Where buy styles
--------------------------------------------*/
.shop-location {
    padding: 25px 0 50px 0;
}
.shop-location h1 {
    font-size: 2rem;
    font-weight: 300;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
}
.shop-location h1:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.shop-location__intro p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0 0 20px;
}
.city-info {
    padding: 35px 0 20px 0;
}
.city-info:before,
.city-info:after {
    content: '';
    display: table;
}
.city-info:after {
    clear: both;
}
.city-info h2 {
    font-size: 1.71428571rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 23px 0;
    padding: 0;
    position: relative;
}
.city-info p a {
    border-bottom: 1px solid rgba(51, 75, 110, 0.5);
    color: #334b6e;
    transition: 0.2s;
}
.city-info p a:hover {
    border-bottom: 1px solid rgba(228,37,38,0.5);
    color: #e42526;
}
.city-info p a[href^=tel] {
    border: none;
    color: #333;
}
.shop-map {
    /*display: table;*/
    position: relative;
    height: 335px;
    width: 100%;
}
.shop-map:before,
.shop-map:after {
    content: '';
    display: table;
}
.shop-map:after {
    clear: both;
}
.shop-map__map-container {
    /*display: table-cell;*/
    height: 100%;
    float: right;
    position: relative;
    width: 40%;
    height: 100%;
}
.shop-map__row {
    display: table-row;
}
.shop-map__cities-list {
    background: #222;
    color: #fff;
    /*display: table-cell;*/
    float: left;
    padding: 40px 0 60px 30px;
    width: 60%;
}
.cities-list li {
    margin-bottom: 10px;
    padding-right: 30px;
}
.cities-list a {
    color: #fff;
    display: inline-block;
    font-size: 1.14285714rem;
    font-weight: 300;
    line-height: 23px;
    padding: 0 0 0 10px;
    transition: 0.2s;
    width: 100%;
}
.cities-list li span {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
    transition: 0.2s;
}
.cities-list li a.active,
.cities-list a:hover {
    background: #fff;
}
.cities-list li a.active span,
.cities-list a:hover span {
    border-bottom-color: transparent;
    color: #334b6e;
}
.shop-location__form-container {
    position: relative;
    padding-top: 10px;
}
.shop-location__form-container .request-form {
    background: #fff;
    color: #333;
    padding: 0;
}
.shop-location__form-container label input {
    background: #e6e6e6;
}
.shop-location__form-container label input::-webkit-input-placeholder {
    color: #666666;
}
.shop-location__form-container label input::-moz-placeholder {
    color: #666666;
}
.shop-location__form-container label input:-moz-placeholder {
    color: #666666;
}
.shop-location__form-container label input:-ms-input-placeholder {
    color: #666666;
}
.shop-location__form-container .jq-selectbox__select {
    background: #e6e6e6;
}
.shop-location__form-container .jq-selectbox__select {
    color: #333;
}
.shop-location__form-container .jq-selectbox .placeholder {
    color: #666666;
}
.shop-location__form-container .jq-selectbox__trigger-arrow {
    border-top-color: #666;
}
.shop-location__form-container .jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000;
}
.shop-location__form-container em {
    color: #666;
}
table.dealer {
    font-size: 1.14285714rem;
    font-weight: 300;
    width: 100%;
}
table.dealer tr:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
table.dealer td {
    padding: 0 25px;
}
table.dealer td:first-child {
    padding-left: 0;
}
table.dealer td:last-child {
    padding-right: 0;
}
table.dealer tr:not(:first-child) td {
    padding-top: 20px;
}
table.dealer tr:not(:last-child) td {
    padding-bottom: 30px;
}
table.dealer td div {
    margin-bottom: 5px;
}
table.dealer td div.test-drive {
    border: 1px solid #334b6e;
    color: #334b6e;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    padding: 3px 5px 5px;
}
table.dealer td div.bejdzhi_po_seriyam{
    color: #333;
    font-size: 13px;
    margin-top: 10px;
}
table.dealer td div.bejdzhi_po_seriyam div {
    border-top: 3px solid #e42526;
    font-size: 14px;
    font-weight:900;
    padding-top: 7px;
    margin-top: 10px;
}
table.dealer td a {
    border-bottom: 1px solid rgba(51,75,110,0.5);
    color: #334b6e;
}
table.dealer td a:hover {
    border-bottom: 1px solid #333333;
    color: #333333;
}
table.dealer td a[href^=tel] {
    border-bottom: none;
    color: #333;
}
table.dealer .facade-photo {
    position: relative;
}
table.dealer .facade-photo div > span {
    border-bottom: 1px dashed rgba(228,37,38,0.5);
    color: #000;
}
table.dealer .facade-photo div > span:hover {
    cursor: default;
}
table.dealer .facade-photo > span {
    border: 3px solid #ccc;
    bottom: 100%;
    display: none;
    font-size: 0;
    left: 50px;
    position: absolute;
    width: 375px;
}
table.dealer .facade-photo > span img {
    width: 100%;
}
table.dealer .facade-photo:hover > span {
    display: block;
}
/*-----------------------------------------
FAQ styles
--------------------------------------------*/
.faq__intro {
    background: url('../img/bg-faq-intro.jpg') 50% 0 no-repeat;
    background-size: cover;
}
.faq__intro h1 {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    margin: 0 0 50px 0;
    padding: 45px 0 0 0;
    position: relative;
}
.faq__intro h1:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.faq__filters {
    background: #f7f9fa;
    margin-bottom: 30px;
    padding: 22px 0 25px;
}
.faq__filters-list {
    font-size: 0;
}
.faq__filters-list li {
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
}
.faq__filters-list li:not(:last-child) {
    margin-right: 25px;
}
.faq__filters-list a {
    border-bottom: 1px dashed rgba(51, 75, 110, 0.5);
    color: #334b6e;
}
.faq__filters-list a:hover {
    border-bottom: 1px dashed rgba(228,37,38,0.5);
    color: #e42526;
}
.faq__container {
    margin-bottom: 50px;
}
.faq__block {
    margin-bottom: 20px;
}
.faq__block h2 {
    font-size: 1.71428571rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 13px 0;
    padding: 0;
}
.faq__question {
    padding: 10px 40px 10px 45px;
    position: relative;
    transition: 0.2s;
}
.faq__question:before {
    background: url('../img/icon-question.png') 0 0 no-repeat;
    content: '';
    left: 15px;
    height: 15px;
    position: absolute;
    top: 14px;
    width: 15px;
}
.faq__question:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid rgba(0, 0, 0, 0.5);
    border-left-color: transparent;
    border-bottom-color: transparent;
    top: 15px;
    position: absolute;
    right: 25px;
    transform: rotate(135deg);
    transition: 0.2s;
}
.faq__question:hover {
    background: #f7f9fa;
    cursor: pointer;
}
.faq__question:hover:after {
    border-right-color: #000;
    border-top-color: #000;
}
.faq__question:active {
    box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.faq__question.open:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 20px;
}
/*.faq__question-list li.open:hover {
  background: none;
  cursor: default;
}*/
/*.faq__question-list li.open:active {
  box-shadow: none;
}*/
.faq__question-list > li:not(:last-child) {
    border-bottom: 1px solid #e6e6e6;
}
.faq__question span {
    color: #334b6e;
    display: inline-block;
    font-size: 1.14285714rem;
    font-weight: 500;
    margin-bottom: 5px;
}
.faq__question-list .faq__answer {
    font-weight: 300;
    display: none;
    margin-top: 20px;
    margin-left: 45px;
    margin-bottom: 20px;
}
.faq__question-list .faq__answer p {
    font-size: 1.14285714rem;
    line-height: 1.4;
    margin: 0 0 10px 0;
}
.faq__answer a {
    border-bottom: 1px solid rgba(51, 75, 110, 0.5);
    color: #334b6e;
}
.faq__answer a:hover {
    border-bottom: 1px solid rgba(228,37,38,0.5);
    color: #e42526;
}
.faq__answer > ul {
    list-style: disc;
}
.faq__answer > ul,
.faq__answer > ol {
    margin-bottom: 10px;
}
.faq__answer > ol > li,
.faq__answer > ul > li {
    font-size: 1.14285714rem;
}
/*-----------------------------------------
About styles
--------------------------------------------*/
.content-page {
    padding: 35px 0;
}
.content-page .main-column {
    width: auto;
}
.content-page .main-column__inner {
    margin-right: auto;
    width: 1000px;
}
.content-page aside {
    float: left;
    margin-left: 30px;
}
.content-page h1 {
    font-size: 2.285714rem;
    font-weight: 300;
    margin: 0 0 30px 0;
    padding: 0;
    position: relative;
}
.content-page h1:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.content-page h2 {
    font-size: 1.8571428rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 13px 0;
    padding: 0;
}
.content-page p {
    font-size: 1.285714rem;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 10px 0;
}
.faq__answer > ul {
    list-style: disc;
}
.content-page ul,
.content-page ol {
    margin-bottom: 10px;
}
.content-page ol > li,
.content-page ul > li {
    font-size: 1.285714rem;
}
.content-page ul li {
    position: relative;
    margin-left: 40px;
}
.content-page ul li:before {
    background: #e42526;
    content: '';
    height: 1px;
    left: -23px;
    position: absolute;
    top: 13px;
    width: 10px;
}
.content-page img {
    margin: 0 auto;
}
.sitemap__first-level > li {
    margin-bottom: 15px;
}
ul.sitemap__second-level li > span {
    display: inline-block;
    margin-bottom: 5px;
}
ul.sitemap__second-level li:before {
    top: 11px;
}
ul.sitemap-boat-list li {
    margin-left: 16px;
}
ul.sitemap-boat-list li:before {
    border-radius: 50%;
    height: 6px;
    left: -15px;
    margin-top: -3px;
    top: 50%;
    width: 6px;
}
.content-page.nofound-page .sitemap-boat-list {
    margin-bottom: 15px;
    width: 500px;
}
.content-page.nofound-page a {
    border-bottom: 1px solid rgba(51, 75, 110, 0.5);
    color: #334b6e;
}
.content-page.nofound-page a:hover {
    border-bottom: 1px solid rgba(228,37,38,0.5);
    color: #e42526;
}
ol.sitemap__first-level .button {
    color: #fff;
    left: 170px;
    position: relative;
    width: 150px;
}
ol.sitemap__first-level .button:hover {
    color: #fff;
}
/*-----------------------------------------
Blog styles
--------------------------------------------*/
.blog__intro {
    background: url('../img/bg-blog-intro.jpg') 50% 50% no-repeat;
    background-size: cover;
    padding: 35px 0;
}
.blog__intro h1 {
    color: #fff;
    float: left;
    font-size: 2rem;
    font-weight: 300;
    margin: 15px 0;
    position: relative;
    width: auto;
}
.blog__intro h1:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.social-links--color {
    float: right;
    margin: 0;
    text-align: right;
    width: 285px;
}
.blog__filters {
    background: #f7f9fa;
    margin-bottom: 30px;
    padding: 20px 0 20px;
}
.blog__filters-list {
    font-size: 0;
    padding-top: 5px;
}
.blog__filters-list li {
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
}
.blog__filters-list li:not(:last-child) {
    margin-right: 25px;
}
.blog__filters-list a {
    border-bottom: 1px dashed rgba(51, 51, 51, 0.5);
    color: #333333;
}
.blog__filters-list a:hover {
    border-bottom: 1px dashed rgba(228,37,38,0.5);
    color: #e42526;
}
.blog__filters-list li.active {
    background: #333;
    border-radius: 2px;
    line-height: 24px;
    padding: 0 6px;
    text-align: center;
}
.blog__filters-list li.active:not(:last-child) {
    margin-right: 18px;
}
.blog__filters-list li.active a {
    border-bottom: none;
    color: #fff;
    cursor: text;
}
.blog-search {
    float: right;
}
.blog-search input[type="search"] {
    border: 2px solid #e7e7e7;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    line-height: 29px;
    margin-right: 4px;
    padding: 0 9px;
    vertical-align: top;
    width: 180px;
    -webkit-appearance: none;
}
.blog-search input[type="search"]:focus {
    outline: none;
}
.blog-search input[type="search"]:-moz-placeholder {
    color: #666;
    font-style: italic;
}
.blog-search input[type="search"]::-webkit-input-placeholder {
    color: #666;
    font-style: italic;
}
.blog-search .button {
    box-shadow: 0px 2px 0px #1f3657;
    line-height: 29px;
    width: 80px;
}
/*---- Blog Post Styles ----*/

.blog-post__intro {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 340px;
    position: relative;
}
.blog-post__intro-overlay {
    background: rgba(0,0,0,0.45);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}
.blog-post__intro-info {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 500px;
    z-index: 1010;
}
.blog-post__intro-info time {
    font-size: 0.85714285rem;
    letter-spacing: 0.5px;
    margin-right: 15px;
    text-transform: uppercase;
}
.blog-post__category {
    margin-left: 15px;
}
.blog-post__category a {
    border-bottom: 1px solid rgba(255,255,255,0.5);
    color: #fff;
}
.blog-post__category a:hover {
    border-bottom: 1px solid rgba(255,255,255,1);
}
.blog-post__intro-info h1 {
    /*     font-family: 'DejaVuSerif';
     */    font-size: 36px;
    line-height: 1.15;
    margin: 5px 0 0 0;
    padding: 0;
    position: relative;
}
.blog-post__intro-info h1:after {
    background: #e42526;
    bottom: -15px;
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 33px;
}
.blog-post__content {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 auto;
    padding: 25px 0 55px;
    width: 800px;
}
.blog-post__content p {
    font-weight: 400;
    line-height: 1.8;
    margin: 8px 0;
    padding: 0 100px;
}
.blog-post__content p.nopad {
    margin: 25px auto;
    padding: 0;
}
.blog-post__content p.nopad img {
    margin-bottom: 5px;
    width: 100%;
}
.blog-post__content p.nopad span {
    display: block;
    font-size: 0.85714285rem;
    font-style: normal;
    font-weight: 300;
    text-align: right;
}


.blog-post__content p.nopad.narrow {
    text-align:center;
}
.blog-post__content p.nopad.narrow img {
    max-width: 400px;
    width: auto;
    width: 100%;
}

.blog-post__content p.intro {
    /*background: #f7f9fa;*/
    /*border-bottom: 3px solid #e42526;*/
    display: block;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    padding: 20px 30px 25px;
}
.blog-post__content ul {
    font-weight: 400;
    line-height: 1.8;
    list-style: none;
    margin: 20px 0;
    padding: 0 100px;
}
.blog-post__content ol {
    font-weight: 400;
    line-height: 1.8;
}
.blog-post__content ul li {
    position: relative;
    margin-left: 40px;
}
.blog-post__content ul li:before {
    background: #e42526;
    content: '';
    height: 1px;
    left: -23px;
    position: absolute;
    top: 13px;
    width: 10px;
}
.blog-post__content blockquote {
    background: #f7f9fa;
    border-left: 3px solid #e42526;
    color: #494949;
    /*     font-family: 'DejaVuSerif';
     */    font-size: 18px;
    margin: 35px 100px 40px;
    padding: 30px 55px 20px 20px;
}
.blog-post__content blockquote em {
    border-top: 1px solid #ccc;
    color: #666;
    display: block;
    font-family: Play, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    margin: 25px 0 0 0;
    padding: 15px 15px 0 20px;
    position: relative;
}
.blog-post__content blockquote em:before {
    background: #666;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 27px;
    width: 11px;
}
.social-share {
    border-top: 1px solid #ccc;
    margin: 30px auto 0;
    text-align: center;
    width: 600px;
}
.blog-post__popular {
    background: url('../img/bg-popular-posts.jpg') 50% 0 no-repeat;
    background-size: cover;
    padding: 35px 0 10px;
}
.blog-post__popular h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    margin: 0 0 25px 0;
    padding: 0;
    position: relative;
}
.blog-post__popular h2:after {
    background: #e42526;
    bottom: -5px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}

.fotorama-by-js .fotorama__stage {
    border: 1px solid #D9D9D9;
}
/*-----------------------------------------
Why styles
--------------------------------------------*/
.why__intro {
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 535px;
}
.why__intro-title h1 {
    color: #fff;
    /*     font-family: 'DejaVuSerif';
     */    font-size: 47px;
    font-weight: normal;
    margin-top: 165px;
    text-align: center;
    position: relative;
    text-shadow: 0 0 20px rgba(0,0,0,0.7);
}
.why__intro-title h1:after {
    background: #e42526;
    bottom: 5px;
    content: '';
    height: 3px;
    margin-left: -16px;
    left: 50%;
    position: absolute;
    width: 33px;
}
.why__sect-one {
    /*background: url('../img/boat-sect-one.png') 0 0 no-repeat;*/
    /*height: 421px;*/
    padding: 30px 0 50px;
    position: relative;
}
.why__sect-one:before,
.why__sect-one:after {
    content: '';
    display: table;
}
.why__sect-one:after {
    clear: both;
}
.why__sect-one-picture {
    float: left;
    width: 50%;
}
.why__sect-one-picture img {
    width: 100%;
}
.why__sect-one .why__sect-content {
    position: absolute;
    right: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 42%;
}
.why__sect-one .why__sect-content h2 {
    /*     font-family: 'DejaVuSerif';
     */    font-size: 24px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0 0 25px 0;
    padding: 0;
    position: relative;
    width: 320px;
}
.why__sect-one .why__sect-content h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.why__sect-one .why__sect-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0;
    width: 445px;
}
.why__sect-two {
    background: url('../img/bg-bottom.jpg') 50% 50% no-repeat;
    background-size: cover;
    height: 390px;
    position: relative;
}
.why__sect-two .why__sect-content {
    background: -webkit-linear-gradient(right, rgba(51, 75, 110, 0) 0%, #334b6e 70%, #334b6e 100%);
    background: linear-gradient(to left, rgba(51, 75, 110, 0) 0%, #334b6e 70%, #334b6e 100%);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 35px;
    padding: 35px 0 44px 40px;
    width: 50%;
}
.why__sect-two .why__sect-content h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    width: 460px;
}
.why__sect-two .why__sect-content p {
    font-size: 1.14285714rem;
    font-weight: 300;
    margin: 0;
    width: 385px;
}
.why__features-grid {
    padding: 45px 0;
}
.why__features-grid h2 {
    /*     font-family: 'DejaVuSerif';
     */    font-size: 28px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 55px 0;
    padding: 0;
    position: relative;
    text-align: center;
}
.why__features-grid h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    margin-left: -21px;
    left: 50%;
    position: absolute;
    width: 33px;
}
/*.why__features-grid .features-grid__container {
  margin: 0 -30px;
  width: auto;
}*/
/*.why__features-grid .features-grid__container li {
  padding: 0 30px;
  text-align: center;
  width: 33.333%;
}*/
.why__features-grid .features-grid__container li:nth-last-child(2),
.why__features-grid .features-grid__container li:nth-last-child(1) {
    color: #333;
    text-shadow: none;
}
/*.why__features-grid .features-grid__inner {
  display: inline-block;
  text-align: left;
  min-width: 260px;
  width: 100%;
}*/
.why__sect-three {
    background: url('../img/bg-why-sect3.jpg') 50% 0 no-repeat;
    background-size: cover;
    height: 570px;
    padding: 34px 0;
    position: relative;
}
.why__sect-three h2 {
    color: #fff;
    font-size: 1.71428571rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    width: 461px;
}
.why__sect-three h2:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.why__sect-three .boat-picture {
    position: absolute;
    left: 0;
    bottom: 60px;
    /*width: 793px;*/
    width: 66.08%;
    z-index: 1005;
}
.why__sect-three .boat-picture img {
    width: auto;
}
.why__sect-three .sect-overlay {
    background: -webkit-linear-gradient(top, rgba(225, 225, 225, 0.5) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(225, 225, 225, 0.5) 0%, #000000 100%);
    height: 175px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
.why__sect-three .why__sect-content {
    background: url('../img/icon-volj-label.png') 0 50% no-repeat;
    bottom: 60px;
    color: #fff;
    left: 57%;
    padding-left: 55px;
    position: absolute;
    width: 400px;
}

.price_total strong {
    font-size: 1.6em;
}
.price_adv span {
    float: none;
}
.price_adv strong{ font-size: 1.1em;}
.price_sal strong{ font-size: 1.1em; color: darkred;}
.price_sal span{
    float: none;
}


/*-----------------------------------------
Comparator styles
--------------------------------------------*/
.models-comparator {
    padding: 45px 0;
}
.models-comparator h1 {
    font-size: 2rem;
    font-weight: 300;
    margin: 0 0 35px 0;
    padding: 0;
    position: relative;
}
.models-comparator h1:after {
    background: #e42526;
    bottom: -10px;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 33px;
}
.comparator__first-section {
    overflow-x: hidden;
    position: relative;
}
.thead_main {
    display: block;
    overflow-x: scroll;
}
.comparator__section-inner {
    padding: 0 0 0 40px;
    position: relative;
}
.comparator__first-section.fixed {
    height: 262px;
}
.comparator__first-section.fixed .thead_main {
    position: fixed;
    top: 74px;
    z-index: 1015;
}
.comparator__first-section.fixed .thead_main thead tr:first-child {
    display: none;
}
.comparator__first-section .comparator__decorative-boats {
    left: 0;
    position: absolute;
    top: 0;
}
.comparator__first-section.fixed .thead_main tr:nth-child(2) {
    background: #f7f9fa;
    box-shadow: 0 5px 15px -10px rgba(0,0,0,0.8);
    /*position: fixed;*/
    /*top: 74px;*/
}
.models-comparator table td {
    font-size: 1.14285714rem;
    font-weight: 300;
    padding: 0 10px 0 10px;
    width: 285px;
    min-width: 285px;
    max-width: 285px;
}
.models-comparator .td-first,
.models-comparator td:first-of-type {
    /*font-weight: 400;*/
    padding: 10px 20px 10px 10px;
}
.comparator__first-section {
    margin-bottom: 15px;
}
.comparator__first-section table td {
    padding: 0 10px;
    width: 285px;
}
.comparator__first-section table tr:not(:first-child) td {
    padding: 0 10px 0 10px;
}
.comparator__first-section table tr .td-first,
.comparator__first-section table tr td:first-of-type {
    font-size: 1.14285714rem;
    font-weight: 500;
    padding: 10px 20px 10px 10px;
}
.comparator__first-section .boat-item__name {
    padding: 10px 0;
}
.comparator__first-section .boat-item__name a {
    border-bottom: 1px solid rgba(51, 75, 110, 0.5);
    color: #334b6e;
    font-size: 1.28571429rem;
    font-weight: 700;
}
.comparator__first-section .boat-item__name a.btn-compare{
    text-decoration: none;
    color: red;
    border-bottom: none;
}
.comparator__first-section .boat-item__name a.btn-compare:after{
    content: '\2716';

}
.comparator__table-caption {
    background: #334b6e;
    color: #fff;
    font-size: 1.14285714rem;
    font-weight: 700;
    padding: 7px 10px 7px;
}
/*.comparator__table-caption span {
  border-bottom: 1px dashed rgba(51, 51, 51, 0.5);
  position: relative;
}
.comparator__table-caption span:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-left-color: transparent;
  border-bottom-color: transparent;
  margin-top: 0px;
  top: 50%;
  position: absolute;
  right: -25px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: 0.2s;
}
.comparator__table-caption:hover {
  background: #f7f9fa;
  cursor: pointer;
}
.comparator__table-caption:hover span:after {
  border-right-color: #000;
  border-top-color: #000;
}
.comparator__table-caption:active {
  box-shadow: inset 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}*/
.comparator__table-caption.close span:after {
    margin-top: -7px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.comparator__section {
    margin-bottom: 20px;
    overflow: hidden;
}
.comparator__section table tr:nth-child(even) {
    background: #f7f9fa;
}
/*.comparator__section table tr:nth-child(odd) td:nth-child(even) {
  background: #dae0e8;
}*/
.models-comparator table .boat-item__photo {
    min-height: 203px;
}
.models-comparator table .boat-item__photo img {max-width: 100%}
.ymaps-2-1-39-balloon__content{
    font-family: Play, sans-serif !important;
}
.ymaps-2-1-39-balloon__content p {
    margin: 0;
}
.mCSB_scrollTools {
    width: 6px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e42526;
    background-color: rgba(228,37,38,0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e42526;
    background-color: rgba(228,37,38,0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #e42526;
    background-color: rgba(228,37,38,0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #e42526;
    background-color: rgba(228,37,38,0.9);
}
/*-----------------------------------------
Comparator styles
--------------------------------------------*/
.dealer-login-form {
    margin: 0 auto;
    width: 280px;
}
.dealer-login-form label {
    display: block;
    font-size: 1.1428571rem;
    font-weight: 300;
    margin-bottom: 13px;
    width: 100%;
}
.dealer-login-form label span {
    display: block;
    margin-bottom: 5px;
}
.dealer-login-form label input {
    background: #e6e6e6;
    border: none;
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    width: 100%;
}
.dealer-login-form .button {
    font-size: 1rem;
    margin-bottom: 15px;
    width: 100%;
}




@media print {
    .configurator-result__dropdown.columnized {
        border-bottom: none;
        display: block;
    }
    .configurator-result__control-row {
        display: none;
    }
    .equip-item__inner span {
        border-bottom: none;
    }
    .configurator-result__print-disclaimer {
        display: block;
    }
    .standart-options-list li {
        margin-bottom: 0;
    }
    .equip-item__inner {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1366px) {
    .content-page .main-column {
        width: 100%;
    }
    .content-page .main-column__inner {
        margin-right: 265px;
        width: auto;
    }
    .content-page aside {
        float: right;
        margin-left: -265px;
    }
    .content-page h1 {
        font-size: 2rem;
    }
    .content-page h2 {
        font-size: 1.71428571rem;
    }
    .content-page p {
        font-size: 1.14285714rem;
    }
    .content-page ol > li,
    .content-page ul > li {
        font-size: 1.14285714rem;
    }
}
@media screen and (max-width: 1240px) {
    /*--------- Index Page ----------*/
    .header__menu > ul > li {
        letter-spacing: 0.04em;
        margin-right: 0;
    }
    .menu__boats-container > a {
        letter-spacing: 0.05em;
    }
    .footer__content {
        margin-left: 310px;
    }
    .menu__boats-container {
        margin-right: 5px;
        width: 145px;
    }
    .footer__column--left {
        width: 520px;
    }
    .footer__menu li {
        letter-spacing: 0.05em;
        margin-right: 15px;
    }
    /*--------- Where Buy ----------*/
    .city-info .main-column {
        float: none;
    }
    .city-info .main-column .main-column__inner {
        margin-right: auto;
    }
    .city-info aside {
        float: none;
        margin-left: auto;
        margin-top: 30px;
        width: 100%;
    }
    .city-info .shop-location__form-container {
        margin: 0 auto;
        width: 390px;
    }
}
@media screen and (max-width: 1200px) {
    .configurator__catalog-vpackets-list-item{
        font-size: 13px;
    }
    .filters__range {
        width: 190px;
    }
    .slider-reasons {
        height: 530px;
    }
    /*----- Boat Page -----*/
    .boat-menu__models-list {
        width: 100%;
    }
    .boat-menu__dropdown-list {
        width: 100%;
    }
    .boat-menu__right {
        display: none;
    }
    .boat-menu-wrapper.fixed  .boat-menu > .button {
        display: block;
    }
    /*----- Why Page -----*/
    .why__sect-three .boat-picture img {
        width: 100%;
    }
    .why__sect-three .why__sect-content {
        left: auto;
        right: 70px;
    }
}
@media screen and (max-width: 1165px) {
    /*--------- Index Page ----------*/
    .header .logo {
        width: 110px;
        padding-top:1px;margin-left:-10px;
    }

    .header_phone{ /*стили для номера телефона в шапке */
        font-size:1.2em;
        margin-left: 0px;
        padding-left: 15px;
        background-image:none;
    }

    .logo--header a {
        background: url('../img/logo3-header.png') 0 0 no-repeat;
        height: 45px;
        width: 130px;
        background-size: contain;
        background-position: 50% 50%;
    }
    .header_button-wrap {
        float: right;
        line-height: 72px;
    }
    .company-info {
        margin-right: 15px;
    }
    .footer__content {
        margin-left: 290px;
    }
    .footer__column--left {
        margin-bottom: 0;
        width: 465px;
    }
    .menu__boats-container {
        width: 125px;
    }
    .footer__menu {
        margin: 5px 0;
    }
    .menu__boats-container {
        width: 125px;
    }
    .footer__menu li {
        line-height: 30px;
    }
    .blog--mini .blog__grid {
        margin-bottom: 0;
    }
    .slider-reasons,
    .slider-reasons__item {
        height: 445px;
    }

    /*----- Boat Page -----*/
    .feature-picture--equip {
        left: auto;
        transform: none;
    }
    .feature--equip .boat__feature-content {
        margin-left: 560px;
    }
    /*----- Why Page -----*/
    .why__sect-one .why__sect-content h2,
    .why__sect-one .why__sect-content p {
        width: 100%;
    }
    .boat__feature-item--half.feature--al-hull {
        margin: 130px 0 170px;
    }
    .configurator__catalog-vpackets-list-item{
        font-size: 10px;
    }
	
	.header__menu > ul > li {
		padding: 0 21px;
	}

}
@media screen and (max-width: 1024px) {
    /*--------- Index Page ----------*/
    .section-title__gradient p {
        width: 400px;
    }
    /*--------- Boats Page ----------*/
    .configurator__catalog-vpackets-list-item{
        font-size: 12px;
    }
    aside {
        float: none;
        margin-left: auto;
        width: 100%;
    }
    .configurator__aside-filters {
        position: initial;
        width: 100%;
    }
    .filter-form--config .aside-filters__inner {
        padding: 15px 20px 15px 20px;
    }
    .filter-form--config .filters__range {
        display: inline-block;
        margin-right: 20px;
        vertical-align: middle;
        width: 200px;
    }
    .filter-form--config .filters__check-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        width: 130px;
    }
    .main-column {
        float: none;
    }
    .main-column .main-column__inner {
        margin-right: auto;
    }
    .boat-filters-row.fixed .boat-filters-row-inner {
        margin-right: 0;
        height: auto;
        line-height: 30px;
    }
    .boat-filters-row-inner {
        margin: 0 -40px 0 -40px;
    }
    /*--------- Where Buy ----------*/
    .shop-map {
        height: auto;
    }
    .shop-map__cities-list,
    .shop-map__map-container {
        float: none;
        width: 100%;
    }
    .request-form .button {
        display: block;
    }
    /*--------- FAQ Page ----------*/
    .aside-contacts {
        display: none;
    }
    /*--------- Blog Page ----------*/
    .blog__filters {
        padding-bottom: 10px;
    }
    .blog__filters-list li {
        margin-bottom: 15px;
    }
    /*--------- compare line ----------*/
    .compare-line__col-left {
        width: 70%;
    }
    .compare-line__col-right {
        width: 27%;
    }
}
@media screen and (max-width: 1023px) {
    /*--------- Index Page ----------*/

    /*----- Boat Page -----*/
    .feature--cockpit .boat__feature-content {
        margin-left: 0;
    }
    .feature-picture--equip {
        width: 50%;
    }
    .feature--equip .boat__feature-content {
        float: right;
        margin-left: auto;
        width: 40%;
    }
    .performances__column-inner-wrap {
        width: 100%;
    }
    /* bootstrap table and responsive table */

    .table-responsive {
        width: 100%;
        margin-bottom: 13.5px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*border: 1px solid #dddddd;*/
        -webkit-overflow-scrolling: touch;
    }
    table.dealer td a[href^=mailto],
    table.dealer td a[href^=tel] {
        word-wrap: normal;
        white-space: nowrap;
    }
    .performances__column-inner-wrap .table-responsive {
        overflow-x: auto;
    }
    /* Why Page */
    .why__sect-three .boat-picture {
        bottom: 100px;
    }
    /* Dealers table is not table anymore */
    table.dealer,
    table.dealer thead,
    table.dealer tbody,
    table.dealer tfoot,
    table.dealer tr,
    table.dealer td {
        display: block;
        width: 100%;
    }

    table.dealer td {
        padding-left: 0;
    }
    .configurator__aside-inner {
        position: inherit;
    }
}
@media screen and (max-width: 1000px) {
    .request-form h3 {
        text-align: center;
    }
    .header__inner .logo--header {
        /*display: none;*/
    }
    .header_phone{ /*стили для номера телефона в шапке */
        display:none;
    }
    .header.header--dealer .header__menu{display:none}
    .header_phone_mobile{
        display: inherit;
        font-size: 15px;
        line-height: 29px;
        text-align: center;
        color: #ccc;
        margin-top:15px
    }
    .mobile-menu__wrap .header_phone_mobile a:first-child{font-size: 16px;}

    .header .button {
        /*float: right;*/
    }
    .header__right {
        height: 72px;
        line-height: 72px;
        width: 100%;
    }
    .header__right:after {
        content: '';
        display: inline-block;
        /*position: relative;*/
        width: 100%;
    }
    .header .header__menu {
        display: none;
    }
    button.mobile-menu__toggle {
        display: inline-block;
    }
    .mobile-menu__wrap {
        display: block;overflow:auto;
    }
    .header_button-wrap.m_hbw{display:inline-block}
    .mobile-menu__wrap.mmt_active{height:100vh}
    .lang_wide {display:none;}
    .lang_mob {display:block;}

    .company-info .logo-wrap,
    .menu__boats-container,
    .footer__column--left,
    .footer__content .button {
        display: none;
    }
    .company-info {
        width: 250px;
    }
    .footer .company-address {
        display: block;
    }
	.text_legal{
        display: block;		
	}
    .contacts-wrap a[href^=tel] {
        font-size: 25px;
        font-weight: 500;
    }
    .contacts-wrap a[href^=mailto] span {
        font-size: 25px;
        font-weight: 300;
    }
    .social-links {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .social-links--color {
        margin-bottom: 0;
    }
    .social-links a {
        background-size: 34px 34px;
        height: 34px;
        opacity: 1;
        width: 34px;
    }
    .social-links div {
        font-size: 25px;
        font-weight: 300;
        letter-spacing: normal;
        text-transform: none;
    }
    .footer__copy {
        display: block;
    }
    .website-dev {
        font-size: 16px;
    }
    .social-block {
        display: none;
    }
    .slider-promo {
        display: none;
    }
    .mobile__index-intro {
        display: block;
    }
    .catalog-index li {
        width: 50%;
    }
    .catalog-index__caption h2 {
        font-size: 18px;
        padding: 0 20px;
    }
    .catalog-index__caption h2:after {
        height: 2px;
        left: 20px;
        width: 20px;
    }
    .catalog-index .filters {
        display: none;
    }
    .configurator-promo .mobile__background-overlay {
        display: block;
    }
    .configurator-promo__content {
        bottom: 50%;
        left: 50%;
        text-align: center;
        transform: translateX(-50%) translateY(50%);
        z-index: 10;
        width: 80%;
    }
    .configurator-promo h2,
    .configurator-promo p {
        width: 100%;
    }
    .configurator-promo p {
        font-size: 18px;
    }
    .map {
        padding-top: 375px;
    }
    .map__form-container {
        float: none;
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }
    .map__container {
        margin-right: 0;
        position: absolute;
        top: 0;
        width: 100%;

    }
    .jq-selectbox {
        text-align: left;
    }
    .section-title__gradient {
        width: 60%;
    }
    .section-title__gradient p {
        width: 400px;
    }
    .slider-reasons__item .button {
        width: 100%;
    }
}
@media screen and (max-width: 900px) {
    /*----- Boat Page -----*/
    .boat-menu-wrapper.fixed .boat-menu {
        width: 93%;
    }
    .boat-menu-wrapper.fixed .menu-toggle-button {
        width: 7%;
    }
    .feature-picture--al-hull {
        /*top: 67%;*/
        width: 60%;
    }
    .feature--al-hull .boat__feature-content {
        padding: 25px 0 30px 20px;
        width: 45%;
    }
    .feature--cockpit .boat__feature-content {
        padding: 20px 0 80px;
        width: 45%;
    }
    .feature-picture--equip {
        width: 48%;
    }
    .feature--equip .boat__feature-content {
        width: 45%;
    }
    .base-complectation__text {
        width: 90%;
    }
    .complete-equipment ul .column {
        padding: 0 25px;
    }
    /*--------- compare line ----------*/
    .compare-line__inner {
        height: auto;
    }
    .compare-line__col-left {
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }
    .compare-line__col-right {
        display: block;
        text-align: left;
        width: 100%;
    }
    .compare-line__close {
        position: absolute;
        right: 5px;
        top: 5px;
    }
}
@media screen and (max-width: 830px) {
    .configurator__catalog-vpackets-list-item{
        font-size: 11px;
    }
    .blog-post__content {
        width: 95%;
    }
    .boat-promo__inner .boat-promo__title {
        font-size: 4rem;
    }
}
@media screen and (max-width: 768px) {
    /*----- Index Page -----*/
    .content-col {
        width: 50%;
    }
    .content-col .blog__item-inner {
        margin-bottom: 20px;
    }
    /*----- Boat Page -----*/
    .feature-picture--al-hull {
        /*top: 87%;*/
    }
    .boat__feature-item--half.feature--al-hull {
        margin: 60px 0 120px;
    }
    .feature--equip .boat__feature-content {
        padding: 35px 0 40px;
    }
    .features-grid {
        padding: 40px 0 195px;
    }
    .slider-reasons {
        display: none;
    }
    .slider-reasons--static {
        display: block;
    }
    .performances__column {
        float: none;
        width: 100%;
    }
    .performances__column-inner-wrap {
        width: 100%;
    }
    .performances__column:first-child {
        margin-bottom: 30px;
    }
    .recommended-options ul {
        display: block;
    }
    .recommended-options ul li {
        display: inline-block;
        margin-bottom: 20px;
        min-height: 130px;
        vertical-align: top;
        width: 50%;
    }
    .options__item-caption {
        height: auto;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        position: absolute;
    }
    .production {
        background-image: none;
    }
    .production__overlay {
        background: #333;
    }
    .production__text {
        width: 95%;
    }

    /*--------- Boats Page ----------*/
    .configurator__catalog-item {
        width: 50%;
    }
    /*--------- Why Page ----------*/
    .why__sect-one-picture {
        width: 80%;
    }
    .why__sect-one .why__sect-content {
        position: initial;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 70%;
    }
    .why__sect-three .boat-picture {
        bottom: 140px;
    }
    .why__sect-three .why__sect-content {
        bottom: 50px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    .why__sect-two .why__sect-content {
        width: 100%;
    }
    /*--------- FAQ Page ----------*/
    .faq__intro {
        background: none;
    }
    .faq__intro h1 {
        color: #333;
        margin: 0 0 20px 0;
        padding: 25px 0 0 0;
    }
    /*--------- Configurator Step 3 Page ----------*/
    .configurator-result__left-column,
    .configurator-result__right-column {
        margin-right: 0;
        width: 100%;
    }
    .tabs__control-item {
        width: 215px;
    }
    .tabs__control-item h6:before,
    .tabs__control-item h6:after {
        border: 21px solid #fff;
    }
    /*--------- About Page ----------*/
    .content-page img {
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .recommended-options-popup .popup__inner {
        /*height: 100%;*/
        width: 100%;
        /* overflow-y: auto; */
        max-height: 100%;
        max-width: 100%;
    }
    /*    .recommended-options-popup .options-photos-col {
            float: left;
            margin-right: 2%;
            width: 70%;
        }
        .recommended-options-popup .options-description-col {
            float: left;
            width: 28%;
        }*/
    .dealer__form-column {
        float: none;
        width: 100%;
    }
    .tab-content__form-container {
        margin: 0 auto;
        padding: 0 40px;
        width: 400px;
    }
    .dealer__form-column-wrap {
        margin-bottom: 10px;
    }
    .dealer__form-column,
    .dealer__form-column:first-child {
        margin: 0 auto;
    }
}
@media screen and (max-width: 670px) {
    /*--------- Index Page ----------*/
    .footer {
        background-image: none;
    }
    .company-info {
        float: none;
        margin-bottom: 40px;
    }
    .footer__content {
        margin-left: 0;
    }
    .footer__column--right {
        float: none;
        margin-bottom: 20px;
    }
    .map__form-container {
        width: 90%;
    }
    /*    .recommended-options-popup .popup__inner {
            width: 100%;
            height: 100%;
            overflow-y: auto;
        }
        .recommended-options-popup .options-photos-col,
        .recommended-options-popup .options-description-col {
            float: none;
            width: 90%;
        }*/
    /*----- Boat Page -----*/
    .boat-promo__inner .boat-promo__content {
        height: 55%;
    }
    .boat-promo__inner .boat-promo__content-text {
        bottom: 25px;
        width: 90%;
    }
    .boat-promo__inner .boat-promo__title {
        font-size: 32px;
    }
    .boat-promo__inner p {
        font-size: 14px;
        line-height: 1.15;
        margin-bottom: 20px;
    }
    .boat-promo__inner .boat-promo__price {
        font-weight: 300;
        line-height: 32px;
    }
    .slide-overlay {
        height: 55%;
    }
    .boat__title h2 {
        width: 75%;
    }
    .boat__title p {
        width: 90%;
    }
    .boat__feature-item--half.feature--al-hull {
        background: #e1e1e1;
        margin: 170px 0 150px;
        padding: 100px 0 0;
    }
    .feature--al-hull .boat__feature-content {
        float: none;
        margin: 0 auto;
        padding: 25px 0 30px;
        text-align: center;
        width: 80%;
    }
    .feature-picture--al-hull {
        bottom: 100%;
        height: auto;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%) translateY(0);
        width: 80%;
    }
    .feature--cockpit {
        background: -webkit-linear-gradient(top, #ffffff 0%, rgba(225, 225, 225, 0.88) 50%, rgba(113, 126, 154, 0.8) 100%);
        background: linear-gradient(to bottom, #ffffff 0%, rgba(225, 225, 225, 0.88) 50%, rgba(113, 126, 154, 0.8) 100%);
        padding-top: 100px;
    }
    .feature--cockpit .boat__feature-content {
        margin: 0 auto;
        text-align: center;
        width: 80%;
    }
    .feature-picture--cockpit {
        bottom: 100%;
        height: auto;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%) translateY(0);
    }
    .feature--equip {
        padding-top: 270px;
    }
    .feature--equip .boat__feature-content {
        float: none;
        margin: 0 auto;
        text-align: center;
        padding-top: 15px;
        width: 80%;
    }
    .feature-picture--equip {
        bottom: 100%;
        height: auto;
        left: 50%;
        right: auto;
        top: auto;
        transform: translateX(-50%) translateY(0);
        width: 60%;
    }
    .features-grid__container {
        margin: 0;
        width: 100%;
    }
    .features-grid {
        padding-bottom: 10px;
    }
    .features-grid__background-pic {
        display: none;
    }
    .features-grid__container li {
        width: 100%;
    }
    .features-grid__container li:nth-child(2n+1),
    .features-grid__container li:nth-child(2n) {
        padding: 0;
    }
    .features-grid__container li:nth-last-child(1),
    .features-grid__container li:nth-last-child(2) {
        color: #333;
        text-shadow: none;
    }
    /* Configurator Page */
    .configurator__breadcrumbs li > * {
        padding: 0px 15px 0px 35px;
    }
    /* Why Page */
    .why__features-grid .features-grid__container {
        margin: 0;
    }
    /*    .why__features-grid .features-grid__container li {
            width: 100%;
        }*/
    .social-share {
        width: 95%;
    }
}
@media screen and (max-width: 560px) {
    /*----- Boat Page -----*/

    .boat_first_screen {
        font-size: 0.7em;
        margin: 0 2px 5px;
        padding: 0;
        line-height: 25px;
    }

    .boat-promo__inner p {
        width: 90%;
    }
    .boat-menu-wrapper.fixed .boat-menu {
        width: 90%;
    }
    .boat-menu-wrapper.fixed .menu-toggle-button {
        width: 10%;
    }
    .recommended-options ul li {
        width: 100%;
    }
    .boat-filters-row-inner {
        height: auto;
        line-height: 1;
        margin: 0 -40px 0 -40px;
        padding: 25px 40px 10px;
    }
    .boat-models li,
    .boat-characteristics li {
        margin-bottom: 15px;
    }

    .recommended-options-popup .options-photos-col {
        width: 90%;
    }
    /* Configurator Page */
    .configurator__catalog-vpackets-list-item{
        font-size: 9px;
    }
    .tab-content {
        visibility: visible;
    }
    .configurator__breadcrumbs {
        counter-reset: step-number;
    }
    .configurator__breadcrumbs li {
        margin-bottom: 10px;
    }
    .configurator__breadcrumbs li > * {
        background: none;
        height: auto;
        line-height: 1;
        padding: 0 10px 0 25px;
    }
    .configurator__breadcrumbs li.current > * {
        background: none;
        color: #333333;;
    }
    .configurator__breadcrumbs li:first-of-type > * {
        padding-left: 25px;
    }
    .configurator__breadcrumbs li > *:before {
        content: counter(step-number) '.';
        counter-increment: step-number;
        left: 10px;
        position: absolute;
    }
    .configurator__breadcrumbs li:after,
    .configurator__breadcrumbs li > *:after {
        border: none;
        color: #334b6e;
        content: '\00BB';
        height: auto;
        width: auto;
    }
    /* Configurator step 3 Page  */
    .configurator-result__control-row {
        text-align: left;
    }
    .configurator-result__control-row a {
        display: block;
        margin: 0 0 20px 0;
    }
    .configurator-result__control-row .button {
        display: block;
    }
    .dealer__form-column {
        float: none;
        width: 100%;
    }
    .tab-content__form-container {
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
    }
    .dealer__form-column-wrap {
        margin-bottom: 10px;
    }
    .dealer__form-column,
    .dealer__form-column:first-child {
        margin: 0 auto;
    }
    .dealer-form {
        text-align: center;
    }
    .dealer-form .button {
        margin: 0 auto;
        width: 100%;
    }
    .tabs__control-item {
        margin-right: 0;
    }
    .tabs__control-item h6:before,
    .tabs__control-item h6:after {
        display: none;
    }
    .tabs__control-item {
        width: 100%;
    }
    /*    .tab-content {
            display: block;
            position: initial;
        }
        .tabs__item--mail .tab-content__inner {
            padding: 40px 0 65px;
        }
        .tabs__item--phone h6 {
            box-shadow: none;
            padding-left: 40px;
            text-align: left;
        }*/
    /* Why Page */
    .why__sect-two .why__sect-content h2 {
        width: 90%;
    }
    .why__sect-two .why__sect-content p {
        width: 85%;
    }
    .why__sect-three .boat-picture {
        width: 85%;
    }
    .why__sect-three h2 {
        width: 80%;
    }
    .why__sect-three .why__sect-content {
        bottom: 30px;
        width: 85%;
    }
    .blog__intro h1 {
        float: none;
        margin: 0px 0 30px;
    }
    .social-links--color {
        float: none;
        width: 100%;
    }
    .social-links--color div {
        text-align: left;
    }
    .blog-post__intro-info {
        width: 95%;
    }
    .blog-post__content ul,
    .blog-post__content p {
        padding: 0 20px;
    }
    .blog-post__content blockquote {
        margin: 35px 20px 40px;
    }
}
@media screen and (max-width: 430px) {
    /*--------- Index Page ----------*/
    .catalog-index li {
        width: 100%;
    }
    .catalog-index__caption h2 {
        font-size: 21px;
    }
    .reasons-static__content .button {
        width: 100%;
    }
    .configurator-promo__content {
        width: 95%;
    }
    .section-title__gradient {
        width: 100%;
    }
    .section-title__gradient p {
        width: 280px;
    }
    .request-form {
        padding: 35px 0 15px;
    }
    .request-form label,
    .request-form .button {
        width: 280px;
    }
    .content-col {
        width: 100%;
    }
    .video-block .section-title__gradient h2 {
        width: 280px;
    }
    /*----- Boat Page -----*/
    .boat-menu-wrapper.fixed  .boat-menu > .button {
        display: none;
    }
    .performances h2 {
        font-size: 24px;
    }
    .performances__parameter-item {
        display: block;
        margin-bottom: 20px;
        width: 90%;
    }
    .performances__column {
        padding: 0;
    }
    .performances__column-inner-wrap {
        width: 100%;
    }
    .complete-equipment__info {
        width: 100%;
    }
    .complete-equipment__info p {
        width: 100%;
    }
    .boat__feature-item--half.feature--al-hull {
        margin: 100px 0 0px;
    }
    /*--------- Boats Page ----------*/
    .configurator__catalog-item {
        width: 100%;
    }
    .boat-menu__dropdown-list li a {
        height: auto;
    }
    .boat-menu__dropdown-list li a span,
    .boat-menu__dropdown-list li a b {
        display: block;
        position: initial;
    }
    /*--------- Why Page ---------*/
    .why__intro-title h1 {
        font-size: 36px;
    }
    .why__sect-three .boat-picture {
        bottom: 160px;
    }
    /*--------- FAQ Page ---------*/
    .city-info .shop-location__form-container {
        width: 100%;
    }
    .shop-location__form-container .request-form label,
    .shop-location__form-container .request-form .button {
        width: 100%;
    }
    /*--------- compare line ----------*/
    .compare-line__boat-thumb {
        display: block;
        margin-bottom: 10px;
    }
    .compare-line__info {
        display: block;
        width: 100%;
    }
    .standart-options-list:after{
        clear: both;
        content: '';
        display: table;
    }
    /*---------- configurator ------------*/
    .configurator__catalog-vpackets-list-item{
        font-size: 11px;
    }
    .boat-filters-row {display:none;}
}
@media screen and (max-width: 345px) {
    /*--------- Index Page ----------*/
    .header .button {
        width: 135px;
    }
    .boat-menu-wrapper.fixed .boat-menu {
        width: 88%;
    }
    .boat-menu-wrapper.fixed .menu-toggle-button {
        width: 12%;
    }
    .configurator__catalog-vpackets-list-item{
        font-size: 9px;
    }
}
@media screen and (max-height: 768px) {
    .aside-filters__selected-options {
        max-height: 115px;
    }
}
/* cabinet*/
.tile{
    display:inline-block;
    width:120px;
    margin:15px;
    text-align:center;
    cursor:pointer;
}
/**/
/*.lang_bar{
    position: absolute;
    right: 40px;
    bottom: -22px;
}*/

.lang-mob{height:auto;line-height:normal;font-size:20px}
.lang_bar{display:flex;justify-content:space-around;padding:20px 10px;}
.lang_bar a{height:16px;width:24px;/*display:block;float:none*/}
.lang_bar a img{height:16px;width:24px;display:block;}
.disabled{
    pointer-events: none;
}
.disabled img{
    /*  -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;  IE 6-9 */
}

.undisplayed, .surname {
    display: none;
}

ul.boat-menu__dropdown-list div.column{
    width:50% !important;}

.form-row  label input {
    width:100%;
}

/*SUPPLIERS*/
.sup_left_col{
    max-width: 670px;
    width:35%;
    max-height:580px;
    display:table-cell;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}
.sup_center_col{
    display:table-cell;
    vertical-align: middle;
    padding:0 0 40px 70px;
    width:30%;
}
.sup_right_col{
    max-width: 670px;
    width:35%;
    max-height:580px;
    display:table-cell;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}
.slider-reasons__item.supp{
    display:table;
}

.sup_left_col.YM{background-image: url(/images/cms/suppliers/suppliers_YA1.jpg);}
.sup_right_col.AT{background-image: url(/images/cms/suppliers/suppliers_YA2.jpg);}

.sup_left_col.SP{background-image: url(/images/cms/suppliers/suppliers_IS1.jpg);}
.sup_right_col.IS{background-image: url(/images/cms/suppliers/suppliers_IS2.jpg);}

.sup_left_col.RE{background-image: url(/images/cms/suppliers/suppliers_RS1.jpg);}
.sup_right_col.SY{background-image: url(/images/cms/suppliers/suppliers_RS2.jpg);}

.sup_left_col.UL{background-image: url(/images/cms/suppliers/suppliers_UM1.jpg);}
.sup_right_col.MA{background-image: url(/images/cms/suppliers/suppliers_UM2.jpg);}

.sup_left_col.AR{background-image: url(/images/cms/suppliers/suppliers_AO1.jpg);}
.sup_right_col.OS{background-image: url(/images/cms/suppliers/suppliers_AO2.jpg);}

@media screen and (max-width: 1600px) {
    section.slider-reasons.supp, .slider-reasons__item.supp, section.slider-reasons.supp .fotorama__stage{ height:400px !important; }
    .sup_center_col{padding: 0 0 0 30px;}
}
@media screen and (max-width: 1240px) {
    section.slider-reasons.supp, .slider-reasons__item.supp, section.slider-reasons.supp .fotorama__stage { height:320px !important; }
    .sup_center_col img {max-height:40px;}
    .sup_center_col {font-size:0.9em;}
}
/*suppliers styles end*/
/*HISTORY styles*/
.year-block{
    margin: 20px 0 0 -20px;
    display: table;
    vertical-align: top;
    border-spacing: 20px 0px;
}
.milestone-photo{
    margin-right: 20px;
    display: table-cell;
}
.milestone-year{
    font-size: 3.5rem;
    font-weight: bolder;
    color: #3f3f3f;
    border-RIGHT: 2px solid red;
    display: table-cell;
    vertical-align: top;
    width: 65px;
}
.milestone-year DIV{
    transform: rotate(-90deg);
    position: relative;
    top: 2rem;
    letter-spacing: 0px;
    margin: 0px -2rem;
}
.milestone-desc{
    display: table-cell;
    vertical-align: top;
    max-width:345px;
}
/*History syles end*/
/*Volzhanka TEAM*/
.prostuff_head{
    height: auto !important;
    margin-bottom: 2px !important;
    display: inline-block;
    border-bottom: 1px dashed #333333;
}
.prostuff_club{
    font-size: 12px;
    font-family: Play, sans-serif;
    color: rgb(97, 97, 97);
    font-style: italic;
    line-height: 1.2;
    text-align:right;
    margin-top:-3px;
}
.prostuff_city{
    font-size: 0.9em;
    color: rgb(97, 97, 97);
    margin-bottom: 12px;
}
.prostuff_boat{
    font-weight: 900;
    color: rgb(83, 83, 83);
    text-align: right;
    display: block;
    font-size: 0.97em;
}
.prostuff_boat a:visited{
    color:#555555;
}
.prostuff_desc{
    clear:both;
}
.popup__inner{
    overflow: auto;
}

.social_round{
    width: 64px;
    height: 64px;
    display: block;
    float: left;
    position: relative;
}
.social_round:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/images/icons/social-round-sprite.gif);
    transition: opacity 0.25s linear;
    clear: both;
}
.social_round.fb:before{background-position: -128px 0px;}
.social_round.fb:hover:before{background-position: -128px -64px;}
.social_round.tw:before{background-position: -194px 0px;}
.social_round.tw:hover:before{background-position: -194px -64px;}
.social_round.vk:before{background-position: -64px 0px;}
.social_round.vk:hover:before{background-position: -64px -64px;}
.social_round.in:before{background-position: -256px 0px;}
.social_round.in:hover:before{background-position: -256px -64px;}
.social_round.yt:before{background-position: -320px 0px;}
.social_round.yt:hover:before{background-position: -320px -64px;}

/*end Volzhanka TEAM*/

/*PACKAGE deals styles*/
.offer-container{
    width:100%;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 0 20px;
    font-size:16px;
    /*background-size: cover;*/
}
.offer-title{
    width:55%;
    margin-right:5px;
    float: left;
    position:relative;
    background:#E9E9E9;

}
.offer-comp{
    /* width: 34%; */
    margin: 10px 5px 0 20px;
    float: left;
    /* position: relative; */
    font-size: 1.15em;
    max-width: 37%;
    padding-top:10px;
}
.offer-price-block{
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 0.85em;
    text-align: center;
    max-width:210px;
    line-height: 1.4em;
}
.offer-title h3{
    position: absolute;
    top: -35px;
    left: 15px;
    font-size: 2.4em;
    text-transform: uppercase;
    text-align: left;
    color: white;
    text-shadow: 1px 1px 8px black;
    line-height: 1em;
    padding-top: 10px;
    /* letter-spacing: 0.05em; */
}
.offer-title img{
    /* position: relative;
    bottom: -30px; */
}

.offer-comp ul li:before{
    content: none;
}
.offer-comp ul li{
    margin-left: 5px;
    font-size: 0.95em;
}
.offer-comp ul{
    margin:3px 0 0 3px;
    padding-left:0px;
}
.offer-comp span{
    font-size: 24px;
    font-weight: bold;
    line-height: 2em;
}

.offer-price {
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 10px;
    background: #981818;
    color: white;
    margin-top:5px;
}
.old-price{
    font-size: 0.85em;
    font-weight: 400;
    color: #efefef;
    text-decoration: line-through;
}
/* скрываем чекбоксы и блоки с содержанием */
.hide, .hide + label ~ div {
    display: none;
}
/* вид текста label */
.hide + label,
.hide:checked + label {
    padding: 0;
    color: #333333;
    cursor: pointer;
    border-bottom: 1px dotted #333333;
    LINE-HEIGHT: 2;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block;
    /* float: left; */
    /* position: absolute; */
    /* border: 1px solid gray; */
    /* box-shadow: 3px 3px 3px rgba(0,0,0,0.7); */
    /* background: white; */
    /* padding: 15px 15px 15px 25px; */
}
/*input.reversed + label.reversed ~ div{display: block;}*/
label.reversed{
    padding: 0;
    color: black;
    cursor: inherit;
    border-bottom: 0px;
    LINE-HEIGHT: inherit;

}
.hide + label.reversed ~ div {
    display: block;
}

.yellow_lable{
    float: right;
    font-weight: 800;
    color: black;
    text-align: right;
    text-transform: uppercase;
    bottom: -10px;
    padding: 15px 30px;
    background-color: yellow;
    clear: both;
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    margin: -110px 20px 30px 0;
    font-size: 0.7em;
    max-width: 19.7em;
}
.yellow_lable span{
    font-size: 2.13em;
    font-weight: 300;
    line-height: 1.0em;
}
.offer_warning{
    padding: 15px;
    font-size: 1.3rem;
    max-width: 800px;
    border-top: 2px solid red;
    border-bottom: 2px solid red;
}

.attention{
    padding: 15px 30px 15px 30px;
    font-size: 1.3rem;
    max-width: 800px;
    border: 2px solid #c81818;
    /* border-bottom: 2px solid red; */
    margin: 30px 15px;
    /* -webkit-border-image: round; */
    border-radius: 3px;
    background: #ffb7b7;
}


@media only screen and (max-width: 1460px)  {
    .offer-container {font-size: 14px;}

}
@media only screen and (max-width: 1300px)  {
    .offer-title img {padding-top: 50px;}

}
@media only screen and (max-width: 977px)  {
    .offer-title {width: 100%;}
    .offer-title img {margin-top: -50px;}
    .offer-comp { width: 100%; margin: 0px; float: left; font-size: 1em;padding-top: 10px; max-width: 100%;columns: 280px auto;}
    .hide + label ~ div{display: block;}
    label{display:none;}
    label.reversed{display:inline;}
    .offer-comp span{line-height:1em;}
    .hide + label.reversed ~ div {display: none; }
    .hide:checked + label.reversed + div {display: block;}
    .hide + label.reversed {padding: 0;color: #333333;cursor: pointer;border-bottom: 1px dotted #333333;LINE-HEIGHT: 2;}
}
@media only screen and (max-width: 735px)  {
    .offer-title img { margin-top: 10px;}
    .yellow_lable{
        transform: none;
        margin: -5px 0 0;
        width: 100%;
        max-width: 100%;
        font-size: 1.3em;
        font-weight: 300;
        padding: 5px;
    }
    .yellow_lable span{
        font-size: 1em;
        font-weight: 500;
    }
}
@media only screen and (max-width: 537px)  {
    .offer-title h3 {font-size: 26px;top: -25px;color: black;text-shadow: none;}
}
@media only screen and (max-width: 488px)  {
    .offer-title h3 {font-size: 19px;top: -25px;color: black;text-shadow: none;}
    .offer-title img {margin-top: 35px;}
}

@media only screen and (max-width: 355px)  {
    .offer-title img {margin-top: 55px;}
    .offer-price-block {top: 40px;}
}

/*PACKAGE deals styles end */
.vpack_half h2{margin-bottom:0px}
.vpack_third h3{margin-bottom:0px}
.vpack_third span, .vpack_half span{line-height:1.15em}
.vpack_wrap p {padding:0 0 0 10px;}
.what-inside{
    font-weight:300;
    font-size:30px}
.vpack_half{
    float: left;
    width:48%;
    padding:2%;
    text-align: center;}
.vpack_half span{
    font-weight: 300;
    font-size:16px;
}
.vpack_third{
    float: left;
    width:32%;
    padding:15px 0.5% ;
    text-align: center;
}
.coloumns{
    -moz-column-count: 2; /* Для Firefox */
    -webkit-column-count: 2; /* Для Safari и Chrome */
    column-count: 2;
}
.boat-vpackets .boat-vpackets-title{
    font-size: 24px;
    font-weight: 700;
    color:#fff;
    padding-left: 25px;
}
.boat-vpackets .boat-vpackets-title span{
    /* font-size: 24px;
     font-weight: 700;
     color:#fff;
     padding-left: 65px;*/
    border-bottom: 3px solid red;
    width: 35px;
    display: inline-block;
    height: auto;
    white-space: nowrap;
    background: none;
}
.boat-vpackets .boat-vpackets-item{
//  width: 200px;
//  height: 300px;
//  border:1px solid;
    margin: 20px 40px;
    overflow: visible;
}
.boat-vpackets .boat-vpackets-item .boat-vpackets-item-image{
    min-height: 200px;
    min-width: 200px;
    text-align: center;
}
.stripe,
.stripe span
{
    display: inline-block;
    width: 100%;
    background-color: #000;
    height: 2px;
    text-align: left;
}
.stripe span{
    background-color: red;
    width: 35px;
}
.boat-vpackets .boat-vpackets-item .boat-vpackets-item-title,
.boat-vpackets .boat-vpackets-item .boat-vpackets-item-title a {
    color:#fff;
    width: 100%;
    padding: 15px 0;
    height: 25px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
}
.boat-vpackets .boat-vpackets-item .boat-vpackets-item-title a {
    text-decoration: underline;
}
.boat-vpackets .boat-vpackets-item .boat-vpackets-item-price a {
    color:#fff;
    font-weight: 600;
    font-size: 20px;
}
.boat-vpackets .boat-vpackets-item .boat-vpackets-item-price{

    height: 35px;

}
.boat-vpackets .boat-vpackets-item .boat-vpackets-item-price span{
    width: 65%;
    margin: 0 auto;
    padding: 10px 10px;
    background-color:red;
    text-align: center;
    display: block;
}
.boat-vpackets .boat-vpackets-items-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
}
.configurator__catalog-vpackets {
    position: absolute;
    width: 100%;
    z-index: 1010;
}
.configurator__catalog-vpackets .configurator__catalog-vpackets-title {
    text-align: center;
    background-color:#c7c7c7;
    padding: 4px 0;
    font-weight: 500;
    cursor: pointer;
}
. .configurator__catalog-vpackets .configurator__catalog-vpackets-title a{
    text-decoration: underline;
    color: #6f6a64;
}
.configurator__catalog-vpackets .configurator__catalog-vpackets-title span:after,
.configurator__catalog-vpackets .configurator__catalog-vpackets-title span:before{
    margin: 0 10px;
    color: #6f6a64;
}

.configurator__catalog-item .configurator__catalog-vpackets.opened .configurator__catalog-vpackets-title span:after,
.configurator__catalog-item .configurator__catalog-vpackets.opened .configurator__catalog-vpackets-title span:before
{
    content: ' \25B2';
}
.configurator__catalog-item .configurator__catalog-vpackets.closed .configurator__catalog-vpackets-title span:after,
.configurator__catalog-item .configurator__catalog-vpackets.closed .configurator__catalog-vpackets-title span:before
{
    content: ' \25BC';
}
.configurator__catalog-item .configurator__catalog-vpackets .configurator__catalog-vpackets-title i.triangular{
    font-weight: 500;
    font-size: 14px;
}
.configurator__catalog-item .configurator__catalog-vpackets.closed .configurator__catalog-vpackets-list {
    display: none;
}
.configurator__catalog-item .configurator__catalog-vpackets.opened .configurator__catalog-vpackets-list {
    display: block;
}
.configurator__catalog-item .configurator__catalog-vpackets .configurator__catalog-vpackets-list{
    background-color:#c7c7c7;
}
/*---not*/.configurator__catalog-item .configurator__catalog-vpackets .configurator__catalog-vpackets-list ul {
              padding: 10px;
          }
.configurator__catalog-item .configurator__catalog-vpackets .configurator__catalog-vpackets-list ul li{
    display: flex;
    justify-content: space-between;
    margin: 7px 0;
}
.configurator__catalog-vpackets .configurator__catalog-vpackets-list .configurator__catalog-vpackets-list-item .item-price {
    color:#cc1615;
    font-weight: 600;
}
.configurator__catalog-vpackets .configurator__catalog-vpackets-list .configurator__catalog-vpackets-list-item .item-title a{
    color: #333333;
    text-decoration: underline;
    font-weight: 600;
}
.packet-features h2 span {
    border-bottom: 3px solid #c3beba;
    display: inline-block;
    padding-bottom: 8px;
    margin-top: 25px;
}
.features__column-wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;

}
.packet-features .features__boat_block_image,
.packet-features .features__engine_block_image {
    width: 440px;
    height: 200px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.packet-features .features__boat_block_name,
.packet-features .features__engine_block_name
{
    font-size: 36px;
    font-weight: 800;
    text-align: center;
}
.packet-features .features__boat_block_sign,
.packet-features .features__engine_block_sign,
.packet-features .features__item .features__item_text
{
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.packet-features .features__boat_block_sign span {
    display: block;
}
.packet-features .features__boat_block_sign a {
    color: #fe0100;
    text-decoration: none;
    border-bottom: 1px solid #ffaead;
}
.packet-features .features__boat{
    margin-bottom: 20px;
}
.packet-features .features__item {
    margin:30px;
    width: 200px;
}
.packet-features .features__items_wrap{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    max-width: 900px;
}
.packet-features .features__item .features__item_image {
    text-align: center;
    margin-bottom: 10px;
}
.packet-features .features__item .features__item_image img{
    border-radius: 200px;
    border:2px solid #d8d8d8;
}
.packet-features .features__item .features__item_title {
    font-size: 19px;
    font-weight: 800;
    text-align: center;
}
.vpackets_advantages {
    margin:20px 20px;
}
.vpackets_advantages .vpackets_advantages_wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.vpackets_advantages .vpackets_advantages_wrap .vpackets_advantages_logo {
    width: 250px;
    height: 250px;
    margin-right: 30px;
}
.vpackets_advantages .vpackets_advantages_wrap .vpackets_advantages_text {
    width: 475px;
}
.configurator__catalog-item.included .button--blue {
    background: #fff001;
    width: 160px;
    color: #000;
    font-weight: 700;
}
.disallow h3 {
    background-color: red;
}


@media screen and (max-width: 1441px) {
    .configurator__catalog-description {
        height: 125px;
    }
}

/*@media screen and (max-width:428px){
    .configurator__catalog-item{
        width:100%;
    }
}
*/

.vakansii_vboats summary{font-size: 1.8571428rem; font-weight: bold; line-height: 1.2; margin: 0 0 13px 0; padding: 0; cursor:pointer;}
.vakansii_vboats summary::-webkit-details-marker{display:none;}
.vakansii_vboats summary::-moz-list-bullet{list-style-type:none;}
.vakansii_vboats summary::marker{display:none;} 
.vakansii_vboats summary {
   display:inline-block;
   padding: .3em .6em .3em 1.5em;
   font-size:1.4em;
   cursor: pointer;
   position: relative;
}
.vakansii_vboats summary:before {  
  left: .3em;
  top: .4em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
.vakansii_vboats details[open] > summary:before {
  transform: rotateZ(90deg);
}
.vakansii_vboats summary ~ * {
   padding:0 1em 0 1em;
}
.vakansii_vboats details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
.vakansii_vboats summary:focus {
  outline:0;
  /*box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);*/
}
.vakansii_vboats details{
  display:block;
  margin-bottom: .5rem;
}
.vakansii_vboats li{border-bottom: none!important;line-height: 1.5em;}
.vakansii_vboats ul{margin: 10px 0 5px!important;}