.margin-right-20 {margin-right:20px;}
.margin-right-30 {margin-right:30px;}

body.iosBugFixCaret.modal-open {
    position: fixed; width: 100%;
    overflow :hidden;
    height:100%;
}

.error{color:red;}
h2.red {
    color:#d82057;
    text-align: center!important;
    border-top:1px #d82057 solid;
    border-bottom:1px #d82057 solid;
    padding:20px;
}

div.debug-info{
    text-align: center;
    background: #1d5b74;
    color:white;
    padding:10px;
    font-size:12px;
}
div.modal-dialog,
div.modal-dialog div.modal-body label{
    font-size:14px;
}
body.iosBugFixCaret .modal{position:absolute!important;}
.modal-body input,
.modal-body textarea
{margin-bottom:20px;}
.modal-body input[type=text],
.modal-body input[type=password],
.modal-body textarea
{
    width:100%;padding:5px 10px 5px 10px;
    font-size:18px;
    text-align: left;
    margin-bottom:10px;
}
.modal-body textarea{
    font-size:14px;
    height:150px;
}
/*
font-family: 'Alice', serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Noto Sans', sans-serif;
*/
button,
a.button{
    color:white;
    padding:10px 15px 10px 15px;
    border-radius: 2px;
    border:0;
    background: #d53565;
    transition: 0.3s linear;

}
button:hover,
a.button:hover{
    background: #9c294e;
}
a.button{display: block;float:left;text-decoration: none;text-transform: uppercase}
a.button:hover{color:white;}

a.button.disable, button.disable{
    background: #c0c0c0;
    pointer-events: none;
    cursor: default;
}

.button.social-net {
    border-radius: 50px;
    margin-right:10px;
    padding: 10px 10px 10px 10px;
}
div.footer .button.social-net img{margin:0;width:auto;}

button.lt-wrapper-close{background: transparent!important;}

