@charset 'UTF-8';
/* exo-regular - latin */
@font-face
{
    font-family: 'Exo';
    font-weight: 400;
    font-style: normal;

    src: url('../fonts/Exo/exo-v9-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Exo Regular'), local('Exo-Regular'), url('../fonts/Exo/exo-v9-latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo/exo-v9-latin-regular.woff2') format('woff2'), url('../fonts/Exo/exo-v9-latin-regular.woff') format('woff'), url('../fonts/Exo/exo-v9-latin-regular.ttf') format('truetype'), url('../fonts/Exo/exo-v9-latin-regular.svg#Exo') format('svg');
    /* Legacy iOS */
}

/* exo-500 - latin */
@font-face
{
    font-family: 'Exo';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/Exo/exo-v9-latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Exo Medium'), local('Exo-Medium'), url('../fonts/Exo/exo-v9-latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo/exo-v9-latin-500.woff2') format('woff2'), url('../fonts/Exo/exo-v9-latin-500.woff') format('woff'), url('../fonts/Exo/exo-v9-latin-500.ttf') format('truetype'), url('../fonts/Exo/exo-v9-latin-500.svg#Exo') format('svg');
    /* Legacy iOS */
}

/* exo-700 - latin */
@font-face
{
    font-family: 'Exo';
    font-weight: 700;
    font-style: normal;

    src: url('../fonts/Exo/exo-v9-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Exo Bold'), local('Exo-Bold'), url('../fonts/Exo/exo-v9-latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo/exo-v9-latin-700.woff2') format('woff2'), url('../fonts/Exo/exo-v9-latin-700.woff') format('woff'), url('../fonts/Exo/exo-v9-latin-700.ttf') format('truetype'), url('../fonts/Exo/exo-v9-latin-700.svg#Exo') format('svg');
    /* Legacy iOS */
}

/* exo-900 - latin */
@font-face
{
    font-family: 'Exo';
    font-weight: 900;
    font-style: normal;

    src: url('../fonts/Exo/exo-v9-latin-900.eot');
    /* IE9 Compat Modes */
    src: local('Exo Black'), local('Exo-Black'), url('../fonts/Exo/exo-v9-latin-900.eot?#iefix') format('embedded-opentype'), url('../fonts/Exo/exo-v9-latin-900.woff2') format('woff2'), url('../fonts/Exo/exo-v9-latin-900.woff') format('woff'), url('../fonts/Exo/exo-v9-latin-900.ttf') format('truetype'), url('../fonts/Exo/exo-v9-latin-900.svg#Exo') format('svg');
    /* Legacy iOS */
}

