@import url('https://fonts.googleapis.com/css?family=Exo+2:100,300,400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700&display=swap&subset=cyrillic');
/*@font-face {*/
    /*font-family: 'AzoftSans';*/
    /*src: url('/css/fonts/azoft-sans.ttf');*/
/*}*/
/* body
----------------------------------------------------------------------------------------------------------------------*/
:root {
    --color1: #c45124;
    --color2: #8a7878;
    --color3: #e5dbc3;
    --color4: #f6f4e9;
    --color5: #000;
    --color6: #333;
    --color7: #5c5c5c;
    --color8: #adaaaa;
    --color9: #ccc;

    --font1: 'Exo 2', sans-serif;
    --font2: 'Oswald', sans-serif;
}

html,
body {
    width: auto;
    min-width: 600px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    font-weight: 400;
    font-family: var(--font1);
}
.slideMenu:not(.mm-menu) {
    display: none;
}
.wrap {
    width: auto;
    height: auto;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
div {
    outline: none!important;
}
img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    outline: none!important;
}
a {
    outline: none!important;
}
button {
    outline: none!important;
}
.alert {
    margin: 0;
    border-radius: 0;
}

@media (min-width: 768px) {
    .veil {
        display: none!important;
    }
}

/* toTop
-------------------------------------------------------------------------------------*/
.toTop {
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    right: 20px;
    bottom: 100px;
    background: var(--color5);
    display: block;
    text-decoration: none;
    text-align: center;
    position: fixed;
    transition: all 0.2s;
    opacity: 0;
    z-index: -1;
}
.toTop.on {
    opacity: 1;
    z-index: 99;
}
.toTop:hover {
    background: var(--color1);
}
.toTop span {
    font-size: 30px;
    color: #fff;
    line-height: 42px;
}

@media (max-width: 767px) {
    .toTop {
        display: none;
    }
}

/* input
-------------------------------------------------------------------------------------*/
form .form-group input[type='text'] {
    height: 44px;
    margin: 0;
    font-size: 15px;
    color: var(--color5);
    border-radius: 0;
}
form .form-group input[type='password'] {
    height: 44px;
    margin: 0;
    font-size: 15px;
    color: var(--color5);
    border-radius: 0;
}
form .form-group textarea {
    height: 120px;
    margin: 0;
    font-size: 15px;
    color: var(--color5);
    resize: vertical;
    border-radius: 0;
}
form .form-group.required label:before {
    content: '* ';
    color: #dd4b39;
}

/* primeButton
-------------------------------------------------------------------------------------*/
.primeButton {
    width: auto;
    height: 44px;
    margin: 0;
    padding: 0 25px;
    background: var(--color5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none!important;
    overflow: hidden;
    border: 2px solid var(--color5);
    transition: all 0.2s;
}
.primeButton.gray {
    background: #fff;
    border: 2px solid var(--color5);
}
.primeButton:hover {
    background: var(--color1);
    border-color: var(--color1);
    box-shadow: 5px 5px rgba(196, 81, 36, 0.4);
}
.primeButton.gray:hover {
    background: var(--color5);
    border-color: var(--color5);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.4);
}
.primeButton > i {
    margin-left: 7px;
    display: block;
    font-size: 14px;
    color: #fff;
    z-index: 1;
    transition: all 0.2s;
}
.primeButton.gray > i {
    color: var(--color5);
}
.primeButton.gray:hover i {
    color: #fff;
}
.primeButton > span {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
    z-index: 1;
    transition: all 0.2s;
}
.primeButton.gray > span {
    color: var(--color5);
}
.primeButton.gray:hover span {
    color: #fff;
}

@media (max-width: 767px) {
    .primeButton {
        box-shadow: none!important;
    }
}

/* whatsAppButton
-------------------------------------------------------------------------------------*/
.whatsAppButton {
    width: auto;
    height: 44px;
    margin: 0;
    padding: 0 25px;
    background: #0cc042;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none!important;
    overflow: hidden;
    border-radius: 6px;
    transition: all 0.2s;
}
.whatsAppButton:hover {
    background: #0cac3d;
}
.whatsAppButton > span {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
    z-index: 1;
}