input.blur{color:#c0c0c0;}
div.mobile-menu{
    display: none;
}
div.main{
    width:100%;
    font-family: 'PT Sans', sans-serif;
    font-size:14px;
    color:#454545;
}

.mar5{
    margin-left: 5px;
}
.mar10{
    margin-left: 10px;
}
.mar15{
    margin-left: 15px;
}
.mar20{
    margin-left: 20px;
}
h1{
    font-family: 'Lato Medium', sans-serif;
    /*font-style: italic;*/
    font-size:45px;
    text-align: center;
}
h2{
    font-family: 'Lato Medium', sans-serif;
    /*font-family: 'Alice', sans-serif;*/
    /*font-style: italic;*/
    font-size:27px;
    text-align: center;
}

h3{
    font-family: 'Lato Medium', sans-serif;
    /*font-style: italic;*/
    font-size:22px;
    text-align: center;
}
h4{
    font-family: 'Lato Medium', sans-serif;
    /*font-style: italic;*/
    font-size:18px;
    text-align: center;
}
div.brand-line{
    width:100%;
    height:6px;
    background: url('/assets/themes/original/img/rainbow.png') repeat-x;
}
div.mobile-banner{
    background: #002248;
    height:58px;
}
div.mobile-banner div{float:left;}
div.mobile-banner img.float-phone{
    position:absolute;
    margin-left:calc(25% - 100px);
    top:-10px;
}
div.mobile-banner div.left-side{
    max-width:517px;
    width:25%;
    background: url('/assets/themes/original/img/mobile-banner-left-side.jpg') no-repeat right;
    height:58px;
}
div.mobile-banner div.center{
    width:50%;
    text-transform: uppercase;
    color:#fff;
    font-size:16px;
    line-height: 3.5em;
    text-align: center;
}
div.mobile-banner div.right-side{
    width:calc(25% - 50px);
    padding-left:50px;
    background: url('/assets/themes/original/img/mobile-banner-right-side.jpg') no-repeat -1px #E22955;
    height:58px;
    float:right;
}
div.string{
    border-bottom:2px #141414 solid;
    width:100px;
    margin: 0 auto;
}

.mar-top {margin-top:30px;}
.mar-left {margin-left:30px;}
.mar-right {margin-right:30px;}
.mar-bottom {margin-bottom:30px;}

a { color:#123f6f; transition: 0.3s linear; }
a:hover { color:#e6396e; }
div.cart-search a{
    text-decoration: none;
}
div.header div.cart {
    font-size:17px;
    color:#fff;
    line-height: 2em;
}

div.header div.cart::after{
    content: ' ';
    background: #d53565 url(../img/sprites.png) -257px -8px;
    width:36px;
    height:36px;
    display: block;
    float:left;
    border-radius: 50px;
    margin-right:20px;
}
div.header div.cart.auth::after{
    background-color: #4cae4c;
}

div.main div.width-limit {
    max-width:1566px;
    margin: 0 auto;
    padding:0 20px 0 20px;
}

div.info-string div.width-limit {
    margin:0;
    max-width:100%;
}
div.info-string{
    width:100%;
    background: #e2224f;
    padding:10px 0px 10px 0px;
    text-transform: uppercase;
    text-align: center;
    color:#fff;
    font-size:14px;
}
div.info-string div.content{
    width:calc(100% - 60px);
    padding:0 30px 0 30px;
}
div.info-string div.closeDiv{
    width:40px;
    float:right;
    position:absolute;
    top:5px;
    right:0;
    overflow: hidden;
}
div.info-string div.close{
    float:right;
    font-size:24px;
    font-weight: bold;
    transform:rotate(45deg);
    margin-top:-5px;
    margin-right:5px;
    cursor: pointer;
    width:30px;
    height:30px;
}
div.info-string a{
    color:#fff;
    text-decoration: underline;
}
div.info-string a:hover{
    color:#88cde1;
}
/*
ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА ШАПКА
*/
div.header-mobile{
    display:none;
}
div.header {
    background: #88cde1;
/*    background: #000;
    color:#fff!important;*/
}
/*
div.header div.h-str-1 a{color:#fff;}
div.header div.h-str-2 a{color:#fff;}
div.header div.h-str-2 div.block-c div.main-contact span.adr{
    color: #f1f1f1 !important;
}
div.news-content h3, div.news ul.news-slider li h3{color:#454545;}
*/
div.header div.h-str-1{
    width:100%;
    padding:5px 0 5px 0;
}
div.header div.h-str-1 a{
    text-decoration: none;
    text-transform: uppercase;
    font-size:13px;
}
div.header div.h-str-1 a.lk{
    float:right;
    margin-top:3px;
}
div.header div.userDiscount{
    float: right;
    margin-left: 10px;
    background: #D83664;
    padding: 2px 10px;
    color:#fff;
}

div.header div.city{
    float:right;
    line-height: 1.7em;
    margin-right:10px;
}

div.header div.h-str-1 div.reg{
    float:right;
}
div.header div.h-str-1 div.reg::before{
    content: " ";
    background: url(../img/sprites.png) -15px -18px;
    width:20px;
    height:15px;
    display: block;
    float:left;
}
div.header div.h-str-1 div.enter{
    float:right;
    margin-left:20px;
}
div.header div.h-str-1 a.lk::before,
div.header div.h-str-1 div.enter::before{
    content: " ";
    background: url(../img/sprites.png?v2) -15px -218px;
    width:20px;
    height:15px;
    display: block;
    float:left;
}
div.header div.h-str-1 a.lk.online::before,
div.header div.h-str-1 div.enter.online::before{
    background: url(../img/sprites.png?v3) -65px -218px;
}

div.header div.h-str-2{
    margin-top:20px;
}

div.header div.h-str-2 div.block-l{
    float: left;
}
div.header div.h-str-2 div.block-c{
    margin:0 auto;
    width: 786px;
}
div.header div.h-str-2 div.block-r{
    float: right;
}
div.header div.h-str-2 div.block-c.contacts{
    min-height:62px;
}
div.header div.h-str-2 div.block-c a{text-decoration: none;}
div.header div.h-str-2 div.block-c div.messengers{
    font-size:21px;
    color:#3b5f92;
    float:left;
    width:370px;
    height:40px;
}

div.header div.h-str-2 div.block-c div.messengers span{
    color:#e6396e;
}
div.header div.h-str-2 div.block-c div.messengers div{
    float:left;
}

div.header div.h-str-2 div.block-c div.main-contact{
    width:370px;
    float: left;
    color:#3b5f92;
    font-size:21px;
}
div.header div.h-str-2 div.block-c div.main-contact div.phone{
    float:left;
}
div.header div.h-str-2 div.block-c div.main-contact span{
    color:#e6396e;
}
div.header div.h-str-2 div.block-c div.main-contact span.adr{
    color:#3b5f92;
    font-size:14px;
}

div.header div.h-str-2 div.block-c.menu{
    width: 786px;
}
div.header div.h-str-2 div.block-c.menu a{
    font-size:14px;
    text-transform: uppercase;
    text-decoration: none;
    /*font-weight:bold;*/
    margin:0 24px 0 24px;
}
div.header div.h-str-2 div.block-c.menu a:nth-child(1){margin-right:25px;margin-left:0;}
div.header div.h-str-2 div.block-c.menu a:nth-last-child(2){margin-right:0;}
div.header div.h-str-2 div.block-c.menu a:hover{
    color:#e6396e;
}
div.header div.h-str-2 div.block-c.menu a.extended{
    border: 2px #e6396e solid;
    text-align:center;
    display: inline-block;
    border-radius: 15px;
    padding: 5px 15px;
    margin-right:20px;
}
div.header div.h-str-2 div.block-c.menu a.extended:hover
{
    background: #e6396e;
    color:#fff;
}
div.mobile-menu div.search{
    background: #d5d5d5;
    border-bottom:2px #e6396e solid;
}
div.header div.h-str-2 div.block-r div.search{
    margin-top:10px;
}
div.mobile-menu div.search input:focus,
div.header div.h-str-2 div.block-r div.search input:focus { outline: none; }
div.mobile-menu div.search input,
div.header div.h-str-2 div.block-r div.search input{
    float:left;
    height:38px;
    width: 200px;
    border:0;
    padding:0 10px 0 10px;
    font-size:14px;
    color:#123f6f;
}
div.mobile-menu div.search input{background: #d5d5d5;width:calc(100% - 38px - 4px);}
div.mobile-menu div.search div.button-search,
div.header div.h-str-2 div.block-r div.search div.button-search{
    float:left;
    height:38px;
    width:38px;
    background: #d5d5d5 url(../img/sprites.png) -305px -5px;
    cursor: pointer;
}

/*
БАННЕРЫ БАННЕРЫ БАННЕРЫ БАННЕРЫ БАННЕРЫ БАННЕРЫ БАННЕРЫ БАННЕРЫ БАННЕРЫ
*/
div.header div.banners{
    padding-top:20px;
}
div.header div.spacer{
    height:20px;
    width:100%;
}
div.header div.banners ul{
    list-style-type: none;
    margin:0;
    padding:0;
    width:100%;
    overflow: hidden;
}
div.header div.banners ul li{
    display: block;
    width:100%;
    margin:0;

}
div.header div.banners ul li div.txt{
    position:absolute;
    max-width: 500px;
}
div.header div.banners ul li div.txt h2{
    font-size:73px;
    color:#fff;
    width:100%;
}

div.header div.banners ul li div.txt p{
    font-size:26px;
    color:#fff;
    margin-top:20px;

}
div.header div.banners ul li img{
    width: 100%;
}

/*
ПЕРВЫЙ ИНФОБЛОК ПЕРВЫЙ ИНФОБЛОК ПЕРВЫЙ ИНФОБЛОК ПЕРВЫЙ ИНФОБЛОК ПЕРВЫЙ ИНФОБЛОК
*/
div.info-block1{

}
div.info-block1 div.col1{
    float:left;
    width:calc(50% - 20px);
    margin-right:40px;
}
div.info-block1 div.col1 img {
    width:100%;
}
div.info-block1 div.col2{
    float:left;
    width:calc(50% - 20px);
}
div.info-block1 div.col2 div.block{
    width:100%;
}
div.info-block1 div.col2 div.block:nth-child(1){

}
div.info-block1 div.col2 div.block div.info{
    float:left;
    background: #88cde1;
    transition: 0.3s linear;
}
div.info-block1 div.col2 div.block div.info:hover{
    background: #91d9ed;
}

div.info-block1 div.col2 div.block div.img {float:left;overflow: hidden;}
div.info-block1 div.col2 div.block div.img img{width: 100%;}
div.info.arrow-left{margin-left:30px;}
div.info.arrow-right:hover:before{border-left-color: #91d9ed;}
div.info.arrow-left:hover:before{border-right-color: #91d9ed;}
div.info.arrow-left:before{
    transition: 0.3s linear;
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-right-color: #88cde1;
    margin-left:-60px;
    position:relative;
    top:calc(50% - 30px);
}
div.info.arrow-right{
    margin-right:30px;
}
div.info.arrow-right:before{
    transition: 0.3s linear;
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-left-color: #88cde1;
    position:relative;
    top:calc(50% - 30px);
    left:100%
}


div.info a.content:hover{
    text-decoration: none;
}
div.info a.content,
div.info div.content{
    padding:20px;
    text-align: center;
    color:#123f6f;
    display: block;
}

div.info a.content h2,
div.info div.content h2{
    position:relative;
    margin:0;
    /*font-family: 'Alice', serif;*/
    font-family: 'Lato Medium', serif;
    text-transform: uppercase;
    font-size: 30px;
}
div.info a.content div.string,
div.info div.content div.string{
    border:2px solid;
    width:50px;
    margin: 20px auto;
}
div.info a.content p,
div.info div.content p{
    font-size:18px;
}

/*
ВТОРОЙ ИНФОБЛОК ВТОРОЙ ИНФОБЛОК ВТОРОЙ ИНФОБЛОК ВТОРОЙ ИНФОБЛОК ВТОРОЙ ИНФОБЛОК
*/
div.info-block2{
    width:100%;
    height:100vh;
    /*background: url(../img/banners/info-block2-back.jpg);*/
    /*background: url(../img/info-block2-back.jpg);*/
    background: url(../img/info-block2-back.webp);
    background-size: cover;
}
div.info-block2 div.content{
    float:left;
    width:40%;
    color:#fff;
}
div.info-block2 div.content div.string{
    padding-top:80px;
    border-bottom:4px #d53565 solid;
    width:50px;
    margin:0;
    margin-bottom:20px;
}
div.info-block2 div.content h1{
    /*font-family: 'Alice', sans-serif;*/
    font-family: 'Lato Medium', sans-serif;
    font-style: italic;
    line-height: 0.8em;
    font-size:45px;
    color:#d53565;
    margin:0;
    text-align: left;
}
div.info-block2 div.content h2{
    color:#d53565;
    font-size:36px;
    margin:0;
    font-weight: normal;
    margin-top:10px;
    text-align: left;
}
div.info-block2 div.content h3{
    color:#d53565;
    font-size:23px;
    margin:0;
    font-weight: normal;
    text-align: left;
}
div.info-block2 div.content p{
    text-align: justify;
    font-size:17px;
}



/*
КАТЕГОРИИ ТОВАРА СЛАЙДЕР КАТЕГОРИИ ТОВАРА СЛАЙДЕР КАТЕГОРИИ ТОВАРА СЛАЙДЕР
*/
div.categories{

}
div.categories ul.cat-noslider{
    margin:0;
    padding:0;
    list-style: none;
}
div.categories ul.cat-noslider li{
    padding:1%;
    width: calc(50% - 10px);
    float: left;
}
div.categories ul.cat-noslider li a{text-decoration: none;}
div.categories ul.cat-noslider li div.caption{
    position: relative;
    margin-top:-120px;
    height:120px;
    width:100%;
    overflow: hidden;
}
div.categories ul.cat-noslider li p{
    text-align: center;
    color:white;
    text-transform: uppercase;
    font-size:18px;
    margin-top:60px;
    position:relative;
    z-index:1;
}
div.categories ul.cat-noslider li div.caption:before{
    content: ' ';
    display: block;
    width:140%;
    height:180px;
    background: #5ccfe4;
    opacity: 0.65;
    position:absolute;
    transform: rotate(-9deg);
    top:20%;
    left:-10%;
    z-index:0;
    transition: 0.3s linear;
}
div.categories ul.cat-noslider li:hover div.caption:before{
    background: #d53565;
}
div.categories ul.cat-noslider li img{width:100%}



div.categories ul.cat-slider{
    margin:0;
    padding:0;
}

div.categories ul.cat-slider li{
    padding:1%;

}
div.categories ul.cat-slider li a{text-decoration: none;}
div.categories ul.cat-slider li div.caption{
    position: relative;
    margin-top:-120px;
    height:120px;
    width:100%;
    overflow: hidden;
    border-radius: 10px;
}
div.categories ul.cat-slider li p{
    text-align: center;
    color:white;
    text-transform: uppercase;
    font-size:18px;
    margin-top:70px;
    position:relative;
    z-index:1;
}
div.categories ul.cat-slider li div.caption:before{
    content: ' ';
    display: block;
    width:230%;
    height:180px;
    background: #5ccfe4;
    opacity: 0.75;
    position:absolute;
    transform: rotate(-9deg);
    top:10%;
    left:-10%;
    z-index:0;
    transition: 0.3s linear;

}
div.categories ul.cat-slider li:hover div.caption:before{
    background: #d53565;
}
div.categories ul.cat-slider li img{width:100%;border-radius: 10px}

/*
НОВОСТИ НОВОСТИ НОВОСТИ НОВОСТИ НОВОСТИ НОВОСТИ НОВОСТИ НОВОСТИ НОВОСТИ
*/

div.news {

}
div.news ul.news-slider {
    list-style-type: none;
    margin:0;
    padding:0;
}
div.news ul.news-slider li{
    padding:20px;
    height: 240px;
}
div.news ul.news-slider li:after{

}
div.news-content div.date,
div.news ul.news-slider li div.date{
    /*float:left;*/
    border-radius: 45px;
    background: #d53565;
    width:50px;
    height:45px;
    color:white;
    font-style: italic;
    text-align: center;
    line-height: 1.5em;
    padding-top:5px;
    padding:10px;
}
div.news-content div.string,
div.news ul.news-slider li div.date div.string{
    width:80%;
    border-bottom: 1px white solid;
}
div.news-content h3,
div.news ul.news-slider li h3{
    float:left;
    width: calc(100% - 60px);
    margin: 0 0 0 10px;
    line-height: 1.1em;
    text-align: left;
    font-size: 18px;
}
div.news-content div.header,
div.news ul.news-slider li div.header{
    /*height:90px;*/
    background: transparent;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

div.news-content div.header h3{margin:0;padding-left:20px}
div.news ul.news-slider li div.content{
    height:120px;
    overflow: hidden;
}
div.news-content p,
div.news ul.news-slider li p{
    text-align: justify;
}

div.news-content{
    margin-bottom: 20px;
    padding-bottom:40px;
    border-bottom:1px #d5d5d5 dashed;
}
div.news-content div.content{
    margin-bottom: 20px;
}
div.news-content a{
    float:right;
}

/*
BIG BANNER BIG BANNER BIG BANNER BIG BANNER BIG BANNER BIG BANNER BIG BANNER
*/
div.banner-big{
    width:100%;
    overflow: hidden;
}
div.banner-big a img{
    width:100%;
}

/*
MAGAZINES MAGAZINES MAGAZINES MAGAZINES MAGAZINES MAGAZINES MAGAZINES MAGAZINES
*/
div.markets{
    border-radius: 10px;
    overflow: hidden;
}
div.markets div.width-limit{
    /*border:1px #b8b8b8 solid;*/
    border-top:3px #d53565 solid;
    padding:0;
    /*margin-bottom:20px;*/
}
div.markets div.wd{
    /*height:95vh;*/
    /*min-height:100%;
    /*height:780px;*/
    /*height: auto;*/
    height:400px;
}
div.markets div.mapControl h3{
    text-align: left;
}
div.markets div.mapControl h4{
    text-align: left;
    margin:20px 0 5px 0;
    text-transform: uppercase;
}
div.markets div.mapControl{
    /*width:260px;
    float:left;*/
    display:none
}
div.markets div.mapControl ul{
    margin:0 0px;
    padding:0;
    list-style-type: none;
    width:100%;
}
div.markets div.mapControl ul li {
    font-size:16px;
    border-bottom:1px #d53565 dotted;
}
div.markets div.mapControl ul li a{
    text-decoration: none;
    display: block;
    min-height:30px;
    line-height: 1.8em;
}
div.markets div.mapControl h3{
    padding:0;
    margin:10px 0;
}
div.markets div#map{
    /*width:calc(100% - 280px);
    float:right;*/
    width:100%;
    border-radius: 10px;
    /*overflow: hidden;*/
}
div#map {font-size:17px;}
div#map h3{text-align: left;margin-bottom:20px;}
div#map div.addr, div#map div.phones,div#map div.time, div#map div.cards{
    clear:both;
    margin-bototm:5px;
}
div#map div.cards{

}
div#map div.cards img{
    float:right
}
div#map div.addr:before{
    content: ' ';
    display:block;
    width:25px;
    height:25px;
    background: url(/assets/themes/original/img/sprites.png) -63px -66px;
    float:left;
}
div#map div.phones:before{
    content: ' ';
    display:block;
    width:25px;
    height:25px;
    background: url(/assets/themes/original/img/sprites.png) -113px -66px;
    float:left;
}
div#map div.time:before{
    content: ' ';
    display:block;
    width:25px;
    height:25px;
    background: url(/assets/themes/original/img/sprites.png) -163px -66px;
    float:left;
}


