/* FONTS */

@font-face
{
    font-family: 'PFBeauSansPro Bbook';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bbook-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bbook-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-bbook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Bbook';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bbookitalic-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bbookitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-bbookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Black';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-blackitalic-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Semi';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-semibolditali-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-semibolditali-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-semibolditali-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-italic-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Thin';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-thinitalic-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Black';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-black-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Thin';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-thin-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-thin-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Light';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-lightitalic-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bold-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-regular-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Semi';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-semibold-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-semibold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro Light';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-light-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro XThin';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-xthin-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-xthin-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-xthin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro XThin';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-xthinitalic-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-xthinitalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-xthinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face
{
    font-family: 'PFBeauSansPro';
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bolditalic-webfont.eot');
    src: url('fonts/PFBeauSansPro/pfbeausanspro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/PFBeauSansPro/pfbeausanspro-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
*/
@font-face
{
    font-family: 'fontello';
    src: url('fonts/font/fontello.eot');
    src: url('fonts/font/fontello.eot#iefix') format('embedded-opentype'),
        url('fonts/font/fontello.woff2') format('woff2'),
        url('fonts/font/fontello.woff') format('woff'),
        url('fonts/font/fontello.ttf') format('truetype'),
        url('fonts/font/fontello.svg#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*
html, body
{
    height: 100%;
    font-family: 'PFBeauSansPro', 'Arial';
}
a
{
    color: #1576ad;
}
a:hover
{
    color: #349bd5;
    text-decoration: none;
}
.dash 
{
    display: inline-block; 
    padding: 7px 5px; 
    position: relative; 
    border-radius: 5px; 
    font-size: 43px; 
    line-height: 38px; 
    height: 76px; 
    overflow: hidden;
}
.dash .digit 
{
    position: relative; 
    display: inline-block;
    width: 29px; 
    height: 39px;
    vertical-align: top;
    color: white;
    font-family: Arial;
    font-size: 30px;
    font-weight: bold;
    text-align: center; 
    background: transparent url(images/bg_digit.png) no-repeat; 
}
.dash_title 
{
    display: block;	
    width: 100%; 
    font-size: 12px; 
    font-weight: normal; 
    text-align: center; 
    line-height: 18px;
}
*/
.spacer
{
    clear: both;
}
.spacer:after
{
    content: "";
    display: block;
    clear: both;
}
.red-text
{
    color: #CE2424;
}
#how {
    position: relative;
    padding: 60px 0;
/*     background: #f3c24d; */
    text-align: center;
}
.no-center {
  text-align: left !important;
  text-transform: uppercase;
}
#how h2 {
  color: black;
  font-size: 26px;
  font-weight: bold;
  font-family: "Nunito";
}

#how .title {
    font-family: "Nunito";
    margin-bottom: 72px;
    font-size: 26px;
    font-weight: bold;
}

#how iframe {
    width: 100%;
    max-width: 100%;
    height: 295px;
}

#how .big iframe {
    height: 427px;
}

@media (max-width: 991px) {
    #how iframe {
        width: 560px;
        height: 315px !important;
    }
}

/*
#how:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    z-index: 10;
    width: 100%;
    height: 55px;
    background: linear-gradient(to bottom right, transparent, transparent 50%, #f3c24d 50.01%, #f3c24d);
}
*/

/*
#how:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    z-index: 10;
    width: 100%;
    height: 45px;
    background: linear-gradient(to top right, transparent, transparent 50%, #f3c24d 50.01%, #f3c24d);
}
*/