/* buyButton
-------------------------------------------------------------------------------------*/
.buyButtonWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.buyButtonWrap .colorsDef {
    display: none;
}
.buyButtonWrap .colorsWrap {
    width: auto;
    height: auto;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--color9);
}
.buyButtonWrap .colorsWrap h4 {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    color: var(--color8);
}
.buyButtonWrap .colorsWrap .colors {
    width: auto;
    height: auto;
    margin: 0 -5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.buyButtonWrap .colorsWrap .colors > .col {
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 5px 0;
}
.buyButtonWrap .colorsWrap .colors .colorSelect {
    width: 110px;
    height: auto;
    margin: 0;
    padding: 7px;
    cursor: pointer;
    border: 2px solid var(--color9);
    transition: all 0.2s;
}
.buyButtonWrap .colorsWrap .colors .colorSelect:hover,
.buyButtonWrap .colorsWrap .colors .colorSelect.active {
    border-color: var(--color1);
}
.buyButtonWrap .colorsWrap .colors .colorSelect .img {
    width: auto;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
}
.buyButtonWrap .colorsWrap .colors .colorSelect .img img {
    width: 100%;
}
.buyButtonWrap .colorsWrap .colors .colorSelect span {
    font-size: 12px;
    color: var(--color8);
    transition: all 0.2s;
}
.buyButtonWrap .colorsWrap .colors .colorSelect:hover span,
.buyButtonWrap .colorsWrap .colors .colorSelect.active span {
    color: var(--color1);
}
.buyButtonWrap .actions {
    width: auto;
    height: auto;
    margin: 0 -5px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.buyButtonWrap .actions > .countWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 5px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.buyButtonWrap .actions > .countWrap > button {
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    background: var(--color9);
    border: none;
}
.buyButtonWrap .actions > .countWrap > button > i {
    color: var(--color6);
    transition: all 0.2s;
}
.buyButtonWrap .actions > .countWrap > button:hover > i {
    color: var(--color1);
}
.buyButtonWrap .actions > .countWrap > input[type='text'] {
    width: 50px;
    height: 44px;
    margin: 0;
    display: block;
    font-size: 15px;
    color: var(--color6);
    text-align: center;
    border-radius: 0;
}
.buyButtonWrap .actions > .countWrap > input[type='text']:not(:focus) {
    border-color: var(--color9);
    outline: none;
    box-shadow: none;
}
.buyButtonWrap .actions > button.buyButton {
    max-width: 200px;
    flex-grow: 1;
    margin: 0 5px;
}

@media (max-width: 767px) {
    .buyButtonWrap .actions > button.buyButton {
        max-width: none;
    }
}

/* imgContainer
-------------------------------------------------------------------------------------*/
.imgContainer {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 100% 0 0;
    position: relative;
}
.imgContainer.ratio-16-9 {
    padding-top: 56.25%;
}
.imgContainer.ratio-1-1 {
    padding-top: 100%;
}
.imgContainer:after {
    content: ' ';
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}
.imgContainer .imgContent {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
}
.imgContainer .imgContent img.image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: none;
}
.imgContainer .imgContent img.watermark {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    display: block;
    position: absolute;
    opacity: 0.2;
}

/* modal
----------------------------------------------------------------------------------------------------------------------*/
.modal .modal-content {
    border-radius: 0;
}
.modal .modal-content .modal-header {
    padding: 15px 20px;
}
.modal .modal-content .modal-header h4 {
    margin: 0;
    line-height: 1;
}
.modal .modal-content form {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.modal .modal-content .modal-body {
    padding: 15px 20px;
}
.modal .modal-content .modal-body .form-group:last-child {
    margin-bottom: 0;
}
.modal .modal-content .modal-body .bodyWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.modal .modal-content .modal-body .bodyWrap > p {
    width: 100%;
    margin: 0 0 20px;
}
.modal .modal-content .modal-body .bodyWrap .img {
    width: 220px;
    height: auto;
    margin: 0;
    padding: 0;
}
.modal .modal-content .modal-body .bodyWrap .img img {
    width: 100%;
}
.modal .modal-content .modal-body .bodyWrap .fields {
    width: calc(100% - 220px);
    height: auto;
    margin: 0;
    padding: 0 0 0 20px;
}
.modal .modal-content .modal-footer {
    padding: 15px 20px;
}
.modal .modal-content .modal-footer .buttonWrap {
    width: auto;
    height: auto;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.modal .modal-content .modal-footer .buttonWrap .primeButton {
    margin: 0 10px;
}
.modal#regionSelectModal .modal-content .modal-footer .buttonWrap .primeButton {
    width: 100%;
}
.modal .modal-content .modal-footer .alert {
    margin: 15px 0 0;
    border-radius: 0;
    text-align: left;
    display: none;
}

@media (max-width: 767px) {
    .modal .modal-content .modal-footer .buttonWrap button {
        width: 100%;
    }
}

/* slider
----------------------------------------------------------------------------------------------------------------------*/
.slick-slider ul.slick-dots {
    bottom: 5px;
}
.slick-slider ul.slick-dots li button:before {
    font-size: 17px;
    color: var(--color1);
}
.slick-slider ul.slick-dots li.slick-active button:before {
    opacity: 1;
}

.slick-slider .slick-arrow {
    width: 45px;
    height: 45px;
    background: var(--color7);
    display: block;
    text-decoration: none;
    text-align: center;
    border-radius: 50px;
    transition: all 0.2s;
    z-index: 2;
}
.slick-slider .slick-arrow:not(.slick-disabled):hover {
    background: var(--color6);
}
.slick-slider .slick-arrow.slick-disabled {
    opacity: 0.3;
}
.slick-slider .slick-arrow:before {
    font-weight: 900;
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-size: 30px;
    color: #fff;
    opacity: 1;
    transition: all 0.2s;
}
.slick-slider .slick-arrow.slick-next {
    padding-left: 3px;
}
.slick-slider .slick-arrow.slick-next:before {
    content: '\f105';
}
.slick-slider .slick-arrow.slick-prev {
    padding-right: 3px;
}
.slick-slider .slick-arrow.slick-prev:before {
    content: '\f104';
}

/* header
----------------------------------------------------------------------------------------------------------------------*/
header {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 15px;
    left: 0;
    top: 0;
    background: #fff;
    position: fixed;
    z-index: 999;
}
body.modal-open header {
    padding-right: 32px;
}
header.fixed {
    box-shadow: 0 3px 6px 0 rgba(37, 37, 48, 0.3);
}
header .headerContent {
    width: auto;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    position: relative;
}

@media (max-width: 1440px) {
    header .headerContent {
        max-width: 1200px;
    }
}
@media (max-width: 767px) {
    header {
        background: #fff!important;
        position: fixed!important;
        box-shadow: 0 3px 6px 0 rgba(37, 37, 48, 0.3);!important;
    }
    body.modal-open header {
        padding-right: 15px;
    }
    header .headerContent {
        justify-content: space-between;
        align-items: center;
    }
}

/* header - menuButton
-------------------------------------------------------------------------------------*/
header .headerContent button.menuButton {
    display: none;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    header .headerContent button.menuButton {
        width: 48px;
        height: 48px;
        margin: 0;
        padding: 0;
        background: none;
        display: block;
        font-size: 0;
        text-indent: -9999px;
        position: relative;
        overflow: hidden;
        border: none;
    }
    header .headerContent button.menuButton:focus {
        outline: none;
    }
    header .headerContent button.menuButton span {
        width: auto;
        height: 4px;
        left: 0;
        top: 22px;
        right: 0;
        background: var(--color5);
        display: block;
        position: absolute;
        transition: background 0s 0.2s;
    }
    header .headerContent button.menuButton.on span {
        background: none;
    }
    header .headerContent button.menuButton span::before,
    header .headerContent button.menuButton span::after {
        content: '';
        width: 100%;
        height: 4px;
        left: 0;
        background: var(--color5);
        display: block;
        position: absolute;
        transition-duration: 0.2s, 0.2s;
        transition-delay: 0.2s, 0s;
    }
    header .headerContent button.menuButton.on span::before,
    header .headerContent button.menuButton.on span::after {
        transition-delay: 0s, 0.2s;
    }
    header .headerContent button.menuButton span::before {
        top: -9px;
        transition-property: top, transform;
    }
    header .headerContent button.menuButton.on span::before {
        top: 0;
        transform: rotate(45deg);
    }
    header .headerContent button.menuButton span::after {
        bottom: -9px;
        transition-property: bottom, transform;
    }
    header .headerContent button.menuButton.on span::after {
        bottom: 0;
        transform: rotate(-45deg);
    }
}

/* header - logo
-------------------------------------------------------------------------------------*/
header .headerContent a.logo {
    width: auto;
    height: 70px;
    margin: 0 auto 0 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
header .headerContent a.logo img {
    width: auto;
    height: 100%;
}

@media (max-width: 1440px) {
    header .headerContent a.logo {
        height: 60px;
    }
}
@media (max-width: 767px) {
    header .headerContent a.logo {
        height: 48px;
        margin: 0;
    }
}

/* header - right
-------------------------------------------------------------------------------------*/
header .headerContent .right {
    width: auto;
    height: auto;
    margin: 0 -5px;
    padding: 4px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 1440px) {
    header .headerContent .right {
        padding-top: 0;
    }
}
@media (max-width: 1024px) {
    header .headerContent .right {
        padding-top: 0;
    }
}
@media (max-width: 767px) {
    header .headerContent .right {
        width: auto;
        padding-top: 0;
    }
}

/* header - right
-------------------------------------------------------------------------------------*/
header .headerContent .right .menu {
    width: auto;
    height: auto;
    margin: 0 20px 0 5px;
    padding: 0;
}

header .headerContent .right .menu .items,
header .headerContent .right .menu .items_new {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
header .headerContent .right .menu .items > .item,
header .headerContent .right .menu .items_new > .item {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px;
    position: relative;
}
header .headerContent .right .menu .items > .item > a,
header .headerContent .right .menu .items_new > .item > a {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    position: relative;
}
header .headerContent .right .menu .items > .item > a span,
header .headerContent .right .menu .items_new > .item > a span  {
    font-size: 16px;
    color: var(--color5);
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 0.2s;
}
header .headerContent .right .menu .items > .item:hover > a span,
header .headerContent .right .menu .items > .item > a.active span,
header .headerContent .right .menu .items_new> .item:hover > a span,
header .headerContent .right .menu .items_new > .item > a.active span {
    color: var(--color1);
}
header .headerContent .right .menu .items > .item > a .topMenuShowSub,
header .headerContent .right .menu .items_new > .item > a .topMenuShowSub {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    top: 0;
    right: -14px;
    display: block;
    text-align: center;
    position: absolute;
}
header .headerContent .right .menu .items > .item > a .topMenuShowSub i,
header .headerContent .right .menu .items_new > .item > a .topMenuShowSub i{
    font-size: 10px;
    color: var(--color7);
}
header .headerContent .right .menu .items > .item > .subs,
header .headerContent .right .menu .items_new > .item > .subs {
    width: auto;
    min-width: 260px;
    height: auto;
    margin: 0;
    padding: 20px 0 0;
    left: 0;
    display: block!important;
    position: absolute;
    /*opacity: 1;*/
    /*visibility: visible;*/
    /*transform: translateY(0);*/
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: all 0.2s;
}
header .headerContent .right .menu .items > .item:hover > .subs,
header .headerContent .right .menu .items_new > .item:hover > .subs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
header .headerContent .right .menu .items > .item > .subs > .inner,
header .headerContent .right .menu .items_new > .item > .subs > .inner {
    width: auto;
    height: auto;
    margin: 0;
    padding: 17px 0;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
header .headerContent .right .menu .items > .item > .subs > .inner > a,
header .headerContent .right .menu .items_new > .item > .subs > .inner > a  {
    width: auto;
    height: auto;
    margin: 0;
    padding: 6px 30px;
    display: block;
    text-decoration: none;
    transition: all 0.2s;
}
header .headerContent .right .menu .items > .item > .subs > .inner > a > span,
header .headerContent .right .menu .items_new > .item > .subs > .inner > a > span {
    padding: 2px 0;
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: var(--color8);
    line-height: 1;
    white-space: nowrap;
    transition: all 0.2s;
}
header .headerContent .right .menu .items > .item > .subs > .inner > a > span:before,
header .headerContent .right .menu .items_new > .item > .subs > .inner > a > span:before {
    content: '\f054';
    left: -5px;
    top: 6px;
    display: block;
    position: absolute;
    font-family: 'Font Awesome 5 Pro', sans-serif;
    font-weight: 900;
    font-size: 8px;
    color: var(--color1);
    transition: all 0.2s;
}
header .headerContent .right .menu .items > .item > .subs > .inner > a:hover > span,
header .headerContent .right .menu .items > .item > .subs > .inner > a.active > span,
header .headerContent .right .menu .items_new > .item > .subs > .inner > a:hover > span,
header .headerContent .right .menu .items_new > .item > .subs > .inner > a.active > span {
    padding-left: 12px;
    color: var(--color1);
}
header .headerContent .right .menu .items > .item > .subs > .inner > a:hover > span:before,
header .headerContent .right .menu .items > .item > .subs > .inner > a.active > span:before,
header .headerContent .right .menu .items_new > .item > .subs > .inner > a:hover > span:before,
header .headerContent .right .menu .items_new > .item > .subs > .inner > a.active > span:before {
    left: 0;
}

@media (max-width: 1440px) {
    header .headerContent .right .menu .items > .item > a span, header .headerContent .right .menu .items_new > .item > a span {
        font-size: 14px;
    }
}
@media (max-width: 1024px) {
    header .headerContent .right .menu .items, header .headerContent .right .menu .items_new  {
        margin: 0 -10px;
    }
    header .headerContent .right .menu .items > .item , header .headerContent .right .menu .items_new > .item {
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    header .headerContent .right .menu {
        display: none;
    }
}

/* header - right - phone
-------------------------------------------------------------------------------------*/
header .headerContent .right a.phone {
    margin: 0 35px;
    font-size: 26px;
    color: var(--color5);
    text-decoration: none;
    transition: all 0.2s;
}
header .headerContent .right a.phone:hover {
    color: var(--color1);
}

@media (max-width: 1440px) {
    header .headerContent .right a.phone {
        font-size: 20px;
        margin: 0 5px;
    }
}
@media (max-width: 1200px) {
    header .headerContent .right a.phone {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    header .headerContent .right a.phone {
        display: none;
    }
}

/* header - right - itgLink
-------------------------------------------------------------------------------------*/
header .headerContent .right a.whatsappLink {
    width: 44px;
    height: 44px;
    margin: 0 5px;
    padding: 0;
    background: #25d366;
    background: radial-gradient(#25d366 0%, #25d366 25%, #128c7e 100%);
    display: block;
    position: relative;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 10px;
    transition: box-shadow .2s;
}
header .headerContent .right a.whatsappLink:hover {
    box-shadow: 5px 5px rgba(0, 0, 0, 0.4);
}
header .headerContent .right a.whatsappLink i {
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    line-height: 44px;
}
header .headerContent .right a.itgLink {
    width: 44px;
    height: 44px;
    margin: 0 5px;
    padding: 0;
    background: #f09433;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    display: block;
    position: relative;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 10px;
    transition: box-shadow .2s;
}
header .headerContent .right a.itgLink:hover {
    box-shadow: 5px 5px rgba(0, 0, 0, 0.4);
}
header .headerContent .right a.itgLink i {
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    line-height: 44px;
}

@media (max-width: 767px) {
    header .headerContent .right a.whatsappLink {
        width: 48px;
        height: 48px;
    }
    header .headerContent .right a.whatsappLink i {
        font-size: 40px;
        line-height: 48px;
    }
    header .headerContent .right a.itgLink {
        width: 48px;
        height: 48px;
    }
    header .headerContent .right a.itgLink i {
        font-size: 40px;
        line-height: 48px;
    }
}

/* header - right - primeButton
-------------------------------------------------------------------------------------*/
header .headerContent .right > .primeButton {
    margin: 0 5px;
}

@media (max-width: 1024px) {
    header .headerContent .right > .primeButton {
        display: none;
    }
}

/* header - right - auth
-------------------------------------------------------------------------------------*/
header .headerContent .right .auth {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
header .headerContent .right .auth a {
    width: 44px;
    height: 44px;
    margin: 0 5px;
    padding: 0;
    background: #fff;
    display: block;
    position: relative;
    text-decoration: none;
    text-align: center;
    border: 2px solid var(--color5);
    transition: all 0.2s;
}
header .headerContent .right .auth a:hover {
    background: var(--color5);
    border-color: var(--color5);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.4);
}
header .headerContent .right .auth a i {
    font-size: 20px;
    color: var(--color5);
    text-transform: uppercase;
    line-height: 42px;
    transition: all 0.2s;
}
header .headerContent .right .auth a:hover i {
    color: #fff;
}

@media (max-width: 767px) {
    header .headerContent .right .auth a {
        width: 48px;
        height: 48px;
    }
    header .headerContent .right .auth a i {
        font-size: 22px;
        line-height: 46px;
    }
}

/* header - right - cartWidget
-------------------------------------------------------------------------------------*/
header .headerContent .right a.cartWidget {
    width: 44px;
    height: 44px;
    margin: 0 5px;
    padding: 0;
    background: #fff;
    display: block;
    position: relative;
    text-decoration: none;
    text-align: center;
    border: 2px solid var(--color5);
    transition: all 0.2s;
}
header .headerContent .right a.cartWidget:hover {
    background: var(--color5);
    border-color: var(--color5);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.4);
}
header .headerContent .right a.cartWidget i {
    font-size: 20px;
    color: var(--color5);
    text-transform: uppercase;
    line-height: 42px;
    transition: all 0.2s;
}
header .headerContent .right a.cartWidget:hover i {
    color: #fff;
}
header .headerContent .right a.cartWidget > span {
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0 0 0 3px;
    top: 0;
    right: 0;
    background: var(--color1);
    font-size: 12px;
    color: #fff;
    line-height: 17px;
    text-align: center;
    position: absolute;
    border-radius: 0 0 0 12px;
}

@media (max-width: 767px) {
    header .headerContent .right a.cartWidget {
        width: 48px;
        height: 48px;
    }
    header .headerContent .right a.cartWidget i {
        font-size: 22px;
        line-height: 46px;
    }
}

/* content
----------------------------------------------------------------------------------------------------------------------*/
.content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 110px 15px 0;
}
.content .site-error {
    width: auto;
    max-width: 1440px;
    margin: 0 auto;
    padding: 30px 0;
}

@media (max-width: 1440px) {
    .content {
        padding-top: 100px;
    }
    .content .site-error {
        max-width: 1200px;
    }
}
@media (max-width: 767px) {
    .content {
        padding-top: 88px;
    }
}

/* content - breadcrumb
-------------------------------------------------------------------------------------*/
.content .breadcrumbWrap {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0 15px;
    background: #fff;
}
.content .breadcrumbWrap .breadcrumb {
    width: auto;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    background: none;
}
.content .breadcrumbWrap .breadcrumb li a {
    font-size: 18px;
    color: var(--color5);
}
.content .breadcrumbWrap .breadcrumb li:before {
    font-size: 18px;
    color: var(--color5);
}
.content .breadcrumbWrap .breadcrumb li.active {
    font-size: 18px;
    color: var(--color1);
}

@media (max-width: 1440px) {
    .content .breadcrumbWrap .breadcrumb {
        max-width: 1200px;
    }
}

/* content - page
-------------------------------------------------------------------------------------*/
.content .page {
    width: auto;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
}
.content .page h2.pageName {
    width: auto;
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 38px;
    color: var(--color6);
}
.content .page h2.pageName a {
    color: var(--color6);
    transition: all 0.2s;
    text-decoration: none;
}
.content .page h2.pageName a:hover {
    color: var(--color1);
}
.content .page .pageHtml {
    width: auto;
    height: auto;
    margin: 0;
    padding: 30px 0 0;
}
.content .page .pageHtml h1:first-child,
.content .page .pageHtml h2:first-child,
.content .page .pageHtml h3:first-child,
.content .page .pageHtml h4:first-child {
    margin-top: 0;
}
.content .page .pageHtml .mediaBlock {
    width: auto;
    height: auto;
    margin: 0;
    padding: 25px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.content .page .pageHtml .mediaBlock .videoContainer {
    width: 48.75%;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .page .pageHtml .mediaBlock .videoContainer .videoWrap {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 55% 0 0;
    position: relative;
}
.content .page .pageHtml .mediaBlock .videoContainer .videoWrap .video {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    overflow: hidden;
}
.content .page .pageHtml .mediaBlock .videoContainer .videoWrap .video iframe {
    width: 100%;
    height: 100%;
}
.content .page .pageHtml .mediaBlock .images {
    width: 51.25%;
    height: auto;
    margin: 0;
    padding: 0 0 0 30px;
}
.content .page .pageHtml .mediaBlock .images .imagesSlider {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .page .pageHtml .mediaBlock .images .imagesSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .page .pageHtml .mediaBlock .images .imagesSlider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
.content .page .pageHtml .mediaBlock .images .imagesSlider .slide .imgContainer {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .page .pageHtml .mediaBlock .images .imagesSlider .slide .imgContainer .imgWrap {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 55% 0 0;
    position: relative;
}
.content .page .pageHtml .mediaBlock .images .imagesSlider .slide .imgContainer .imgWrap .img {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    position: absolute;
    overflow: hidden;
}
.content .page .pageHtml .mediaBlock .images .imagesSlider .slide .imgContainer .imgWrap .img img {
    width: auto;
    height: 100%;
}
.content .page .pageHtml .constructorDesc {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 30px;
}
.content .page .pageHtml .constructorDesc .showMore {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}
.content .page .pageHtml .constructorDesc .showMore span {
    font-size: 16px;
    color: var(--color1);
    transition: all 0.2s;
}
.content .page .pageHtml .constructorDesc .showMore:hover span {
    color: var(--color6);
}
.content .page .pageHtml .constructorDesc .more {
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 0 0;
    display: none;
}
.content .page .pageHtml .constructorDesc .more > p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1440px) {
    .content .page {
        max-width: 1200px;
    }
}
@media (max-width: 767px) {
    .content .page .pageHtml .whatsAppButton {
        width: 100%;
    }
    .content .page .pageHtml .mediaBlock {
        flex-direction: column;
    }
    .content .page .pageHtml .mediaBlock .videoContainer {
        width: 100%;
    }
    .content .page .pageHtml .mediaBlock .images {
        width: 100%;
        padding: 25px 0 0;
    }
}

/* content - page - leftMenu
-------------------------------------------------------------------------------------*/
.content .page .leftMenu {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 30px;
}
.content .page .leftMenu h2.leftMenuName {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 34px;
    color: var(--color6);
}
.content .page .leftMenu h2.leftMenuName i {
    display: none;
}
.content .page .leftMenu > ul {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}
.content .page .leftMenu > ul > li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 0 0;
}
.content .page .leftMenu > ul > li > a {
    width: auto;
    height: auto;
    margin: 0;
    padding: 13px 64px 12px 20px;
    background: var(--color6);
    display: block;
    position: relative;
    text-decoration: none;
    transition: all 0.2s;
}
.content .page .leftMenu > ul > li > a:hover,
.content .page .leftMenu > ul > li.active > a {
    background: var(--color5);
}
.content .page .leftMenu > ul > li > a > span {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
.content .page .leftMenu > ul > li > a > .leftMenuShowSub {
    width: 44px;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    transition: all 0.2s;
}
.content .page .leftMenu > ul > li > a > .leftMenuShowSub:hover {
    background: rgba(0, 0, 0, 0.2);
}
.content .page .leftMenu > ul > li > a > .leftMenuShowSub i {
    font-size: 15px;
    color: #fff;
}
.content .page .leftMenu > ul > li > ul {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: none;
    list-style: none;
}
.content .page .leftMenu > ul > li.active > ul {
    display: block;
}
.content .page .leftMenu > ul > li > ul > li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
}
.content .page .leftMenu > ul > li > ul > li > a {
    font-size: 16px;
    color: var(--color5);
    text-decoration: none;
    transition: all 0.2s;
}
.content .page .leftMenu > ul > li > ul > li > a:hover,
.content .page .leftMenu > ul > li > ul > li.active > a {
    color: var(--color1);
}

@media (max-width: 767px) {
    .content .page .leftMenu h2.leftMenuName {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .content .page .leftMenu h2.leftMenuName i {
        margin-left: 10px;
        display: block;
        font-size: 24px;
        transition: all 0.2s;
    }
    .content .page .leftMenu h2.leftMenuName.on i {
        transform: rotate(180deg);
    }
    .content .page .leftMenu > ul {
        display: none;
    }
    .content .page .leftMenu > ul > li.active > ul {
        display: none;
    }
}

/* content - page - filter
-------------------------------------------------------------------------------------*/
.content .page .filter {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 30px;
}
.content .page .filter h2.filterName {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 34px;
    color: var(--color6);
}
.content .page .filter h2.filterName i {
    display: none;
}
.content .page .filter form {
    width: auto;
    height: auto;
    margin: 20px 0 0;
    padding: 0;
}
.content .page .filter form .price {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .page .filter form .item {
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px 0 0;
}
.content .page .filter form .item button.name {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 13px 64px 12px 20px;
    background: var(--color6);
    display: block;
    position: relative;
    text-align: left;
    border: none;
    transition: all 0.2s;
}
.content .page .filter form .item button.name:hover {
    background: var(--color5);
}
.content .page .filter form .item button.name span {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
.content .page .filter form .item button.name i {
    width: 44px;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 15px;
    color: #fff;
    transition: all 0.2s;
}
.content .page .filter form .item button.name:hover i {
    background: rgba(0, 0, 0, 0.2);
}
.content .page .filter form .item .data {
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 0 0;
    display: none;
}
.content .page .filter form .item .data.on {
    display: block;
}
.content .page .filter form .item .data .form-group {
    margin: 0 0 10px;
}
.content .page .filter form .item .data .form-group:last-child {
    margin-bottom: 0;
}
.content .page .filter form .item .data .form-group label {
    margin-bottom: 0;
    font-size: 12px;
}
.content .page .filter form .item .data .form-group label > div {
    margin-right: 10px;
}
.content .page .filter form .filterButtons {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .page .filter form .filterButtons .filterButton {
    width: 100%;
    margin: 15px 0 0;
}

@media (max-width: 767px) {
    .content .page .filter h2.filterName {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .content .page .filter h2.filterName i {
        margin-left: 10px;
        display: block;
        font-size: 24px;
        transition: all 0.2s;
    }
    .content .page .filter h2.filterName.on i {
        transform: rotate(180deg);
    }
    .content .page .filter form {
        display: none;
    }
    .content .page .filter form .filterButtons {
        margin: 0 -5px;
        flex-direction: row;
        justify-content: space-between;
    }
    .content .page .filter form .filterButtons .filterButton {
        width: auto;
        margin: 15px 5px 0;
        flex-grow: 1;
    }
}

/* content - page - pagination
-------------------------------------------------------------------------------------*/
.content .page .pageHtml .paginationWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .page .pageHtml .paginationWrap .pagination {
    margin: 30px -5px 0;
}
.content .page .pageHtml .paginationWrap .pagination li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
}
.content .page .pageHtml .paginationWrap .pagination li a,
.content .page .pageHtml .paginationWrap .pagination li span {
    width: 45px;
    height: 45px;
    margin: 0 5px;
    padding: 0;
    background: var(--color9);
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: var(--color5);
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    border: none;
    border-radius: 0;
    transition: all 0.2s;
}
.content .page .pageHtml .paginationWrap .pagination li:hover a,
.content .page .pageHtml .paginationWrap .pagination li.active a,
.content .page .pageHtml .paginationWrap .pagination li:hover span,
.content .page .pageHtml .paginationWrap .pagination li.active span {
    background: var(--color5);
    color: #fff;
}

/* content - mainPage
-------------------------------------------------------------------------------------*/
.content .page.mainPage {
    max-width: none;
    margin: 0;
    padding: 0;
}
.content .mainPage section {
    width: auto;
    height: auto;
    margin: 0;
    padding: 60px 0;
    background: #fff;
}
.content .mainPage section.painted {
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
    background: var(--color4);
}
.content .mainPage section > h2.sectionName {
    width: auto;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    font-size: 38px;
    color: var(--color6);
    text-align: center;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage section.show > h2.sectionName {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage section.on > h2.sectionName {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage section > h2.sectionName a {
    color: var(--color6);
    text-decoration: none;
    transition: all 0.2s;
}
.content .mainPage section > h2.sectionName a:hover {
    color: var(--color1);
}
.content .mainPage section > p.sectionDesc {
    width: auto;
    max-width: 1440px;
    margin: 15px auto 0;
    padding: 0;
    font-size: 16px;
    color: var(--color6);
    text-align: center;
    text-transform: uppercase;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage section.show > p.sectionDesc {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage section.on > p.sectionDesc {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage section > .inner {
    width: auto;
    max-width: 1440px;
    margin: 0 auto;
    padding: 50px 0 0;
}
.content .mainPage section > .inner .buttonWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 50px 0 0;
    text-align: center;
}
.content .mainPage section > .inner .buttonWrap.topButtonWrap {
    padding: 0 0 50px;
}
.content .mainPage section > .inner .buttonWrap .primeButton {
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage section.show > .inner .buttonWrap .primeButton {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage section.on > .inner .buttonWrap .primeButton {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage section > .inner .contentSlider ul.slick-dots {
    bottom: 55px!important;
}
.content .mainPage section > .inner .sectionForm {
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage section.show > .inner .sectionForm {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage section.on > .inner .sectionForm {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}

@keyframes show {
    from {
        transform: translateY(150px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (max-width: 1440px) {
    .content .mainPage section > h2.sectionName {
        max-width: 1200px;
    }
    .content .mainPage section > p.sectionDesc {
        max-width: 1200px;
    }
    .content .mainPage section > .inner {
        max-width: 1200px;
    }
}
@media (max-width: 767px) {
    .content .mainPage section {
        padding: 30px 0;
    }
    .content .mainPage section > h2.sectionName {
        font-size: 34px;
        animation: none!important;
        transform: translateY(0) !important;
        opacity: 1!important;
    }
    .content .mainPage section > p.sectionDesc {
        font-size: 14px;
        animation: none!important;
        transform: translateY(0) !important;
        opacity: 1!important;
    }
    .content .mainPage section > .inner {
        padding: 30px 0 0;
    }
    .content .mainPage section > .inner .buttonWrap {
        padding: 30px 0 0;
    }
    .content .mainPage section > .inner .buttonWrap.topButtonWrap {
        padding: 0 0 30px;
    }
    .content .mainPage section > .inner .buttonWrap .primeButton {
        width: 100%;
        animation: none!important;
        transform: translateY(0) !important;
        opacity: 1!important;
    }
    .content .mainPage section > .inner .sectionForm {
        width: 100%;
        animation: none!important;
        transform: translateY(0) !important;
        opacity: 1!important;
    }
}

/* content - mainPage - top
-------------------------------------------------------------------------------------*/
.content .mainPage .top {
    margin: 0 -15px;
    padding: 0;
}
.content .mainPage .top .inner {
    max-width: 100%;
    padding: 0;
    position: relative;
}
.content .mainPage .top .inner .topContentWrap {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 99;
}
.content .mainPage .top .inner .topContentWrap .topContent {
    width: auto;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}
.content .mainPage .top .inner .topContentWrap .topContent .block {
    width: 30%;
    height: 100%;
    margin: 0;
    padding: 40px 0 0;
    background: #fff;
}
.content .mainPage .top .inner .topContentWrap .topContent .block h2 {
    margin: 0;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 40px;
    color: var(--color5);
    text-transform: uppercase;
}
.content .mainPage .top .inner .topContentWrap .topContent .block h1 {
    margin: 0 -100% 0 0;
    padding: 50px 0 0;
}
.content .mainPage .top .inner .topContentWrap .topContent .block h1 > span {
    display: inline-block;
    padding: 15px 25px 15px 0;
    background: #fff;
    font-family: var(--font2);
    font-weight: 700;
    font-size: 73px;
    color: var(--color5);
    text-transform: uppercase;
    line-height: 1.3;
}
.content .mainPage .top .inner .topContentWrap .topContent .block h1 > span > span {
    color: var(--color1);
    position: relative;
}
.content .mainPage .top .inner .topContentWrap .topContent .block h1 > span > span:after {
    content: ' ';
    width: 0;
    height: 3px;
    margin: 0;
    padding: 0;
    left: 0;
    bottom: 6px;
    background: var(--color1);
    display: block;
    position: absolute;
    animation-name: line;
    animation-duration: 0.5s;
    animation-delay: 1s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .top .inner .topContentWrap .topContent .block h3 {
    margin: 10px 0 0;
    font-family: var(--font2);
    font-size: 23px;
    color: var(--color5);
    text-transform: uppercase;
}
.content .mainPage .top .inner .topContentWrap .topContent .block .button {
    width: auto;
    height: auto;
    margin: 0;
    padding: 100px 0 0;
    text-align: center;
}
.content .mainPage .top .inner .topSlider {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .top .inner .topSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    position: relative;
}
.content .mainPage .top .inner .topSlider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
.content .mainPage .top .inner .topSlider .slide .leftSide {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    flex-shrink: 2;
}
.content .mainPage .top .inner .topSlider .slide .rightSide {
    width: calc(100% - (((100% - 1440px) / 2) + (1440px * 0.3)));
    height: 826px;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-size: cover;
    flex-shrink: 0;
}
.content .mainPage .top .inner .topSlider .slide .slideContentWrap {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    position: absolute;
}
.content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent {
    width: auto;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    padding: 0 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent h2 {
    width: auto;
    max-width: 65%;
    margin: 0;
    padding: 10px 15px;
    background: #fff;
    font-family: var(--font2);
    font-size: 24px;
    color: var(--color5);
    text-transform: uppercase;
}
.content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent p {
    width: auto;
    max-width: 65%;
    margin: 5px 0 0;
    padding: 10px 15px;
    background: #fff;
    font-family: var(--font2);
    font-weight: 300;
    font-size: 24px;
    color: var(--color5);
    text-transform: uppercase;
}

@keyframes line {
    from {width: 0;}
    to {width: 100%}
}
@media (max-width: 1440px) {
    .content .mainPage .top .inner .topContentWrap .topContent .block {
        width: 27%;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h2 {
        font-size: 34px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h1 {
        padding-top: 30px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h1 > span {
        font-size: 55px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h3 {
        font-size: 18px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block .button {
        padding-top: 50px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent {
        max-width: 1200px;
    }
    .content .mainPage .top .inner .topSlider .slide .rightSide {
        width: calc(100% - (((100% - 1200px) / 2) + (1200px * 0.27)));
        height: 654px;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent {
        max-width: 1200px;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent h2 {
        max-width: 68%;
        font-size: 20px;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent p {
        max-width: 68%;
        font-size: 20px;
    }
}
@media (max-width: 1366px) {
    .content .mainPage .top .inner .topSlider .slide .rightSide {
        height: 635px;
    }
}
@media (max-width: 1200px) {
    .content .mainPage .top .inner .topContentWrap .topContent .block {
        padding-left: 15px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h1 > span {
        font-size: 52px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h3 {
        font-size: 17px;
    }
    .content .mainPage .top .inner .topSlider .slide .rightSide {
        height: 580px;
    }
}
@media (max-width: 1024px) {
    .content .mainPage .top .inner .topContentWrap .topContent .block {
        width: 35%;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h1 {
        padding-top: 0;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h1 > span {
        font-size: 50px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h3 {
        font-size: 18px;
    }
    .content .mainPage .top .inner .topSlider .slide .rightSide {
        width: calc(100% - (((100% - 1200px) / 2) + (1200px * 0.35)));
        height: 458px;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent h2 {
        max-width: 60%;
        font-size: 18px;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent p {
        max-width: 60%;
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .content .mainPage .top .inner .topContentWrap {
        width: auto;
        height: auto;
        padding: 0 15px;
        position: static;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 30px 0;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h2 {
        text-align: center;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h1 {
        margin: 0;
        padding-top: 30px;
        text-align: center;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h1 > span {
        display: inline;
        padding: 0;
        font-size: 46px;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block h3 {
        margin-top: 30px;
        font-size: 30px;
        text-align: center;
    }
    .content .mainPage .top .inner .topContentWrap .topContent .block .button {
        display: none;
    }
    .content .mainPage .top .inner .topSlider .slide {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        display: block;
    }
    .content .mainPage .top .inner .topSlider:not(.slick-slider) .slide:not(:first-child) {
        display: none;
    }
    .content .mainPage .top .inner .topSlider .slide .leftSide {
        display: none;
    }
    .content .mainPage .top .inner .topSlider .slide .rightSide {
        width: 100%;
        height: 450px;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent {
        padding: 30px 15px;
        justify-content: flex-end;
        align-items: center;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent h2 {
        max-width: none;
        text-align: center;
    }
    .content .mainPage .top .inner .topSlider .slide .slideContentWrap .slideContent p {
        max-width: none;
        text-align: center;
    }
}

/* content - mainPage - all
-------------------------------------------------------------------------------------*/
.content .mainPage .all {}
.content .mainPage .all .inner .allWrap {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.content .mainPage .all .inner .allWrap .item {
    width: 25%;
    height: auto;
    margin: 0;
    padding: 0 15px;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage .all.show .inner .allWrap .item {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .all.on .inner .allWrap .item {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage .all .inner .allWrap .item h3 {
    width: 100%;
    margin: 0;
    padding: 0 0 15px;
    font-size: 26px;
    color: var(--color6);
    border-bottom: 2px solid var(--color3);
}
.content .mainPage .all .inner .allWrap .item p {
    margin: 20px 0 0;
    font-size: 14px;
    color: var(--color7);
}
.content .mainPage .all .inner .allWrap .item .primeButton {
    margin: 20px 0 0;
}

@media (max-width: 767px) {
    .content .mainPage .all .inner .allWrap {
        margin-top: -30px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .content .mainPage .all .inner .allWrap .item {
        width: 100%;
        padding-top: 30px;
        animation: none!important;
        transform: translateY(0)!important;
        opacity: 1!important;
    }
    .content .mainPage .all .inner .allWrap .item h3 {
        font-size: 34px;
    }
    .content .mainPage .all .inner .allWrap .item p {
        margin: 20px 0 0;
        font-size: 14px;
    }
    .content .mainPage .all .inner .allWrap .item .primeButton {
        width: 100%;
    }
}

/* content - mainPage - catalog
-------------------------------------------------------------------------------------*/
.content .mainPage .catalog {}
.content .mainPage .catalog .inner .catalogWrap {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .mainPage .catalog .inner .catalogWrap > .col {
    width: 16.66%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .mainPage .catalog .inner .catalogWrap .cat {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage .catalog.show .inner .catalogWrap .cat {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .catalog.on .inner .catalogWrap .cat {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage .catalog .inner .catalogWrap .cat .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    display: block;
    position: relative;
    overflow: hidden;
}
.content .mainPage .catalog .inner .catalogWrap .cat .img .imgContainer {
    transition: transform .2s;
}
.content .mainPage .catalog .inner .catalogWrap .cat:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .mainPage .catalog .inner .catalogWrap .cat .img img {
    /*width: 100%;*/
    /*transition: all 0.2s;*/
}
.content .mainPage .catalog .inner .catalogWrap .cat:hover .img img {
    /*transform: scale(1.2);*/
}
.content .mainPage .catalog .inner .catalogWrap .cat .name {
    margin: 20px 0 0;
    font-size: 18px;
    color: var(--color6);
    text-align: center;
    transition: all 0.2s;
}
.content .mainPage .catalog .inner .catalogWrap .cat:hover .name {
    color: var(--color1);
}
.content .mainPage .catalog .inner .catalogSlider {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: none;
}
.content .mainPage .catalog .inner .catalogSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .catalog .inner .catalogSlider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
.content .mainPage .catalog .inner .catalogSlider .slide .cat {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .mainPage .catalog .inner .catalogSlider .slide .cat .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .catalog .inner .catalogSlider .slide .cat .name {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 25px;
    background: var(--color5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none!important;
    overflow: hidden;
    border: none;
    transition: all 0.2s;
}
.content .mainPage .catalog .inner .catalogSlider .slide .cat .name span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
    z-index: 1;
    transition: all 0.2s;
}
.content .mainPage .catalog .inner .catalogSlider .slide .cat:hover .name {
    background: var(--color1);
}

@media (max-width: 1024px) {
    .content .mainPage .catalog .inner .catalogWrap > .col {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .content .mainPage .catalog .inner .catalogWrap {
        display: none;
    }
	  .content .lp   .mainPage .catalog .inner .catalogWrap {
        display: block;
    }
	.content .lp .mainPage .catalog .inner .catalogWrap > .col{
		width: 100%;
	}
    .content .mainPage .catalog .inner .catalogSlider {
        display: block;
    }
	.content .lp  .mainPage .catalog .inner .catalogSlider {
        display: none;
    }
}

/* content - mainPage - models
-------------------------------------------------------------------------------------*/
.content .mainPage .models {}
.content .mainPage .models .inner .modelsWrap {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .mainPage .models .inner .modelsWrap > .col {
    width: 16.66%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .mainPage .models .inner .modelsWrap .model {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage .models.show .inner .modelsWrap .model {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .models.on .inner .modelsWrap .model {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage .models .inner .modelsWrap .model .name {
    margin: 0 0 20px;
    font-size: 16px;
    color: var(--color6);
    text-align: center;
    transition: all 0.2s;
}
.content .mainPage .models .inner .modelsWrap .model:hover .name {
    color: var(--color1);
}
.content .mainPage .models .inner .modelsWrap .model .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.content .mainPage .models .inner .modelsWrap .model .img .imgContainer {
    transition: transform .2s;
}
.content .mainPage .models .inner .modelsWrap .model:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .mainPage .models .inner .modelsSlider {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: none;
}
.content .mainPage .models .inner .modelsSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .models .inner .modelsSlider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
.content .mainPage .models .inner .modelsSlider .slide .model {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .mainPage .models .inner .modelsSlider .slide .model .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .models .inner .modelsSlider .slide .model .name {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 25px;
    background: var(--color5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none!important;
    overflow: hidden;
    border: none;
    transition: all 0.2s;
}
.content .mainPage .models .inner .modelsSlider .slide .model .name span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
    z-index: 1;
    transition: all 0.2s;
}
.content .mainPage .models .inner .modelsSlider .slide .model:hover .name {
    background: var(--color1);
}

@media (max-width: 1024px) {
    .content .mainPage .models .inner .modelsWrap > .col {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .content .mainPage .models .inner .modelsWrap {
        display: none;
    }
    .content .mainPage .models .inner .modelsSlider {
        display: block;
    }
}

/* content - mainPage - specs
-------------------------------------------------------------------------------------*/
.content .mainPage .specs {}
.content .mainPage .specs .inner .specsWrap {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .mainPage .specs .inner .specsWrap > .col {
    width: 16.66%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .mainPage .specs .inner .specsWrap .spec {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage .specs.show .inner .specsWrap .spec {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .specs.on .inner .specsWrap .spec {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage .specs .inner .specsWrap .spec .name {
    margin: 0 0 20px;
    font-size: 16px;
    color: var(--color6);
    text-align: center;
    transition: all 0.2s;
}
.content .mainPage .specs .inner .specsWrap .spec:hover .name {
    color: var(--color1);
}
.content .mainPage .specs .inner .specsWrap .spec .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.content .mainPage .specs .inner .specsWrap .spec .img .imgContainer {
    transition: transform .2s;
}
.content .mainPage .specs .inner .specsWrap .spec:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .mainPage .specs .inner .specsSlider {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: none;
}
.content .mainPage .specs .inner .specsSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .specs .inner .specsSlider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
.content .mainPage .specs .inner .specsSlider .slide .spec {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .mainPage .specs .inner .specsSlider .slide .spec .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 30px 0;
    background: #fff;
}
.content .mainPage .specs .inner .specsSlider .slide .spec .name {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 25px;
    background: var(--color5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none!important;
    overflow: hidden;
    border: none;
    transition: all 0.2s;
}
.content .mainPage .specs .inner .specsSlider .slide .spec .name span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
    z-index: 1;
    transition: all 0.2s;
}
.content .mainPage .specs .inner .specsSlider .slide .spec:hover .name {
    background: var(--color1);
}

@media (max-width: 1024px) {
    .content .mainPage .specs .inner .specsWrap > .col {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .content .mainPage .specs .inner .specsWrap {
        display: none;
    }
    .content .mainPage .specs .inner .specsSlider {
        display: block;
    }
}

/* content - mainPage - projects
-------------------------------------------------------------------------------------*/
.content .mainPage .projects {}
.content .mainPage .projects .inner .projectsWrap {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.content .mainPage .projects .inner .projectsWrap > .col {
    width: 20%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .mainPage .projects .inner .projectsWrap .project {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage .projects.show .inner .projectsWrap .project {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .projects.on .inner .projectsWrap .project {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage .projects .inner .projectsWrap .project .name {
    margin: 0 0 20px;
    font-size: 18px;
    color: var(--color6);
    text-align: center;
    transition: all 0.2s;
}
.content .mainPage .projects .inner .projectsWrap .project:hover .name {
    color: var(--color1);
}
.content .mainPage .projects .inner .projectsWrap .project .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.content .mainPage .projects .inner .projectsWrap .project .img .imgContainer {
    transition: transform .2s;
}
.content .mainPage .projects .inner .projectsWrap .project:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .mainPage .projects .inner .projectsSlider {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: none;
}
.content .mainPage .projects .inner .projectsSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .projects .inner .projectsSlider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
.content .mainPage .projects .inner .projectsSlider .slide .project {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .mainPage .projects .inner .projectsSlider .slide .project .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .projects .inner .projectsSlider .slide .project .name {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0 25px;
    background: var(--color5);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none!important;
    overflow: hidden;
    border: none;
    transition: all 0.2s;
}
.content .mainPage .projects .inner .projectsSlider .slide .project .name span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
    z-index: 1;
    transition: all 0.2s;
}
.content .mainPage .projects .inner .projectsSlider .slide .project:hover .name {
    background: var(--color1);
}
.content .mainPage .projects .inner .projectsForm {
    width: auto;
    height: auto;
    margin: 0;
    padding: 50px 0 0;
    background: #fff;
}
.content .mainPage .projects .inner .projectsForm form {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid var(--color9);
}
.content .mainPage .projects .inner .projectsForm form .form-group:last-child {
    margin-bottom: 0;
}
.content .mainPage .projects .inner .projectsForm .formBody {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .mainPage .projects .inner .projectsForm .formBody .img {
    width: 350px;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .projects .inner .projectsForm .formBody .img img {
    width: 100%;
}
.content .mainPage .projects .inner .projectsForm .formBody .fields {
    width: calc(100% - 350px);
    height: auto;
    margin: 0;
    padding: 0 0 0 20px;
}
.content .mainPage .projects .inner .projectsForm .formBody .fields h3 {
    margin-top: 0;
}
.content .mainPage .projects .inner .projectsForm .formBody .fields .formButtonWrap {
    width: auto;
    height: auto;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.content .mainPage .projects .inner .projectsForm .formBody .fields .formButtonWrap .primeButton {
    margin: 0 10px;
}
.content .mainPage .projects .inner .projectsForm .formFooter {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .mainPage .projects .inner .projectsForm .formFooter .alert {
    margin: 15px 0 0;
    border-radius: 0;
    text-align: left;
    display: none;
}

@media (max-width: 1024px) {
    .content .mainPage .projects .inner .projectsWrap > .col {
        width: 33.33%;
    }
}
@media (max-width: 767px) {
    .content .mainPage .projects .inner .projectsWrap {
        display: none;
    }
    .content .mainPage .projects .inner .projectsSlider {
        display: block;
    }
    .content .mainPage .projects .inner .projectsForm {
        padding: 30px 0 0;
    }
    .content .mainPage .projects .inner .projectsForm form {
        width: auto;
    }
    .content .mainPage .projects .inner .projectsForm .formBody {
        flex-direction: column;
    }
    .content .mainPage .projects .inner .projectsForm .formBody .img {
        width: 100%;
    }
    .content .mainPage .projects .inner .projectsForm .formBody .fields {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 20px 0 0;
    }
    .content .mainPage .projects .inner .projectsForm .formBody .fields .formButtonWrap .primeButton {
        width: 100%;
    }
}

/* content - mainPage - reviews
-------------------------------------------------------------------------------------*/
.content .mainPage .reviews {}
.content .mainPage .reviews .inner .reviewsWrap {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
}
.content .mainPage .reviews .inner .reviewsWrap:not(.slick-slider) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.content .mainPage .reviews .inner .reviewsWrap .slick-arrow.slick-next {
    top: -72px;
    right: 15px;
    padding-left: 3px;
}
.content .mainPage .reviews .inner .reviewsWrap .slick-arrow.slick-prev {
    left: auto;
    top: -72px;
    right: 75px;
    padding-right: 3px;
}
.content .mainPage .reviews .inner .reviewsWrap .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px;
}
.content .mainPage .reviews .inner .reviewsWrap:not(.slick-slider) .slide {
    width: 20%;
}
.content .mainPage .reviews .inner .reviewsWrap:not(.slick-slider) .slide:not(:nth-child(-n+3)) {
    display: none;
}
.content .mainPage .reviews .inner .reviewsWrap .slide .review {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage .reviews.show .inner .reviewsWrap .slide .review {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .reviews.on .inner .reviewsWrap .slide .review {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage .reviews .inner .reviewsWrap .slide .review img {
    width: 100%;
    height: auto;
    transition: all 0.2s;
}
.content .mainPage .reviews .inner .reviewsWrap .slide .review:hover img {
    transform: scale(1.2);
}

@media (max-width: 767px) {
    .content .mainPage .reviews .inner .reviewsWrap:not(.slick-slider) .slide {
        width: 100%;
    }
    .content .mainPage .reviews .inner .reviewsWrap:not(.slick-slider) .slide:not(:first-child) {
        display: none;
    }
    .content .mainPage .reviews .inner .reviewsWrap .slide .review {
        animation: none!important;
        transform: translateY(0) !important;
        opacity: 1!important;
    }
    .content .mainPage .reviews .inner .reviewsWrap .slide .review:hover img {
        transform: scale(1);
    }
}

/* content - mainPage - news
-------------------------------------------------------------------------------------*/
.content .mainPage .news {}
.content .mainPage .news .inner .newsWrap {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
}
.content .mainPage .news .inner .newsWrap:not(.slick-slider) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.content .mainPage .news .inner .newsWrap .slick-arrow.slick-next {
    top: -72px;
    right: 15px;
    padding-left: 3px;
}
.content .mainPage .news .inner .newsWrap .slick-arrow.slick-prev {
    left: auto;
    top: -72px;
    right: 75px;
    padding-right: 3px;
}
.content .mainPage .news .inner .newsWrap .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px;
}
.content .mainPage .news .inner .newsWrap:not(.slick-slider) .slide {
    width: 33.33%;
}
.content .mainPage .news .inner .newsWrap:not(.slick-slider) .slide:not(:nth-child(-n+3)) {
    display: none;
}
.content .mainPage .news .inner .newsWrap .slide .new {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    transform: translateY(150px);
    opacity: 0;
}
.content .mainPage .news.show .inner .newsWrap .slide .new {
    animation-name: show;
    animation-duration: 0.4s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}
.content .mainPage .news.on .inner .newsWrap .slide .new {
    animation: none;
    transform: translateY(0);
    opacity: 1;
}
.content .mainPage .news .inner .newsWrap .slide .new .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.content .mainPage .news .inner .newsWrap .slide .new .img p.date {
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 10px 0 0;
    top: 10px;
    right: 10px;
    background: var(--color1);
    text-align: center;
    display: block;
    position: absolute;
    font-size: 11px;
    color: #fff;
    line-height: 1.2;
    border-radius: 50%;
    z-index: 2;
}
.content .mainPage .news .inner .newsWrap .slide .new .img p.date span {
    font-size: 26px;
}
.content .mainPage .news .inner .newsWrap .slide .new .img .imgContainer {
    transition: transform .2s;
}
.content .mainPage .news .inner .newsWrap .slide .new:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .mainPage .news .inner .newsWrap .slide .new .name {
    margin: 20px 0 0;
    font-size: 18px;
    color: var(--color6);
    transition: all 0.2s;
}
.content .mainPage .news .inner .newsWrap .slide .new:hover .name {
    color: var(--color1);
}
.content .mainPage .news .inner .newsWrap .slide .new .description {
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 0 0;
}
.content .mainPage .news .inner .newsWrap .slide .new .description p {
    font-size: 14px;
    color: var(--color7);
}
.content .mainPage .news .inner .newsWrap .slide .new .description p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .content .mainPage .news .inner .newsWrap {
        padding-bottom: 40px;
    }
    .content .mainPage .news .inner .newsWrap:not(.slick-slider) .slide {
        width: 100%;
    }
    .content .mainPage .news .inner .newsWrap:not(.slick-slider) .slide:not(:first-child) {
        display: none;
    }
    .content .mainPage .news .inner .newsWrap .slide .new {
        animation: none!important;
        transform: translateY(0) !important;
        opacity: 1!important;
    }
    .content .mainPage .news .inner .newsWrap .slide .new:hover .img .imgContainer {
        transform: scale(1);
    }
}

/* content - mainPage - map
-------------------------------------------------------------------------------------*/
.content .mainPage .map {
    margin: 0 -15px;
    padding-bottom: 0;
}
.content .mainPage .map .inner {
    max-width: none;
    height: 500px;
    padding-top: 0;
}

/* content - catalogPage
-------------------------------------------------------------------------------------*/
.content .page.catalogPage {}
.content .catalogPage .pageHtml .categories {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .catalogPage .pageHtml .categories > .col {
    width: 16.66%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .catalogPage .pageHtml .categories .cat {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .catalogPage .pageHtml .categories .cat .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.content .catalogPage .pageHtml .categories .cat .img .imgContainer {
    transition: transform .2s;
}
.content .catalogPage .pageHtml .categories .cat:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .catalogPage .pageHtml .categories .cat .info {
    width: auto;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    background: #fff;
}
.content .catalogPage .pageHtml .categories .cat .info h4.name {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    color: var(--color7);
    text-align: center;
    transition: all 0.2s;
}
.content .catalogPage .pageHtml .categories .cat:hover .info h4.name {
    color: var(--color1);
}


.content .catalogPage .pageHtml .goods, .main_new .goods {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .catalogPage .pageHtml .goods > .col, .main_new .goods {
    width: 33.33%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .catalogPage .pageHtml .goods .good, .main_new .good {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .catalogPage .pageHtml .goods .good .img, .main_new .good .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.content .catalogPage .pageHtml .goods .good .img .imgContainer {
    transition: transform .2s;
}
.content .catalogPage .pageHtml .goods .good:hover .img .imgContainer {
    transform: scale(1.2);
}
.main_new .good .img .imgContainer {
    transition: transform .2s;
}
.main_new .good:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .catalogPage .pageHtml .goods .good .info , .main_new .good .info{
    width: auto;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    background: #fff;
}
.content .catalogPage .pageHtml .goods .good .info h4.name,  .main_new .good .info h4.name{
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    color: var(--color7);
    transition: all 0.2s;
}
.content .catalogPage .pageHtml .goods .good:hover .info h4.name,  .main_new .good:hover .info h4.name{
    color: var(--color1);
}
.content .catalogPage .pageHtml .goods .good .info .desc,  .main_new .good .info .desc{
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
}
.content .catalogPage .pageHtml .goods .good .info .desc p,  .main_new .good .info .desc p{
    margin: 0;
    font-size: 13px;
    color: var(--color8);
}
.content .catalogPage .pageHtml .goods .good .info p.price,  .main_new   .good .info p.price{
    margin: 5px 0 0;
    font-weight: 900;
    font-size: 16px;
    color: var(--color5);
}
.content .catalogPage .pageHtml .goods .good .info p.price span, .main_new  .good .info p.price span{
    font-size: 14px;
    font-weight: 300;
    color: var(--color5);
}
.content .catalogPage .pageHtml .goods .good .info .ratingWrap, .main_new  .good .info .ratingWrap{
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0 0;
}
.content .catalogPage .pageHtml .goods .good .info .ratingWrap .rating-container, .main_new .good .info .ratingWrap .rating-container{
    margin-left: -1px;
    font-size: 15px;
}

@media (max-width: 1440px) {
    .content .catalogPage .pageHtml .categories > .col {
        width: 25%;
    }
}
@media (max-width: 1024px) {
    .content .catalogPage .pageHtml .categories > .col {
        width: 33.33%;
    }
    .content .catalogPage .pageHtml .goods > .col {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .content .catalogPage .pageHtml .categories > .col {
        width: 100%;
    }
    .content .catalogPage .pageHtml .categories > .col:not(:first-child) .cat {
        padding-top: 30px;
        border-top: 2px solid var(--color9);
    }
    .content .catalogPage .pageHtml .goods > .col {
        width: 100%;
    }
    .content .catalogPage .pageHtml .goods > .col:not(:first-child) .good {
        padding-top: 30px;
        border-top: 2px solid var(--color9);
    }
    .content .catalogPage .pageHtml .goods .good .img {
        height: auto;
    }
    .content .catalogPage .pageHtml .goods .good .info .desc p {
        font-size: 14px;
    }
}

/* content - productPage
-------------------------------------------------------------------------------------*/
.content .page.productPage {}
.content .productPage h2.pageName {
    display: none;
}
.content .productPage .pageHtml {
    padding: 0;
}
.content .productPage .pageHtml .good {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.content .productPage .pageHtml .good .imgWrap {
    width: 650px;
    height: auto;
    margin: 0;
    padding: 0 15px;
}
.content .productPage .pageHtml .good .imgWrap .chief {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .good .imgWrap .chief .chiefSlider {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .good .imgWrap .chief .chiefSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .good .imgWrap .chief .chiefSlider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
.content .productPage .pageHtml .good .imgWrap .chief .chiefSlider .slide .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .good .imgWrap .chief .chiefSlider .slide .img img {
    width: 100%;
}
.content .productPage .pageHtml .good .imgWrap .thumbs {
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 0 0;
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider {
    width: auto;
    height: auto;
    margin: 0 -10px;
    padding: 0;
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider:not(.slick-slider) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider .slick-track {
    margin-left: 0;
    margin-right: 0;
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider:not(.slick-slider) .slide {
    width: 20%;
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider:not(.slick-slider) .slide:not(:nth-child(-n+5)) {
    display: none;
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider .slide .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    transition: all 0.2s;
    border: 2px solid var(--color9);
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider .slide:hover .img,
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider .slide.slick-current .img {
    border-color: var(--color1);
}
.content .productPage .pageHtml .good .imgWrap .thumbs .thumbsSlider .slide .img img {
    width: 100%;
}
.content .productPage .pageHtml .good .infoWrap {
    width: calc(100% - 650px);
    height: auto;
    margin: 0;
    padding: 0 15px;
}
.content .productPage .pageHtml .good .infoWrap .info {
    width: auto;
    height: auto;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--color9);
}
.content .productPage .pageHtml .good .infoWrap .info h2.name {
    margin: 0;
    font-weight: 300;
    font-size: 34px;
    color: var(--color6);
}
.content .productPage .pageHtml .good .infoWrap .info p.price {
    font-weight: 900;
    margin: 10px 0 0;
    font-size: 20px;
    color: var(--color5);
}
.content .productPage .pageHtml .good .infoWrap .info p.price span {
    font-weight: 300;
    font-size: 16px;
}
.content .productPage .pageHtml .good .infoWrap .info .goodRatingWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.content .productPage .pageHtml .good .infoWrap .info .goodRatingWrap .rating-container {
    margin-left: -1px;
    font-size: 15px;
}
.content .productPage .pageHtml .good .infoWrap .info .goodRatingWrap > p {
    margin: 0;
    padding: 2px 0 0 10px;
    font-weight: 300;
    font-size: 14px;
    color: var(--color9);
}
.content .productPage .pageHtml .good .infoWrap .description {
    width: auto;
    height: auto;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--color9);
}
.content .productPage .pageHtml .good .infoWrap .description p {
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    color: var(--color8);
}
.content .productPage .pageHtml .tabs {
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px 0 0;
}
.content .productPage .pageHtml .tabs ul.nav li a {
    padding: 10px 20px;
    font-weight: 700;
    font-size: 14px;
    color: var(--color1);
    text-transform: uppercase;
    border-radius: 0;
    transition: all 0.3s;
}
.content .productPage .pageHtml .tabs ul.nav li a span {
    font-size: 20px;
    color: var(--color1);
}
.content .productPage .pageHtml .tabs ul.nav li.active a {
    color: var(--color5);
}
.content .productPage .pageHtml .tabs .tab-content .tab-pane {
    padding: 15px 0 0;
}
.content .productPage .pageHtml .tabs .tab-content h3.name {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 30px;
    color: var(--color6);
}
.content .productPage .pageHtml .tabs .tab-content .fullDescription {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .fullDescription p {
    font-size: 14px;
    color: var(--color8);
}
.content .productPage .pageHtml .tabs .tab-content .reviews {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review {
    width: auto;
    height: auto;
    margin: 0 0 20px;
    padding: 0 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px dotted var(--color9);
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .photo {
    width: 82px;
    height: 82px;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .photo i {
    font-size: 82px;
    color: var(--color9);
    display: block;
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .reviewContent {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 20px;
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .reviewContent p.name {
    margin: 0 0 5px;
    font-weight: 900;
    font-size: 15px;
    color: var(--color8);
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .reviewContent p.date {
    margin: 0;
    font-weight: 300;
    font-size: 13px;
    color: var(--color9);
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .reviewContent .text {
    width: auto;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .reviewContent .text > p {
    font-weight: 300;
    font-size: 14px;
    color: var(--color8);
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .ratingWrap {
    width: auto;
    height: auto;
    margin: 0 0 0 auto;
    padding: 0;
    flex-shrink: 0;
}
.content .productPage .pageHtml .tabs .tab-content .reviews .review .ratingWrap .rating-container {
    font-size: 15px;
}
.content .productPage .pageHtml .tabs .tab-content .addReview {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview h3.toggleForm {
    cursor: pointer;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group {}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group:last-child {
    margin-bottom: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group input[type='text'] {
    font-size: 14px;
    border-radius: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .cke_contents {
    min-height: 200px;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group textarea {
    height: 200px;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group.field-reviews-rating {
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .labelWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .labelWrap label {
    margin: 0;
    padding-top: 2px;
    font-weight: 400;
    font-size: 14px;
    color: #757575;
    line-height: 30px;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .ratingWrap {
    width: auto;
    height: auto;
    margin: 0 0 0 10px;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .ratingWrap .rating-container {
    font-size: 20px;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .ratingWrap input {
    display: none;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .verifyWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .verifyWrap .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .verifyWrap .img img {
    height: 50px;
    border: 1px solid #dfdfdf;
    cursor: pointer;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .verifyWrap .input {
    width: auto;
    height: auto;
    margin: 0 0 0 10px;
    padding: 0;
}
.content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group button {
    margin: 0;
}

@media (max-width: 1024px) {
    .content .productPage .pageHtml .good .imgWrap {
        width: 500px;
    }
    .content .productPage .pageHtml .good .infoWrap {
        width: calc(100% - 500px);
    }
}
@media (max-width: 767px) {
    .content .productPage h2.pageName {
        display: block;
    }
    .content .productPage .pageHtml {
        padding-top: 30px;
    }
    .content .productPage .pageHtml .good {
        flex-direction: column;
    }
    .content .productPage .pageHtml .good .imgWrap {
        width: 100%;
    }
    .content .productPage .pageHtml .good .imgWrap .thumbs {
        display: none;
    }
    .content .productPage .pageHtml .good .infoWrap {
        width: 100%;
        padding-top: 30px;
    }
    .content .productPage .pageHtml .good .infoWrap .info h2.name {
        display: none;
    }
    .content .productPage .pageHtml .good .infoWrap .info p.price {
        margin-top: 0;
    }
    .content .productPage .pageHtml .tabs .tab-content .reviews .review {
        flex-direction: column;
    }
    .content .productPage .pageHtml .tabs .tab-content .reviews .review .photo {
        display: none;
    }
    .content .productPage .pageHtml .tabs .tab-content .reviews .review .reviewContent {
        padding: 0;
    }
    .content .productPage .pageHtml .tabs .tab-content .reviews .review .ratingWrap {
        margin: 0;
    }
    .content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .labelWrap label {
        padding-top: 0;
    }
    .content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group.field-reviews-rating {
        flex-direction: column;
        align-items: flex-start;
    }
    .content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .ratingWrap {
        margin: 0;
    }
    .content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group .ratingWrap .rating-container {
        font-size: 34px;
    }
    .content .productPage .pageHtml .tabs .tab-content .addReview .formWrap form .form-group button {
        width: 100%;
    }
}

/* content - specCategoriesPage
-------------------------------------------------------------------------------------*/
.content .page.specCategoriesPage {}
.content .specCategoriesPage .pageHtml .categories {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .specCategoriesPage .pageHtml .categories > .col {
    width: 16.66%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .specCategoriesPage .pageHtml .categories .cat {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .specCategoriesPage .pageHtml .categories .cat .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.content .specCategoriesPage .pageHtml .categories .cat .img .imgContainer {
    transition: transform .2s;
}
.content .specCategoriesPage .pageHtml .categories .cat:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .specCategoriesPage .pageHtml .categories .cat .info {
    width: auto;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    background: #fff;
}
.content .specCategoriesPage .pageHtml .categories .cat .info h4.name {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    color: var(--color7);
    text-align: center;
    transition: all 0.2s;
}
.content .specCategoriesPage .pageHtml .categories .cat:hover .info h4.name {
    color: var(--color1);
}
.content .specCategoriesPage .pageHtml .specs {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .specCategoriesPage .pageHtml .specs > .col {
    width: 33.33%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .specCategoriesPage .pageHtml .specs .spec {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .specCategoriesPage .pageHtml .specs .spec .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.content .specCategoriesPage .pageHtml .specs .spec .img .imgContainer {
    transition: transform .2s;
}
.content .specCategoriesPage .pageHtml .specs .spec:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .specCategoriesPage .pageHtml .specs .spec .info {
    width: auto;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    background: #fff;
}
.content .specCategoriesPage .pageHtml .specs .spec .info h4.name {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    color: var(--color7);
    text-align: center;
    transition: all 0.2s;
}
.content .specCategoriesPage .pageHtml .specs .spec:hover .info h4.name {
    color: var(--color1);
}

@media (max-width: 1440px) {
    .content .specCategoriesPage .pageHtml .categories > .col {
        width: 25%;
    }
}
@media (max-width: 1024px) {
    .content .specCategoriesPage .pageHtml .categories > .col {
        width: 33.33%;
    }
    .content .specCategoriesPage .pageHtml .specs > .col {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .content .specCategoriesPage .pageHtml .categories > .col {
        width: 100%;
    }
    .content .specCategoriesPage .pageHtml .categories > .col:not(:first-child) .cat {
        padding-top: 30px;
        border-top: 2px solid var(--color9);
    }
    .content .specCategoriesPage .pageHtml .specs > .col {
        width: 100%;
    }
    .content .specCategoriesPage .pageHtml .specs > .col:not(:first-child) .spec {
        padding-top: 30px;
        border-top: 2px solid var(--color9);
    }
    .content .specCategoriesPage .pageHtml .specs .spec .img {
        height: auto;
    }
}

/* content - specPage
-------------------------------------------------------------------------------------*/
.content .page.specPage {}
.content .specPage .pageHtml .images {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 30px;
}
.content .specPage .pageHtml .images .imagesSlider {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
}
.content .specPage .pageHtml .images .imagesSlider:not(.slick-slider) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.content .specPage .pageHtml .images .imagesSlider .slick-arrow.slick-next {
    right: 25px;
}
.content .specPage .pageHtml .images .imagesSlider .slick-arrow.slick-prev {
    left: 25px;
}
.content .specPage .pageHtml .images .imagesSlider .slick-track {
    margin-left: 0;
    margin-right: 0;
}
.content .specPage .pageHtml .images .imagesSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px;
}
.content .specPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide {
    width: 25%;
}
.content .specPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide:not(:nth-child(-n+4)) {
    display: none;
}
.content .specPage .pageHtml .images .imagesSlider .slide a {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    border: none;
}

@media (max-width: 767px) {
    .content .specPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide {
        width: 100%;
    }
    .content .specPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide:not(:first-child) {
        display: none;
    }
}

/* content - projectsCategoriesPage
-------------------------------------------------------------------------------------*/
.content .page.projectsCategoriesPage {}
.content .projectsCategoriesPage .pageHtml .categories {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .projectsCategoriesPage .pageHtml .categories > .col {
    width: 16.66%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .projectsCategoriesPage .pageHtml .categories .cat {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .projectsCategoriesPage .pageHtml .categories .cat .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.content .projectsCategoriesPage .pageHtml .categories .cat .img .imgContainer {
    transition: transform .2s;
}
.content .projectsCategoriesPage .pageHtml .categories .cat:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .projectsCategoriesPage .pageHtml .categories .cat .info {
    width: auto;
    height: auto;
    margin: 15px 0 0;
    padding: 0;
    background: #fff;
}
.content .projectsCategoriesPage .pageHtml .categories .cat .info h4.name {
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    color: var(--color7);
    text-align: center;
    transition: all 0.2s;
}
.content .projectsCategoriesPage .pageHtml .categories .cat:hover .info h4.name {
    color: var(--color1);
}
.content .projectsCategoriesPage .pageHtml .showMailBackModal {}
.content .projectsCategoriesPage .pageHtml .projects {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .projectsCategoriesPage .pageHtml .projects > .col {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .projectsCategoriesPage .pageHtml .projects .project {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .projectsCategoriesPage .pageHtml .projects .project .name {
    margin: 0 0 20px;
    font-size: 18px;
    color: var(--color6);
    text-align: center;
    transition: all 0.2s;
}
.content .projectsCategoriesPage .pageHtml .projects .project:hover .name {
    color: var(--color1);
}
.content .projectsCategoriesPage .pageHtml .projects .project .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.content .projectsCategoriesPage .pageHtml .projects .project .img .imgContainer {
    transition: transform .2s;
}
.content .projectsCategoriesPage .pageHtml .projects .project:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .projectsCategoriesPage .pageHtml .projectsForm {
    width: auto;
    height: auto;
    margin: 0;
    padding: 50px 0 0;
    background: #fff;
}
.content .projectsCategoriesPage .pageHtml .projectsForm form {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid var(--color9);
}
.content .projectsCategoriesPage .pageHtml .projectsForm form .form-group:last-child {
    margin-bottom: 0;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formBody {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formBody .img {
    width: 350px;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formBody .img img {
    width: 100%;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formBody .fields {
    width: calc(100% - 350px);
    height: auto;
    margin: 0;
    padding: 0 0 0 20px;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formBody .fields h3 {
    margin-top: 0;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formBody .fields .formButtonWrap {
    width: auto;
    height: auto;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formBody .fields .formButtonWrap .primeButton {
    margin: 0 10px;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formFooter {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .projectsCategoriesPage .pageHtml .projectsForm .formFooter .alert {
    margin: 15px 0 0;
    border-radius: 0;
    text-align: left;
    display: none;
}

@media (max-width: 1440px) {
    .content .projectsCategoriesPage .pageHtml .categories > .col {
        width: 25%;
    }
}
@media (max-width: 1024px) {
    .content .projectsCategoriesPage .pageHtml .categories > .col {
        width: 33.33%;
    }
    .content .projectsCategoriesPage .pageHtml .projects > .col {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .content .projectsCategoriesPage .pageHtml .showMailBackModal {
        width: 100%;
    }
    .content .projectsCategoriesPage .pageHtml .categories > .col {
        width: 100%;
    }
    .content .projectsCategoriesPage .pageHtml .categories > .col:not(:first-child) .cat {
        padding-top: 30px;
        border-top: 2px solid var(--color9);
    }
    .content .projectsCategoriesPage .pageHtml .projects > .col {
        width: 100%;
    }
    .content .projectsCategoriesPage .pageHtml .projects > .col:not(:first-child) .project {
        padding-top: 30px;
        border-top: 2px solid var(--color9);
    }
    .content .projectsCategoriesPage .pageHtml .projectsForm {
        padding: 30px 0 0;
    }
    .content .projectsCategoriesPage .pageHtml .projectsForm form {
        width: auto;
    }
    .content .projectsCategoriesPage .pageHtml .projectsForm .formBody {
        flex-direction: column;
    }
    .content .projectsCategoriesPage .pageHtml .projectsForm .formBody .img {
        width: 100%;
    }
    .content .projectsCategoriesPage .pageHtml .projectsForm .formBody .fields {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 20px 0 0;
    }
    .content .projectsCategoriesPage .pageHtml .projectsForm .formBody .fields .formButtonWrap .primeButton {
        width: 100%;
    }
}

/* content - projectPage
-------------------------------------------------------------------------------------*/
.content .page.projectPage {}
.content .projectPage .pageHtml .images {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 30px;
}
.content .projectPage .pageHtml .images .imagesSlider {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
}
.content .projectPage .pageHtml .images .imagesSlider:not(.slick-slider) {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.content .projectPage .pageHtml .images .imagesSlider .slick-arrow.slick-next {
    right: 25px;
}
.content .projectPage .pageHtml .images .imagesSlider .slick-arrow.slick-prev {
    left: 25px;
}
.content .projectPage .pageHtml .images .imagesSlider .slick-track {
    margin-left: 0;
    margin-right: 0;
}
.content .projectPage .pageHtml .images .imagesSlider .slide {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px;
}
.content .projectPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide {
    width: 25%;
}
.content .projectPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide:not(:nth-child(-n+4)) {
    display: none;
}
.content .projectPage .pageHtml .images .imagesSlider .slide a {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    border: none;
}

@media (max-width: 767px) {
    .content .projectPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide {
        width: 100%;
    }
    .content .projectPage .pageHtml .images .imagesSlider:not(.slick-slider) .slide:not(:first-child) {
        display: none;
    }
}

/* content - cartPage
-------------------------------------------------------------------------------------*/
.content .page.cartPage {}
.content .cartPage table {
    border-color: var(--color9);
}
.content .cartPage table th,
.content .cartPage table td {
    border-color: var(--color9);
}
.content .cartPage table th span {
    font-size: 12px;
    font-weight: 400;
    color: var(--color5);
}
.content .cartPage table td {
    vertical-align: middle;
}
.content .cartPage table td .item {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .cartPage table td .item .img {
    width: 120px;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .cartPage table td .item .img img {
    width: 100%;
}
.content .cartPage table td .item .desc {
    width: calc(100% - 120px);
    height: auto;
    margin: 0;
    padding: 0 0 0 15px;
}
.content .cartPage table td .item .desc .name {
    font-size: 16px;
    color: var(--color5);
    text-decoration: none;
    line-height: 1.2;
    transition: all 0.2s;
}
.content .cartPage table td .item .desc .name:hover {
    color: var(--color1);
}
.content .cartPage table td .item .desc span {
    margin-top: 5px;
    display: block;
    font-size: 14px;
}
.content .cartPage table td > span {
    font-size: 16px;
    color: var(--color5);
    white-space: nowrap;
}
.content .cartPage table td .countWrap {
    width: 138px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.content .cartPage table td .countWrap button {
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    background: var(--color9);
    border: none;
}
.content .cartPage table td .countWrap button i {
    color: var(--color6);
    transition: all 0.2s;
}
.content .cartPage table td .countWrap button:hover i {
    color: var(--color1);
}
.content .cartPage table td .countWrap input[type='text'] {
    width: 50px;
    height: 44px;
    margin: 0;
    background: var(--color9);
    display: block;
    font-size: 15px;
    color: var(--color6);
    text-align: center;
    border-radius: 0;
}
.content .cartPage table td .countWrap input[type='text']:not(:focus) {
    border-color: var(--color9);
    outline: none;
    box-shadow: none;
}
.content .cartPage table td button.delButton {
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    background: var(--color9);
    border: none;
    transition: all 0.2s;
}
.content .cartPage table td button.delButton:hover {
    background: #a94442;
}
.content .cartPage table td button.delButton i {
    font-size: 20px;
    color: #fff;
    line-height: 44px;
}
.content .cartPage .infoWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .cartPage .infoWrap p {
    margin: 0;
    font-weight: 400;
    font-size: 28px;
    color: var(--color9);
}
.content .cartPage .infoWrap p span {
    font-size: 34px;
    color: var(--color5);
}
.content .cartPage .goToNext {
    width: auto;
    height: auto;
    margin: 0 -10px;
    padding: 20px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.content .cartPage .goToNext .primeButton {
    margin: 0 10px;
}
.content .cartPage .formWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px 0 0;
}
.content .cartPage .formWrap h3 {
    margin: 0;
    font-weight: 300;
    font-size: 34px;
    color: var(--color5);
}
.content .cartPage .formWrap form {
    width: auto;
    height: auto;
    margin: 0;
    padding: 20px 0 0;
}

@media (max-width: 767px) {
    .content .cartPage table td .item {
        flex-direction: column-reverse;
    }
    .content .cartPage table td .item .img {
        width: auto;
        margin-top: 10px;
    }
    .content .cartPage table td .item .desc {
        width: auto;
        padding: 0;
    }
    .content .cartPage table td > span {
        font-size: 14px;
    }
    .content .cartPage .goToNext .primeButton {
        width: 100%;
    }
}

/* content - accountPage
-------------------------------------------------------------------------------------*/
.content .page.accountPage {}

/* content - accountPage - index
-------------------------------------------------------------------------------------*/
.content .accountPage .pageHtml .sections {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .accountPage .pageHtml .sections > .col {
    width: 33.33%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .accountPage .pageHtml .sections .section {
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 10px;
    background: #fff;
    display: block;
    text-decoration: none;
    border: 2px solid var(--color9);
    transition: all 0.2s;
}
.content .accountPage .pageHtml .sections .section:hover {
    border-color: var(--color1);
    transform: translateY(-10px);
}
.content .accountPage .pageHtml .sections .section .inner {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .sections .section .inner .icon {
    width: 74px;
    height: 74px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    border: 1px solid var(--color9);
    border-radius: 74px;
    transition: all 0.2s;
}
.content .accountPage .pageHtml .sections .section:hover .inner .icon {
    border-color: var(--color1);
}
.content .accountPage .pageHtml .sections .section .inner .icon span {
    font-size: 34px;
    color: var(--color9);
    line-height: 74px;
    transition: all 0.2s;
}
.content .accountPage .pageHtml .sections .section:hover .inner .icon span {
    color: var(--color1);
}
.content .accountPage .pageHtml .sections .section .inner .data {
    width: auto;
    height: auto;
    margin: 12px 0 0;
    padding: 0;
}
.content .accountPage .pageHtml .sections .section .inner .data h4 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: var(--color6);
    text-align: center;
    text-transform: uppercase;
}
.content .accountPage .pageHtml .sections .section .inner .data p {
    width: auto;
    height: auto;
    margin: 12px 0 0;
    padding: 12px 0 0;
    font-size: 14px;
    color: var(--color8);
    text-align: center;
    line-height: 1.2;
    border-top: 1px solid var(--color9);
    transition: all 0.2s;
}
.content .accountPage .pageHtml .sections .section:hover .inner .data p {
    color: var(--color1);
}

@media (max-width: 767px) {
    .content .accountPage .pageHtml .sections {
        flex-direction: column;
    }
    .content .accountPage .pageHtml .sections > .col {
        width: 100%;
    }
    .content .accountPage .pageHtml .sections .section {
        transform: translateY(0) !important;
    }
}

/* content - accountPage - user
-------------------------------------------------------------------------------------*/
.content .accountPage .pageHtml .personalData {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .personalData .alert {
    margin-bottom: 30px;
}
.content .accountPage .pageHtml .personalData form {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .personalData form .form-group label > div {
    margin-right: 7px;
}

@media (max-width: 767px) {
    .content .accountPage .pageHtml .personalData form .form-group button {
        width: 100%;
    }
}

/* content - accountPage - orders
-------------------------------------------------------------------------------------*/
.content .accountPage .pageHtml .orders {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .orders .order {
    width: auto;
    height: auto;
    margin: 30px 0 0;
    padding: 20px;
    border: 1px solid var(--color9);
}
.content .accountPage .pageHtml .orders .order:first-child {
    margin-top: 0;
}
.content .accountPage .pageHtml .orders .order h4.showOrder {
    margin: 0;
    font-size: 18px;
    color: var(--color1);
    text-transform: uppercase;
    cursor: pointer;
}
.content .accountPage .pageHtml .orders .order h4.showOrder span {
    font-size: 16px;
    color: var(--color8);
    text-transform: lowercase;
}
.content .accountPage .pageHtml .orders .order .inner {
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
    display: none;
}
.content .accountPage .pageHtml .orders .order .inner .info {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .orders .order .inner .info p {
    margin: 0;
    font-size: 16px;
    color: var(--color6);
}
.content .accountPage .pageHtml .orders .order .inner .info p span.t1 {
    color: var(--color1);
}
.content .accountPage .pageHtml .orders .order .inner .info p span.t2 {
    color: var(--color8);
}
.content .accountPage .pageHtml .orders .order .inner .goods {
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
}
.content .accountPage .pageHtml .orders .order .inner .goods table {
    margin: 0;
    border-color: var(--color9);
}
.content .accountPage .pageHtml .orders .order .inner .goods table th,
.content .accountPage .pageHtml .orders .order .inner .goods table td {
    border-color: var(--color9);
}
.content .accountPage .pageHtml .orders .order .inner .goods table th span {
    font-size: 12px;
    font-weight: 400;
    color: var(--color5);
}
.content .accountPage .pageHtml .orders .order .inner .goods table td {
    vertical-align: middle;
}
.content .accountPage .pageHtml .orders .order .inner .goods table td .item {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .accountPage .pageHtml .orders .order .inner .goods table td .item .img {
    width: 120px;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .accountPage .pageHtml .orders .order .inner .goods table td .item .img img {
    width: 100%;
}
.content .accountPage .pageHtml .orders .order .inner .goods table td .item .desc {
    width: calc(100% - 120px);
    height: auto;
    margin: 0;
    padding: 0 0 0 15px;
}
.content .accountPage .pageHtml .orders .order .inner .goods table td .item .desc .name {
    font-size: 16px;
    color: var(--color5);
    text-decoration: none;
    line-height: 1.2;
    transition: all 0.2s;
}
.content .accountPage .pageHtml .orders .order .inner .goods table td .item .desc .name:hover {
    color: var(--color1);
}
.content .accountPage .pageHtml .orders .order .inner .goods table td .item .desc span {
    margin-top: 5px;
    display: block;
    font-size: 14px;
}
.content .accountPage .pageHtml .orders .order .inner .goods table td > span {
    font-size: 16px;
    color: var(--color5);
    white-space: nowrap;
}

@media (max-width: 767px) {
    .content .accountPage .pageHtml .orders .order .inner .goods table td .item {
        flex-direction: column-reverse;
    }
    .content .accountPage .pageHtml .orders .order .inner .goods table td .item .img {
        width: auto;
        margin-top: 10px;
    }
    .content .accountPage .pageHtml .orders .order .inner .goods table td .item .desc {
        width: auto;
        padding: 0;
    }
    .content .accountPage .pageHtml .orders .order .inner .goods table td > span {
        font-size: 14px;
    }
}

/* content - accountPage - reviews
-------------------------------------------------------------------------------------*/
.content .accountPage .pageHtml .reviews {
    width: auto;
    height: auto;
    max-height: 500px;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .reviews .review {
    width: auto;
    height: auto;
    margin: 30px 0 0;
    padding: 10px 20px;
    background: #f6f6f6;
    border: 1px solid var(--color9);
}
.content .accountPage .pageHtml .reviews .review:first-child {
    margin-top: 0;
}
.content .accountPage .pageHtml .reviews .review .top {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.content .accountPage .pageHtml .reviews .review .top .name {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .reviews .review .top .name p {
    margin: 0;
    font-size: 18px;
    color: var(--color8);
}
.content .accountPage .pageHtml .reviews .review .top .name p span {
    margin-right: 5px;
}
.content .accountPage .pageHtml .reviews .review .top .ratingWrap {
    width: auto;
    height: auto;
    margin: 0 0 0 15px;
}
.content .accountPage .pageHtml .reviews .review .top .ratingWrap .rating-container {
    font-size: 14px;
}
.content .accountPage .pageHtml .reviews .review .good {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .reviews .review .good a {
    font-size: 14px;
    color: var(--color1);
}
.content .accountPage .pageHtml .reviews .review .text {
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
}
.content .accountPage .pageHtml .reviews .review .date {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.content .accountPage .pageHtml .reviews .review .date p {
    margin: 0;
    font-size: 12px;
    color: var(--color8);
}

/* content - newsPage
-------------------------------------------------------------------------------------*/
.content .page.newsPage {}
.content .newsPage .news {
    width: auto;
    height: auto;
    margin: -30px -15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .newsPage .news > .col {
    width: 33.33%;
    height: auto;
    margin: 0;
    padding: 30px 15px 0;
}
.content .newsPage .news .new {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
}
.content .newsPage .news .new .img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.content .newsPage .news .new .img p.date {
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 10px 0 0;
    top: 10px;
    right: 10px;
    background: var(--color1);
    text-align: center;
    display: block;
    position: absolute;
    font-size: 11px;
    color: #fff;
    line-height: 1.2;
    border-radius: 50%;
    z-index: 2;
}
.content .newsPage .news .new .img p.date span {
    font-size: 26px;
}
.content .newsPage .news .new .img .imgContainer {
    transition: transform .2s;
}
.content .newsPage .news .new:hover .img .imgContainer {
    transform: scale(1.2);
}
.content .newsPage .news .new .name {
    margin: 20px 0 0;
    font-size: 18px;
    color: var(--color6);
    transition: all 0.2s;
}
.content .newsPage .news .new:hover .name {
    color: var(--color1);
}
.content .newsPage .news .new .description {
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px 0 0;
}
.content .newsPage .news .new .description p {
    font-size: 14px;
    color: var(--color7);
}
.content .newsPage .news .new .description p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .content .newsPage .news {
        flex-direction: column;
    }
    .content .newsPage .news > .col {
        width: 100%;
    }
    .content .newsPage .news .new:hover .img .imgContainer {
        transform: scale(1);
    }
}

/* content - authPage
-------------------------------------------------------------------------------------*/
.content .page.authPage {}
.content .authPage form .form-group .checkbox label {
    padding: 0;
}
.content .authPage form .form-group .checkbox label > div {
    margin-right: 7px;
}
.content .authPage form .form-group .verifyWrap {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .authPage form .form-group .verifyWrap .img {
    width: auto;
    height: 44px;
    cursor: pointer;
    border: 1px solid var(--color9);
}
.content .authPage form .form-group .verifyWrap .img img {
    width: auto;
    height: 100%;
}
.content .authPage form .form-group .verifyWrap .input {
    width: 100%;
    padding-left: 30px;
}
.content .authPage form .form-group.buttons {
    margin: 0 -10px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.content .authPage form .form-group.buttons .primeButton {
    margin: 0 10px;
}

@media (max-width: 767px) {
    .content .authPage form .form-group.buttons {
        margin: -20px 0 0;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .content .authPage form .form-group.buttons .primeButton {
        margin: 20px 0 0;
        width: 100%;
    }
}

/* footer
----------------------------------------------------------------------------------------------------------------------*/
footer {
    width: 100%;
    height: auto;
    margin: auto 0 0;
    padding: 0 15px 50px;
    background: var(--color5);
}

@media (max-width: 767px) {
    footer {
        padding-bottom: 30px;
    }
}

/* footer - top
-------------------------------------------------------------------------------------*/
footer .top {
    width: auto;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 0;
}
footer .top a.logo {
    width: 378px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    display: block;
    text-decoration: none;
}
footer .top a.logo img {
    width: 100%;
}

@media (max-width: 1440px) {
    footer .top {
        max-width: 1200px;
    }
}
@media (max-width: 767px) {
    footer .top {
        padding-top: 30px;
    }
}

/* footer - mid
-------------------------------------------------------------------------------------*/
footer .mid {
    width: auto;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 0;
}
footer .mid .inner {
    width: auto;
    height: auto;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
footer .mid .inner .item {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px;
}
footer .mid .inner .item h3 {
    margin: 0 0 20px;
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
}
footer .mid .inner .item .text {
    width: 340px;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
}
footer .mid .inner .item .text p {
    margin: 0;
    font-size: 18px;
    color: var(--color9);
}
footer .mid .inner .item .socialLinks {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
footer .mid .inner .item .socialLinks a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s;
}
footer .mid .inner .item .socialLinks a:hover {
    color: var(--color1);
}
footer .mid .inner .item .links {
    width: auto;
    height: auto;
    margin: 0 -50px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
footer .mid .inner .item .links ul {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 50px;
    list-style: none;
}
footer .mid .inner .item .links ul li {
    padding-bottom: 15px;
}
footer .mid .inner .item .links ul li:last-child {
    padding-bottom: 0;
}
footer .mid .inner .item .links ul li a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: all 0.2s;
}
footer .mid .inner .item .links ul li a:hover {
    color: var(--color1);
}

@media (max-width: 1440px) {
    footer .mid {
        max-width: 1200px;
    }
}
@media (max-width: 767px) {
    footer .mid {
        padding-top: 30px;
    }
    footer .mid .inner {
        margin-top: -30px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    footer .mid .inner .item {
        width: 100%;
        padding-top: 30px;
    }
    footer .mid .inner .item h3 {
        text-align: center;
    }
    footer .mid .inner .item .text {
        width: auto;
    }
    footer .mid .inner .item .text p {
        text-align: center;
    }
    footer .mid .inner .item .links {
        margin: 0 -30px;
        justify-content: space-between;
    }
    footer .mid .inner .item .links ul {
        padding: 0 50px;
    }
    footer .mid .inner .item .links ul li {
        text-align: center;
    }
}

/* footer - bot
-------------------------------------------------------------------------------------*/
footer .bot {
    width: auto;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 0;
}
footer .bot .inner {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
footer .bot .inner p.copy {
    margin: 0;
    font-size: 18px;
    color: var(--color2);
}
footer .bot .inner .social {
    width: auto;
    height: 26px;
    margin: 0;
    padding: 0;
}
footer .bot .inner .social ul li.ya-share2__item {}
footer .bot .inner .social ul li.ya-share2__item .ya-share2__badge {
    border-radius: 30px;
}
footer .bot .inner .social ul li.ya-share2__item .ya-share2__badge .ya-share2__icon {
    width: 26px;
    height: 26px;
}

@media (max-width: 1440px) {
    footer .bot {
        max-width: 1200px;
    }
}
@media (max-width: 767px) {
    footer .bot {
        padding-top: 30px;
    }
    footer .bot .inner {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    footer .bot .inner p.copy {
        margin-top: 15px;
    }
    footer .bot .inner .social {
        height: 30px;
    }
    footer .bot .inner .social ul li.ya-share2__item:not(:last-child) {
        margin-right: 10px;
    }
    footer .bot .inner .social ul li.ya-share2__item .ya-share2__badge .ya-share2__icon {
        width: 30px;
        height: 30px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------*/