/*
BRENDS BRENDS BRENDS BRENDS BRENDS BRENDS BRENDS BRENDS BRENDS BRENDS
*/

div.brands{

}
div.brands div.width-limit{
    padding:0;
}
div.brands ul{
    margin:20px 0 0 0;
    padding:0;
}
div.brands ul li a{
    display: block;
}
div.brands .slick-prev,
div.brands .slick-next
{
    top: 52%;
}

/*
FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER
*/
div.footer{
    background: #a1ddee;
    padding: 20px 0 20px 0;
}
div.footer .col{
    width:20%;
    min-height:140px;
    /*float: left;*/

}
div.footer .col img{
    width:50%;
    margin-bottom:20px;
    margin-top:20px;
}
div.footer .col a{
    text-decoration: none;
    font-size:13px;
    display: block;
}
div.footer .col .s1{
    margin-top:20px;
    margin-bottom:10px;
}
div.footer .col .s1 p{
    margin-top:0px;
}
div.footer .col .s1 a{
    text-transform: uppercase;
    font-weight: bold;
}
div.footer .col .s1.subscribe{
    padding:30px;
    border:1px white solid;
}
div.footer .col .s1.subscribe input{
    width: calc(100% - 40px);
    border:0;
    height:30px;
    padding:0 10px 0 10px;
    border-radius: 0;
}
div.footer .col .s1.subscribe button{
    border:0;
    width:30px;
    height:30px;
    padding:0
}
div.footer div.phone:before,
div.footer div.email:before,
div.footer div.addr:before{
    content: ' ';
    display: block;
    font-size:0;
    background: url(../img/sprites.png);
    width:25px;
    height:25px;
    float:left;
}

