/*============================================ 
	Основные стили
============================================*/
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    color: #222;
    padding-top: 150px;
    font-size: 15px;
}

main {
    overflow: hidden;
}

ul {
    padding: 0;
    margin: 0;
}

input,
button {
    border: none;
    outline: none;
}

p {
    margin: 0;
}

.pointer {
    cursor: pointer;
}

.container-fluid {
    padding: 0 40px;
    max-width: 1400px;
    margin: 0 auto;
}

.text-white {
    color: #fff !important;
}

/* Шапка */
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
}

.header_note {
    height: 73px;
    font-size: 13px;
    display: block;
    color: #c60f4d;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
    background: url(/local/templates/packing/images/ebook_line.jpg) white no-repeat;
    background-size: cover;
}

.header_note p {
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffcf;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upper_header_block {
    background: #eff4f7;
    border-bottom: 1px solid #594f54;
}

.load_line_block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.load_line {
    height: 5px;
    background: #d00f50;
    width: 0%;
    transition: all .3s linear;
}

.upper_header {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upper_header .hamb {
    margin-right: 20px;
}

.upper_header .hamb, .header_search-btn {
    font-size: 35px;
    color: #c60f4d;
    background-color: transparent;
    display: none;
}

.header_search-btn {
    margin-right: 10px;
}

.logo {
    margin-right: 40px;
}

.logo img {
    max-width: 100%;
    height: auto;
}

.header_contacts a.phone {
    text-decoration: none;
    font-size: 16px;
    color: #343434;
    display: block;
    font-weight: bold;
    line-height: 12px;
}

.header_contacts span {
    color: #697585;
    line-height: 12px;
}

.upper_header .right {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: space-between;
}

.header_controls {
    display: flex;
}

.upper_header .user_links {
    margin-left: 35px;
}

.upper_header .user_links a {
    color: #697585;
    font-size: 14px;
    margin-left: 15px;
    text-decoration: none;
}

.upper_header .user_links a span {
    text-decoration: underline;
}

a.login i {
    color: #c60f4d;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    font-size: 31px;
}

.user_links .label,
.header_social_block a {
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #c60f4d;
    position: relative;
    text-align: center;
    color: #fff;

}

a.requisition .label > span {
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    color: #697585;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #caced0;
    position: absolute;
    top: 20px;
    left: 15px;
}

.header_social_block {
    cursor: pointer;
}

.header_social_block a {
    margin: 0 5px;
    font-size: 15px;
    background: #caced0;
    opacity: .9;
}

.header_social_block a:hover {
    background: #c60f4d;
    color: #fff;
    opacity: 1;
    transition: all .1s linear;
}

.lower_header_block {
    background: #c60f4d;
    min-height: 54px;
}

.lower_header {
    display: flex;
    align-items: center;
    justify-content: center;

}

.header_navigation, .header_navigation > div {
    display: flex;
    align-items: center;
}

.header_navigation a {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    height: 54px;
    width: auto;
    padding: 0 20px;
    white-space: nowrap;
    transition: all .1s linear;
}

.header_navigation ul ul a {
    min-height: 30px;
    height: auto;
}

.header_navigation a i {
    margin-left: 10px;
    color: #fff;
    font-size: 10px;
}

.header_navigation a:hover {
    background: #ae0d44;
}

.header_search {
    position: relative;
    width: 300px;
}

.header_search-input {
    display: block;
    width: 100%;
    background: #eff4f7;
    height: 36px;
    line-height: 35px;
    border-radius: 18px;
    padding: 0 10px;
    color: #c60f4d;
}

.header_search-button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background: #c60f4d;
    text-align: center;
    border: 1px solid #eff4f7;
    color: #fff;
    transition: all .1s linear;
}

.header_search-button:hover {
    background: #ae0d44;
}

.mobile_menu {
    width: 300px;
    display: none;
    position: fixed;
    z-index: 15;
    left: -400px;
    top: 0;
    bottom: 0;
    height: 100%;
    background: #c60f4d;
    overflow: hidden;
    transition: all .3s linear;
}

.mobile_menu.opened {
    left: 0;
}

.mobile_menu a {
    display: block;
    color: #fff;
    text-decoration: none;
    height: 54px;
    font-size: 20px;
    width: 100%;
    padding: 10px 30px;
    transition: all .1s linear;
    white-space: nowrap;
}

.mobile_menu .close_link {
    background: #ae0d44;
}

.mobile_menu a i {
    font-size: 25px;
    margin-right: 10px;
}

.mobile_menu .close_link i {
    margin-bottom: 0;
    margin-left: 20px;
    font-size: 30px;
}

.mobile_menu a:hover {
    background: #ae0d44;
}

.overlay {
    display: none;
    position: fixed;
    z-index: 11;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    cursor: pointer;
}


/* Главная страница */
.main_section_1 {
    background-size: contain;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.main_section_1-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 450px;
    max-height: 820px;
    position: relative;
}

.main_section_1-content .scroll_bot {
    width: 20px;
    height: 47px;
    background: url('../images/ScrollBot.png') no-repeat center;
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    animation: pulse .8s infinite ease-in-out;
}

@keyframes pulse {
    from {
        opacity: .8;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.3);
    }
    to {
        opacity: .8;
        transform: scale(1);
    }
}

.main_section_1 .carousel_block {
    max-width: 700px;
    margin: 0 auto;
}

.main_section_1 .item {
    padding: 0 10px;
}

.main_section_1 .carousel_block .controlls {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.main_section_1 .carousel_block .controlls a {
    display: block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    font-size: 30px;
    border-radius: 50%;
    border: 2px solid #acacac;
    color: #acacac;
    text-align: center;
    line-height: 31px;
    transition: all .1s linear;
    margin: 0 5px;
}

.main_section_1 .carousel_block .controlls a:hover {
    color: #d00f50;
    border-color: #d00f50;
}

.owl_item-header {
    color: #d00f50;
    font-size: 44px;
    line-height: 42px;
    display: inline-block;
    border-bottom: 2px solid #d00f50;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-family: 'BebasNeue';
}

.owl_item-body {
    clear: both;
}

.owl_item-body p {
    margin: 0 0 15px 0;
}

.owl_item-body p:last-of-type {
    margin-bottom: 30px;
}

a.read_more, .btn-theme {
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    color: #d00f50;
    border: 2px solid #d00f50;
    transition: all .2s linear;
}

a.read_more {

    display: block;
    width: 210px;
    height: 48px;
    line-height: 46px;
}

a.read_more:hover {
    color: #fff;
    background: #d00f50;
}

/* Главная страница секция 2 */
.main_section_2 {
    padding: 0;
    border-top: 10px solid #c60f4d;
    border-bottom: 10px solid #c60f4d;
}

.main_section_2-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #697585;
}

.main_section_2 .slogan_block {

}

.slogan_block img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.slogan_title {
    font-size: 36px;
    line-height: 48px;
    color: #c60f4d;
    font-family: 'BebasNeue';
    margin-bottom: 30px;
}