/* roboto-regular - cyrillic_latin */
@font-face
{
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;

    src: url('../fonts/Roboto/roboto-v20-cyrillic_latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-regular.woff2') format('woff2'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-regular.woff') format('woff'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-regular.ttf') format('truetype'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-700 - cyrillic_latin */
@font-face
{
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;

    src: url('../fonts/Roboto/roboto-v20-cyrillic_latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-700.woff2') format('woff2'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-700.woff') format('woff'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-700.ttf') format('truetype'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-700.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* roboto-500 - cyrillic_latin */
@font-face
{
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/Roboto/roboto-v20-cyrillic_latin-500.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-500.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-500.woff2') format('woff2'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-500.woff') format('woff'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-500.ttf') format('truetype'), url('../fonts/Roboto/roboto-v20-cyrillic_latin-500.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/* source-sans-pro-regular - cyrillic_latin */
@font-face
{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;

    src: url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-regular.woff2') format('woff2'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-regular.woff') format('woff'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-regular.ttf') format('truetype'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-regular.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}

/* source-sans-pro-600 - cyrillic_latin */
@font-face
{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-style: normal;

    src: url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-600.eot?#iefix') format('embedded-opentype'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-600.woff2') format('woff2'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-600.woff') format('woff'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-600.ttf') format('truetype'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-600.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}

/* source-sans-pro-700 - cyrillic_latin */
@font-face
{
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-style: normal;

    src: url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-700.eot?#iefix') format('embedded-opentype'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-700.woff2') format('woff2'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-700.woff') format('woff'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-700.ttf') format('truetype'), url('../fonts/Source Sans Pro/source-sans-pro-v13-cyrillic_latin-700.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}

/* main style start */
html,
body
{
    margin: 0;
    padding: 0;

    background-color: #f0f0f0;
}

body:active,
:hover,
:focus
{
    outline: 0;
    outline-offset: 0;
}

.body-ov-hid
{
    overflow: hidden;
}

.container
{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}

.link
{
    text-decoration: none;
}

.product-el-img-color,
.content-block-all-width,
.contact-jbl-content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tel-tb,
.email-tb,
.clock-tb,
.contetn-header,
.content-right,
.content-left,
.menu-list,
.content-s-one,
.content-block,
.catalog-el-st-row,
.catalog-el-st-row-left,
.owl-nav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-left a,
.catalog-el-st,
.catalog-el-st-top,
.catalog-el-st-bottom,
.content-left-pr-pg,
.main-photo,
.owl-prev,
.owl-next,
.secction-404,
.secction-404 .content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
lable
{
    font-family: Roboto, sans-serif;
}

p,
td
{
    font-family: Source Sans Pro, sans-serif;
}

a,
span
{
    font-family: Source Sans Pro, sans-serif;

    text-decoration: none;
}

li
{
    list-style-type: none;
}

main
{
    padding: 0 0 50px 0;
}

.go-to-up
{
    position: fixed;
    right: 20px;
    bottom: 20px;

    cursor: pointer;
}

.btn-go-to-up
{
    width: 50px;
    height: 50px;

    cursor: pointer; 

    border: none;
    background: url('../img/icon/chevron-up.svg') center center no-repeat;
    background-color: #111;
    background-size: 60%;
}

.btn-go-to-up:hover
{
    background-color: #e01e3c;
}

/* main style finish */
.content-tb
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.content-tb a,
.content-tb p
{
    font-size: 16px;

    margin: 10px 0; 

    color: #fff;
}

.content-tb a
{
    cursor: pointer;
}

.tel-tb-link-i
{
    font-size: .5px;

    margin-right: 5px; 
    padding: 7.5px;

    content: '';

    color: #fff;
    background: url('../img/icon/call-answer.svg') center center no-repeat;
    background-size: cover;
}

.email-tb-link-i
{
    font-size: .5px;

    margin-right: 5px; 
    padding: 7.5px;

    content: '';

    color: #fff;
    background: url('../img/icon/envelope.svg') center center no-repeat;
    background-size: cover;
}

.clock-tb-link-i
{
    font-size: .5px;

    margin-right: 5px; 
    padding: 7.5px;

    content: '';

    color: #fff;
    background: url('../img/icon/clock-circular-outline.svg') center center no-repeat;
    background-size: cover;
}

.footer .tel-tb-link:hover,
.footer .email-tb-link:hover
{
    color: #e01e3c;
}

.header
{
    padding: 10px 0;

    background-color: #212121;
}

.fixed
{
    position: fixed;
    z-index: 99; 
    top: 0;
    left: 0;

    width: 100%;
}

.menu-list
{
    margin: 0;
    padding: 0;
}

.menu-item-list
{
    margin-right: 20px;

    text-align: center;

    color: #212121;
}

.menu-item-list-link
{
    font-size: 16px;
    font-weight: 500;

    letter-spacing: 1px; 
    text-transform: uppercase;

    color: #fff;
}

.menu-item-list:hover .menu-item-list-link
{
    color: #e01e3c;
}

.content-right button
{
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 5px 10px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #fff;
    border: 2px solid #e01e3c;
    border-radius: 30px;
    background-color: #e01e3c;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-right button p
{
    margin: 0;
}

.content-right button:hover
{
    color: #fff; 
    border: 2px solid #831728;
    background-color: #831728;
}

.content-left a
{
    line-height: 70px; 

    width: 70px;
    height: 70px;

    text-align: center;
}

.content-left a img
{
    width: 70%;
    height: 70%;
}

.menu-item-list
{
    position: relative;
}

.menu .menu-item-list:hover .menu-item-list-link:after
{
    position: absolute;
    bottom: -10px;
    left: 50%;

    width: 60%;
    height: 2px;
    margin-left: -30%;

    content: '';

    background: #e01e3c;
}

.menu-social-phone
{
    font-size: 20px; 
    line-height: 30px !important;

    width: 30px;
    height: 30px;
    margin-right: 10px;

    text-align: center;

    color: #e01e3c;
    border-radius: 50%;
    background-color: #fff;
}

.modal-menu-btn
{
    display: none;
}

.modal-menu-btn
{
    position: relative;
    z-index: 201;

    display: none;

    width: 40px;
    height: 40px;
    margin-right: 10px; 

    cursor: pointer;
}

.modal-menu-btn span
{
    position: absolute;

    width: 35px;
    height: 2.5px;

    -webkit-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;

    opacity: 1;
    border-radius: 60px;
    background: #fff;
}

.modal-menu-btn span:nth-child(1)
{
    top: 30%;
    left: 5%;
}

.modal-menu-btn span:nth-child(2)
{
    top: 50%;
    left: 5%;
}

.modal-menu-btn span:nth-child(3)
{
    top: 50%;
    left: 5%;
}

.modal-menu-btn span:nth-child(4)
{
    top: 70%;
    left: 5%;
}

.modal-menu-btn:hover span:nth-child(1)
{
    top: 35%;
}

.modal-menu-btn:hover span:nth-child(4)
{
    top: 65%;
}

.modal-mobile-menu
{
    position: fixed;
    z-index: 199;
    top: 0;
    left: 0;

    display: none;
    overflow: auto;

    width: 100%;
    height: 100vh;

    background-color: white;
}

.modal-mobile-menu-open
{
    display: block;
}

.menu-mobil-list
{
    margin: 0;
    padding: 0;
}

.menu-mobil-list li
{
    margin: 7px 0;

    list-style-type: none;
}

.menu-mobil-list a
{
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;

    text-decoration: none;

    color: #212121;
}

.menu-mobil-list-item a:hover
{
    text-decoration: none; 

    color: #e01e3c;
}

.btn-download-mobil:hover a
{
    color: #fff;
}

.container-menu-mobil
{
    margin: 0;
    padding: 0;
}



.logo-link-menu-mobil
{
    margin-bottom: 20px;
}

.header-open-modal-menu
{
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;

    width: 100%;

    -webkit-box-shadow: none;
            box-shadow: none;
}

.modal-menu-btn span
{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.modal-menu-burger:nth-child(1)
{
    display: none;
}

.modal-menu-burger:nth-child(2)
{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.modal-menu-burger:nth-child(3)
{
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.modal-menu-burger:nth-child(4)
{
    display: none;
}

.container-menu-mobil
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-one
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 750px;

    background: url('../img/images/main-top.jpg') center center no-repeat;
    background-size: cover;
}

.section-one:after
{
    position: absolute;
    right: 30px;
    bottom: -10px;

    display: block;

    content: url('../img/images/so-after.png');
    -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
            transform: rotate(-30deg);
}

.section-one:before
{
    position: absolute;
    top: -100px;
    left: 20px;

    display: block;

    width: 30%;

    content: url('../img/images/so-before.png');
    -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
            transform: rotate(20deg);
}

.section-one h1
{
    font-size: 46px;

    margin: 0;

    color: #fff;
}

.section-one p
{
    font-size: 24px;

    margin-top: 0; 

    color: #fff;
}

.section-one a
{
    font-size: 18px;
    font-weight: 600;

    padding: 10px 30px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    letter-spacing: .8px;

    color: #fff;
    border: 2px solid #e01e3c;
    border-radius: 30px; 
    background-color: #e01e3c;
}

.content-right-so-btn-block
{
    margin-top: 20px;
}

.content-right-so-link-2
{
    border: 2px solid #fff !important;
    background: none !important;
}

.content-right-so-link-2:hover
{
    color: #e01e3c !important; 
    border: 2px solid #fff !important;
    background: #fff !important;
}

.section-one a:hover
{
    color: #fff;
    border: 2px solid #831728; 
    background-color: #831728;
}

.container-so
{
    height: 100%;
}

.content-s-one
{
    height: 100%;
}

.content-right-so
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-right-so > div
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 200px;
    margin: -5% 0 0 0;
    padding: 20px;

    border-radius: 5px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-left-so
{
    position: relative;

    max-width: 500px;
}

.content-left-so img
{
    position: absolute;
    top: -245px;
    right: 0;

    -webkit-animation: beats 3s ease infinite;
            animation: beats 3s ease infinite;
}

.content-s-one
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@-webkit-keyframes beats
{
    0%
    {
        top: -245px;
    }
    50%
    {
        top: -290px;
    }
    100%
    {
        top: -245px;
    }
}

@keyframes beats
{
    0%
    {
        top: -245px;
    }
    50%
    {
        top: -290px;
    }
    100%
    {
        top: -245px;
    }
}

.secction-two
{
    padding-top: 50px;
}

.content-block-catalog
{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.catalog-el-st
{
    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease; 
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.catalog-el-st
{
    max-width: 310px;
    max-height: 480px;
    margin: 20px; 
    padding: 40px 20px 20px 20px;

    background: #fff;
}

.catalog-el-st-top
{
    width: 100%;
    height: 250px;
}

.catalog-el-st-bottom
{
    width: 100%;
    height: 180px;
}

.catalog-el-st-img
{
    width: 100%;
    height: 200px;
}

.catalog-el-st-title
{
    font-size: 20px;

    margin-bottom: 10px; 

    text-align: center;
    text-transform: uppercase;

    color: #212121;
}

.catalog-el-st-description
{
    font-size: 16px;

    max-width: 80%;
    margin: 0 auto; 

    text-align: center;

    color: #212121;
}

.catalog-el-st-price
{
    font-family: Exo, sans-serif;
    font-size: 20px;
    font-weight: 700; 

    text-align: center;

    color: #e01e3c;
}

.catalog-el-st-price span
{
    font-size: 18px; 

    margin-right: 20px;

    text-decoration: line-through;

    color: #212121;
}

.content-s-two > h2
{
    font-size: 40px;
    font-weight: 700;

    margin: 20px auto;

    text-align: center;
    letter-spacing: -1px; 
    text-transform: uppercase;
}

.catalog-el-st:hover
{
    -webkit-box-shadow: -2px 8px 27px 2px rgba(0, 0, 0, .2);
            box-shadow: -2px 8px 27px 2px rgba(0, 0, 0, .2);
}

.best-seller:before
{
    font-family: Source Sans Pro, sans-serif;
    font-size: 16px;
    font-weight: 600;

    position: absolute;
    top: 15px;
    right: 15px;

    width: auto;
    height: auto;
    padding: 5px;

    z-index: 9;

    content: 'Бестселлер';

    color: #e01e3c;
}

.sell-out:before
{
    font-family: Source Sans Pro, sans-serif;
    font-size: 16px;
    font-weight: 600;

    position: absolute;
    top: 15px;
    right: 15px;

    width: auto;
    height: auto;
    padding: 5px;
    
    z-index: 9;

    content: 'Распродажа';

    color: #e01e3c;
}

.sale:after
{
    font-family: Source Sans Pro, sans-serif;
    font-size: 16px;
    font-weight: 700;

    position: absolute;
    top: 15px;
    left: 15px;

    width: auto;
    height: auto;
    padding: 5px 10px;

    content: '-15%';

    z-index: 9;
    
    color: #fff;
    border: 2px solid #e01e3c;
    border-radius: 20px;
    background: #e01e3c;
}

.m20.sale:after
{
    content: '-20%' !important;
}

.m25.sale:after
{
    content: '-25%' !important;
}

.m30.sale:after
{
    content: '-35%' !important;
}

.product-el-img-color
{
    width: 100%;
    margin: 0;
    padding: 0;
}

.product-color
{
    width: 20px;
    height: 20px;
    margin: 0 5px;

    cursor: pointer; 

    border: 2px solid #fff;
    border-radius: 50%;
    background: red;
}

.product-color-black
{
    background: black;
}

.product-color-blue
{
    background: blue;
}

.product-color-green
{
    background: green;
}

.product-color-red
{
    background: red;
}

.product-color-squad
{
    background: url('../img/images/catalog/Squad-square.png') center center no-repeat;
    background-size: cover;
}

.content-block-all-width
{
    position: relative; 

    max-width: 100%;
    height: 550px;
    margin: 20px;
    padding: 20px;

    background: #fff;
}

.catalog-el-st-row-left
{
    width: 50%;
    height: 100%;
}

.catalog-el-st-row-right
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 50%;
    height: 100%;
    padding-left: 30px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.catalog-el-st-row-left img
{
    width: 100%;
    height: 100%;
}

.catalog-el-st-row-right .catalog-el-st-title
{
    font-size: 40px;

    text-align: left;
}

.catalog-el-st-title
{
    margin-top: 20px;
}

.catalog-el-st-row-right .catalog-el-st-description
{
    font-size: 18px;

    margin: 0; 

    text-align: left;
}

.catalog-el-st-row-right .catalog-el-st-price
{
    font-size: 30px;

    text-align: left;
}

.catalog-el-st-row-right .catalog-el-st-price span
{
    font-size: 24px;
}

.catalog-el-st-row-right .product-el-img-color
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 20px; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-el-st-description a
{
    color: #e01e3c;
}

.catalog-el-st-btn
{
    font-size: 20px;
    font-weight: 600;
    line-height: 20px; 

    padding: 15px 30px;

    color: #fff;
    border: 2px solid #e01e3c;
    border-radius: 30px;
    background: #e01e3c;
}

.catalog-el-st-btn:hover
{
    color: #fff; 
    border: 2px solid #831728;
    background-color: #831728;
}

.countdown-title
{
    font-size: 40px;
    font-weight: 100;

    margin: 40px 0 20px; 

    color: #396;
}

.countdown
{
    font-family: sans-serif;
    font-size: 24px;
    font-weight: 100;

    position: absolute;
    bottom: 0;
    left: 10px;

    display: inline-block;

    margin: 20px 0; 

    text-align: center;

    color: #fff;
}

.countdown-number
{
    display: inline-block; 

    padding: 10px;

    border-radius: 3px;
}

.countdown-time
{
    display: inline-block;

    width: 34px; 
    padding: 7.5px;

    border-radius: 3px;
    background: #e01e3c;
}

.countdown-text
{
    font-size: 14px;

    display: block;

    padding-top: 5px;

    color: #212121;
}

.countdown h6
{
    font-size: 20px;

    margin: 0 0 0 10px; 

    text-align: left;

    color: #212121;
}

.link-to-go
{
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;

    position: absolute;
    z-index: 2; 
    top: 30%;

    display: none;

    margin: 0 auto;
    padding: 15px 30px;

    color: #fff;
    border: 2px solid #e01e3c;
    border-radius: 30px;
    background: #e01e3c;
}

.link-to-go:hover
{
    color: #fff; 
    border: 2px solid #831728;
    background-color: #831728;
}

.back-call-modal,
.order-in-one-click-modal
{
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;

    display: none;
    overflow-y: scroll; 

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .6);
}

.back-call-modal .container,
.order-in-one-click-modal .container
{
    display: block;
}

.content-back-call,
.content-order-in-one-click
{
    position: relative;

    max-width: 400px;
    min-height: 300px;
    margin: 10% auto 10% auto;
    padding: 20px;

    border-radius: 10px;
    background-color: #fff;
}

.modal-mobile-menu-form,
.form-order-in-one-click
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
}

.content-back-call .btn-close-modal,
.content-order-in-one-click .btn-close-modal
{
    line-height: 30px;

    position: absolute;
    top: 5px;
    right: 5px;

    width: 30px;
    height: 30px;

    cursor: pointer;
    -webkit-transition: all .3s linear;
         -o-transition: all .3s linear;
            transition: all .3s linear; 
    text-align: center;

    color: #212121;
    border-radius: 50%;
}

.content-back-call .btn-close-modal:hover,
.content-order-in-one-click .btn-close-modal:hover
{
    color: #fff; 
    background: #e01e3c;
}

.content-back-call h4
{
    font-size: 24px;

    text-align: center;
}

.content-back-call h6
{
    font-size: 16px;

    margin: 0;
}

.content-back-call input:not(.back-call__button),
.form-order-in-one-click input:not(.button-order-in-one-click)
{
    font-size: 14px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin: 10px 0;
    padding: 10px 10px 10px 15px;

    -webkit-transition: all .5s linear;
         -o-transition: all .5s linear;
            transition: all .5s linear;

    border: 1px solid #e01e3c;
    border-radius: 30px;
}

.back-call__button,
.button-order-in-one-click
{
    font-size: 16px;
    font-weight: 700;

    margin-top: 30px;
    padding: 10px; 

    cursor: pointer;
    letter-spacing: 1px;

    color: #fff;
    border: none;
    border-radius: 30px;
    background: #e01e3c;
}

.content-back-call input:focus
{
    border: 1px solid #e01e3c;
    background: #fff;
}

.content-back-call .back-call__button:focus
{
    border: 1px solid #e01e3c;
    background: #831728;
}

.back-call__button:hover,
.button-order-in-one-click:hover
{
    background: #831728;
}

.form-order-in-one-click h4
{
    font-size: 24px;

    margin: 20px 0 20px 0;
}

.form-order-in-one-click .info-order-in-one-click
{
    font-size: 18px;
    font-weight: 700; 

    margin: 0;
}

.form-order-in-one-click hr
{
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

.form-order-in-one-click hr:first-child
{
    margin-top: 20px;
}

.form-order-in-one-click hr:last-child
{
    margin-bottom: 20px;
}

.title-order-in-one-click,
.color-order-in-one-click,
.number-order-in-one-click
{
    color: #fff; 
    background: #e01e3c;
}

.footer
{
    padding: 50px 0; 

    background-color: #111;
}

.footer .contetn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.block-under-footer
{
    padding: 20px 0;

    background-color: #212121;
}

.block-under-footer-des
{
    font-size: 14px;

    margin: 0;
    padding: 0;

    text-align: center; 

    color: #fff;
}

.block-under-footer-link
{
    color: #e01e3c;
}

.block-under-footer-link:hover
{
    color: #831728;
}

.footer .content-center h4,
.footer .content-right h4
{
    font-size: 20px;

    margin: 0 0 20px 0; 

    color: #fff;
}

.footer-menu-list
{
    margin: 0; 
    padding: 0;
}

.footer-menu-item-list
{
    margin: 10px 0;
}

.footer-menu-item-list-link
{
    color: #fff;
}

.footer-menu-item-list-link:hover
{
    color: #e01e3c;
}

.footer .content-right
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.privacy-policy h1
{
    font-size: 34px;

    color: #212121;
}

.privacy-policy p
{
    font-size: 18px;

    opacity: .9; 
    color: #212121;
}

.privacy-policy h3
{
    font-size: 24px;

    color: #212121;
}

.privacy-policy ul
{
    margin: 0; 
    padding: 0;
}

.privacy-policy li
{
    font-family: Source Sans Pro, sans-serif;
    font-size: 18px;

    margin: 5px 0; 

    opacity: .9;
    color: #212121;
}

.main.main-contact-page
{
    padding: 0;
}

.contact-jbl
{
    padding: 100px 0;

    background: url('../img/images/189.jpg') center center no-repeat;
    background-size: cover;
}

.contact-jbl-content
{
    width: 100%;
    min-height: 550px;

    background: #e01e3c;
    -webkit-box-shadow: 0 0 36px 0 rgba(50, 50, 50, .6);
            box-shadow: 0 0 36px 0 rgba(50, 50, 50, .6);
}

.contact-jbl-content-left
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 40%;
    min-height: 550px;
    padding: 20px;

    background: #e01e3c;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contact-jbl-content-right
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 60%;
    min-height: 550px;
    padding: 20px;

    background: #fff; 

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contact-jbl-content-left h1
{
    font-size: 36px;

    margin-top: 20px; 
    margin-bottom: 100px;

    color: #fff;
}

.contact-jbl-content-left a,
.contact-jbl-content-left p
{
    font-size: 24px;
}

.contact-jbl-content-left i
{
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.form-contact-page
{
    width: 100%;
}

.form-contact-page div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 20px 0; 

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-contact-page label
{
    font-family: Source Sans Pro, sans-serif;
    font-size: 18px;
    font-weight: 600;

    display: block;

    width: 100px; 

    opacity: .8;
    color: #212121;
}

.form-contact-page input,
.form-contact-page textarea
{
    width: 70%;
    height: 30px;
    margin-left: 40px;
    padding: 0 10px;

    border: 1px solid #e01e3c; 
    border-radius: 30px;
}

.form-contact-page textarea
{
    height: 70px;
    padding: 20px 10px;

    resize: none; 

    border-radius: 20px;
}

.form-contact-page-btn
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

    width: 100%;

    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-flow: row nowrap !important;
        flex-flow: row nowrap !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.form-contact-page-btn input
{
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;

    display: block;

    width: 200px;
    height: 45px;

    cursor: pointer; 

    color: #fff;
    border: 2px solid #e01e3c;
    border-radius: 40px;
    background: #e01e3c;
}

.form-contact-page-btn input:hover
{
    color: #fff; 
    border: 2px solid #831728;
    background-color: #831728;
}

.form-contact-page-des
{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;

    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-flow: row nowrap !important;
        flex-flow: row nowrap !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.contact-jbl-content-right p
{
    width: 100%;
    margin: 0; 
    padding: 0;

    text-align: right;
}

.contact-jbl-content-right h2
{
    font-size: 36px;

    margin: 20px 0 40px 0; 
    padding: 0;
}

.section-one-d
{
    width: 100%;
    height: 500px;

    background: url('../img/images/delivery.jpg') center center no-repeat;
    background-size: cover;
}

.container-so-d
{
    height: 100%;
}

.content-so-d
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-so-d h1
{
    font-size: 70px;
    font-weight: 900;
    line-height: 70px;

    margin: -50px 0 0 0;
    padding: 0;

    letter-spacing: -3.5px; 
    text-transform: uppercase;

    color: #161616;
}

.section-two-d
{
    padding: 100px 0;
}

.content-st-d
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-st-d-right
{
    max-width: 500px;
}

.content-st-d-right h2
{
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;

    color: #161616;
}

.content-st-d-right p
{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.content-pr-pg
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 50px;
    padding: 40px 40px 20px 40px;

    border-radius: 10px; 
    background: #fff;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.container-producte-page
{
    max-width: 1400px;
}

.content-right-pr-pg,
.content-left-pr-pg
{
    width: 50%;
}

.content-right-pr-pg
{
    margin-left: 30px;
}

.main-photo
{
    position: relative;
}

.main-photo img
{
    width: 80% !important;
    max-height: 500px; ;
    margin: 0 auto;
}

.block-content-text h1
{
    font-size: 50px;

    margin-bottom: 5px;
}

.block-content-text p
{
    font-size: 16px;

    width: 80%;
}

.block-content-text .catalog-el-st-price
{
    font-size: 28px;

    text-align: left;
}

.block-content-text .catalog-el-st-price span
{
    font-size: 24px;
}

.btn-order-in-one-click
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 40px; 

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.block-content-text .catalog-el-st-description
{
    font-weight: 700;

    margin: 0;

    text-align: left;

    opacity: .7;
}

.block-content-text .text-top
{
    margin-bottom: 25px;
}

.owl-nav
{
    line-height: 30px;

    position: absolute;
    top: 45%;
    left: 0;

    width: 100%;
    margin: 0 !important;
}

.owl-prev span,
.owl-next span
{
    font-size: 70px;

    display: block;

    width: 40px;
    height: 40px;

    text-align: center; 

    color: #bdbdbd;
}

.owl-prev,
.owl-next
{
    line-height: 20px;

    text-align: center;
}

.owl-theme .owl-nav [class*=owl-]:hover
{
    background: none !important;
}

.owl-prev span:hover,
.owl-next span:hover
{
    color: #212121;
}

.content-pr-pg .owl-theme .owl-nav [class*=owl-]
{
    margin: 0 !important;
}

.content-pr-pg.sale:after,
.content-pr-pg.best-seller:before
{
    z-index: 5;
}

.content-pr-pg .owl-dots
{
    margin-top: 20px;
}

.content-right-pr-pg-color .color-block
{
    line-height: 30px;

    display: inline-block;

    height: 30px;
    margin-right: 10px;
    padding: 2.5px 4px;

    cursor: pointer; 
    text-decoration: none;

    border: 1px solid #fff;
    border-radius: 10px;
}

.color
{
    position: relative;
}

.selected-color .color:after
{
    position: absolute;
    z-index: 3;
    top: 5px;
    left: 5px;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease; 

    border-radius: 50%;
    background: #fff;
}

.selected-color .color-white:after,
.selected-color .color-yellow:after
{
    background: #e01e3c;
}

.content-right-pr-pg-color .color-block .color
{
    margin-right: 5px;
    padding: 0 10px;

    border-radius: 50%;
}

.content-right-pr-pg-color .color-block .color-text
{
    font-weight: 700; 

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;

    color: #161616;
}

.color-black
{
    background: black;
}

.color-red
{
    background: red;
}

.color-white
{
    background: white;
    -webkit-box-shadow: 0 0 13px 0 rgba(50, 50, 50, .45);
            box-shadow: 0 0 13px 0 rgba(50, 50, 50, .45);
}

.color-blue
{
    background: blue;
}

.color-yellow
{
    background: yellow;
}

.color-gold
{
    background: url('../img/color/gold.png') center center no-repeat;
}

.color-titan
{
    background: #a7a7a7;
}

.color-gray
{
    background: gray;
}

.color-silver
{
    background: silver;
}

.color-lilac
{
    background: #b59fdd;
}

.color-gold-black
{
    background: url('../img/color/gold-black.png') center center no-repeat;
}

.content-right-pr-pg-color h6
{
    font-size: 16px;
    font-weight: 700;

    margin: 20px 0 10px 0; 

    opacity: .7;
}

.value-producte-block
{
    margin-top: 30px;
}

.value-producte-block .value-minus,
.value-producte-block .value-plus
{
    font-size: 40px;
    font-weight: 700;

    display: block;

    width: 30px;
    height: 30px;

    color: #fff;
    border-radius: 50%; 
    background: #e01e3c;
}

.content-right-pr-pg-bottom
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content-right-pr-pg-bottom .catalog-el-st-price
{
    width: 47%; 
    margin: 0;
}

.value-producte-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 100px;
    margin: 0; 
    margin-top: 30px;
    padding: 2.5px 3.5px;

    border-radius: 10px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.value-producte-block .value-minus,
.value-producte-block .value-plus
{
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;

    display: block;

    width: 30px;
    height: 30px;

    cursor: pointer; 
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background: #e01e3c;
}

.value-producte-block .value-main
{
    font-weight: 700;

    width: 20px;
    margin: 0 10px;

    text-align: center;
}

.value-producte-container h6
{
    font-size: 16px;
    font-weight: 700;

    margin: 20px 0 10px 0; 

    opacity: .7;
}

.content-right-pr-pg-sale
{
    font-size: 36px;

    color: #e01e3c;
}

.cart-price-block
{
    margin-top: 10px;
}

.cart-price-block .r-sale,
.cart-price-block .r-base
{
    font-weight: 700;
}

.cart-price-block .r-sale,
.cart-price-block .content-right-pr-pg-sale,
.catalog-el-st-price
{
    font-size: 28px;
}

.catalog-el-st-price
{
    margin-top: 10px;
}

.cart-price-block .r-base,
.cart-price-block .content-right-pr-pg-base
{
    font-size: 20px;
}

.content-right-pr-pg-base-c
{
    margin-right: 5px;
}


.r-sale
{
    font-size: 34px;

    margin-right: 2.5px; 

    color: #e01e3c;
}

.content-right-pr-pg-base
{
    font-size: 26px;

    margin-right: 20px;

    text-decoration: line-through; 

    color: #000;
}

.r-base
{
    font-size: 26px;

    text-decoration: line-through; 

    color: #000;
}

.catalog-el-st-price-pr-pg
{
    font-family: Exo, sans-serif;
    font-weight: 700;

    text-align: left; 

    color: #e01e3c;
}

.owl-item
{
    max-height: 500px;
}

.content-specifications
{
    margin-top: 20px; 
    padding: 40px;

    border-radius: 10px;
    background-color: #fff;
}

.content-specifications h6
{
    font-size: 30px;
    font-weight: 700;

    margin: 0 auto;
    margin-bottom: 25px; 

    text-align: center;
}

.table-specifications
{
    width: 100%; 

    border-spacing: 0;
}

.table-specifications-block td
{
    padding: 10px;

    cursor: pointer; 

    color: #212121;
    border-bottom: none;
}

.table-specifications-block td:first-child
{
    font-weight: 600; 

    width: 60%;
}

.table-specifications-block td:last-child
{
    width: 40%;
}

.table-specifications-block:hover
{
    background: #eee;
}

.table-specifications-block:hover td
{
    color: #e01e3c;
}

.back-call-modal,
.order-in-one-click-modal
{
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;

    display: none;
    overflow-y: scroll; 

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .6);
}

.modal-mobile-menu-form,
.form-order-in-one-click
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
        flex-flow: column wrap;
}

.content-back-call .btn-close-modal,
.content-order-in-one-click .btn-close-modal
{
    line-height: 30px;

    position: absolute;
    top: 5px;
    right: 5px;

    width: 30px;
    height: 30px;

    cursor: pointer;
    -webkit-transition: all .3s linear;
         -o-transition: all .3s linear;
            transition: all .3s linear; 
    text-align: center;

    color: #212121;
    border-radius: 50%;
}

.content-back-call .btn-close-modal:hover,
.content-order-in-one-click .btn-close-modal:hover
{
    color: #fff; 
    background: #e01e3c;
}

.content-back-call h4
{
    font-size: 24px;

    text-align: center;
}

.content-back-call h6
{
    font-size: 16px;

    margin: 0;
}

.content-back-call input:not(.back-call__button),
.form-order-in-one-click input:not(.button-order-in-one-click)
{
    font-size: 14px;

    margin: 10px 0;
    padding: 10px 10px 10px 15px;

    -webkit-transition: all .5s linear;
         -o-transition: all .5s linear;
            transition: all .5s linear;

    border: 1px solid #e01e3c;
    border-radius: 30px;
}

.back-call__button,
.button-order-in-one-click
{
    font-size: 16px;
    font-weight: 700;

    margin-top: 30px;
    padding: 10px; 

    cursor: pointer;
    letter-spacing: 1px;

    color: #fff;
    border: none;
    border-radius: 30px;
    background: #e01e3c;
}

.back-call__button:hover,
.button-order-in-one-click:hover
{
    background: #831728;
}

.form-order-in-one-click h4
{
    font-size: 24px;

    margin: 20px 0 20px 0;
}

.form-order-in-one-click .info-order-in-one-click
{
    font-size: 18px;
    font-weight: 700; 

    margin: 0;
}

.form-order-in-one-click hr
{
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

.form-order-in-one-click hr:first-child
{
    margin-top: 20px;
}

.form-order-in-one-click hr:last-child
{
    margin-bottom: 20px;
}

input:readonly
{
    color: #fff; 
    background: #e01e3c;
}

.secction-404
{
    height: 60vh;
}

.secction-404 h1
{
    font-size: 34px;

    margin: 0; 

    color: #212121;
}

.secction-404 p
{
    font-size: 18px;

    margin: 10px 0; 

    opacity: .9;
    color: #212121;
}

.secction-404 a
{
    padding-bottom: 2.5px; 

    color: #e01e3c;
}

.secction-404 a:hover
{
    color: #831728;
}


.secction-four
{
    margin: 75px 0 25px 0;
}

.secction-four .container > h2
{
    font-size: 40px;
    font-weight: 700;

    margin: 20px auto 40px auto;

    text-align: center;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.info-about-mag-container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.info-about-mag-block
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 45%;
    min-height: 150px;
    margin: 20px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
}

.info-about-mag-block span
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75px;
    height: 75px;
    padding: 15px;

    border: 1px solid #bdbdbd;
    border-radius: 50%;
}

.info-about-mag-block span img
{
    width: 40px;
    height: 40px;
}

.info-about-mag-block-content
{
    margin-left: 20px;
}

.info-about-mag-block-content h6
{
    font-size: 20px;
    font-weight: 500;

    margin: 0 0 20px 0;

    color: #212121;
}

.info-about-mag-block-content p
{
    font-size: 16px;

    color: #212121;
}

.secction-three
{
    width: 100%;
    height: 550px;
    margin: 75px 0;

    background: url('../img/images/main.jpg') center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.secction-three .container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.secction-three .container h2
{
    font-size: 54px;
    font-weight: 700;
    line-height: 54px;

    margin: 20px 0;

    letter-spacing: -1px;
    text-transform: uppercase;

    color: #fff;
}
.secction-three .container p
{
    font-size: 28px;

    max-width: 500px;
    margin: 0;

    color: #fff;
}

.send-mail-message {
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    color: #e01e3c;
    font-weight: 700;
    line-height: 250px;
}

.content-order-in-one-click > div {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    margin-top: 25%;
}

.content-order-in-one-click > div > h5 {
    line-height: 28px;
}