div.footer div.addr:before{background-position:-63px -66px;}
div.footer div.phone:before{background-position:-113px -66px;}
div.footer div.email:before{background-position:-213px -66px;}

div.copyright{
    background: #3193c1;
    text-align: center;
    color:white;
    padding: 20px 10px 20px 10px;
    width: calc(100% - 20px);
    font-size:12px;
}

div.crumbs{}
div.crumbs a{
    text-decoration: none;
    color:#454545;
    font-size: 17px;
}

div.pagginator{
    border-top:1px #e8e8eb solid;
    padding-top:20px;
    line-height: 2.8em;
}
div.pagginator div.info{float:left;color:#000;}
div.pagginator div.pages{float:right;color:#000;}
div.pagginator div.pages a.page{
    display: block;
    width:38px;
    height:38px;
    float:left;
    text-align: center;
    line-height: 2.8em;
    margin-right:5px;
    text-decoration: none;
}
div.pagginator div.pages a.page.active,
div.pagginator div.pages a.page:hover{
    background: #d53565;
    border-radius: 50px;
    color:white;
}

div.content-div div.mar-top{
    margin:0;
}
div.content-div{
    float:left;
    width:calc(100% - 25% - 40px);
}
div.content-div h1,div.content-div h2{margin-top:0;}
div.content-div h1,
div.content-div h2,
div.content-div h3,
div.content-div h4{
    text-align: left;
    /*font-size:30px;*/
    /*font-family: 'Alice', sans-serif*/
}
div.content-div h2{
    font-size:26px;
    margin-top:20px;
}
div.content-div h3{
    font-size:22px;
    margin-top:20px;
}
div.content-div h4{
    font-size:24px;
    margin-top:20px;
}
div.content-div h5{
    font-size:18px;
    margin-top:10px;
}
div.content-div p{
    text-align: justify;
    line-height: 1.5em;
    font-size: 16px;
}
div.content-div div.vak h4{margin-top:40px; font-family: 'Alice', sans-serif}
div.content-div div.vak h5{}
div.content-div div.vak p{}
div.content-div a{float:none;font-size: initial}
div.content-div ul{font-size: initial}
div.content-div a.button{float:left;}
div.content-div div.content h1,
div.content-div div.content h2,
div.content-div div.content h3{
    font-size:18px;
    margin:0;
}
div.content-map{
    width:100%;
    height:50vh;
}
table.ttt{width:100%;}
/*div.content-div table.ttt tr{border-bottom:1px transparent solid;}*/
table.ttt tr{border-bottom:1px #c0c0c0 dashed;}
/*div.content-div table.ttt tr:nth-child(2n+1){background: #fafbff;}
div.content-div table.ttt tr:nth-child(2n+2){background: #fcfcfc;}*/
table.ttt tr td{padding:10px;}
table.ttt tr td:nth-child(2){padding-left:20px;}
table.ttt tr td span{
    font-size:20px!important;
}
div.right-side-content{
    float:right;
    width: 25%;
}
div.right-side-content h2{
    text-align: left;
    border-bottom: 1px solid;
    margin-bottom:20px;
}
div.right-side-content ul.a-list{margin:0;padding:0;list-style-type: none}
div.right-side-content ul.a-list li{margin:0;padding:0;padding-bottom:10px;}
div.right-side-content ul.a-list li a{
    text-transform: uppercase;
    font-size:18px;
}

ul.graphMenu{list-style-type: none;margin:0;padding:0;}
ul.graphMenu li {
    width:24%;
    float:left;
}
ul.graphMenu li a{
    display: block;
    text-align: center;
}
ul.graphMenu li h3{
    text-align: center;
    height:80px;
}
ul.graphMenu li img{width:80%;}

/*MODALS MODALS MODALS MODALS MODALS MODALS MODALS MODALS */
.modal-footer{}
div#userEnter .modal-footer,
div#userRegistration .modal-footer{text-align:center}
div#userRegistration .modal-body{line-height: 1.5em;/*font-size:16px;*/}
div#userRegistration .modal-body input{margin-bottom:20px;}
div#userCodeReminder .modal-body input[type=text],
div#userEnter .modal-body input[type=text],
div#userEnter .modal-body input[type=tel],
div#userEnter .modal-body input[type=number],
div#userRegistration .modal-body input[type=text]{
    width:100%;padding:5px 10px 5px 10px;
    font-size:18px;
    text-align: center;
    margin-bottom:10px;
}

div#userCodeReminder .modal-footer button,
div#userRegistration .modal-footer button,
div#userEnter .modal-footer button{width:100%;font-size:20px;}
div#userRegistration .modal-footer a,
div#userEnter .modal-footer a{
    display:block;
    color:#d7315e;
    margin-top:20px;
    font-size:17px;
}
div#userEnter .modal-footer a.social{
    display:inline-block;
    margin-top:0px;
}