/* BTNS */
.btn
{
    padding: 7px 13px;
    border: 0;
    border-radius: 5px;
    color: #FFF;
    font: 16px "PFBeauSansPro Bbook";
    text-decoration: none;
    text-transform: uppercase;
    /**background: rgb(120,120,120);
    background: -moz-linear-gradient(top,  rgba(120,120,120,1) 0%, rgba(97,97,97,1) 17%, rgba(83,83,83,1) 36%, rgba(77,77,77,1) 56%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(97,97,97,1) 17%,rgba(83,83,83,1) 36%,rgba(77,77,77,1) 56%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom,  rgba(120,120,120,1) 0%,rgba(97,97,97,1) 17%,rgba(83,83,83,1) 36%,rgba(77,77,77,1) 56%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#4c4c4c',GradientType=0);*/
    background: rgb(211,86,71);
    background: -moz-linear-gradient(top,  rgba(211,86,71,1) 0%, rgba(204,58,41,1) 17%, rgba(199,39,20,1) 39%, rgba(197,33,13,1) 61%, rgba(197,32,12,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(211,86,71,1) 0%,rgba(204,58,41,1) 17%,rgba(199,39,20,1) 39%,rgba(197,33,13,1) 61%,rgba(197,32,12,1) 100%);
    background: linear-gradient(to bottom,  rgba(211,86,71,1) 0%,rgba(204,58,41,1) 17%,rgba(199,39,20,1) 39%,rgba(197,33,13,1) 61%,rgba(197,32,12,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35647', endColorstr='#c5200c',GradientType=0);
}
.btn:hover
{
    color: #FFF;
    background: rgb(245,81,62);
    background: -moz-linear-gradient(top, rgba(245,81,62,1) 0%,rgba(239,67,45,1) 34%,rgba(241,93,74,1) 61%,rgba(252,119,104,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,81,62,1) 0%,rgba(239,67,45,1) 34%,rgba(241,93,74,1) 61%,rgba(252,119,104,1) 100%);
    background: linear-gradient(to bottom, rgba(245,81,62,1) 0%,rgba(239,67,45,1) 34%,rgba(241,93,74,1) 61%,rgba(252,119,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35647', endColorstr='#c5200c',GradientType=0);
}
.btn--red
{
    color: #FFF;
    background: rgb(211,86,71);
    background: -moz-linear-gradient(top,  rgba(211,86,71,1) 0%, rgba(204,58,41,1) 17%, rgba(199,39,20,1) 39%, rgba(197,33,13,1) 61%, rgba(197,32,12,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(211,86,71,1) 0%,rgba(204,58,41,1) 17%,rgba(199,39,20,1) 39%,rgba(197,33,13,1) 61%,rgba(197,32,12,1) 100%); 
    background: linear-gradient(to bottom,  rgba(211,86,71,1) 0%,rgba(204,58,41,1) 17%,rgba(199,39,20,1) 39%,rgba(197,33,13,1) 61%,rgba(197,32,12,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35647', endColorstr='#c5200c',GradientType=0);
}
.btn--red:hover
{
    background: rgb(120,120,120);
    background: -moz-linear-gradient(top,  rgba(120,120,120,1) 0%, rgba(97,97,97,1) 17%, rgba(83,83,83,1) 36%, rgba(77,77,77,1) 56%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(97,97,97,1) 17%,rgba(83,83,83,1) 36%,rgba(77,77,77,1) 56%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom,  rgba(120,120,120,1) 0%,rgba(97,97,97,1) 17%,rgba(83,83,83,1) 36%,rgba(77,77,77,1) 56%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#4c4c4c',GradientType=0);
}
.btn--blue
{
    color: #FFF;
    background: rgb(39, 182, 237);
    background: -moz-linear-gradient(top,  rgb(39, 182, 237) 0%, rgb(31, 147, 192) 17%, rgba(26,126,165,1) 39%, rgba(24,116,152,1) 61%, rgba(23,114,149,1) 100%);
    background: -webkit-linear-gradient(top,  rgb(39, 182, 237) 0%,rgb(31, 147, 192) 17%,rgba(26,126,165,1) 39%,rgba(24,116,152,1) 61%,rgba(23,114,149,1) 100%); 
    background: linear-gradient(to bottom,  rgb(39, 182, 237) 0%,rgb(31, 147, 192) 17%,rgba(26,126,165,1) 39%,rgba(24,116,152,1) 61%,rgba(23,114,149,1) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d35647', endColorstr='#c5200c',GradientType=0);*/
}
.btn--blue:hover
{
    background: rgb(120,120,120);
    background: -moz-linear-gradient(top,  rgba(120,120,120,1) 0%, rgba(97,97,97,1) 17%, rgba(83,83,83,1) 36%, rgba(77,77,77,1) 56%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(120,120,120,1) 0%,rgba(97,97,97,1) 17%,rgba(83,83,83,1) 36%,rgba(77,77,77,1) 56%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom,  rgba(120,120,120,1) 0%,rgba(97,97,97,1) 17%,rgba(83,83,83,1) 36%,rgba(77,77,77,1) 56%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#4c4c4c',GradientType=0);
}
.btn--block
{
    display: block;
    text-align: center;
}
.btn--icn
{
    padding-left: 30px;
}
.btn .micon-paper-plane-empty
{
    position: relative;
    display: inline-block;
    margin-right: 10px;
}


/* FULL BTN */
.full-btn
{
    display: block;
    height: 70px;
    color: #fff;
    font-size: 24px;
    text-decoration: underline;
    text-transform: uppercase;
    line-height: 69px;
    background: rgb(63,153,202);
    background: -moz-linear-gradient(top,  rgba(63,153,202,1) 0%, rgba(55,144,194,1) 22%, rgba(22,111,161,1) 75%, rgba(12,101,151,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(63,153,202,1) 0%,rgba(55,144,194,1) 22%,rgba(22,111,161,1) 75%,rgba(12,101,151,1) 100%);
    background: linear-gradient(to bottom,  rgba(63,153,202,1) 0%,rgba(55,144,194,1) 22%,rgba(22,111,161,1) 75%,rgba(12,101,151,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f99ca', endColorstr='#0c6597',GradientType=0);
    text-align: center;
}
.full-btn:hover
{
    color: #fff;
}
.full-btn--orange
{
    background: #FFA800;
}
@media (max-width: 540px)
{
    .full-btn
    {
        height: 50px;
        font-size: 16px;
        line-height: 50px;
    }
}


/* FONTS ICONS */
[class^="micon-"]:before, [class*=" micon-"]:before
{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.micon-vkontakte:before {content: '\e800';}
.micon-up-open-big:before {content: '\e801';}
.micon-down-open-big:before {content: '\e802';}
.micon-map:before {content: '\e803';}
.micon-right-open-big:before {content: '\e804';}
.micon-left-open-big:before {content: '\e805';}
.micon-basket:before {content: '\e806';}
.micon-doc-text-inv:before {content: '\e807';}
.micon-sale:before { content: '\e808'; }
.micon-phone:before { content: '\e809'; }
.micon-paper-plane-empty:before { content: '\e80a'; }
.micon-clock-1:before { content: '\e80b'; }
.micon-tag:before { content: '\e80c'; }
.micon-cancel:before { content: '\e80d'; }
.micon-usloviya:before { content: '\e80f'; }


/* TYPH */
.block-title
{
    padding: 60px 0 80px;
    color: #fff;
    font-family: "Nunito";
    font-weight: bold;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
}
#gallery .block-title {
  color: black;
}
.block-title--white
{
    color: #FFF;
}
@media (max-width: 1200px)
{
    .block-title
    {
        padding: 40px 0 40px;
        font-size: 35px;
    }
}
@media (max-width: 992px)
{
    .block-title
    {
        padding: 25px 0 20px;
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .block-title
    {
        padding: 15px 0 10px;
    }
}

.small-title
{
    color: #515151;
    font: 30px "PFBeauSansPro Semi";
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.small-title--white
{
    color: #FFF;
}
.small-title--gray
{
    color: #3A3A37;
}
@media (max-width: 991px)
{
    .small-title
    {
        font-size: 23px;
    }
}
@media (max-width: 640px)
{
    .small-title
    {
        font-size: 20px;
    }
}

/* SCROLL BTN */
.up-btn
{
    position: fixed;
    right: 5px;
    bottom: 5px;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    z-index: 999;
    color: #FFF;
    font-size: 35px;
    line-height: 58px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.up-btn:hover
{
    background: rgba(0,0,0,1);
}

@media (max-width: 460px)
{
    .up-btn
    {
        width: 40px;
        height: 40px;
        font-size: 25px;
        line-height: 38px;
    }
}


/* SLIDER */
.slider-wrap
{
    padding-left: 50px;
    padding-right: 50px;
}
.slider-wrap .owl-prev,
.slider-wrap .owl-next
{
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 60px;
    font-weight: normal;
    margin: auto;
    color: rgba(0,0,0,0.5);
    opacity: 1;
}
.slider-wrap .owl-prev:hover,
.slider-wrap .owl-next:hover
{
    color: rgba(0,0,0,0.7);
}
.slider-wrap .owl-prev
{
    left: -50px;
    width: 50px;
    height: 80px;
    text-align: left;
}
.slider-wrap .owl-next
{
    right: -50px;
    width: 50px;
    height: 80px;
    text-align: right;
}
@media (max-width: 767px)
{
    .slider-wrap
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .slider-wrap .owl-prev,
    .slider-wrap .owl-next
    {
        width: 20px;
        font-size: 25px;
    }
    .slider-wrap .owl-next
    {
        right: -20px;
    }
    .slider-wrap .owl-prev
    {
        left: -20px;
    }
}


#page
{
    min-height: 100%;
    padding-bottom: 120px
}


#debug
{
    position: fixed;
    left: 0;
    top: 0;
    width: 200px;
    height: 20px;
    background-color: white;
    z-index: 1000;
}
#wrapper
{
    position: relative;
    width: 100%;
    z-index: 300;
}

/* HEADER */
#header
{
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 850px;
    background:
        url(images/webp/4_night1.webp) no-repeat bottom center,
        url(images/webp/velonight_bg.webp) no-repeat center center;
    background-size: 100%, cover;
    transition: all 0.3s ease 0s;
}
@media (max-width: 991px)
{
    #header
    {
        min-height: auto;
        padding-bottom: 100px;
    }
}

#header-panel
{
    padding-top: 125px;
    text-align: center;
}
@media (max-width: 991px)
{
    #header-panel
    {
        padding-top: 85px;
    }
}
@media (max-width: 540px)
{
    #header-panel
    {
        padding-top: 60px;
    }
}
#header-panel .main-words .line
{
    margin-bottom: 7px;
    color: #FFF;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
#header-panel .main-words .line .word-bg
{
    display: inline-block;
    padding: 3px 15px;
    background: rgba(0, 0, 0, 0.81);
}
/*
#header-panel .main-words .pink
{
    color: #FB2850;
}
#header-panel .main-words  .persent
{
    font-family: 'PFBeauSansPro Semi';
}
#header-panel .main-words .orange
{
    color: #E7B60E;
}
*/
@media (max-width: 991px)
{
    #header-panel .main-words .line
    {
        font-size: 24px;
    }
}
@media (max-width: 540px)
{
    #header-panel .main-words .line
    {
        font-size: 16px;
    }
}

/*
#header-panel .timer
{
    max-width: 330px;
     height: 158px;
    margin: 0 auto;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}
#header-panel .timer .title
{
    margin-top: 25px;
    color: #fff;
    font: bold 24px 'PFBeauSansPro Semi';
}
#header-panel #countdown_dashboard
{
    position: relative;
    height: 85px;
    padding: 0 15px;
    color: #fff;
}
*/
@media (max-width: 767px)
{
    #header-panel .timer
    {
        height: auto;
    }
    #header-panel .timer .title
    {
        margin-top: 10px;
        font-size: 18px;
    }
    #header-panel #countdown_dashboard
    {
        padding: 0 5px;
    }
    #header-panel #countdown_dashboard .dash
    {
        padding: 7px 2px;
    }
}

#header-panel .already-reg
{
    margin-top: 15px;
    color: #fff;
    font-size: 0;
    text-transform: uppercase;
    text-align: center;
}
#header-panel .already-reg .text-reg
{
    display: inline-block;
    color: #fff;
    font: 24px 'PFBeauSansPro Semi';
    background: rgba(0, 0, 0, 0.4);
}
#header-panel .already-reg  .numbers-reg
{
    display: inline-block;
    margin-left: 15px;
    font: 31px 'PFBeauSansPro Semi';
    vertical-align: top;
}
#header-panel .already-reg  .numbers-reg span
{
    display: inline-block;
    padding: 2px 3px;
    margin: 0px 0 0 3px;
    background: rgba(0, 0, 0, 0.4);
}
#header-panel .already-reg  .numbers-reg div
{
    display: inline-block;
    padding: 2px 10px;
    margin: 0px 0 0 15px;
    background: rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px)
{
    #header-panel .already-reg .text-reg
    {
        margin-bottom: 10px;
        font-size: 20px;
    }
    #header-panel .already-reg .numbers-reg
    {
        font-size: 24px;
    }
}
/*
#header-panel #reg-button
{
    display: inline-block;
    height: 40px;
    padding: 5px 10px 5px;
    border-radius: 11px;
    margin-top: 20px;
    color: #fb2951;
    font-size: 21px;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgb(255, 250, 243);
    line-height: 25px;
    background: rgb(247, 194, 14);
    cursor: pointer;
}
*/
@media (max-width: 767px)
{
    #header-panel #reg-button
    {
        height: 50px;
        padding: 10px 15px 5px;
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: 900;
        line-height: 29px;
    }
}
@media (max-width: 440px)
{
    #header-panel #reg-button
    {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        font-weight: 900;
    }
}
#header-panel #reg-button:hover
{
    background-color: #f1e7c3;
}
/*
#header-panel #reg-text
{
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
*/
#header-panel #reg-button:hover
{
    color: rgb(251, 40, 80);
}
/*
#header-panel .reg_text
{
    display: inline-block;
    padding: 6px 10px;
    margin-top: 25px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
     background: rgba(0, 0, 0, 0.4);
    text-align: center;
}

#header-panel .star-text
{
    display: inline-block;
    max-width: 700px;
    padding: 6px 10px;
    margin-top: 25px;
    color: #fff;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
}

#header-panel .reg_text .color_text
{
    color: #E7B60E;
}
#header-panel .reg_text .gift
{
    text-decoration: underline;
    cursor: pointer;
}
*/


/* TOP MENU */
/*
#top-line
{
    position: absolute;
    top: 25px;
    width: 100%;
    height: 65px;
    z-index: 300;
    color: #FFF;
    background: rgba(0,0,0,0.8);
}
.shops-page
{
    padding-top: 80px;
}
.shops-page #top-line
{
    top: 0;
}
#top-line .container
{
    position: relative;
}
#top-line .logo
{
    display: inline-block;
}
#top-line .logo img
{
    max-width: 100%;
}
#top-line .menu
{
    display: table;
    width: 100%;
}
#top-line .menu .item
{
    display: table-cell;
    width: 25%;
    color: #FFF;
    vertical-align: top;
    text-align: center;
}
#top-line .menu .item a
{
    color: #FFF;
    text-decoration: none;
}
#top-line .menu .item__in
{
    display: inline-block;
    cursor: pointer;
}
#top-line .menu .item__in:hover
{
    color: #FB2850;
}
#top-line .menu .icon-wrap
{
    display: block;
    margin: 0 auto;
    color: #FB2951;
    font-size: 20px;
}
*/
#top-line .phone
{
    margin-top: 10px;
    line-height: 18px;
    font-size: 16px;
    white-space: nowrap;
}

@media (max-width: 991px)
{
    #top-line
    {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        height: 75px;
        background: rgba(0,0,0,0.8);
    }
    #top-line .logo
    {
        margin-top: 15px;
    }
    #top-line .menu
    {
        padding-top: 10px;
    }
    #top-line .menu .item
    {
        font-size: 14px;
        line-height: 15px;
    }
    #top-line .menu .text
    {
        padding-top: 4px;
    }
    #top-line .phone
    {
        padding-top: 8px;
    }
}
@media (max-width: 767px)
{
    #top-line
    {
        height: auto;
    }
    #top-line .logo
    {
        margin: 10px 0;
    }
    #top-line .menu
    {
        padding: 30px 0 35px;
    }
    #top-line .menu .icon-wrap
    {
        padding-bottom: 23px;
        font-size: 30px;
    }
    #top-line .menu .text
    {
        font-style: italic;
        font-size: 22px;
        line-height: 24px;
    }
    #top-line .phone-link
    {
        position: absolute;
        top: 25px;
        right: 15px;
        color: #FFF;
        font-size: 34px;
    }

    #top-line .navbar-toggle
    {
        position: absolute;
        right: 85px;
        top: 33px;
        padding: 0;
        margin: 0;
        z-index: 100;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
    }
    #top-line .icon-bar
    {
        background-color: #fff;
    }
    #top-line .navbar-toggle .icon-bar+.icon-bar
    {
        margin-top: 6px;
    }
    #top-line .navbar-toggle .icon-bar
    {
        display: block;
        width: 50px;
        height: 5px;
        border-radius: 0;
    }
    #top-line .menu
    {
        display: none;
    }
    #top-line .menu--view
    {
        display: block !important;
    }
}
@media (max-width: 540px)
{
    #top-line .logo
    {
        max-width: 170px;
    }
    #top-line .phone-link
    {
        top: 15px !important;
        right: 15px !important;
        width: 30px;
        font-size: 24px;
        text-align: right;
    }
    #top-line .navbar-toggle
    {
        top: 22px;
        right: 55px;
    }
    #top-line .navbar-toggle .icon-bar
    {
        width: 30px;
        height: 3px;
    }
    #top-line .menu
    {
        padding: 10px 0 15px;
    }
    #top-line .menu .icon-wrap
    {
        padding-bottom: 14px;
    }
    #top-line .menu .text
    {
        font-size: 18px;
    }
}
@media (max-width: 440px)
{
    #top-line .phone-link
    {
        top: 20px;
        font-size: 28px;
    }
    #top-line .menu .text
    {
        font-size: 14px;
        line-height: 15px;
    }
}


/* PRODUCT BLOCK */
#line_bg_2
{
    position: relative;
    z-index: 1;
    width: 100%;
    opacity: 1;
    background: #ffbe22;
    transition: all 0.5s linear 0s;
    color: white;
}
.my-bg {
      width: fit-content;
    background: #faa91a;
    padding: 10px;
    border-radius: 30px;
}
#line_bg_2.before
{
    opacity: 0;
}
.appendMy .my-bg {
  background: #001436;
}
.text-my__cent {
    text-align: center;
  }

@media screen and (max-width: 372px) {
.products .product .diver {
  margin: 10px 0 !important;
  }
  .text-my__cent {
    background: #ffbe22 !important;
    margin-bottom: 0px !important;
    padding-bottom: 15px;
    text-align: center;
  }
  .text-center {
    background: #011d4d !important;
    margin-bottom: 0px !important;
    padding-bottom: 15px;
  }
}  
#line_bg_2 #panel_best
{
    max-width: 481px;
/*     height: 115px; */
    padding-top: 37px;
    margin-bottom: 10px;
/*     margin: 0 auto; */
/*     background: url(images/pabel_best.png) no-repeat center center; */
    background-size: cover;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
/*     text-align: center; */
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.5s ease-out 0s;
}
@media (max-width: 420px)
{
    #line_bg_2 #panel_best
    {
        font-size: 20px;	
    }
}
#line_bg_2.before #panel_best
{
    top: 0px;
    opacity: 0;
}
#line_bg_3
{
    width: 100%;
/*     background: url(images/line_bg_3.png) no-repeat center top; */
}


/* PRODUCTS */
.products
{
    position: relative;
    max-width: 1020px;
    margin: 0 auto;
}
.products--carusel
{
    position: relative;
    padding-top: 35px;
    padding-bottom: 190px;
}
@media (max-width: 767px)
{
    .products--carusel
    {
        padding-bottom: 30px;
    }
}
.products--carusel .product
{
    width: 98% !important;
    margin: 0 1%;
}
.empty_list_products
{
    display: none;
    padding: 20px 0;
    text-align: center;
}
.products .product
{
    position: relative;
    top: 5px;
    float: left;
    width: 310px;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid rgb(182, 195, 202);
    border-radius: 5px;
/*     background-color: rgba(255, 255, 255, 0.8); */
    background: #fff;
    height: auto;
    min-height: 650px;
}

.products .product .detail-text {
    text-align: left;
}

.product .markdown
{
    position: absolute;
    left: -6px;
    top: -6px;
    width: 100px;
    height: 100px;
    z-index: 50;
    background: transparent url(images/webp/sticker.webp) no-repeat;
}

.products .product .image
{
    display: block;
    height: 240px;
    background: transparent no-repeat center center;
    cursor: pointer;
}
.products .product .name
{
    height: 31px;
    color: #484848;
    font: bold 24px 'PFBeauSansPro Semi';
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
}

.products .product .old-price
{
    float: left;
    padding-left: 30px;
    background: transparent url(images/product_icons.png) no-repeat 0 2px;
    color: #767676;
    font-size: 24px;
    text-align: left;
    text-decoration: line-through;
}
.products .product .price
{
    float: left;
    padding-left: 30px;
    color: #eb376e;
    font-size: 24px;
    font-weight: bold;
    background: transparent url(images/product_icons.png) no-repeat 0 -50px;
    text-align: left;
    letter-spacing: -2px;
}
.products .product .discount
{
    float: right;
    position: relative;
    width: 125px;
    height: 34px;
    padding: 1px 0 1px;
    margin-left: 20px;
    color: #fff;
    font: 18px 'PFBeauSansPro Light';
    border-radius: 0 4px 4px 0;
    background: #e43924;
    text-align: center;
}
.products .product .discount:after
{
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -15px;
    border: 17px solid transparent;
    border-left: 0 none;
    border-right: 15px solid #e43924;
}
.products .product .discount span
{
    font: bold 24px 'PFBeauSansPro';
}

.products .product .discount .sectDesc {
    display: none;
    position: absolute;
    left: -154px;
    right: 0;
    top: 100%;
    z-index: 10;
    margin-top: 5px;
    padding: 10px;
    border-radius: 5px;
    opacity: 0.90;
    color: rgb(255, 255, 255);
    font-size: 8px;
    background: rgb(119, 119, 119);
    line-height: normal;
    text-align: left;
}

.products .product .discount:hover .sectDesc {
    display: block;
}

.products .product .reserve {
    float: right;
    padding: 4px 0;
    min-height: 30px;
}

.products .product .reserve a {
    display: block;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
}

.products .product .diver
{
    width: 100%;
    height: 1px;
    margin: 16px 0;
}
.products .product .diver.dotted
{
    background: url(images/webp/diver_dotted.webp) repeat-x;
}
.products .product .shop
{
    color: #777777;
    font-size: 14px;
    /*height: 40px;*/
}
.shops-page {
  font-family: "Nunito";
}
.products .product .shop span
{
    color: #525353;
    font-family: 'PFBeauSansPro Semi';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
.products .product .diver.line
{
    background: #d1d1d1;
}
@media screen and (max-width: 1200px) {
  .products .product .comment {
    font-size: 11px !important;
  }
}
.products .product .comment
{
    font-size: 13px;
}
.product .infoText
{    
    display: none;
}

.product .shop:hover + .infoText,
.product .shop + .infoText:hover,
.product .discount:hover + .infoText
{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 65px;
    padding: 10px;
    border-radius: 5px;
    opacity: 0.90;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    background: #777777;
}
.product .discount:hover + .infoText
{
    top: 0;
    bottom: auto !important;
}

.product .element-detail
{
    display: none;
    background-color: #fff;
    box-shadow: 0px 1px 4px #000;
    position: absolute;
    z-index: 9;
    top: 0;
    padding: 10px 15px;
    border-radius: 5px;
}
.product .element-detail .popup-close
{
    width: 11px;
    height: 11px;
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 5px;
    background: url(images/webp/close_bg.webp) left top no-repeat;
}
.product .element-detail span
{
    font-size: 16px;
}
.product .element-detail.active
{
    display: block;
}


.shops-page .products
{
    height: auto;
    padding-top: 0;
    padding-bottom: 20px;
    overflow: visible;
}
.shops-page .products
{
    max-width: 1200px;
    font-size: 0;
    text-align: center;
}
.shops-page .products .product
{
    float: none;
    display: inline-block;
    width: 32%;
    margin: 0.5%;
    font-size: 14px;
    vertical-align: top;
}

.shops-page .products .product .discount .sectDesc {
    left: -220px;
}

@media (max-width: 1200px)
{
    .shops-page .products .product
    {
        width: 310px;
    }
}
@media (max-width: 360px)
{
    .shops-page .products .product
    {
        width: 270px;
    }
}
.shops-page .product .infoText
{

}
.shops-page h1
{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}
.shops-page .head_text
{
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    font-family: "Nunito", "Regular";
}
@media (max-width: 767px)
{
    .shops-page h1
    {
        font-size: 20px;
    }
    .shops-page .head_text
    {
        font-size: 17px;
    }
}
.shops-page .filter 
{
    margin: 30px 0 10px 0px;
}
.shops-page .filter .form
{
    max-width: 100%;
    overflow: hidden;	
}
.shops-page .filter select
{
    width: 100% !important;
}
@media (max-width: 767px)
{
    .shops-page .filter .filter-item
    {
        margin-bottom: 10px;
    }
}
.shops-page .filter .select2-container
{
    width: 100% !important;
}
.shops-page .filter .select2-container .select2-selection--single
{
    padding: 3px 0;
    height: 34px;	
}
.shops-page .filter .select2-container .select2-selection__arrow
{
    top: 3px !important;
}



ul.tabs{
    /*margin: -8px 0 45px;*/
    width: 420px;
    list-style: none;
    padding: 0px;
    text-align: left;
}

ul.tabs li{
    margin-bottom: 15px;
}

ul.tabs li div.b-table{
    /*border: solid 1px #c9c9c9;
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0;
    border-radius: 4px;
    border-top-left-radius: 0;*/
}

ul.tabs li table{
    width: 100%;
    font-size: 14px;
}

ul.tabs li table tr:nth-child(2n-1){
    background: #f3f3f3;
}

ul.tabs li table tr td:nth-child(1n){
    width: 28%;
    min-width: 28%;
    max-width: 28%;
    padding-left: 13px;
}

ul.tabs li table tr td:nth-child(2n){
    width: 75%;
    min-width: 75%;
    max-width: 75%;
}

ul.tabs li table tr td{
    padding: 7px 0;
    border: none;
}

ul.tabs li div.title{
    font-weight: bold;
    display: inline-block;
    padding: 5px;
    margin-bottom: -1px;
    background: #fff;
    font-size: 14px;
    font-family: Trebuchet MS, "Helvetica CY", Sans-serif;
}




.shops2,
.city-list {
    margin: 15px auto;
    font-size: 0;
    text-align: center;
}

.city-list .shop,
.shops2 .shop {
    display: inline-block;
    position: relative;
    position: relative;
    width: 32%;
    height: 465px;
    padding: 10px 10px 60px;
    margin-right: 1%;
    margin-bottom: 5px;
    border: 1px solid rgb(182, 195, 202);
    border-radius: 5px;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: left;
    vertical-align: top;
}

.city-list .shop {
    height: 265px;
    cursor: pointer;
}

.city-list .shop.selected {
    border: 2px solid RGB(251, 40, 80);
}

.city-list .shop:nth-child(3n),
.shops2 .shop:nth-child(3n) {
    margin-right: 0;
}

.shops2 .shop .image,
.city-list .shop .image {
    display: block;
    height: 210px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-attachment: center center;
    background-position: center center;
    background-size: contain;
}

.shops2 .shop .btn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}
.city-list .shop .name,
.shops2 .shop .name {
    height: 31px;
    color: #484848;
    font-family: 'Nunito';
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1200px)
{
    .shops2 .shop,
    .city-list .shop {
        width: 310px;
        height: 430px;
        font-size: 14px;
        margin-left: 0.5% !important;
        margin-right: 0.5% !important;
    }
    .shops2 .shop .image,
    .city-list .shop .image {
        height: 180px;
    }
}
@media (max-width: 650px)
{
    .shops2 .shop,
    .city-list .shop {
        height: auto;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media (max-width: 360px)
{
    .shops2 .shop,
    .city-list .shop {
        width: 270px;
        font-size: 12px;
    }
}


/* SALE NIGHT */
.salenight
{
    margin: 25px auto;
    font-size: 0;
    text-align: center;
}
.salenight__col
{
    display: inline-block;
    width: 32%;
    margin-right: 1.5%;
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
}
.salenight .salenight__col:nth-child(3n)
{
    margin-right: 0;
}
.salenight__header
{
    padding: 25px 10px;
    font-size: 18px;
    font-weight: bold;
    background: #C5DCE8;
    text-align: center;
    cursor: pointer;
}
.salenight__header i
{
    display: inline-block;
    color: #0C7DBC;
    margin-left: 20px;
    font-size: 26px;
}
@media (max-width: 540px)
{
    .salenight__header
    {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 14px;
    }
    .salenight__header i
    {
        font-size: 20px;
    }
}
.salenight__content
{
    margin-bottom: 3px;
    height: 0;
    overflow: hidden;
}
.salenight__item--open .salenight__header
{
    background: #DEE6EA;
}
.salenight__item--open .salenight__content
{
    height: auto;
}
.salenight__places
{
    max-width: 400px;
    padding: 10px;
    margin: 0 auto 20px;
    font-size: 16px;
    background: #EDF5F9;
}
.salenight__place
{
    margin-bottom: 3px;
}
.salenight__places .btn
{
    display: block;
    position: relative;
    top: 10px;
    border-radius: 0;
    margin: 0 -10px 0 -10px;
    cursor: pointer;
    text-align: center;
}
@media (min-width: 992px)
{
    .salenight__header,
    .salenight__content,
    .salenight__item
    {
        padding: 0;
        height: auto;
        background: #EDF5F9 !important;
    }
    .salenight__header .micon-down-open-big,
    .salenight__header .micon-up-open-big
    {
        display: none;
    }
    .salenight__header
    {
        font-size: 16px;
        font-weight: normal;
        padding-bottom: 10px !important;
        text-align: left;
    }
    .salenight__item
    {
        padding: 10px;
        margin-bottom: 20px;
    }
    .salenight__places
    {
        padding: 0;
        max-width: 10000px;
    }
    .salenight__place
    {
        margin: 2px;
        font-size: 15px;
    }
}

@media (max-width: 992px)
{
    .salenight__col
    {
        width: 49%;
        margin-right: 2% !important;
    }
    .salenight .salenight__col:nth-child(2n)
    {
        margin-right: 0 !important;
    }
}
@media (max-width: 767px)
{
    .salenight__col
    {
        width: 100%;
        margin-right: 0 !important;
    }
    .salenight__content
    {
        max-width: 400px;
        margin: 0 auto;
    }
}


/* REG FORM */
.reg-form
{
    margin: 20px auto;
}
.reg-form .field
{
    margin-bottom: 9px;	
}
.reg-form .field input
{
    display: block;
    width: 100%;
    height: 34px;
    padding: 3px 8px;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.reg-form .field button
{
    display: block;
    width: 100%;
    text-align: center;
}
.reg-form .field .select2-container
{
    width: 100% !important;
}
.reg-form .field .select2-container .select2-selection--single
{
    padding: 3px 0;
    height: 34px;	
}
.reg-form .field .select2-container .select2-selection__arrow
{
    top: 3px !important;
}

/* VIEW ALL */
#view-all
{
    position: relative;
    top: -200px;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    z-index: 111;
    width: 500px;
    height: 165px;
    margin: 0 auto -165px;
}
@media screen and (max-width: 768px) {
  #view-all {
    position: relative;
    top: -320px;
    background: red;
    display: flex;
    justify-content: center;
    border-radius: 50px;
    z-index: 111;
    width: unset !important;
    height: unset !important;
    margin: 0 auto -165px;
}
.myback{
  background: #00112e !important;
}
}
#view-all .panel_3_1
{
    position: absolute;
    left: 17px;
    top: 20px;
    width: 20px;
    height: 107px;
    background: url(images/webp/panel_3_1.webp) no-repeat right top;
    transition: all 0.5s linear 0s;
}
#view-all.before .panel_3_1
{
    left: 76px;
    width: 0;
}
#view-all .panel_3_2
{
    position: absolute;
    left: 17px;
    top: 50px;
    width: 80px;
    height: 75px;
    background: url(images/webp/panel_3_2.webp) no-repeat left top;
    transition: all 0.5s linear 0.3s;
}
#view-all.before .panel_3_2
{
    width: 0;
}
#view-all .panel_3_3
{
    position: absolute;
    left: 2px;
    top: 60px;
    width: 96px;
    height: 82px;
    background: url(images/webp/panel_3_3.webp) no-repeat right top;
    transition: all 0.5s linear 1s;
}
#view-all.before .panel_3_3
{
    left: 201px;
    width: 0;
}
#view-all .panel_3_4
{
    position: absolute;
    left: 0;
    top: 70px;
    width: 500px;
    height: 79px;
    background: url(images/webp/panel_3_4_new.webp) no-repeat left top;
    transition: all 0.7s linear 1.0s;
}
#view-all.before .panel_3_4
{
    width: 0;
}
#view-all .panel_3_text
{
    position: absolute;
    top: 97px;
    border-radius: 50px;
    width: 200px;
    font-family: "Comfortaa", "bold";
    font-size: 24px;
    text-align: center;
    opacity: 1;
    background: #dc9312;
    color: #fff;
    text-transform: uppercase;
    text-decoration-color:white;
    transition: all 1s linear 1.2s;
}
#view-all .panel_3_text .b
{
    font-family: 'Comfortaa';
}
#view-all .panel_3_text a
{
    font-family: 'Comfortaa';
    color: white;
    font-size: 16px;
}
#view-all .panel_3_text a .b
{
    font-family: 'PFBeauSansPro Semi';
    font-weight: bold;
}
#view-all.before .panel_3_text
{
    opacity: 0;
}

/* SALE BLOCK */
#velo-bg-4
{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 190px;
    opacity: 1;
    background: #00112e;/* transparent url(images/velo_bg_4_1.jpg) no-repeat center -200px; */
    background-size: 100% auto;
    transition: opacity 0.5s linear 0s;
    overflow: hidden;
}
/*
#velo-bg-4 >.container> .inner
{
    position: relative;
    max-width: 970px;
    height: 420px;
    margin: 0 auto;
    top: 110px;
    top: calc(60% - 315px);
    top: 110px\0/;
    top: -webkit-calc(60% - 315px);
    text-align: center;
}
*/
#velo-bg-4.before
{
    opacity: 0;
}
#velo-bg-4.before .light_text
{
    opacity: 0;
}
#velo-bg-4 .light_text
{
    position: relative;
    top: 0;
    width: 990px;
    margin: 0 auto;
    font: 48px 'PFBeauSansPro Thin';
    text-align: center;
    background: transparent url(images/webp/light_bg_1.webp) repeat;
    opacity: 1;
    transition: all 1s linear 0s;
}
#velo-bg-4 .light_text .b
{
    font-family: 'PFBeauSansPro Semi';
    font-weight: bold;
}
#velo-bg-4 .yellow_text
{
    position: absolute;
    left: 50%;
    top: 130px;
    width: 295px;
    height: 290px;
    padding: 25px;
    margin-left: -495px;
    color: #fff;
    font: 48px 'PFBeauSansPro Thin';
    background: transparent url(images/webp/light_bg_2.webp) repeat;
    opacity: 1;
    transition: all 1s linear 1s;
}
#velo-bg-4.before .yellow_text
{
    opacity: 0;
}
#velo-bg-4 .yellow_text .str1
{
    font-size: 48px;
    font-weight: bold;
}
#velo-bg-4 .yellow_text .str2
{
    position: relative;
    left: -10px;
    top: 15px;
    font-size: 72px;
    line-height: 100px;
}
#velo-bg-4 .yellow_text .str2 .b
{
    font-size: 140px;
    font-family: 'PFBeauSansPro Black';
}
#velo-bg-4 .yellow_text .str3
{
    font: 25px 'PFBeauSansPro Bbook';
}
#velo-bg-4 .blue_text_left
{
    position: absolute;
    left: 50%;
    top: 130px;
    width: 390px;
    height: 290px;
    margin-left: -160px;
    padding: 25px;
    color: #fff;
    background: transparent url(images/webp/light_bg_3.webp) no-repeat;
    opacity: 1;
    transition: all 1s linear 1s;
    z-index: 20;
}
#velo-bg-4.before .blue_text_left
{
    opacity: 0;
}
#velo-bg-4 .blue_text_left .border
{
    max-width: 245px;
    padding: 4px 9px;
    border: 2px solid white;
    font: 18px "PFBeauSansPro Black";
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#velo-bg-4 .blue_text_left .data_time
{
    position: relative;
    left: -10px;
    margin-top: 10px;
    font: 40px "PFBeauSansPro Semi";
    font-weight: bold;
    white-space: nowrap;
}
#velo-bg-4 .blue_text_left .data_time .m 
{
    font: 30px "PFBeauSansPro Thin";
    font-weight: normal;
}
#velo-bg-4 .blue_text_left .data_time .m a
{
    color: #fff;
    text-decoration: none;
}
#velo-bg-4 .blue_text_left .diver.dotted
{
    height: 1px;
    margin: 8px 0 17px;
    background: url(images/webp/diver_dotted_white.webp) repeat-x;
}
#velo-bg-4 .blue_text_left .title
{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
#velo-bg-4 .blue_text_left ul
{
    padding-left: 15px;
    margin: 0;
    list-style-type: square;
    font: 18px "PFBeauSansPro Bbook";
    text-align: left;
}
#velo-bg-4 .blue_text_left ul li
{
    padding: 5px 0;
}
#velo-bg-4 .blue_text_right
{
    position: absolute;
    left: 50%;
    top: 130px;
    width: 300px;
    height: 290px;
    margin-left: 195px;
    color: #fff;
    transition: all 1s linear 1s;
    overflow: hidden;
    z-index: 15;
}
#velo-bg-4 .blue_text_right .inner
{
    position: relative;
    left: 0;
    width: 300px;
    height: 290px;
    background: transparent url(images/webp/light_bg_4.webp) no-repeat;
    transition: all 1s linear 1s;
}
#velo-bg-4.before .blue_text_right .inner
{
    left: -300px;
}
#velo-bg-4.before .blue_text_right
{
    width: 0px;
}
#velo-bg-4 .blue_text_right a
{
    display: block;
    position: relative;
    top: 36px;
    left: 13px;
    margin: 0px auto;
    color: white;
    font-size: 28px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
}
#velo-bg-4 .blue_text_right span
{
    display: block;
    position: relative;
    top: 36px;
    left: 13px;
    margin: 0px auto;
    color: white;
    font-size: 28px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase;
}
@media (max-width: 991px)
{
    #velo-bg-4
    {
        height: auto;
        padding-bottom: 70px;
        background-position: center center !important;
        background-size: cover;
    }
    #velo-bg-4 >.container> .inner
    {
        height: auto;
        text-align: center;
        overflow: hidden;
    }
    #velo-bg-4 .yellow_text
    {
        float: none;
        position: static;
        width: auto;
        max-width: 100%;
        height: auto;
        margin: 70px auto 15px;
        clear: both;
        text-align: center;
    }
    #velo-bg-4 .yellow_text .str1, 
    #velo-bg-4 .yellow_text .str2
    {
        display: inline-block;
        vertical-align: middle;
    }
    #velo-bg-4 .blue_text_left
    {
        position: static;
        float: left;
        margin: 0;
        vertical-align: top;
    }
    #velo-bg-4 .blue_text_right
    {
        position: static;
        float: right;
        margin: 0;
        vertical-align: top;
    }
    #velo-bg-4 .blue_text_right .inner
    {
        width: auto;
        background-position: center top;
    }
    #velo-bg-4 .blue_text_right .inner a
    {
        left: 0;
        padding: 0 5px;
    }
}
@media (max-width: 767px)
{
    #velo-bg-4 .blue_text_left
    {
        width: 49%;
        height: auto;
        min-height: 290px;
        background-image: url(images/webp/blue-pattern.webp);
        background-color: rgba(26,133,193,0.85);
    }
    #velo-bg-4 .blue_text_left .data_time
    {
        font-size: 30px;
    }
    #velo-bg-4 .blue_text_right
    {
        width: 49%;
        min-height: 290px;
        height: auto;
        background-image: none;
        background-color: rgba(26,133,193,0.85);
    }
}
@media (max-width: 640px)
{
    #velo-bg-4>.container>.inner
    {
        text-align: center;
    }
    #velo-bg-4 .blue_text_left
    {
        float: none;
        display: inline-block;
        width: auto;
        margin-bottom: 15px;
    }
    #velo-bg-4 .blue_text_right
    {
        float: none;
        display: inline-block;
        width: auto;
    }
    #velo-bg-4 .blue_text_right span
    {
        width: auto;
        left: 0;
    }
    #velo-bg-4 .blue_text_right .inner
    {
        width: auto;
    }
}


/* MAP */
#map-block
{
    position: relative;
    min-height: 600px;
    margin-bottom: 0;
    overflow: hidden;
}
#ymap2
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
#map-info
{
    position: relative;
    z-index: 10;
    min-height: 660px;
    padding-bottom: 50px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.88);
}
#map-block .title
{
    padding: 45px 0;
    color: #0861a5;
    font-size: 26px;
    font-family: "Nunito";
    font-weight: 600;
    text-align: center;
}
#map-block .text-shops
{
    margin: -45px 0 20px 0px;
    color: #0C7DBC;
    text-align: center;
} 
#map-block .text-shops span
{
    color:#E75F4E;
}


/* SHOPS */
.shop__name
{
    margin-bottom: 10px;
    padding-left: 35px;
    color: #202020;
    font-size: 18px;
}
.shop__name-url
{
    display: inline-block;
    padding-left: 35px;
    margin-bottom: 10px;
    color: #202020;
    font-size: 18px;
    text-decoration: none;
    vertical-align: top;
}
.shop__name-url:hover
{
    color: #FB2850;
    text-decoration: underline;
}

.fintess
{
    display: inline-block;
    margin-left: 10px;
}

.fintess .fitness-star
{
    float: left;
    position: relative;
    top: 7px;
    margin-right: 5px;
    width: 28px;
    height: 26px;
    background: url(images/webp/fitnessstar.webp) no-repeat center center;
}

.fintess .fitness-link a
{
    color: red;
    text-decoration: underline;
}

.fintess .fitness-link
{
    float: left;
    display: block;
}


.shop__address
{
    display: block;
    position: relative;
    padding-left: 35px;
    color: #656565;
    font-size: 14px;
    text-decoration: none;
}
.shop__address .micon-map
{
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 20px;
    font-size: 18px;
}
.shop__address .address:hover
{
    color: #FB2850;
    text-decoration: underline;
}
.shop__mainsite-url
{
    padding-left: 35px;
    font-size: 14px;
    margin-top:5px;
    display:block;
}
.shop__alert
{
    position: relative;
    margin: 10px 0 10px 35px;
    max-width: 80%;
    padding: 7px 10px;
    color: white;
    border-radius: 8px;
    background: rgba(228, 57, 36, 0.8);
    font-size: 14px;
}
.shop__alert:after
{
    content: "";
    position: absolute;
    left: 20px;
    top: -8px;
    border: 4px solid transparent;
    border-bottom: 4px solid rgba(228, 57, 36, 0.8);
    border-top: 4px solid transparent;
    border-left: 4px solid rgba(228, 57, 36, 0.8);
    overflow: visible;
}

/* CITIES */
.cities .diver.dotted
{
    position: relative;
    width: 100%;
    height: 1px;
    margin: 16px 0;
    background: url(images/webp/diver_dotted.webp) repeat-x;
}
.cities .diver
{
    position: absolute;
    right: 10px;
    top: 0;
    width: 1px;
    height: 100%;
    background: url(images/webp/diver_dotted_vertival.webp);
}
.cities .city
{
    opacity: 1;
    transition: all 1s linear 0s;
}
.cities .city__name
{
    padding-left: 35px;
    margin-bottom: 20px;
    color: #0c7dbc;
    font: 18px "PFBeauSansPro Semi";
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
}
.cities .city__name .micon-down-open-big,
.cities .city__name .micon-up-open-big
{
    font-size: 18px;
    margin-left: 5px;
}
@media (max-width: 991px)
{
    #ymap2
    {
        display: none;
    }
}
@media (max-width: 767px)
{
    .cities
    {
        text-align: center;
    }
    .cities .diver
    {
        display: none;
    }
    .cities .city__name
    {
        display: inline-block;
        margin-bottom: 10px;
        text-align: left;
        background-position: left top !important;
        margin-bottom: 50px;
    }
    .cities .city__control
    {
        display: inline-block;
        padding-top: 10px;
        color: #0c7dbc;
        font-size: 14px;
        cursor: pointer;
    }
    .cities .city__control-text
    {
        border-bottom: 1px solid;
    }
    .cities .city__control:hover
    {
        color: #FB2850;
    }
    .cities .city__shops
    {
        height: 0;
        margin-bottom: 0;
        overflow: hidden;
        text-align: left;
    }
    .cities .city--open .city__shops
    {
        height: auto;
        margin-bottom: 50px;
    }
    .cities .city:last-child .city__shops
    {
        margin-bottom: 0;
    }
}
@media (max-width: 767px)
{
    #map-block .title
    {
        font-size: 30px;
    }
}


/* REG LINE */
#reg-line
{
    position: relative;
    top: -55px;
    height: 300px;
    margin-bottom: -87px;
}
#reg-line .left-line
{
    position: absolute;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 300px;
    background: url(images/webp/lines_6_2.webp) no-repeat center top;
    transition: all 1s ease 0.5s;
}
#reg-line .right-line
{
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 300px;
    background: url(images/webp/lines_6_1.webp) no-repeat center -13px;
    transition: all 1s ease 0.5s; 
}
#reg-line .grey-line
{
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 15;
    width: 100%;
    height: 300px;
    background: url(images/webp/lines_6_3.webp) no-repeat center bottom;
    transition: all 1s ease 1.9s; 
    transform: scaleY(1);
}
#reg-line.before .left-line
{
    left: -100%;
}
#reg-line.before .right-line
{
    left: 100%;
}
#reg-line.before .grey-line
{
    transform: scaleY(0);
}
#reg-line.before .form
{
    opacity: 0;
}
@media (max-width: 991px)
{
    #reg-line .grey-line, #reg-line .right-line
    {
        display: none;
    }
}
#reg-line-wrap
{
    position: relative;
    z-index: 50;
    height: 300px;
    padding: 85px 0 0;
}
#reg-line .regover
{
    position: relative;
    z-index: 40;
    max-width: 1010px;
    margin: 0 auto;
    opacity: 1;
    padding-top: 30px;
    transition: all 1s ease 1.5s;
}
#reg-line .regover_text
{ 
    position: relative;
    z-index: 40;
    max-width: 480px;
    margin: 0 auto;
    color: #444;
    font-size: 19px;
    text-align: center;
}
#reg-line .form .btn
{
    display: block;
    width: 290px;
    margin: 10px auto; 
    padding-left: 30px;
    text-align: center;
}
@media (max-width: 991px)
{
    #reg-line .regover .small-title
    {
        font-size: 28px;
    }
}
@media (max-width: 640px)
{
    #reg-line-wrap
    {
        padding-top: 60px;	
    }
    #reg-line .regover .small-title
    {
        font-size: 24px;
    }
    #reg-line .end-date
    {
        display: block;
        font-size: 16px;
        margin-right: -15px;
        margin-left: -15px;
    }
}


/* BONUSES */
#line_bg_7
{
    display: none;
    position: relative;
    top: -87px;
    margin-bottom: -87px;
    padding: 50px 0 100px;
    background: url(images/webp/line_bg_7.webp) no-repeat center top;
    background-size: cover;
    transition: all 1s ease 0s;
    opacity: 1;
    overflow: hidden;
}
#line_bg_7 .block-title
{
    padding-bottom: 50px;
}
#line_bg_7 .info
{
    margin-top: 20px;
    font-size: 22px;
    text-align: center;
}

#line_bg_7 .info img
{
    max-width: 100%;
}

#line_bg_7 .info ul
{
    padding-left: 20px;
    color: maroon;
}
#line_bg_7 .info ul span
{
    color: black;
}
@media (max-width: 640px)
{
    #line_bg_7 .info
    {
        font-size: 16px;
    }
}
#line_bg_7.before
{
    opacity: 0;
}
#line_bg_7 .red-text
{
    position: relative;
    width: 765px;
    height: 140px;
    margin: 0 auto 40px;
}
#line_bg_7 .red-text .bg1
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent url(images/webp/text_bg_7_1.webp) no-repeat left top;
    z-index: 10;
    transition: all 2s ease 2s;
}
#line_bg_7.before .red-text .bg1
{
    width: 0;
}
#line_bg_7 .red-text .bg2
{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(images/webp/text_bg_7_2.webp) no-repeat right top;
    z-index: 20;
    transition: all 2s ease 2s;
}
#line_bg_7.before .red-text .bg2
{
    width: 0%;
}
#line_bg_7 .red-text .text
{
    position: relative;
    padding: 30px 0;
    color: white;
    font-size: 26px;
    text-align: center;
    z-index: 30;
    transition: all 2s ease 4s;
    opacity: 1;
}
#line_bg_7 .red-text .text a
{
    color: #fff;
    text-decoration: none;
}
#line_bg_7 .red-text .text a:hover
{
    text-decoration: underline;
}
#line_bg_7.before .red-text .text
{
    opacity: 0;
}
@media (max-width: 840px)
{
    #line_bg_7 .red-text
    {
        width: auto !important;
        height: auto !important;
        background-color: #C5200C;
    }
    #line_bg_7 .red-text,
    #line_bg_7 .red-text .bg1,
    #line_bg_7 .red-text .bg2
    {
        background-image: none;
    }
    #line_bg_7 .red-text .text
    {
        padding: 15px;
        font-size: 20px;
    }
}
@media (max-width: 640px)
{
    #line_bg_7 .red-text .text
    {
        padding: 10px;
        font-size: 16px;
    }
    #line_bg_7
    {
        padding-bottom: 30px;
    }
}
#line_bg_7 .left
{
    transition: all 1s ease 6s;
    opacity: 1;
}
@media (max-width: 992px)
{
    #line_bg_7 .left
    {
        margin-bottom: 25px;
    }
}
#line_bg_7.before .left
{
    opacity: 0;
}
#line_bg_7 .left .table-head
{
    position: relative;
    top: 1px;
    left: 1px;
    z-index: 60;
    background: url(images/webp/table_head_bg.webp) no-repeat;
    background-size: 100% 100%;
}
#line_bg_7 .left table
{
    width: 100%;
    font-size: 18px;
    border-collapse: collapse;
}
#line_bg_7 .left table td
{
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
}
#line_bg_7 .left table td.time
{
    width: 200px;
    padding-left: 60px;
}
#line_bg_7 .left table td.discount1
{
    width: 235px;
    padding-left: 60px;
}
#line_bg_7 .left table td.discount2
{
    width: 140px;
    padding-left: 25px;
}
#line_bg_7 .micon-clock-1, #line_bg_7 .micon-tag
{
    margin-right: 5px;
    color: #CBCCCC;
    font-size: 20px;
}

#line_bg_7 .left .table-head table
{
    font-family: "PFBeauSansPro Bbook";
    font-size: 16px;
}
#line_bg_7 .left .table-head table td.discount1
{
    padding-left: 25px;
}
#line_bg_7 .left .table-row table
{
    transition: all 2s ease 9.5s;
    opacity: 1;
}
#line_bg_7 .left .table-row table td
{
    border: 1px dashed #aaa;
}
#line_bg_7.before .left .table-row table
{
    opacity: 0;
}
#line_bg_7 .left .table-row.grey
{
    position: relative;
    top: 0;
    background: rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    z-index: 10;
}

#line_bg_7 .red-border
{
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 40px 0;
    border: 1px solid red;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
}

#line_bg_7 .red-border .legend-title
{
    margin-bottom: 20px;
    color: red;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2em;
}

#line_bg_7 .red-border span
{
    color: red;
}

#line_bg_7 .red-border img
{
    max-width: 100%;
}

#line_bg_7 .red-border p
{
    line-height: 1.2em;
}

#line_bg_7 .left .table-row.grey.line2 {transition-delay: 7s;   transition-duration: 2s;}
#line_bg_7 .left .table-row.grey.line4 {transition-delay: 7.5s; transition-duration: 1.66s;}
#line_bg_7 .left .table-row.grey.line6 {transition-delay: 8s;   transition-duration: 1.33s;}
#line_bg_7.before .left .table-row.grey.line2 {top: -126px;}
#line_bg_7.before .left .table-row.grey.line4 {top: -252px;}
#line_bg_7.before .left .table-row.grey.line6 {top: -378px;}
#line_bg_7 .right
{
    opacity: 1;
    /*text-align: justify;*/
}
#line_bg_7.before .right
{
    opacity: 0;
}
#line_bg_7 .right .blue
{
    padding-bottom: 10px;
    font-size: 14px;
    color: #0c7dbc;
}


/* REG BANNER */
#reg-banner
{
    width: 100%;
    height: 400px;
    padding-top: 100px;
    background: url(images/webp/reg-banner.webp) no-repeat center -200px;
    background-size: 100% auto;
    text-align: center;
    overflow: hidden;
}
#reg-banner .regover
{
    position: relative;
    opacity: 1;
}
#reg-banner .form .btn
{
    display: block;
    width: 290px;
    padding-left: 30px;
    margin: 10px auto;
    text-align: center;
}
#reg-banner .already-reg
{
    padding: 55px 0;
    color: #fff;
    text-transform: uppercase;
}
#reg-banner .already-reg .text-reg
{
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font: 31px 'PFBeauSansPro Semi';
    background: rgba(0, 0, 0, 0.6);
}
#reg-banner .already-reg .numbers-reg
{
    display: inline-block;
    margin-left: 15px;
    font: 36px 'PFBeauSansPro Semi';
}
#reg-banner .already-reg .numbers-reg span
{
    display: inline-block;
    padding: 2px 3px;
    margin: 0px 0 0 3px;
    background: rgba(0, 0, 0, 0.6);
}
#reg-banner .already-reg .numbers-reg div
{
    display: inline-block;
    padding: 2px 10px;
    margin: 0px 0 0 15px;
    background: rgba(0, 0, 0, 0.6);
}
#reg-banner .end-date
{
    display: inline-block;
    padding: 10px 25px;
    margin: 20px 0 25px;
    color: #FFF;
    font-size: 18px;
    background: rgba(0,0,0,0.71);
}
@media (max-width: 991px)
{
    #reg-banner
    {
        height: auto;
        padding-top: 35px;
        background-position: center center;
        background-size: cover;
    }
    #reg-banner .already-reg
    {
        padding: 25px 0;
    }
    #reg-banner .already-reg .text-reg
    {
        font-size: 22px;
    }
    #reg-banner .already-reg .numbers-reg
    {
        font-size: 22px;
    }
    #reg-banner .already-reg .numbers-reg span
    {
        padding: 6px 3px;
    }
    #reg-banner .already-reg .numbers-reg div
    {
        padding: 6px 10px;
    }
}
@media (max-width: 640px)
{
    #reg-banner{}
    #reg-banner .already-reg .text-reg
    {
        font-size: 18px;
    }
    #reg-banner .already-reg .numbers-reg
    {
        font-size: 18px;
    }
    #reg-banner .end-date
    {
        display: block;
        font-size: 16px;
        margin-right: -15px;
        margin-left: -15px;
    }
}


/* GALLERY */
#gallery
{
    position: relative;
    background: url(images/webp/line_bg_7.webp) repeat center top;
    background-size: cover;
}
#gallery .photos
{
    padding-bottom: 50px;
    font-size: 0;
    text-align: center;
}
#gallery .photos a
{
    display: inline-block;
    width: 240px;
    height: 165px;
    margin: 0 8px 40px;
    background-size: cover;
    background: center center;
    vertical-align: top;
}
#gallery .photos-slider
{
    height: 360px;
    overflow: hidden;
}
#gallery .photos-slider .slide
{
    height: 360px;
    background-size: cover;
    background: no-repeat center center;
}
@media (max-width: 767px)
{
    #gallery
    {
        height: auto !important;
        min-height: auto !important;
    }
    #gallery .container
    {
        padding: 0;
    }
    #gallery .photos
    {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}
@media (max-width: 540px)
{
    #gallery .photos-slider,
    #gallery .photos-slider .slide
    {
        height: 260px;
    }
}
@media (max-width: 440px)
{
    #gallery .photos-slider,
    #gallery .photos-slider .slide
    {
        height: 240px;
    }
}

/* REVIEWS */
#reviews
{
    position: relative;
    padding-bottom: 100px;
    background: #FEBC20;
}
@media (max-width: 1200px)
{
    #reviews
    {
        padding-bottom: 40px;
    }
}
@media (max-width: 992px)
{
    #reviews
    {
        padding-bottom: 15px;
    }
}
#reviews .slider-wrap
{
    padding-bottom: 30px;
}
#reviews .slider-wrap .slide
{
    padding: 0 10px;
}
.review
{
    max-width: 530px;
    height: 331px;
    padding: 45px 60px 30px 40px;
    margin: 0 auto;
    background: url(images/webp/otzyv_bg.webp) no-repeat center center;
}
.review__header
{
    display: table;
    width: 100%;
    margin-bottom: 5px;
}
.review__header-img
{
    display: table-cell;
    width: 140px;
}
.review__header-img img
{
    width: 100%;
}
.review__header-name
{
    display: table-cell;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
    vertical-align: middle;
}
.review__text
{
    font-size: 12px;
}

@media (max-width: 1200px)
{
    .review
    {
        height: auto;
        min-height: 331px;
        padding: 20px 25px;
        background-image: none;
        background: #FFF;
    }
}
@media (max-width: 440px)
{
    .review__header
    {
        display: block;
    }
    .review__header-img
    {
        display: block;
        margin: 0 auto 5px;
    }
    .review__header-name
    {
        display: block;
        padding: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .review__text
    {
        text-align: center;
    }
}


/* FOOTER */
#footer
{
    position: relative;
    height: 120px;
    margin-top: -120px;
    color: #fff;
    background: url(images/webp/bottom_bg.webp);
}
#footer .container
{
    position: relative;
    height: 120px;
    padding-top: 25px;
}
@media (max-width: 991px)
{
    #footer .container
    {
        padding-top: 10px;
    }
}
#footer .logo-block
{
    display: inline-block;
    text-align: right;
}
#footer  .logo-block .logo
{
    display: inline-block;
    margin-bottom: 3px;
    font-size: 0;
}
#footer .logo-block .logo img
{
    width: 100%;
	    max-width: 165px;
}
#footer .logo-block .logo-text
{
    font: 12px "PFBeauSansPro Light";
    font-style: italic;
    text-transform: uppercase;
}
@media (max-width: 460px)
{
    #footer  .logo-block .logo-text
    {
        font-size: 9px;
    }
}
#footer .links
{
    font-size: 0;
    padding-top: 5px;
    text-align: center;
}
#footer .links .developer_text
{
    display: inline-block;
    margin: 15px 10px 0 0px;
    font-size: 15px;
    font-style: italic;
    text-transform: uppercase;
    vertical-align: middle;
}
#footer .links .developer
{
    display: inline-block;
    width: 105px;
    height: 30px;
    margin-top: 5px;
    vertical-align: middle;
    cursor: pointer;
}
#footer .links .developer img
{
    width: 100%;
}
#footer .links .vkontakte
{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px 0 0 15px;
    color: #545454;
    font-size: 20px;
    line-height: 29px;
    background: #FFF;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    transition: all 0.3s ease;
}
#footer .links .vkontakte i
{
    position: relative;
    left: -1px;
}
#footer .links .vkontakte:hover
{
    color: #fff;
    background: #597DA3;
}
@media (max-width: 991px)
{
    #footer .links
    {
        position: absolute;
        left: 15px;
        bottom: 8px;
    }
}
@media (max-width: 460px)
{
    #footer .links
    {
        bottom: 4px;
        padding: 0;
    }
    #footer .links .developer_text
    {
        /* display: block; */
        font-size: 12px;
    }
    #footer .links .developer
    {
        width: 90px;
        height: auto;
    }
    #footer .links .vkontakte
    {
        width: 25px;
        height: 25px;
        font-size: 18px;
        line-height: 24px;
    }
    #footer .links .vkontakte, #footer .links .developer
    {
        margin-top: 3px;
    }
}
#footer .phone
{
    display: inline-block;
}
#footer .phone .title
{
    font-size: 16px;
    text-transform: uppercase;
}
#footer .phone .number
{
    font: 28px "PFBeauSansPro Bbook";
}
@media (max-width: 640px)
{
    #footer .phone .number
    {
        font-size: 20px;
    }
}
@media (max-width: 460px)
{
    #footer .phone .title
    {
        font-size: 14px;
    }
    #footer .phone .number
    {
        font-size: 16px;
    }
}


/* POPUP */
.popup_right_btn
{
    display: block;
    position: fixed;
    top: 220px;
    right: 0;
    z-index: 300;
    width: 50px;
    border-radius: 15px 0 0 15px;
    color: #fff;
    font-size: 20px;
    background: url(images/webp/blue-pattern.webp);
    text-align: center;
    cursor: pointer;
}
.popup_right_btn.cert
{
    top: 480px;
    padding-top: 12px;
    font-size: 30px;
    text-decoration: none;
}
.popup_right_btn:hover
{
    color: #fff;
}
.b-share_theme_counter
{
    position: fixed;
    left: 0;
    top: 227px;
    z-index: 300;
    background: rgba(0,0,0,0.5);
    box-shadow: 3px -1px 41px 0px rgba(255,255,255,1);
}
.b-share_theme_counter .b-share_type_small .b-share-btn__wrap
{
    display: block;
    float: none;
    width: 24px;
    margin: 5px 0 !important;
    clear: both;
    overflow: hidden;
}

#gallery iframe {
    width: 496px;
    height: 278px;
}

@media (max-width: 992px)
{
    .popup_right_btn
    {
        display: none !important;
    }
}
@media (max-width: 767px)
{
    .b-share_theme_counter
    {
        display: none !important;
    }

    #gallery iframe {
        width: 320px;
        height: 180px;
    }
}

/* MODAL */
.wraper_popup
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}
.main_popup
{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    display: none;
    width: 540px;
    line-height: normal;
    border: 1px solid #BACDDC;
    border-radius: 5px;
    margin-left: -270px;
    margin-top: -160px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.6);
    background-color: #fff;
    overflow: hidden;
}
.main_popup .close
{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 11px;
    height: 10px;
    color: #FFF;
    opacity: 1;
    cursor: pointer;
}
.main_popup .close:hover
{
    color: #C5200C;
}
.main_popup .head
{
    height: 95px;
    padding-top: 15px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    background: transparent url(images/webp/dialog_head.webp) no-repeat;
}
.main_popup .form
{
    padding: 10px;
    text-align: center;
}

.reserve_popup
{
    display: none;
    width: 540px;
    padding: 0;
    line-height: normal;
}
.reserve_popup .head
{
    height: 95px;
    padding-top: 15px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    background: transparent url(images/webp/dialog_head.webp) no-repeat;
}
.reserve_popup .form
{
    padding: 10px;
    text-align: center;
}

.reserve_popup .form .select2-container {
    text-align: left;
}

.reserve_popup textarea,
.reserve_popup input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 3px 8px;
    border: 1px solid rgb(170, 170, 170);
    border-radius: 4px;
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.reserve_popup textarea {
    height: 100px;
}

.reserve_popup select {
    width: 100%;
}

#registration-dialog .head
{
    height: 95px;
    padding-top: 15px;
    color: white;
    font-size: 24px;
    text-align: center;
    background: transparent url(images/webp/dialog_head.webp) no-repeat;
}
#registration-dialog .head b
{
    font-family: "PFBeauSansPro Semi";
    text-transform: uppercase;
}
#registration-dialog form
{
    width: 480px;
}
#registration-dialog .form
{
    padding: 20px;
}
#registration-dialog .form .left
{
    width: 50%;
    float: left;
    padding: 0px 5px;
}
#registration-dialog .form .right
{
    width: 50%;
    float: right;
}
#registration-dialog .form input
{
    width: 100%;
    padding: 9px;
    margin-bottom: 5px;
    border: 1px solid #bebfbf;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 grey inset;
    font: 16px 'PFBeauSansPro Light';
}
#registration-dialog .form select
{
    width: 240px;
}
#registration-dialog .form .select2-container:not(*:root)/*webkit hack*/
{
    margin-top: 3px;
}
#registration-dialog .form .select2-container
{
    margin-bottom: 5px;
}
#registration-dialog .form .comment
{
    padding-left: 12px;
    color: #8c8c8c;
    font-size: 12px;
}
#registration-dialog .form button
{
    display: block;
    padding: 14px 17px;
    border: 0;
    border-radius: 6px;
    margin: 25px auto 0;
    color: #fff;
    font: 20px "PFBeauSansPro Light";
    text-transform: uppercase;
    background: transparent url(images/webp/dialog_submit.webp) center no-repeat;
}
#success-dialog button, #error-dialog button
{
    display: block;
    padding: 14px 17px;
    border: 0;
    border-radius: 6px;
    margin: 25px auto 0;
    color: #fff;
    font: 30px "PFBeauSansPro Light";
    text-transform: uppercase;
    background: transparent url(images/webp/dialog_submit.webp) no-repeat;
}
#registration-dialog.ilex-dialog .title
{
    display: none;
}

#vk_comments
{
    margin: 0 auto;
}

@media screen and (max-width: 990px) {
    #vk_comments
    {
        width: 100% !important;
    }

    #vk_comments iframe
    {
        width: 100%;
    }
}

.reg-form .field input[type="checkbox"]
{
    display: inline-block;
    width: auto;
    height: auto;
}

#line_bg_8
{
    position: relative;
    background: #011d4d;/* url(images/line_bg_7.png) no-repeat center top; */
    background-size: cover;
    transition: all 1s ease 0s;
    opacity: 1;
    overflow: hidden;
}
#line_bg_8 h3 {
  color: #fff;
}
#line_bg_8 a {
  color: #66ccff;
}
.inner__item a {
  text-decoration: underline;
  color: #66ccff;
}
#line_bg_8 p,h2 {
  color: white;
}
#line_bg_8 h2 {
  margin-top: 50px;
  margin-bottom: 25px;
  text-transform: uppercase;
}
#line_bg_8 p {
  margin-bottom: 15px;
}

#line_bg_8 .overlay, #line_bg_9 .overlay
{
    width: 100%;
    height: 100%;
    padding: 50px 0 100px;
    background: rgba(255, 182, 8, 0.64);
}

#line_bg_8 .block-title
{
    max-width: 481px;
    height: 115px;
    padding: 34px 0;
    margin: 0 auto 50px;
    background: url(images/webp/pabel_best.webp) no-repeat center center;
    background-size: cover;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    opacity: 1;
}

#line_bg_8 ul
{
    padding-left: 15px;
    color: white;
    font-weight: 500;
}
#line_bg_9 {
    display: none;
    padding-bottom:60px;
}
#line_bg_9 ul {
    padding-left: 50px;
    font-weight: 500;
    margin-top:30px;
}
#line_bg_8 ul li, #line_bg_9 ul li
{
/*     padding: 0px 0 20px 10px; */
/*     font-size: 36px; */
    line-height: 18px;
}

#line_bg_8 ul span, #line_bg_9 ul span
{
    position: relative;
    top: -6px;
    color: black;
    font-size: 18px;
}
.partners {
    overflow: hidden;
}
.partners div {
    margin-top:10px;
    margin-bottom:30px;
}
.partners div h4 {
    margin-top:30px;
    display: block;
}
.print_map .info-market {
    display: inline-block;
    width: 518px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.print_map .info-market span:first-child {
    color: rgb(0, 118, 163);
}

.print_map .velo-logo {
    display: inline-block;
    width: 131px;
    background: url(/static/modal-velo-logo.png);
    height: 110px;
    vertical-align: top;
    float: right;
}

.print_map .map {
    width: 880px;
    height: 370px;
    margin-top: 30px;
}

.discount-text {
    padding: 5px; 
    margin: 10px auto; 
    background-color: rgba(0, 0, 0, 0.81); 
    color: #fff;
    font-size:9px; 
    text-align: left; 
}

.discount-table {
    width: 100%;
    color: black;
    font-size: 18px;
    text-align: center;
}

.discount-table td {
    padding: 4px;
    border: 1px solid black;
}

.cities .shop {
    margin-bottom: 10px;
}
.kupon_main {
  width: 500px;
  height: 850px;
  background: transparent url(images/night_bg.jpg) no-repeat;
  font-family: 'PFBeauSansPro';
  background-size: cover;
}
.kupon_main .indark {
  padding: 30px 20px 0;
}
.kupon_main .indark span {
  padding: 4px 10px;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-size: 28px;
  font-weight: bold;
  line-height: 46px;
  text-transform: uppercase;
}
.kupon_main .indark span.yellow {
  color: #E7B60E;
}
.kupon_main .indark span.small {
  font-size: 24px;
  line-height: 40px;
}
.kupon_main .support {
  padding: 10px;
  color: white;
  font-size: 20px;
}
.kupon_main .support span {
  font-size: 30px;
}
.kupon_main .textblock {
  width: 470px;
  margin: 0px 11px;
  padding: 20px 6px 110px;
  background: white;
  font-family: Arial;
  font-size: 16px;
}
.kupon_main .textpole {
  background: rgba(204, 204, 204, 0.6);
  margin: 8px 0;
}
.kupon_main .textpole span {
  display: block;
  padding: 7px 0 7px 10px;
  text-transform: uppercase;
}
.kupon_main .smalltext {
  padding: 10px;
  color: white;
  font-size: 10px;
}
.night-discount-text {
    background: rgba(0, 0, 0, 0.4);
    display: block;
    max-width: 700px;
    color: white;
    font-size: 12px;
    margin: 0 auto;
}
.products .product .image {
  margin-top: 40px;
}
.products .product .imagese:after {
    content: "";
    background: url(images/bomb_back.png) no-repeat;
    width: 250px;
    background-size: 15%;
    height: 50px;
    top: -40px;
    height: 50px;
    position: relative;
    animation-delay: 10;
    display: block;
    left: -10px;
}