/* Главная страница 3 секция */
.main_section_3 {
    overflow: hidden;
    padding: 0;
    padding-top: 0;
    position: relative;
    background-image: url(../images/4_prostokaty.jpg);
    background-size: cover;
}

.main_section_3:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    display: inline-block;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.39);
}

.main_section_3-content .advantage_block {
    display: flex;
    align-items: center;
    padding: 40px;
    /*background: #000;*/
    position: relative;
    /*background: url('../images/advantages/1.png') no-repeat center #000;*/
    background-size: cover;
    height: 350px;
    overflow: hidden;

}

.advantage_block .shadow_text {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 40px;
    line-height: 26px;
    color: #899297;
    background: rgba(0, 0, 0, .6);
    transition: all .2s linear;
}

.advantage_block .body {
    transition: all .2s linear;
    opacity: 1;

}

.advantage_block:hover .body {
    opacity: 0;
}

.advantage_block:hover .shadow_text {
    visibility: visible;
    opacity: 1;
}

.advantage_block .title {
    font-size: 44px;
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    margin: 0;
}

.advantage_block p {
    line-height: 18px;
    color: #fff;
    margin: 0;
}

/* Главная страница секция 4 */
.main_section_4 {
    padding: 0;
    padding-top: 60px;
    padding-bottom: 60px;
}

.title {
    margin-bottom: 60px;
    clear: both;
}

.title h1, .title h2, .title .h1 {
    color: #1d1f20;
    font-size: 44px;
    line-height: 50px;
    font-family: 'BebasNeue';
    text-align: center;
    margin: 0;
}

.title > .line {
    display: block;
    width: 120px;
    height: 3px;
    background: #d00f50;
    margin: 0 auto;
}

.main_section_4 .article {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.main_section_4 .article > div {
    padding: 0;
}

.main_section_4 .article:nth-of-type(even) .img_block {
    order: 1;
}

.main_section_4 .img_block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_section_4 .article .text_block {
    padding: 30px 50px;
    color: #899297;
    line-height: 18px;
    position: relative;
    z-index: 2;
}

.main_section_4 .article .text_block p {
    margin-bottom: 15px;
}

.main_section_4 .article .text_block p:last-of-type {
    margin-bottom: 40px;
}


/* Главная страница секция 5 */

.main_section_5 {
    position: relative;
    padding-top: 60px;
    padding-bottom: 30px;
}


.main_section_5-content {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.video_item {
    margin-bottom: 10px;
}

.video_item img {
    max-width: 100%;
    height: auto;
}

.video_item .img_block {
    margin-bottom: 10px;
}

.video_item .item_title {
    display: block;
    color: #d00f50;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}

.video_item .item_text {
    color: #697585;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}

.video_item .date {
    color: #c2cbd5;
    font-size: 14px;
    line-height: 22px;
}

/* Главная страница секция 6 */
.main_section_6 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.main_section_6-content {
    display: flex;
    align-items: center;
}

.main_section_6-content img {
    display: block;
    max-width: 100%;
}

.main_section_6-content p {
    line-height: 18px;
    color: #899297;
    margin: 0;
    margin-bottom: 15px;
}

/* Главная страница секция 7 */
.main_section_7 {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    color: #fff;
}


#sliderProductNews .item img, .news_slide_gall .item img {
    display: block;
    max-width: 100%;
}

.custom-slider .item img, .news_slide_gall .item img {
    width: 100%;
}

.main_section_7-content, #sliderProductNews,
.custom-slider {
    position: relative;
}

#sliderProductNews > .owl-carousel, .news_slide_gall > .owl-carousel, {
    display: flex;
    align-items: center;
}

#sliderProductNews .nav a, .news_slide_gall .nav a,
.custom-slider .nav a, .news_slide_gall .nav a {
    text-decoration: none;
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background: #cfd4da;
    color: #697585;
    font-size: 30px;
    transition: all .1s linear;
}

#sliderProductNews .nav a:hover, .news_slide_gall .nav a:hover,
.custom-slider .nav a {
    background: #c60f4d;
    color: #fff;
}

.custom-slider .nav a:hover {
    opacity: 0.75;
}

#sliderProductNews .nav a.next, .news_slide_gall .nav a.next,
.custom-slider .nav a.next, .news_slide_gall .nav a.next {
    right: 10px;
}

#sliderProductNews .nav a.prev, .news_slide_gall .nav a.prev,
.custom-slider .nav a.prev, .news_slide_gall .nav a.prev {
    left: 10px;
}


div#sliderSections {
    margin: 50px 0px;
}

div#sliderSections .item h3 {
    position: absolute;
    top: 15px;
    left: 15px;
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 18px;
    color: #000000;
}

@media (max-width: 768px) {
    div#sliderSections .item h3 {
        font-size: 15px;
        line-height: 16px;
    }
}

div#sliderSections .item h3 {

}

div#sliderSections .item {
    background: #FDFDFD;
    box-shadow: 0 0 15px rgba(145, 145, 145, 0.17);
    border-radius: 25px;
    margin-bottom: 15px;

}

/* Главная страница секция 8 */
.main_section_8 {
    padding: 0;
}

.main_section_8-content {
    display: flex;
    flex-wrap: wrap;
}