div#userEnter .modal-footer h3{font-size:18px;margin-top:20px;}
div#userRegistration .modal-body div.message{text-align: justify;margin-bottom:10px;}
div#userRegistration .modal-body{}


div.kabinet{}
div.kabinet h2{
    text-align: left;
    border-bottom:1px #e8e8eb solid;
    padding-bottom:20px;
}
div.kabinet h2 a {
    float:right;
    font-size:16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
}
div.kabinet div.left{float:left;width:200px;}
div.kabinet div.left a{
    display:block;
    text-transform: uppercase;
    line-height: 2em;
}
div.kabinet div.left a.button{
    float:none;
    margin:10px 0;
    text-align: center;
}
div.kabinet div.right{float:right;width:calc(100% - 240px);}
div.kabinet div.right h3{text-align: left;}
div.kabinet div.right label[for=nospam]{
    font-size:14px;
    width:auto;
    margin-right:10px;
}
div.kabinet div.right label{
    width:210px;
    display: inline-block;
    font-size:18px;
}
div.kabinet div.right select,
div.kabinet div.right input[type=text]{
    min-width:200px;
    padding:5px 10px 5px 10px;
    font-size:14px;
    text-align: center;
    margin-bottom:10px;
    margin-right:10px;
}
div.kabinet div.right select {
    min-width:unset;
}
div.kabinet div.right div.address{
    display: table-cell;
}
div.kabinet div.right div.address p{
    font-size:12px;
}
div.kabinet div.right div.clr{height:10px;}
div.kabinet table tr td p.paid{
    margin:0;
    color:#fff;
    font-size:14px;
    background: #3c763d;
    padding:5px 18px;
    /*text-align: center;*/
    display: inline-block;

}

div#addAddress .modal-body input{margin-bottom:20px;}
div#addAddress .modal-body select,
div#addAddress .modal-body input[type=text]{
    width:100%;padding:5px 10px 5px 10px;
    font-size:18px;
    text-align: left;
    margin-bottom:10px;
}

div.kabinet div.right label.t {display: table-cell;}
div.kabinet div.data{display: table-cell;}
div.kabinet div.data table{width:100%;min-width: 200px;}
div.kabinet div.data table td{
    padding:5px;
    font-size: 14px;
    color: #454545;
}
div.kabinet div.data table td:nth-child(1){
    width: 80px;
}
div.kabinet div.data table td:nth-child(2){
    font-weight: bold;
    font-family: Arial;
}

div.page404{}
div.page404 h2{}
div.page404 h4{text-align: center}

div.size-float {
    float:left;
    width:calc(50% - 60px);
}
div.size-float h4{
    text-align: center;
    font-size:24px;
}
div.content-div div.size-float:nth-child(odd){margin-left:60px;}
/*div.size-float:nth-child(2n+4){margin-left:60px;}*/
table.table.t-size tr:nth-child(1){font-weight: bold}
table.table.t-size tr td{text-align: center}
div#info-window div.size-float{float:none;width:100%;}

div#info-window div.size-float:nth-child(2n+2){margin-left:0;}