.main_section_8-content article {
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.main_section_8-content article a {
    display: block;
    width: 100%;
}

.main_section_8-content article:hover h2,
.main_section_8-content article:hover h3 {
    color: #d00f50;
}

.main_section_8-content .cosmetic_category {
    background: url('../images/categories/cosmetic.jpg') no-repeat 100% center;
    background-size: cover;
}

.main_section_8-content .med_category {
    background: url('../images/categories/farma.jpg') no-repeat 100% center;
    background-size: cover;
}

.main_section_8-content .him_category {
    background: url('../images/categories/him.jpg') no-repeat 100% center;
    background-size: cover;
}

.main_section_8-content .product_category {
    background: url('../images/categories/product.jpg') no-repeat 100% center;
    background-size: cover;
}

.main_section_8-content article .text_block {
    padding: 15% 0 15% 30px;
}

.main_section_8-content article h2, .main_section_8-content article h3 {
    font-size: 44px;
    color: #1d1f20;
    text-decoration: underline;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    margin: 0;
    transition: all .1s linear;
}

.main_section_8-content article p {
    line-height: 18px;
    color: #899297;
    margin: 0;
}

/* Главная страница секция 9 */

.main_section_9 {
    padding-top: 60px;
    padding-bottom: 40px;
}

.form_title {
    font-size: 36px;
    color: #697585;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    margin-bottom: 20px;
}

.form_title span {
    color: #d00f50;
}

.input_block {
    position: relative;
    margin-bottom: 20px;
}

.input_block i {
    position: absolute;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    color: #697585;
    font-size: 30px;
    text-align: center;
    line-height: 44px;

}

.input_block input,
.input_block select,
.bx-authform-input-container input[type="text"],
.bx-authform-input-container input[type="password"] {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 44px;
    border: 2px solid #697585;
    font-size: 12px;
    color: #697585;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 50px;
    padding-right: 20px;
    background: transparent;
}

.input_block textarea {
    padding: 12px;
    padding-left: 50px;
    font-size: 12px;
    line-height: 22px;
    color: #697585;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #697585;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 190px;
    resize: none;
    background: transparent;
}

.send_form, .btn-default {
    display: block;
    height: 40px;
    margin: 0 auto;
    background: #697585;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    transition: all .1s linear;
    border-radius: 0;
}

.send_form {
    width: 140px;
    line-height: 38px;

}

.btn-default {
    line-height: 25px;
}

.send_form:hover {
    background: #49515d;
}

.main_section_9 .about {
    text-align: center;
}

.main_section_9 .about .title {
    font-size: 24px;
    color: #697585;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    margin-bottom: 20px;
}

.main_section_9 .about p {
    margin-bottom: 0;
    font-size: 16px;
    color: #697585;
    line-height: 22px;
    margin-bottom: 10px;
}


/* Страница "центр дизайна"   */
.bradcrumbs-block {
    /*background: #edf0f8;*/
}

.bradcrumbs a,
.bradcrumbs span.no-link {
    display: inline-block;
    color: #9e9e9e;
    font-size: 12px;
    text-decoration: underline;
    margin-right: 10px;
}

.bradcrumbs span.no-link {
    cursor: default;
}

.bradcrumbs a::after {
    content: "\2022";
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    font-size: 23px;
    line-height: 5px;
    margin-left: 20px;
}

.baner_section {
    padding: 0;
    position: relative;
}

.baner_section img {
    display: block;
    width: 100%;
    height: auto;
}

.design_section_2 {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.design_section_2-content .text_block {
    color: #34282c;
    line-height: 22px;
}

.design_section_2-content .text_block p {
    margin: 0;
    margin-bottom: 15px;
}

.gallery_section {
    padding-top: 40px;
    padding-bottom: 60px;
    position: relative;
}

.gallery_section-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.gallery_section-content .item {
    margin-bottom: 20px;
}

.gallery_section-content img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.pagination {
    text-align: center;
    cursor: default;
    width: 100%;
}

.pagination a,
.pagination .separ {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    color: #1d1f20;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 2px;
    text-decoration: none;
    transition: all .1s linear;
}

.pagination a:hover {
    background: #caced0;
}

.pagination .next_page,
.pagination .prev_page,
.pagination a.active {
    background: #c60f4d;
    color: #fff;
    margin: 5px 10px;
}

.pagination a.last_page {
    width: auto;
    background: #c60f4d;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.pagination a.last_page::after {
    content: "\2192";
    margin-left: 20px;
    font-size: 20px;
    line-height: 25px;
}

.pagination a.active {
    margin: 5px 2px;
}

.design_section_4 {
    padding-top: 60px;
    padding-bottom: 70px;
    position: relative;
}

.anketa {
    display: flex;
    justify-content: space-between;
    margin-right: -10px;
    margin-left: -10px;
}

.anketa .form_block {
    width: 33.333%;
    padding: 10px;
}

.anketa label {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
}

.anketa label span {
    flex-basis: 130px;
    color: #1d1f20;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
}

.anketa .form_block:nth-of-type(2) label span {
    flex-basis: 90px;
}

.anketa .form_block:nth-of-type(3) label span {
    flex-basis: 90px;
}

.ancket_input {
    flex-grow: 1;
    border: 2px solid #bcbcbc;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    color: #c60f4d;
    font-size: 20px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    background: transparent;
}

.anketa label textarea.ancket_input {
    resize: none;
    height: 155px;
}

.ancket_send {
    display: block;
    width: 170px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    background: #0fc66e;
    transition: all .1s linear;
}

.ancket_send:hover {
    background: #0b9754;

}

.callback_section {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f8faff;
    max-width: 100%;
}

.callback_section .form_title {
    text-align: center;
}

.callback_section-content {
    max-width: 740px;
    margin: 0 auto;
}

.callback_section .input_block textarea {
    height: 110px;
}

/* Страница портфолио  */

.portfolio_section_2 {
    padding: 40px 0;
}

.portfolio_section_2 .row_flex {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.portfolio_section_2 .img_column,
.portfolio_section_2 .text_column {
    padding: 0;
}

.portfolio_section_2 .img_column img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portfolio_section_2 .text_column {
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    align-items: stretch;
}

.portfolio_section_2 .text_inner {
    background: #f5f5f5;
    width: 100%;
    padding: 70px;
}

.portfolio_section_2 .text_inner .title {
    margin: 0;
    font-size: 44px;
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    color: #d00f50;
    margin-bottom: 15px;
}

.portfolio_section_2 .text_inner .title a {
    color: inherit;
    text-decoration: inherit;
}

.portfolio_section_2 .text_inner p {
    font-size: 18px;
    line-height: 30px;
    color: #34282c;
}

.portfolio_section_3 {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.portfolio_section_3 .row_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

.portfolio_section_3 .category_col {
    width: 33.333%;
    padding: 0 15px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}

.portfolio_section_3 .category_col .category {
    text-decoration: none;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 30px;
}

.portfolio_section_3 .category_col .title {
    color: #c60f4d;
    font-size: 24px;
    line-height: 25px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.portfolio_section_3 .category_col .img_block {
    padding: 0;
    width: 100%;
}

.portfolio_section_3 .category_col .img_block img {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
}

/* Новость внутри  */
.new_inside {
    padding-bottom: 40px;
}

.new_inside .img_block img {
    max-width: 100%;
    display: block;
    margin: 10px auto;
    margin-bottom: 60px;
}

.new_inside h2,
.new_inside h3,
.news_brand_section_1 h2,
.news_brand_section_1 h3 {
    text-align: center;
    font-size: 22px;
    color: #1d1f20;
    text-transform: uppercase;
    font-family: 'BebasNeue';
}

.new_inside p,
.news_brand_section_1 p {
    line-height: 22px;
    color: #34282c;
    margin-bottom: 15px;
}


/*  Новости бренд  */

.news_brand_section_1 {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.news_brand_section_2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.news_brand_section_2 .row_flex,
.gallery_section .row_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.news_brand_section_2 .row_flex > div,
.gallery_section .row_flex > div {
    padding: 15px;
}

.new_item {
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    display: block;
}

.new_item img {
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fade_rect {
    height: 400px;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 55px 40px;
}

.fade_rect .inner {
    position: relative;
    max-width: 400px;
    max-height: 180px;
    overflow: hidden;
}

.new_item h2, .new_item h3 {
    color: #fff;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    margin-top: 0;
    transition: all .2s linear;
}

.new_item p, .fade_rect .inner > div {
    color: #fff;
    line-height: 22px;
}

.new_item .label,
a.presentation {
    text-decoration: none;
    display: block;
    position: absolute;
    right: 40px;
    bottom: 40px;
    padding: 0 15px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 42px;
    font-family: 'BebasNeue';
    font-size: 20px;
    background: #c60f4d;
    transition: all .5s;
    z-index: 2;

}

.new_item .label:hover,
a.presentation:hover {

    -webkit-box-shadow: 0px 0px 12px 1px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0px 0px 12px 1px rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 12px 1px rgba(255, 255, 255, 1);
}

.fade_rect::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 200px solid rgba(0, 0, 0, .4);
    border-right: 700px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s linear;
}

.new_item:hover h2, .new_item:hover h3 {
    color: #c60f4d;
}

.new_item:hover .fade_rect::before {
    border-top-color: #000;
}

/* Личный кабинет */
.user_section_1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.profile_settings {
    padding: 40px 0px 20px;
    text-align: center;
}

.profile_settings .links {
    display: inline-block;
    text-align: left;
}

.profile_settings .links a {
    display: block;
    text-decoration: none;
    font-size: 22px;
    text-transform: uppercase;
    color: #1d1f20;
    font-family: 'BebasNeue';
    padding-left: 20px;
    position: relative;
    transition: all .1s linear;
}

.profile_settings .links a .badge {
    color: #bbc3c7;
    margin-left: 15px;
}

.profile_settings .links a:hover {
    color: #c60f4d;
}

.profile_settings .links a.active {
    color: #c60f4d;
    text-decoration: underline;
}

.profile_settings .links a.active::before {
    content: "\2022";
    display: block;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    color: #c60f4d;
}

.person_data {
    background: #f4f4f4;
    padding: 40px 0px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.person_data form {
    width: 550px;

}

.person_data .info {
    width: 100%;
    max-width: 780px;
    padding: 0 30px;
    padding-bottom: 15px;
}

.person_data .user_img_block img {
    display: block;
    max-width: 100%;
    height: auto;
}

.user_info_column {
    overflow: hidden;
}

.user_info {
    width: max-content;
    margin-left: auto;
}

.user_info .line {
    width: max-content;
    margin-bottom: 30px;
    overflow: hidden;
}

.user_info .label {
    width: 130px;
    color: #1d1f20;
    font-size: 22px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    float: left;
}

.user_info .value {
    color: #c60f4d;
    font-size: 22px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    float: left;
}

.person_data label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    clear: both;
}

.person_data label span {
    font-size: 22px;
    text-transform: uppercase;
    color: #1d1f20;
    font-family: 'BebasNeue';
}

.person_data .ancket_input {
    max-width: 360px;
}

a.change_password {
    float: right;
    text-decoration: none;
    display: block;
    width: 160px;
    margin-left: auto;
    margin-bottom: 20px;
    padding: 0 15px;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    font-family: 'BebasNeue';
    font-size: 20px;
    background: #c60f4d;
    transition: all .1s linear;
}

a.change_password:hover {
    background: #970b3b;
}

.person_data .save_data {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    font-family: 'BebasNeue';
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 15px;
    font-size: 20px;
    transition: all .1s linear;
    background: #0fc66e;
}

.change_password_block {
    display: none;
}

.person_data .save_data:hover {
    background: #0b9754;
    transition: all .1s linear;
}

.relative_section {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    clear: both;
}

.relative_section .rect {
    top: 30%;
}

.row_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.relative_section .col {
    width: 16.66666%;
    padding: 5px;
    position: relative;
}


.relative_section .col .item {
    text-decoration: none !important;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    border: 1px solid #fff;
    transition: all .1s linear;
}

.relative_section .col .item:hover {
    border-color: #697585;
}

.relative_section .col .item img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Категории */
.categories_section_1 {
    padding-top: 20px;
    padding-bottom: 60px;
}

.cat_filters_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.cat_filters_block > span {
    color: #d5dbde;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    margin: 0 10px;
}

.cat_filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cat_filters .filter {
    position: relative;
}

.filter > a.filter_name {
    text-decoration: none;
    display: block;
    color: #1d1f20;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    padding: 0 20px;
    padding-right: 50px;
    transition: all .1s linear;
}

.filter > a.filter_name i {
    margin-left: 10px;
    transition: all .3s linear;
    position: absolute;
    right: 20px;
    top: 10px;
}

.filter > a.filter_name:hover {
    background: #bcbcbc;
}

.cat_filters .filter.opened > a.filter_name {
    background: #c60f4d;
    color: #fff;
}

.cat_filters .filter.opened > a.filter_name i {
    transform: rotate(180deg);
}

.filter .drop_ul {
    display: none;
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    padding: 0 20px;
    list-style: none;
    background: #c60f4d;
    min-width: 100%;
}

.filter .drop_ul a {
    white-space: nowrap;
    text-decoration: none;
    color: #1d1f20;
    display: block;
    font-size: 16px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    transition: all .1s linear;
}

.filter .drop_ul a.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.filter .drop_ul a.active {
    color: #fff;
    text-decoration: underline;
}

.filter .drop_ul a:hover {
    color: #fff;
}

.cat_filters_block .show_filters,
.cat_filters_block .reset_filters {
    margin: 0 10px;
    display: block;
    background: #c60f4d;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    padding: 0 20px;
    transition: all .1s linear;
}

.cat_filters_block .reset_filters {
    background: transparent;
    color: #bcbcbc;
    border: 1px solid #bcbcbc;
    min-width: 175px;
}

.cat_filters_block .reset_filters:hover {
    background: #bcbcbc;
    color: #1d1f20;
}

.categories_section_1 .row_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin-right: -20px;
    margin-left: -20px;
    overflow: hidden;
}

.categories .col {
    width: 50%;
    padding: 20px;
}

.categories .cat_item {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    border: 1px solid #fff;
    transition: all .1s linear;
}

.cat_item {
    display: flex;
    flex-wrap: wrap;
}

.cat_item .img_block {
    width: 40%;
}

.cat_item .img_block img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.cat_item .info_block {
    width: 60%;
    padding-left: 20px;
}

.cat_item .item_name {
    display: block;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #1d1f20;
    margin-bottom: 10px;
}

.cat_item .item_cod {
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.cat_item .item_cod .title {
    color: #d00f50;
    font-size: 20px;
}

.cat_item .item_cod .cod {
    font-size: 16px;
    color: #1d1f20;
    margin-left: 5px;
}

.cat_item .buy {
    text-decoration: none;
    display: block;
    float: left;
    background: #c60f4d;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    padding: 0 20px;
    transition: all .1s linear;
}

.cat_item a.buy:hover,
.cat_filters_block .show_filters:hover {
    background: #970b3b;
}

/* Каталог */

.catalog_section_1 {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.catalog_section_1 .row_flex,
.catalog_section_2 .row_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
}

.catalog .col {
    width: 25%;
    padding: 10px;
    padding-bottom: 20px;
}

.catalog .item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
}

.catalog .item .img_block {
    padding: 10px;
    border: 1px solid #fff;
    margin-bottom: 5px;
    overflow: hidden;
    background: #fff;
    position: relative;
    transition: all .1s linear;
}

.catalog .item .img_block:hover {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.75);
}

.catalog .item .img_block .wrap {
    padding-top: 65%;
    position: relative;
}

.catalog .item:hover .img_block {
    border-color: #697585;
}

.catalog .item img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.catalog .item .name {
    color: #d00f50;
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.catalog_section_2 {
    padding-top: 30px;
    padding-bottom: 30px;
}


.catalog_section_1 .catalog .item img {
    object-fit: cover;
}

/*  Видео  */
.video_filters_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.video_filters_block > span {
    color: #d5dbde;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    margin: 0 10px;
}

.video_filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.video_filters a {
    text-decoration: none;
    display: block;
    color: #1d1f20;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    padding: 0 20px;
    margin: 0 5px;
    transition: all .1s linear;
    white-space: nowrap;
}

.video_filters a:hover {
    background: #bcbcbc;
}

.video_filters a.active {
    background: #c60f4d;
    color: #fff;
}

.video_filters_block a.show_all {
    text-decoration: none;
    margin: 0 10px;
    display: block;
    background: #c60f4d;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    padding: 0 20px;
    transition: all .1s linear;
}

/* Карточка */
.card_section_1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.card_section_1 h1, .card_section_1 h2, .card_section_1 .h1 {
    font-size: 44px;
    margin: 0;
    color: #1d1f20;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    line-height: 45px;
    margin-bottom: 80px;
}

.gallery .large_photo {
    position: relative;
    padding-top: 65%;
    border: 1px solid #eff4f7;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(239, 244, 247, 1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(239, 244, 247, 1);
    box-shadow: 0px 0px 10px 1px rgba(239, 244, 247, 1);
    margin-bottom: 20px;
}

.gallery .large_photo img {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prewiews {
    position: relative;
    margin-bottom: 20px;
}

.prewiews .carousel {
    display: flex;
}

.prewiews .item {
    position: relative;
    padding-top: 65%;
    cursor: pointer;
    border: 1px solid #eff4f7;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(239, 244, 247, 1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(239, 244, 247, 1);
    box-shadow: 0px 0px 10px 1px rgba(239, 244, 247, 1);
}

.prewiews .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prewiews a.prev,
.prewiews a.next {
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    text-decoration: none;
    display: flex;
    z-index: 2;
    align-items: center;
    justify-content: center;
    background: #c60f4d;
    color: #fff;
    font-size: 20px;
    transition: all .1s linear;
}

.prewiews a.prev {
    left: 0;
}

.prewiews a.next {
    right: 0;
}

.prewiews a:hover {
    background: #970b3b;
}


.card_form {
    padding: 50px 30px;
    background: #eff4f7;
    margin-bottom: 20px;
}

.count_items_block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.count_items_block > * {
    margin-right: 10px;
    margin-bottom: 5px;
}

.count_items_block > div,
.count_items_block > span {
    opacity: 0;
    pointer-events: none;
}

.show-price .count_items_block > div,
.show-price .count_items_block > span {
    opacity: 1;
    pointer-events: auto;
}

.count_items_block > span,
.checkboxes_block > span,
.h3 {
    color: #1d1f20;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'BebasNeue';
}

.count_items_block .custom_select {
    width: 150px;
}

.custom_select {
    position: relative;
    color: #c60f4d;
}

.custom_select i {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    color: #c60f4d;
    width: 30px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
}

.custom_select_list {
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    list-style: none;
    background: #c60f4d;
}

.custom_select_list a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    font-size: 20px;
    color: #fff;
    padding: 5px 15px;
    transition: all .1s linear;
}

.custom_select_list a:hover {
    background: #ae0d44;
}

.select_inner, input.product-item-amount-field {
    height: 40px;
    width: 100%;
    border: 2px solid #bcbcbc;
    font-size: 20px;
    color: #c60f4d;
    padding: 10px 15px;
    padding-right: 30px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    cursor: pointer;
}

.count_items_block a.add {
    text-decoration: none;
    display: block;
    background: #c60f4d;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    padding: 0 20px;
    transition: all .1s linear;
}

.count_items_block a.add:hover, .bx-blue .btn.btn-default:hover {
    background: #970b3b !important;
}

.chars_list {
    padding: 0;
    margin: 0 auto;
    max-width: 480px;
    list-style: none;
    margin-bottom: 25px;
}

.chars_list span {
    background: #eff4f7;
    position: relative;
    top: 5px;
    padding: 0 5px;
    color: #1d1f20;
    font-size: 14px;
}

.chars_list li {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px dotted #b7c3c8;
}

.char_value.admin {
    color: #c60f4d;
}

.checkboxes_block {
    display: flex;
    flex-wrap: wrap;
}

.checkboxes_block > span {
    white-space: nowrap;
    padding: 10px 0;
    margin-right: 20px;
}

.checkboxes {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.checkboxes label {
    margin-bottom: 10px;
}

.checkboxes .custom_check {
    display: block;
    height: 40px;
    border: 2px solid #bcbcbc;
    font-size: 20px;
    color: #c60f4d;
    padding: 9px 15px;
    line-height: 22px;
    text-transform: uppercase;
    margin-right: 10px;
    font-family: 'BebasNeue';
    cursor: pointer;
    text-align: center;
}

.checkboxes input:checked + .custom_check, .product-item-scu-item-text-container.selected .custom_check {
    background: #c60f4d;
    border-color: #c60f4d;
    color: #fff;
}

.order_block {
    overflow: hidden;
    margin-top: 40px;
}

.order_btn {
    display: block;
    float: left;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    font-size: 20px;
    transition: all .1s linear;
    background: #0fc66e;
}

.card_form .order_btn:hover {
    background: #0b9754;
}

.order_block a.to_faworites {
    float: left;
    display: block;
    height: 40px;
    padding: 10px 15px;
    color: #c60f4d;
    text-decoration: none;
}

.order_block a.to_faworites i {
    margin-right: 10px;
}

.order_block span {
    float: left;
    display: block;
    height: 40px;
    padding: 10px 15px;
    color: #1d1f20;
}

.frames_block {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.frames_block .video {
    width: 50%;
    padding: 0 10px;
}

.frames_block .video iframe {
    width: 100%;
    height: 220px;
    border: none;
}

/* Контакты */

.video_block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;

}

.video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

a.presentation {
    position: absolute;
    z-index: 3;
    right: auto;
    top: auto;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    transition: all .1s linear;
}

a.presentation:hover {
    background: #970b3b;
}

.contact_section_2, .sectionPadding {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.contact_section_2 .row_flex {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.contact_section_2 .adress_block {
    background: #f4f4f4;
    height: 100%;
}

.map_block {
    width: 100%;
    position: relative;
}

.map_block > div {

}

.adres_info {
    padding: 30px;
    padding-bottom: 60px;
}

.adress_block .name {
    font-size: 22px;
    line-height: 22px;
    color: #c60f4d;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    margin-bottom: 15px;
}

.adress_block .adress {
    line-height: 22px;
    color: #1d1f20;
    margin-bottom: 15px;
}

.adress_block img.way {
    display: block;
    max-width: 100%;
    margin-bottom: 15px;
}

.adress_block .contact_info {
    line-height: 22px;
    color: #1d1f20;
}

.adress_block .contact_info a {
    color: #1d1f20;
}

.work_time {
    margin-top: 30px;
}

.work_time .weekend {
    color: #c60f4d;
}

/* Страница заказа */
.order_section_1 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.order_section_1 h1, .order_section_1 h2, .order_section_1 .h1 {
    font-size: 44px;
    margin: 0;
    color: #1d1f20;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    line-height: 45px;
    margin-bottom: 20px;
}

.order_table {
    border-radius: 15px;
    border: 1px solid #dbaabb;
    overflow: hidden;
    margin-bottom: 45px;
}

.order_table_header {
    background: #fff5f8;
    color: #c60f4d;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    border-bottom: 1px solid #dbaabb;
    padding: 10px 25px;
}

.order_table_body {
    padding: 0 20px;
}

.order_item {
    border-bottom: 1px solid #dbaabb;
    padding: 20px 0;
}

.order_item:last-of-type {
    border: none;
}

.order_item > div,
.order_table_header > div {
    padding: 0;
}

.order_item .img_block {
    width: 160px;
    height: 160px;
    padding: 10px;
    border: 1px solid #dbaabb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order_item .img_block img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.order_item .order_text {
    padding-top: 20px;
    font-weight: bold;
    font-size: 18PX;
    color: #1d1f20;
}

.order_item .order_counter {
    font-weight: bold;
    z-index: 1000;
    font-size: 18px;
    color: #1d1f20;
    margin-top: 20px;
    padding: 0;
    width: 150px;
    position: relative;
}

.order_item .order_counter input {
    display: block;
    width: 100%;
    padding: 0 15px;
    padding-right: 40px;
}

.order_item .order_counter .controls {
    display: block;
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.order_item .order_counter .controls a {
    display: block;
    font-size: 14px;
    line-height: 10px;
    text-decoration: none;
    text-align: center;
    color: #c60f4d;
}

.order_item .order_counter .controls a:hover {
    background: #f8faff;
}

.order_item .order_text {
    font-size: 16px;
}

.order_form label {
    display: block;
    margin-bottom: 10px;
}

.order_form label span {
    font-size: 24px;
    color: #1d1f20;
    text-transform: uppercase;
    font-family: 'BebasNeue';
}

.order_form label i {
    color: #c60f4d;
    margin-left: 5px;
    margin-top: 3px;
    font-size: 12px;
    display: inline-block;
    vertical-align: text-top;
}

.order_form input {
    display: block;
    width: 100%;
}

.order_form input::-webkit-input-placeholder {
    color: #c60f4d;
    opacity: .5;
}

.order_form input::-moz-placeholder {
    color: #c60f4d;
    opacity: .5;
}

.order_form input:-ms-input-placeholder {
    color: #c60f4d;
    opacity: .5;
}

.order_form input:-moz-placeholder {
    color: #c60f4d;
    opacity: .5;
}

.order_form textarea {
    display: block;
    resize: none;
    width: 100%;
    height: 300px;
}

.order_form_send {
    clear: both;
    overflow: hidden;
}

.order_form .reset,
.order_form .save {
    display: block;
    float: left;
    width: 105px;
    text-align: center;
    text-decoration: none;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    font-size: 20px;
    transition: all .1s linear;
    background: #bcbcbc;
    margin-bottom: 10px;
    margin-right: 10px;
}

.order_form .save {
    width: auto;
    background: #697585;
}

.order_form .reset:hover {
    background: #697585;
}

.order_form .save:hover {
    background: #49515d;
}

.order_form .send {
    display: block;
    float: left;
    width: 105px;
    text-align: center;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    font-size: 20px;
    transition: all .1s linear;
    background: #0fc66e;
    margin-bottom: 10px;
    margin-right: 10px;
}

.order_form .send:hover {
    background: #0b9754;
}

.policy_block {
    padding: 10px 0;
}

.policy_block label {
    cursor: pointer;
}

.policy_block label p {
}

.policy_block label .custom_check {
    float: left;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    border: 1px solid #c60f4d;
    overflow: hidden;
}

.agree:checked + .custom_check {
    background: #c60f4d;
}

.agree:checked + .custom_check::before {
    content: "\2713";
}

/* Страница превью */
.prewiew_baner_section img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
}

.title_line {
    padding: 20px;
    background: #c60f4d;
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    text-align: center;
}

.brands_preview_section {
    background: #eff4f7;
    padding-top: 60px;
    padding-bottom: 80px;
}

.brands_preview_section-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
}

.brand_col {
    width: 33.333%;
    text-align: center;
    margin-bottom: 10px;
}

.brand_col .brand_img {
    margin-bottom: 10px;
}

.brand_col .brand_img img {
    display: block;
    max-width: 250px;
    margin: 0 auto;
}

.brand_col .text {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #1d1f20;
    margin-bottom: 10px;
}

.brand_col .brand_link {
    text-decoration: none;
    display: block;
    width: 180px;
    height: 40px;
    padding: 7px;
    text-align: center;
    background: #c60f4d;
    color: #fff;
    margin: 0 auto;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    transition: all .1s linear;
}

.brand_col .brand_link:hover {
    background: #970b3b;
}


.text-shadow {
    color: #bbbcc0;
    font-size: 44px;
    line-height: 44px;
    font-family: 'BebasNeue';
    text-shadow: 10px 0px 2px rgba(150, 150, 150, .1),
    20px 0px 2px rgba(150, 150, 150, .1),
    30px 0px 2px rgba(150, 150, 150, .1);
}

/* Футер */


footer {
    background: url(../images/footer_bg.jpg) center #2f343b;
    background-size: cover;
    padding-top: 25px;
    padding-bottom: 25px;
}

.footer_content {
    display: flex;
    justify-content: space-between;
}

.footer_ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_ul a {
    color: #c1c1c1;
    font-size: 14px;
    line-height: 26px;
}

.footer_ul a:hover {
    color: #fff;
}

.footer_title {
    font-size: 18px;
    line-height: 22px;
    color: #e4e4e4;
    text-transform: uppercase;
    font-family: 'BebasNeue';
    margin-bottom: 14px;
}

.footer_search {
    width: 260px;
    position: relative;
}

.footer_search input.footer_input {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 34px;
    padding-left: 15px;
    padding-right: 42px;
    font-size: 12px;
    color: #cfd4da;
    background: #586370;
    border-radius: 18px;
}

.footer_input::-webkit-input-placeholder {
    color: #cfd4da;
}

.footer_input::-moz-placeholder {
    color: #cfd4da;
}

.footer_input:-ms-input-placeholder {
    color: #cfd4da;
}

.footer_input:-moz-placeholder {
    color: #cfd4da;
}

.footer_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #cfd4da;
    color: #586370;
    text-align: center;
    line-height: 33px;
    transition: all .1s linear;
}

.footer_btn:hover {
    background: #d00f50;
    color: #fff;
}

.footer_contacts a {
    display: block;
    color: #c1c1c1;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    text-decoration: none;
}

.footer_contacts .text {
    padding: 0px 25px;
    margin-bottom: 25px;
}

.footer_contacts a:hover {
    color: #fff;
}

.footer_social_block {
    cursor: pointer;
    text-align: center;
}

.footer_social_block a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #5d6977;
    color: #5d6977;
    margin: 5px;
    transition: all .1s linear;
}

.footer_social_block a:hover {
    background: #5d6977;
    color: #fff;
}

div#windowRight {
    background-color: #fff;
    position: fixed;
    border-radius: 15px;
    padding: 10px 15px;
    right: 20px;
    border: 1px solid #e1e1e1;
    z-index: 100000;
    width: 250px;
    bottom: 20px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.14);
}

#windowRight.hide {
    display: none;
}

.windowHead {
    color: #c60f4d;
    margin-bottom: 10px;
    font-weight: 600;
}


.windowText {
    font-size: 12px;
    color: #2f2d3d;
}

.windowText p {
    margin: 0;
}

.windowText p.center {
    text-align: center;
}

.windowText a {
    color: #c60f4d;
}


@media screen and (min-width: 1200px) {
    .person_data form {
        width: 80%;
    }

    .person_data label {
        display: block;
    }

    .person_data label span {
        display: block;
    }

    .person_data .ancket_input {
        width: 100%;
        max-width: 100%;
    }

    .footer_content {
        width: 100%;
        margin: 0;
    }

    .anketa label {
        display: block;
    }

    .anketa label span {
        display: block;
    }

    .anketa label .ancket_input {
        width: 100%;
    }

    .user_info {
        width: 100%;
        margin: 0;
    }

    .user_info .value,
    .user_info .label {
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .main_section_8-content article {
        width: 100%;
    }

    .brand_col {
        width: 100%;
        padding: 20px;
    }

    .prewiew_baner_section,
    .prewiew_baner_section > div {
        padding: 0;
    }

    .mobile_menu {
        display: block;
    }

    .cat_filters,
    .video_filters {
        width: 100%;
        margin: 10px 0;
    }

    .categories .col {
        width: 100%;
    }

    .relative_section .col {
        width: 33.3333%;
    }

    .upper_header .right,
    .lower_header_block {
        display: none;
    }

    .header_search {
        width: 100%;
    }

    .upper_header .hamb, .header_search-btn {
        display: inline-block;
    }

    .baner_section {
        height: auto;
        background: #d5dbde;
    }

    .portfolio_section_3 .category_col .category {
        padding: 30px 15px;
    }

    body {
        padding-top: 82px;
    }

    .footer_content {
        flex-wrap: wrap;
    }

    .main_section_5-content {
        justify-content: center;
    }

    .main_section_1 {
        background-image: none;
    }

    .main_section_1-content > div {
        width: 100%;
    }

    .main_section_1 .carousel_block {
        max-width: 100%;
        text-align: center;
    }

    .main_section_1 .carousel_block .controlls {
        justify-content: center;
    }

    .main_section_1 a.read_more {
        margin: 0 auto;
    }

    .footer_list_block {
        display: none;
    }

    .main_section_2-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .rect {
        display: none;
    }

    .relative_section .col {
        width: 25%
    }

    .relative_section .col:nth-child(n+5) {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    section.masthead-video-wrap {
        height: calc(90vh - 137px);

    }

    .categories .col {
        width: 100%;
    }

    .footer_content {
        flex-direction: column;
        align-items: center;
    }

    footer .logo_2,
    .footer_search {
        margin-bottom: 15px;
    }

    .main_section_6-content img {
        display: none;
    }

    .main_section_1-content {
        min-height: calc(100vh - 83px);
        padding: 20px 0;
    }

    .main_section_1-content .scroll_bot {
        display: none;
    }

    .main_section_2-content {
        padding: 20px;
    }

    .catalog .col {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    div#bx-soa-total-mobile {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .cat_item .img_block, .cat_item .info_block {
        width: 100%;
    }

    .footer_contacts {
        text-align: center;
    }

    .upper_header {
        min-height: 60px;
    }

    .main_section_1-content {
        min-height: 400px !important;
    }

    .main_section_1 {
        background-size: cover !important;
        max-height: 400px;
    }

    .main_section_1 .owl-carousel .owl-item {
        background-color: #ffffffa6;
        padding: 15px;
    }

    .contact_section_2 .adress_block {
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        flex-wrap: wrap-reverse;
        -webkit-flex-wrap: wrap-reverse;
    }

    .relative_section .col {
        width: 50%
    }

    .relative_section .col:nth-child(n+3) {
        display: none;
    }

    .anketa {
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .anketa .form_block {
        width: 100%;
    }

    .form_block.textarea_block {
        width: 100%;
    }

    .portfolio_section_3 .category_col {
        width: 100%;
    }

    .relative_section .col {
        width: 50%;
    }

    .catalog .col {
        width: 100%;
    }

    .video_filters,
    .cat_filters {
        justify-content: flex-start;
    }

    .video_filters a,
    .cat_filters .filter {
        width: 100%;
        margin: 0;
    }

    .card_section_1 h1,
    .title h1, .title h2, .title .h1 {
        font-size: 35px;
        line-height: 38px;
    }

    .card_section_1 h1,
    .title {
        margin-bottom: 15px;
    }

    .person_data .user_img_block img {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .user_info .line {
        width: 100%;
        text-align: center;
    }

    .main_section_8-content article a {
        background-image: none !important;
    }

    .main_section_8-content article {
        background: #f5f6f7 !important;
    }

    .main_section_8-content article:nth-of-type(odd) {
        background: #eceeef !important;
    }

    .main_section_8-content article .text_block {
        padding: 30px;
    }
}

@media screen and (max-width: 610px) {
    body {
        padding-top: 85px;
    }

    .header_note {
        height: 113px;
    }
}

@media screen and (max-width: 480px) {
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .frames_block .video {
        width: 100%;
    }

    .cat_filters .filter,
    .video_filters a {
        width: 100%;
    }

    .cat_filters_block .show_filters,
    .cat_filters_block .reset_filters {
        width: 100%;
        margin: 5px 0 0 0;
    }

    .logo {
        margin-right: 0;
    }

    .logo img,
    .logo_2 img {
        max-width: 60%;
    }

    .logo_2 img {
        display: block;
        margin: 0 auto;
    }

    .count_items_block > * {
        width: 100% !important;
    }
}

@media screen and (max-width: 240px) {
    .cat_item .img_block {
        display: none;
    }

    .cat_item .info_block {
        width: 100%;
    }
}

.has-error {
    border-color: #a94442 !important;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}

.bx-blue .btn.btn-default {
    text-decoration: none;
    /* display: block; */
    background: #c60f4d !important;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 42px;
    font-family: 'BebasNeue';
    text-transform: uppercase;
    padding: 0 20px;
    border: 0;
    transition: all .1s linear;
}

ul#vertical-multilevel-menu > li {
    list-style: none;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

ul#vertical-multilevel-menu {
    padding: 0;
    list-style: none;
}

ul#vertical-multilevel-menu > li > ul {
    max-height: 0px;
    overflow: hidden;
    padding: 0;
    transition: all 1s;
    right: 0;
    z-index: 10;
    top: 54px;
    background-color: #c60f4d;
    /* width: 190px; */
    position: absolute;
    min-width: 100%;
}

ul#vertical-multilevel-menu > li:hover > ul {
    max-height: 999px;
}

.order_item .order_counter label > span {
    position: absolute;
    right: 40px;
    top: 0;
}

.user_links > div {
    display: inline-block;
    vertical-align: middle;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.bx-authform {
    display: inline-block;
}

.alert {
    border: none;
    border-radius: 1px;
    padding: 15px;
    margin-bottom: 20px;
}

.bxe-aleft-title {
    font-weight: bold;
    padding-bottom: 5px;
}

.alert-success {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.alert-warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}

.alert-danger {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}

.categories_section_favorite {
    padding: 0;
}

body > font.tablebodytext {
    display: none;
}

form#formContactData .inputWrap {
    margin-bottom: 15px;
}

.order_item .order_text textarea {
    width: 100%;
    height: 70px;
}

.card_section_1 section.baner_section {
    margin-top: 30px;
}

.order_item .order_text .btn {
    display: inline-block;
}

form#profile-form-shiping .result {
    display: inline-block;
    width: 100%;
}

div#preview {
    position: fixed;
    overflow: auto;
    top: 0;
    z-index: 100;
    bottom: 0;
    background-color: #eff4f7;
    left: 0;
    width: 100%;
}

body.preview {
    /*overflow: hidden;*/
}

form#designCenterData .inputWrap {
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

.filter .drop_ul a.selected {
    color: #fff;
}

.alert font.errortext {
    color: inherit;
}

.carousel_block a.read_more {
    margin-top: 15px;
}

section.masthead-video-wrap {
    height: 300px;
    height: calc(100vh - 137px);
    max-height: 820px;
}

article.article a.read_more {
    margin-top: 15px;
}

body {
    overflow: auto !important;
    height: auto !important;
}

.count_items_block a.add {
    position: relative;
}

.count_items_block a.add .product-avalible-container:before {
    content: '';
    width: 10px;
    z-index: -2;
    margin-right: -5px;
    height: 10px;
    position: absolute;
    right: 50%;
    top: -5px;
    background-color: #c60f4d;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.count_items_block a.add .product-avalible-container {
    position: absolute;
    background-color: #c60f4d;
    height: 26px;
    font-size: 15px;
    width: 80%;
    z-index: 10;
    left: 10%;
    line-height: 30px;
    color: #fff;
    top: 125%;
    z-index: 1;
}

/*
.product-item-label-text {
    background-color: #c60f4d;
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    left: 0;
    top: 0;
    position: absolute;
}*/
.cat_item .img_block {
    position: relative;
}

.cr {
    width: 200px;
    padding: 10px;
    position: absolute;
    text-align: center;
    color: #f0f0f0;
    z-index: 2;
}

.cr-sticky {
    position: absolute;
}

/* Positions */

.cr-top {
    top: 25px;
}

.cr-bottom {
    bottom: 25px;
}

.cr-left {
    left: -50px;
}

.cr-right {
    right: -50px;
}

/* Rotations */

.cr-top.cr-left,
.cr-bottom.cr-right {
    transform: rotate(-45deg);
}

.cr-top.cr-right,
.cr-bottom.cr-left {
    transform: rotate(45deg);
}

/* Colors */

.cr-white {
    background-color: #f0f0f0;
    color: #444;
}

.cr-black {
    background-color: #333;
}

.cr-grey {
    background-color: #999;
}

.cr-blue {
    background-color: #39d;
}

.cr-green {
    background-color: #2c7;
}

.cr-turquoise {
    background-color: #1b9;
}

.cr-purple {
    background-color: #95b;
}

.cr-red {
    background-color: #c60f4d;
}

.cr-orange {
    background-color: #e82;
}

.cr-yellow {
    background-color: #ec0;
}

.categories .col {
    position: relative;
    overflow: hidden;
}

.categories .cat_item {
    position: relative;
    overflow: hidden;
}

.product-item-label-text {
    z-index: 2;
}

.header_contacts_en a {
    color: #fff;
}

.header_contacts_en {
    margin-top: 5px;
    margin-right: 15px;
}

.header_contacts_en svg {
    vertical-align: sub;
}

.news_brand_section_1 p {
    font-size: 17px;
}

.news_brand_section_1 h2 {
    font-size: 25px;
}

.mobileSearch {
    z-index: -1;
    top: -100px;
    transition: all .5s;
    position: absolute;
    background-color: #eff4f7;
    width: 100%;
    padding: 15px;
    left: 0;
    border-top: 1px solid #594f54;
    border-bottom: 1px solid #594f54;
}

.mobileSearch.active {
    top: 58px;
}

div#bx-soa-total {
    z-index: 0;
}

.arrow_box .in {
    color: black;
    text-shadow: none;
    padding: 1vw;
    overflow: auto;
    height: 20vw;
}

.arrow_box {
    position: relative;
    background: #ffffff;
    border: 4px solid #cfcfcf;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}

.arrow_box:before {
    border-color: rgba(207, 207, 207, 0);
    border-bottom-color: #cfcfcf;
    border-width: 36px;
    margin-left: -36px;
}

.politika {
    top: 114%;
    left: 15%;
    width: 100%;
    padding-top: 2vw;
    display: none;
}

form[data-send] .alert-success {
    margin: auto;
    background-color: #ffffff;
    border: #c60f4d 2px solid;
    text-align: center;
    font-weight: bold;
    max-width: 500px;
    color: #c60f4d;
    border-radius: 10px;
}

.btn-primary {
    background-color: #c60f4d !important;
    border-color: #c60f4d !important;
}

.personal-order-item-order-change-payment {
    display: none;
}


/* Disable prices */
/*.price,
.basket-coupon-block-total-price-current,
.basket-item-price-current-text,
.basket-checkout-block-total-description,
#price_matrix_title,
[data-entity="price-ranges-body"] {
	display: none!important;
}*/

.basket-items-list-item-warning-container {
    width: 100%;
    clear: both;
    position: fixed;
    z-index: 10000;
    top: 50px;
    left: 0;
}

input[name="captcha_word"] {
    margin: 10px 0;
    max-width: 180px;
    border: 2px #697