form.fff div.block {margin-bottom:20px;}
form.fff div.label{float:left;width:120px;font-size:16px;font-weight:bold;}
form.fff div.data{float:left;width:calc(100% - 120px - 20px);margin-left:20px;}
form.fff div.data select,
form.fff div.data input[type=text],
form.fff div.data textarea
{
    padding:5px 10px 5px 10px;
    min-width: 150px;
    width:50vw;
}
form.fff div.data select{margin-bottom:20px;min-width: 150px;width:50vw;}

div.discount-card{
    width:300px;
    margin-right:20px;
    float:left;
}
div.discount-card.block{
    opacity: 0.5;
}
div.discount-card img{width:300px;}
div.discount-card p{
    padding:15px;
    font-size:16px;
}
div.discount-card p span{float:right;}


div.card-block{
    width:calc(33% - 30px);
    float:left;
    margin-right:40px;
    margin-bottom:40px;
}
div.card-block:nth-child(3n){
    margin-right:0;
}
div.card-block h4{text-transform: uppercase; font-weight:bold;font-size:16px;height:34px;}
div.card-block img{width:100%;}
div.card-block div.description{}
div.card-block div.description p{}
div.card-block div.description ul{}
div.card-block div.description ul li{}

div.float-percent{
    position:absolute;
    margin-left:195px;
    margin-top:-94px;
    text-align: center;
    font-family: 'Alice', sans-serif;
    font-size:40px;
    width:70px;
    color:#d82057;
}

div.patents {}
div.patents img {width:33%; float:left;}
div#addUserAddress{
    overflow: auto;
}
div#addUserAddress div.modal-dialog {
                           width:90%;
                       }
div#addUserAddress form#addUserAddressForm div.map{
    width:calc(70% - 40px);
    margin-left:20px;
    margin-right:20px;
    height:365px;
    position: absolute;
    top: 0;
    right: 0;
}
div#addUserAddress form#addUserAddressForm div.param{
    width: 30%;
    position: relative;
}
div#addUserAddress form#addUserAddressForm div.param input {
    border-radius: 2px;
    border: 1px solid #e1e1e1;
}
div#userAddresses div.modal-dialog {width:900px}
div#userAddresses div.modal-body {display: flex;flex-wrap: wrap;}

div#userAddresses div.address-block.center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}
div#userAddresses div.address-block:hover{
    border: 1px solid #d82057;
}
div#userAddresses div.address-block {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*width: calc(33% - 10px);*/
    width:275px;
    height: 168px;
    padding: 16px;
    border: 1px solid #d7dcdf;
    border-radius: 2px;
    margin-bottom:15px;
    margin-right:15px;
    margin: 7px 7px;
}
div#userAddresses div.address-block a.button{cursor: pointer}
div#userAddresses div.address-block p.room {
    font-size: 12px;
    color: #777;
}
div#userAddresses div.address-block p.address {
    height: 300px;
    font-size:14px;
    line-height: 1.5em;
}
div#userAddresses div.address-block a.button {
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
}
div#userAddresses div.address-block a.button i.material-icons{
    font-size:16px;
}

div#userAddresses div.address-block p.add-new-address{ width:120px; }
div#userAddresses div.address-block.center i.material-icons{
    color: rgba(0, 0, 255, 0.8);
    margin-right:10px;
    margin-top:-10px;
    font-size:34px;
}

ymaps button.button{display:none;}


div.status-line{
    margin-top:20px;
}
div.status-line div.status{
    float:left;
    width:100px;
    height:100px;
    border-radius: 100px;
    overflow: hidden;
    border:2px #c0c0c0 solid;
    color: #c0c0c0;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right:20px;
    margin-bottom:20px;
}
div.status-line div.status.ready{
    border-color:#4cae4c;
    color: #454545;
}
div.status-line div.status div.status-text{
    width: calc(100% - 10px);
    text-align: center;
    font-size:13px;
    padding:0 5px;
}
div.status-line div.status div.status-text span.status-date{
    font-size:11px;
    line-height: 2em;
}



div.mobile-order {
    padding:10px;
    border-radius: 10px;
    background: #f2f3f5;
    width: calc(100% - 20px);
}
div.mobile-order h4{font-size:20px;font-weight: bold;}
div.mobile-order h5{font-size:18px;color:#d82057;}
div.mobile-order a.button{float:right;}
div.mobile-order div.order-info{width:calc(100% - 20px);background: #fff;
    padding: 10px 10px 0;
}
div.mobile-order div.order-info div.order-status{margin-bottom:20px;font-size:18px;}
div.mobile-order div.order-info img{width:calc(50% - 5px);margin-bottom:10px;}
div.mobile-order div.order-info img:nth-child(even){margin-left:10px;}

div.promoDiv {
    width:100%;
    /*background: #3b5f92;*/
    padding: 40px 0;
}
div.promoDiv h2 {/*color:#fff;*/}
div.promoDiv div.promo {
    margin-top:20px;
}
div.promoDiv div.promo img {
    border-radius: 20px;
    width: calc(33% - 25px);
    margin-left: 20px;
}

div.filter-map{
    display:flex;
    align-content: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom:10px;
}
div.filter-map h4{
    margin:0;
    padding:0;
}
div.filter-map select.filter-map{
    font-size:20px;
    border-radius: 4px;
}



ul.new-image-slider {
    padding-left: 0;
}
ul.new-image-slider li{padding:1em;}
ul.new-image-slider li img{
    width:100%;
    border-radius: 10px;
}

ul.new-image-slider li a.new-good{
    position: relative;
    display:block;
}
ul.new-image-slider li a.new-good img {
    /*position: absolute;*/
    z-index: 0;
}
ul.new-image-slider li a.new-good div.title{
    position: absolute;
    z-index: 10;
    /*top:20px;*/
    left:20px;
    color:white;
    text-shadow: 1px 1px 8px #000000;
    font-size:20px;
    padding:10px;
    line-height: 1.2em;
}
ul.new-image-slider li a.new-good div.price{
    position: absolute;
    z-index: 10;
    bottom: 20px;
    border-radius: 10px;
    width:calc(100% - 40px);
    height:40px;
    color: #d82057;
    font-size:18px;
    text-align: center;
    margin-left:20px;
    margin-right:20px;
    line-height: 2.2em;
    background: rgba(255, 255, 255, 0.81);
}
/*ul.slick-dots {*/
/*    position: absolute;*/
/*    display: flex;*/
/*    list-style: none;*/
/*}*/
/*ul.slick-dots li button {*/

/*}*/

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


div.footer-flex{
    display: flex;
    flex-wrap: wrap;
}