@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Regular.eot');
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
        url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Regular.woff') format('woff'),
        url('../fonts/Ubuntu-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Medium.eot');
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
        url('../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Medium.woff') format('woff'),
        url('../fonts/Ubuntu-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Bold.eot');
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
        url('../fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Bold.woff') format('woff'),
        url('../fonts/Ubuntu-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

::placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
}
:-ms-input-placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
}
::-ms-input-placeholder {
    color: #999;
    font-size: 16px;
    font-weight: 400;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, time {
    display: block
}

* {
    outline: none;
}

body {
    line-height: 1;
    min-width: 320px;
}

:focus {
    outline: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@-moz-document url-prefix() {
    input[type=submit] {
        padding-bottom: 2px;
    }
}

/*   end global reset  */

.check-status-form {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUsAAAAuCAYAAACh+TvDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBGRkEwNTAwRTEyMTFFMkI2NDVEQzAxNkQ1QzFGQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBGRkEwNTEwRTEyMTFFMkI2NDVEQzAxNkQ1QzFGQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEZGQTA0RTBFMTIxMUUyQjY0NURDMDE2RDVDMUZBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEZGQTA0RjBFMTIxMUUyQjY0NURDMDE2RDVDMUZBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvP1qV0AAAOwSURBVHja7N05bttAFIDh4WrJdmEETpXCC3SGADlCgJSpc4IUOUrO4CpFygC5Q85geKljBDBgQzTX8I1m6CFNGbGAGJbm/wDCG9VM8ftxkRg0TaOe6vT0VAFr6Kv5+oWl8NdsNlvpdfEqLwqCgBXHOpm220mSJB/lh6Io3rRfPrXbnKXBf40lsEZetduPNE3fTSYT+8/+Y57nEswP7faHJcI/DYmrHIafnZ2xcliLI652+9lGcjY1obTmWaayLJPzSe/bjfNKHjk+Pn6+WJ6fn7PieOneykS5s7PzejIIpdXGUt3e3v42E+YvlswPR0dHzxfLi4sLVhwvmZybPNnd3Z0uC6UbzJubGzl3Kecwv7N0m+/w8HCl14UsHTbM53b7tre3N93e3lZhGD66yT6yr7zGvBYYnyyH37dTY82yYF1Np1O9xfHTrl2WZanm87neADOB2mGyGY3l5eVlvb+/z0oB8NbV1ZU6ODjoxXL473dL7qGsa4ZLAB4fci/uJd9qtzv7u3gwWepYVsQSALGUWOZjk6WMnKnsJOdvAMDzWKami7Uby4BYAsBoLOWHZjhZJpyzBEAsdSwT5dxe6cYyajd9B29VVawWAG9FoW7kxHTxQSzl+wkXeAD4Lo4iG8t4GMvQjJyLq+FMlgB8PgxP5XSlvhpuD8Urd7KUX+o9qpJYAvBearrYTZaB2XQsmSwBeD9Z3l8NT2wj3VuHYltRYgkAuod2oOyds4wWQWWyBMBkaSIZmT4+uHUoZrIEAGX7+ODWIfsOnmARS24dAsCA6XZxNJa8gwcAHo+lPjZf5VETALBhwmWxDGwoiSUAnzkN7NroPoOnUf1PTgcA3w/Du2oOP3VIFzUMeY4ZACZLteRTh4S+shNFEasFwHe9K93x4DBcF/WpT8YDgA2dLEcPw+vFPo1Kk4TVAuB7LBt3uoydesrbdgody5RYAvA+loXpYu+BZVLP0sYyIZYAiGVhulgPYymPfKzl3TtpkrJaALxVFHmvi8NYSkXv9AWehAs8APyV53fy5c50sRfLxoybuY4ltw4B4DA8N11shrHsJktuSgdALLvJsoulvY+omywBgFj2JsvGPTkpl8hLucBDMAH4zHxMZWm6qNzDcP13O1nyeZYAmCzvr4QPY1nZWPJYCQDEUseyWhbLa9mpJJYAiOX1sljKXzMmSwDEUscyc383+qlDZVmyWgB8j2UzFsvuU9KZLAEQy14nm+FkafZpVDafs1oAvG+mch6181eAAQAEIGYp/hyGZgAAAABJRU5ErkJggg==);
}

html, body {
    height: 100%
}

body {
    /*font-family: 'Ubuntu', sans-serif;*/
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    color: #282828;
    max-width: 1920px;
    margin: auto;
    background: #fafafa;
}
body.no-scroll {
    overflow: hidden;
}

a {
    color: #10378E;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
}

a:hover {
    color: #295ED6;
}

.fl {
    float: left
}

.fr {
    float: right;
    margin-top: -6px;
}
.type-view-products {
    text-align: right;
}
.type-view-products span {
    border-radius: 2px;
    display: inline-block;
    margin-left: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.type-view-products span.grid {
    background: #EDEDED url('../images/grid.png') 0 0 no-repeat;
}
.type-view-products span.grid.selected {
    background: #295ED6 url('../images/grid.png') 0 -50px no-repeat;
}
.type-view-products span.list {
    background: #EDEDED url('../images/list.png') 0 0 no-repeat;
}
.type-view-products span.list.selected {
    background: #295ED6 url('../images/list.png') 0 -50px no-repeat;
}
.clear {
    clear: both;
    height: 1px;
    overflow: hidden
}

.align-c {
    text-align: center
}

.align-r {
    text-align: right
}

.align-l {
    text-align: left
}

.hidden {
    display: none
}

.clear {
    clear: both;
}

#header ul, #footer ul, .news-list, .cat-list, .compare-slider ul, .values-compare ul, .tabs-content ul {
    list-style: none
}
.nav-btn {
    display: inline-block;
    margin: 0 50px 0 0;
    padding: 11px 0;
    float: left;
    /*background: #10378E;*/
    border-radius: 2px;
    cursor: pointer;
}
.nav-btn .nav-icon {
    margin: 0;
    width: 50px;
}
.nav-btn .nav-icon:after, .nav-btn .nav-icon:before, .nav-btn .nav-icon div {
    background-color: #fff;
    border-radius: 1px;
    content: '';
    display: block;
    height: 6px;
    margin: 10px 0;
    transition: all .2s ease-in-out;
}
.close-catalog {
    position: absolute;
    top: 39px;
    right: 30px;
    cursor: pointer;
}
.close-catalog .close-icon {
    margin: 0;
    width: 18px;
    height: 18px;
    background: transparent url('../images/svg/close_gray.svg') 0 0 no-repeat;
}
.prev-btn {
    border: solid #c4c4c4;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    margin-right: 15px;
    cursor: pointer;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.news-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: unset;
    margin-left: -20px;
    margin-right: -20px;
}
.news-list .body {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 385px);
    height: calc(100% - 60px);
    font-size: 16px;
    line-height: 22px;
    color: #282828;
    padding: 30px;
}
.news-list .body p {
    margin-bottom: 20px;
}
.more-news {
    /*position: absolute;
    bottom: 40px;
    left: 30px;*/
    font-weight: bold;
    font-size: 16px;
    color: #295ED6;
}
.more-news::after {
    content: '';
    border: solid #295ED6;
    border-width: 0 2px 2px 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#header .phone {
}
/*
#content h1, #content h2 {
    font-weight: 400
}
*/
.categories-products-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap:wrap;
}
.categories-products-content .products-filters-box {
    position: relative;
    flex: 0 0 320px;
    padding: 20px 0px 20px 0px;
    background: transparent;
}
.categories-products-content .products-filters-box.linebox {
    flex: 0 0 calc(100% - 0px);
    padding: 0px 0px 20px 0px;
    background: transparent;
    border-right: 0px solid #ededed;
}
.categories-products-content .products-filters-box.flinebox {
    flex: 0 0 calc(100% - 0px);
    padding: 0;
    background: transparent;
    border-right: 0px solid #ededed;
}
.categories-products-content .products-filters-box .filter-title {
    font-size: 36px;
    color: #282828;
    line-height: 42px;
    font-weight: 700;
    margin: 15px 0 31px;
}
.categories-products-content .products-filters-box.linebox .filter-title, .categories-products-content .products-filters-box.flinebox .filter-title {
    display: none;
}
.categories-products-content .products-list-box {
    flex: 0 0 calc(100% - 350px);
    margin-left: 30px;
}
.categories-products-content .products-list-box.filter-modify {
    flex: 0 0 calc(100% - 0px);
    margin-left: 0px;
}
.categories-products-content .products-list-box.search-modify {
    flex: 0 0 calc(100% - 0px);
    margin-left: 0px;
}

.categories-products-content .products-list-box.filter-modify .cat-list.prod-list li {
    flex: 0 0 calc(20% - 82px);
}
.categories-products-content .products-list-box.filter-modify .cat-list.prod-list li.inline {
    flex: 0 0 calc(100% - 82px);
}

#footer ul a, .a-call, #header .search input[type=submit], #slider .prev, #slider .next, .subnav-panel ul a, #slider-brand .prev, #slider-brand .next, .button, .button > span, .action-links a, .a-check-status-popup, .check-status-form input[type=submit], .popup-close, .a-print, .delete-item, .plus, .minus, #slider-price, .ui-slider-range, .ui-slider-handle, .pager .current, .pager .next, .pager .prev, .search-goods input[type=submit], .a-excel, .prev-shadow a, .next-shadow a, .close-panel, .list-characteristics > li, .filter input[type=submit] {

}

#wrap {
    position: relative;
    /*min-width: 1170px;*/
    min-width: 100%;
    margin: 0 auto;
    text-align: left;
    min-height: 100%;
    overflow: hidden;
}

.with-panel-b #wrap {
    margin-bottom: -180px
}

.with-panel-b #footer {
    /*height: 159px*/
}

#content {
    /*width: 1170px;*/
    width: calc(100% - 336px);
    margin: 0 168px;
}

#header {
    width: 100%;
    max-width: 1920px;
    position: fixed;
    top: 0px;
    margin: auto;
    background: #295ED6;
    z-index: 100;
}
#header .top-menu {
    /*width: 1170px;*/
    background: #fff;
    width: calc(100% - 150px);
    padding: 0 75px;
    height: 30px;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #eee;
}
#header .top-menu ul {
    display: inline-block;
    float:right;
    width: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
#header .top-menu ul li {
    display: inline-block;
    margin-left: 40px;
}
#header .top-menu li a {
    display: inline-block;
    padding: 4px 0px;
    color:#282828;
    font-weight: 600;
    text-decoration: none;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
#header .top-menu li a:hover {
    color:#0056d3;
}
#user-sign {
    position: relative;
}
#user-sign .user-menu {
    display: none;
    width: 220px;
    position: absolute;
    top: 67px;
    right: -7px;
    background: #fff;
    -webkit-box-shadow: 0px 20px 25px 0px rgb(50 50 50 / 30%);
    -moz-box-shadow: 0px 20px 25px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 20px 25px 0px rgb(50 50 50 / 30%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    z-index: 10;
}
#header .row .col-2.stickOnScroll-on #user-sign .user-menu {
    top: 40px;
    right: 2px;
}
#user-sign:hover .user-menu {
    display: block;
}
#user-sign .user-menu::before {
    content: '';
    position: absolute;
    top: -30px;
    right: 14px;
    border: 20px solid transparent;
    border-bottom: 20px solid #fff;
}
#header .row .col-2.stickOnScroll-on #user-sign .user-menu::before {
    right: 3px;
}


#user-sign .user-menu a {
    display: block;
    padding: 10px 0;
    text-align: left;
    border: 0;
    color: #282828;
}
#header .user-menu span {
    margin: 0 15px;
}
#header .user-menu a {
    font-weight: 600;
    text-decoration: none;
}
#user-sign .user-menu a:hover {
    color:#0056d3;
}

#header .header {
    /*width: 1170px;*/
    width: calc(100% - 336px);
    margin: 0 168px;
    padding: 15px 0 15px 0;
    height: 80px;
}

#header .logo {
    width: 220px;
    height: 80px;
    background: url(../images/svg/logo_technorent.svg) 50% 50% no-repeat;
    background-size: contain;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
}
#header .row {
    float: left;
    font-style: normal;
    margin-left: 50px;
    width: calc(100% - 380px);
    margin-top: 8px;
}
#header .row .col-2 {
    display: inline-block;
    position: relative;
    top: 0;
    width: calc(100% -  0px);
    text-align: right;
}
#header .row .col-2.stickOnScroll-on {
    display: block;
    text-align: center;
    top: 110px !important;
    z-index: 5;
    background: rgb(163, 44, 223);
    background: -moz-linear-gradient(135deg, rgb(163, 44, 223) 10%, rgb(16, 106, 210) 100%);
    background: -webkit-linear-gradient(135deg, rgb(163, 44, 223) 10%, rgb(16, 106, 210) 100%);
    background: -o-linear-gradient(135deg, rgb(163, 44, 223) 10%, rgb(16, 106, 210) 100%);
    background: -ms-linear-gradient(135deg, rgb(163, 44, 223) 10%, rgb(16, 106, 210) 100%);
    background: linear-gradient(225deg, rgb(163, 44, 223) 10%, rgb(16, 106, 210) 100%);
    width: 45px !important;
    right: 0px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 2px solid rgba(0,0,0,0.2);
    border-right: 0;
}
#header .email-find {
    display: inline-block;
    width: 230px;
    margin-top: 15px;
}

#header .email-find span a {
    color: #020c53;
    font-size: 18px;
    text-decoration: none;
    border-bottom: 1px dotted #020c53;
    /*text-shadow: 0 0 0.4px #075ba3;*/
}
#header .contacts-box {
    display: inline-block;
    width: 50%;
    float:left;
    text-align: left;
}
#header .contacts-box span {
    margin-right: 50px;
    padding: 4px 0;
    display: inline-block;
    font-weight: 600;
}
#header .search {
    width: 100%;
    height: 64px;
    border: solid 0px transparent;
    border-radius: 0px;
    margin: 0;
    display: inline-block;
    /*float: left;*/
    margin-top: 0px;
    position: relative;
}
#searchResult {
    display: none;
    position: absolute;
    width: 100%;
    max-height: 490px;
    padding-bottom: 40px;
    -webkit-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    -moz-box-shadow:    0px 4px 20px rgba(181, 181, 181, 0.25);
    box-shadow:         0px 4px 20px rgba(181, 181, 181, 0.25);
    border: 0;
    margin-left: 0;
    margin-top: 20px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    z-index: 100;
}
#searchResult.show {
    display: block;
}
.search-ajax-list {
    margin: 0;
    padding: 0;
    list-style: 0;
    max-height: 492px;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
}
.search-ajax-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #f6f7fb;
}
.search-ajax-list::-webkit-scrollbar
{
	width: 3px;
	background-color: #f6f7fb;
}
.search-ajax-list::-webkit-scrollbar-thumb
{
	background-color: #ccc;
}
.search-category {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid #ededed;
    text-align: left;
}
.search-category .category-label {
    font-size: 12px;
    font-weight: 400;
    color: #999;
}
.search-category h3 a {
    font-size: 16px;
    font-weight: 700;
    color: #282828;
}
.search-product {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 20px;
    border-bottom: 1px solid #ededed;
}
.search-product:last-child {
    border-bottom: 0px solid #ededed;
}
.search-product .image-product {
    flex: 0 0 180px;
    margin-right: 15px;
}
.search-product .image-product img {
    width: 100%;
    height: auto;
}
.search-product .info-product {
    flex: 0 0 calc(100% - 195px);
    text-align: left;
    overflow: hidden;
}
.search-product .info-product .product-label {
    font-size: 12px;
    font-weight: 400;
    color: #999;
}
.search-product .info-product h3 a {
    font-size: 16px;
    font-weight: 700;
    color: #282828;
}
.search-product .info-product .reviews-rating-small {
    float: none;
}
.search-product .info-product .price-str {
    color: #282828;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.search-product .info-product .price-str span {
    font-weight: 700;
}
.search-product .info-product > a.link-more-product {
    background: #295ed6;
    padding: 5px 10px;
    margin: 10px 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.search-product .info-product > a.link-more-product:hover {
    opacity: 0.85;
}
.search-product .info-product .rating-item {
    margin: 5px 0;
}
.search-product .info-product .desc-rows {
    display: none;
    font-size: 14px;
    color: #282828;
    text-align: left;
}
.search-product .info-product .offers {
    padding: 10px 0 0;
    position: unset;
    bottom: unset;
    left: unset;
    color: #999;
}
.search-product .info-product .price-rest {
    font-size: 12px;
    display: inline-block;
    color: #ababab;
}
.search-product .info-product .price-rest .argument {
    display: inline-block;
    width: unset;
    padding: 2px 0;
    margin-right: 4px;
}
.search-product .info-product .price-rest .minprice > span {
    border-bottom: 0px solid #ffca3d;
    margin: 0 2px;
}
.search-product .info-product .price-rest .minprice > span.unit::after {
    content: ',';
    display: inline-block;
    margin-right: 4px;
}
#searchResult .submit {
    background: #fafafa;
    position: absolute;
    width: 100%;
    height: 38px;
    bottom: 0px;
    left: 0;
    text-align: center;
}
#searchResult .submit input[type="submit"] {
    display: inline-block;
    border: 0;
    outline: 0;
    font-size: 14px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 10px;
    color: #295ed6;
    background: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#searchResult .submit input[type="submit"]:hover {
    opacity: 0.8;
}

#header .search input[type=text] {
    float: left;
    width: calc(100% - 30px);
    font-size: 18px;
    font-weight: 400;
    color: #282828;
    border: 0;
    background: none;
    padding: 15px;
    position: relative;
    left: 0px;
    top: 0px;
    height: 34px;
    background: #f9f9f9 url('../images/svg/search.svg') 97% 12px no-repeat;
    border-radius: 5px;
}
#header .search input[type=text]::placeholder {
    color: #c4c4c4;
    opacity: 1; /* Firefox */
}
#header .search input[type=text]:-ms-input-placeholder {
    color: #c4c4c4;
} 
#header .search input[type=text]::-ms-input-placeholder {
    color: #c4c4c4;
}




#header .nav {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.secNav{
    background: #020c53;
}
#header nav {
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    /*max-width: 1170px;*/
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
#header > .nav{
    border-top: 1px solid #e1e2e1;
    border-bottom: 1px solid #e1e2e1;
}
#cityselect {
    display: inline-block;
    margin: 0;
    line-height: 34px;
    width: 150px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    color: #282828;
    cursor: pointer;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
#cityselect .fi {
    font-size: 28px;
    float: left;
    margin-right: 15px;
}
#cityselect span {
    font-size: 16px;
    line-height: 32px;
    float: left;
}
#cityselect:hover {
    color: #0056d3;
}
#search-mobile {
    display: none;
}
#basket, #wishlist, #compare {
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    font-family: 'Roboto', sans-serif;
    line-height: 19px;
    color:#fff;
    /*width: 36px;*/
    /*height: 36px;*/
    display: inline-block;
    text-align: center;
    height: 64px;
    vertical-align: top;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
#basket:hover, #wishlist:hover, #compare:hover {
    color: #fff;
}
#header .row .col-2.stickOnScroll-on #basket, #header .row .col-2.stickOnScroll-on #wishlist, #header .row .col-2.stickOnScroll-on #compare {
    display: block;
    margin: 20px 0;
}
#wishlist, #uploadRent {
    display: none !important;
}
.img-avatar {
    width: 57px;
    height: 57px;
    border-radius: 50%;
    overflow: hidden;
}
.img-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#search {
    position: relative;
    /*width: calc(100% - 435px);*/
    width: calc(100% - 320px);
    display: inline-block;
    margin-right: 30px;
    margin-left: 0;
    color: #282828;
    height: 64px;
    vertical-align: top;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
#search:hover {
    color:#0056d3;
}
#search .hidden-element {
    color: transparent;
}
#search:hover .hidden-element{
    color:transparent;
}
#header .row .col-2.stickOnScroll-on #search {
    display: none;
}
#user-sign {
    /*width: 36px;*/
    height: 64px;
    display: inline-block;
    position: relative;
    margin-right: 0;
    margin-left: 15px;
    color:#fff;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    line-height: 19px;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
#header .row .col-2.stickOnScroll-on #user-sign {
    display: block;
    margin: 20px 0;
}
#user-sign:hover {
    color:#fff;
}
#basket .fi, #wishlist .fi, #compare .fi, #user-sign .fi, #search .fi {
    font-size: 28px;
}
#user-sign .user-menu .fi {
    font-size: 20px;
    line-height: 20px;
    padding-right: 10px;
    float:left;
}
.secBasketMenu{
}
#basket span, #wishlist span, #compare span {
    display: block;
    padding: 0;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
}
#basket span {
    top: -10px;
    right: -5px;
}
#compare span {
    top: -10px;
    right: 7px;
}
#wishlist span {
    top: -10px;
    right: 0px;
}

#header .row .col-2.stickOnScroll-on #basket span, #header .row .col-2.stickOnScroll-on #wishlist span, #header .row .col-2.stickOnScroll-on #compare span {
    top: -5px;
    right: 5px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    left: unset;
}

#basket a:hover {
    text-decoration: underline
}

#header nav ul {
    float: left;
    width: 775px;
}

#header nav > ul > li {
    float: left;
    width: auto;
    height: 43px;
    position: relative;
    padding: 0 0 0 2px
}
#header nav > ul > li::after {
    content: '';
    width: 1px;
    height: 30px;
    position: absolute;
    top: 7px;
    background: #293379;
}
#header nav > ul:not(.subnav-list) > li > a {
    float: left;
    position: relative;
    z-index: 6;
    height: 43px;
    line-height: 43px;
    padding: 0 21px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap
}
#header nav > ul > li:first-child > a {
    padding: 0 21px
}

#header nav ul > li > .subnav > ul > li:hover {
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #e1e2e1 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#e1e2e1 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%,#e1e2e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e1e2e1',GradientType=0 );
}

#header nav ul > li > .subnav >  ul > li:hover > a {
    color: #6a6a6a;
    text-shadow: 1px 1px rgba(255, 255, 255, .36);
    padding: 0 21px 7px;
    margin: 0 0px;
    background-position: 0 -90px;
    background-repeat: no-repeat;
    background: url(../images/bg-menu.png) 0 - 90 px no-repeat
}

#header nav ul > li > .subnav >  ul > li:first-child:hover > a {
    padding: 0 21px 8px
}

#header .subnav {
    position: absolute;
    top: -9941px;
    left: -8px;
    z-index: 2;

}

#header li:hover .subnav {
    top: 41px
}

#header #resSearch {
    background-color: #ffffff;
    width: 500px;
    position: absolute;
    margin-left: 650px;
    padding:10px;
    z-index: 10;
    border: 1px solid #dddddd;
}

#header #resSearch .product-item {
    height: 75px;
}

#header #resSearch .product-item.all-results{
    height:auto;
}

#header #resSearch .product-item.all-results > div {
    height:auto;
}

#header #resSearch .product-item.all-results .product-title span {
    cursor: pointer;
}

#header #resSearch .product-item > div {
    float: left;
    height: 65px;
    padding: 5px;
}

#header #resSearch .product-image-src {
    width: 75px;
}

#header #resSearch .product-image-src img {
    max-height: 100%;
    max-width: 100%;
}

#header #resSearch .product-title {
    width: 320px;
}

#header #resSearch .product-price {
    width: 75px;
    text-align:right;
}

.subnav-list {
    width: 227px;
    /*height: 401px;*/
    /*background: url(../images/subnav-2.png) 0 -543px no-repeat;*/
    background: url(../images/subnav-2-body.png) repeat-y;
    padding: 0 0 0 1px;
    z-index: 5;
    position: relative;
}

.subnav-list-top {
    background: url(../images/subnav-2-top-1.png) no-repeat;
    height: 45px;
}

.subnav-list-bottom {
    background: url(../images/subnav-2-bottom-3.png) no-repeat;
    height: 36px;
}

.subnav-list.tall-subnav {
    background-position: 0 -543px
}

.subnav-list.show-subnav-panel {
    /*background: url(../images/subnav-2.png) 0 0 no-repeat*/
}

.subnav-list > li {
    height: 36px
}

.subnav-list > li > a {
    display: block;
    width: 200px;
    padding: 0 0 0 30px;
    color: #020c53;
    font-size: 14px;
    text-decoration: none;
    height: 36px;
    line-height: 36px;
    background: url(../images/bg-menu.png) 100% - 9999 px no-repeat;
    text-shadow: 1px 1px #fff;
    background-position: 0 -9999px;
    background-repeat: no-repeat
}

.subnav-list > li:hover > a {
    background-position: 100% -80px;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .36);
    position: relative;
    z-index: 6
}

.subnav-panel {
    position: absolute;
    top: -9991px;
    left: 219px;
    z-index: 3;
    white-space: nowrap;
    background: url(../images/subnav-2.png) 100% 0 no-repeat;
    padding-top: 17px
}

.subnav-list .subnav-panel .sp-l {
    position: absolute;
    left: -9px;
    top: 9px;
    width: 16px;
    height: calc(100% - 9px);
    background: url(../images/subnav-2.png) -296px -10px no-repeat;
    background: url(../images/subnav-panel-left-3.png) 100% 100% repeat-y;
}

.subnav-list li:hover .subnav-panel {
    top: -46px;
}

.subnav-list .subnav-panel .sp-item {
    display: none
}

.subnav-list .subnav-panel ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 36px
}

.subnav-list .subnav-panel ul li {
    padding: 0 0 6px
}

.subnav-list .subnav-panel ul a {
    padding: 0 0 0 10px;
    background-position: -263px -960px !important;
    zoom: 1;
    background-position: -263px -958px !important
}

.subnav-list .subnav-panel ul a:hover {
}

.subnav-list .subnav-panel .sp-b {
    height: 9px;
    margin: 0 0 0 7px;
    background: url(../images/subnav-2.png) 100% 100% no-repeat;
    font-size: 1px;
    position: relative;
    top: 9px;
    left: 9px;
    width: calc(100% - 15px);
}

.subnav-panel .sp-b .l {
    position: absolute;
    left: -16px;
    width: 16px;
    height: 9px;
    top: 0;
    background: url(../images/subnav-2.png) -400px 100% no-repeat
}
/*
.subnav-list.tall-subnav .sp-b {
    height: 17px;
    top: 17px;
    left: 0;
}

.subnav-list.tall-subnav .sp-b .l {
    background: url(../images/subnav-2.png) -293px 100% no-repeat;
    height: 17px
}
*/
.subnav-list .subnav-panel .sp-body {
    padding: 38px 50px 15px 5px;
    min-height: 390px;
}
.through-category-list-cover {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 100;
}
.through-category-list-cover.open{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.through-category-list-container{
    margin: 0;
    padding: 0;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 390px;
    height: 100vh;
}
.heading-catalog {
    padding: 30px 30px 25px 120px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
}
.through-category-list {
    width:100%;
    list-style: none;
    /*padding: 35px 0 30px;*/
    padding: 0;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    /*height: calc(100% - 153px);*/
    height: calc(100% - 88px);
}
.through-category-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #ededed;
}
.through-category-list::-webkit-scrollbar {
	width: 3px;
	background-color: #ededed;
}
.through-category-list::-webkit-scrollbar-thumb {
	background-color: #ccc;
}
.through-category-list > li {
    background: #fff;
    padding: 15px 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.through-category-list > li.active {
    background: #4D77D6;
}
.through-category-list > li > .a-wrapper {
    position: relative;
}
.through-category-list > li > .a-wrapper > a {
    text-align: left;
    padding: 13px 30px 13px 120px;
    display: inline-block;
    width: calc(100% - 150px);
    color:#282828;
    text-decoration:none;
    font-size: 16px;
    font-weight: 700;
}
.through-category-list > li > .a-wrapper > span {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    padding-left: 0;
    position: absolute;
    top:50%;
    left: 40px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.through-category-list > li.active > .a-wrapper > a {
    color:#fff;
}
.through-category-list > li.active > .a-wrapper svg path {
    fill:#fff;
}
.through-category-list > li > .a-wrapper > a:hover{
    color:#fff;
}

.through-category-list > li {
    position:relative;
    flex: 0 0 100%;
}
.through-category-list-sub {
    opacity: 0;
    visibility: hidden;
    position:fixed;
    top:0px;
    left:390px;
    width: 810px;
    height: calc(100vh - 0px);
    background: #FAFAFA;
    padding: 0px 0px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
    /*overflow-y: auto;*/
    z-index: 10;
    /*-webkit-transition: visibility 0s, opacity 0s linear;*/
    /*transition: visibility 0s, opacity 0s linear;*/
}
/*.through-category-list-sub::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #ededed;
}
.through-category-list-sub::-webkit-scrollbar {
	width: 3px;
	background-color: #ededed;
}
.through-category-list-sub::-webkit-scrollbar-thumb {
	background-color: #ccc;
}*/
.through-category-list-sub.open {
    opacity: 1;
    visibility: visible;
    /*-webkit-transition: visibility 0s, opacity 0.1s linear;*/
    /*transition: visibility 0s, opacity 0.1s linear;*/
}
.through-category-list-sub .subcat-menu-title {
    padding: 35px 30px 30px;
    background: #fff;
}
.through-category-list-sub .subcat-menu-title span {
    font-size: 18px;
    line-height: 18px;
}
.scroll-menu-box {
    margin-top: 0px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 147px);
    padding: 30px 30px 30px;
}
.scroll-menu-box::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #ededed;
}
.scroll-menu-box::-webkit-scrollbar {
	width: 3px;
	background-color: #ededed;
}
.scroll-menu-box::-webkit-scrollbar-thumb {
	background-color: #ccc;
}
.through-category-list-sub ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -20px;
    margin-right: -20px;
}
.through-category-list-sub .cat-promo {
    padding: 0;
    max-width: calc(100% - 0px);
    width: calc(100% - 0px);
    margin: 10px 0;
}
.through-category-list-sub li{
    position: relative;
    margin: 5px 20px;
    flex: 0 0 calc(33.333333% - 42px);
    max-width: calc(33.333333% - 42px);
    width: calc(33.333333% - 42px);
    height: 85px;
    padding: 0px;
    border: 1px solid #ededed;
    border-radius: 2px;
    background: #fff;
    overflow: hidden;
}

.through-category-list-sub li > a {
    display: block;
    background: transparent;
    padding: 15px 15px 5px 15px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #282828;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;*/
    white-space: break-spaces;
    width: calc(100% - 30px);
    max-height: 36px;
    overflow: hidden;
}
.through-category-list-sub li > .count-offers {
    font-size: 12px;
    line-height: 12px;
    padding: 0 15px 15px 15px;
    color: #999;
}
.through-category-list-sub li > .count-offers span {
    font-weight: 700;
    color:#999;
}
.through-category-list-sub li > .count-offers span.yes {
    color:#282828;
}
.through-category-list-sub li > a:hover {
    color: #282828;
    text-decoration: none;
}
.through-category-list-sub li:hover {
    background: #fff;
    -webkit-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    -moz-box-shadow:    0px 4px 20px rgba(181, 181, 181, 0.25);
    box-shadow:         0px 4px 20px rgba(181, 181, 181, 0.25);
}
.through-category-list-sub li:hover::after {
    content: '';
    width: 100%;
    height: 5px;
    background: #295ED6;
    position: absolute;
    bottom: 0;
    left: 0;
}
.scroll-container-select {
    height: calc(100% - 150px);
    overflow: hidden;
    overflow-y: auto;
    margin: 30px 0;
}
.scroll-container-select::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #f6f7fb;
}
.scroll-container-select::-webkit-scrollbar
{
	width: 3px;
	background-color: #f6f7fb;
}
.scroll-container-select::-webkit-scrollbar-thumb
{
	background-color: #ccc;
}
.scroll-container-cities {
    height: calc(100% - 150px);
    overflow: hidden;
    overflow-y: auto;
    margin: 30px 0;
}
.scroll-container-cities::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #f6f7fb;
}
.scroll-container-cities::-webkit-scrollbar
{
	width: 3px;
	background-color: #f6f7fb;
}
.scroll-container-cities::-webkit-scrollbar-thumb
{
	background-color: #ccc;
}
.city-flex-box, .cities-flex-box {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.city-flex-box li, .cities-flex-box li {
    padding: 5px 15px;
    color: #777;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: calc(100% - 50px);
    margin: 0 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.city-flex-box li.main-city, .cities-flex-box li.main-city {
    font-weight: 600;
}
.city-flex-box li:hover, .cities-flex-box li:hover {
    color: #2196f3;
    background: #f6f7fb;
}
.city-flex-box li.filtered, .cities-flex-box li.filtered {
    display: none;
}
.city-flex-box li span, .cities-flex-box li span {
    display: block;
    font-size: 10px;
    font-weight: 400;
}
.city-flex-box li:hover span, .cities-flex-box li:hover span {
    color: #777;
}
#cities-change {
    color: #10378E;
    font-weight: 700;
    cursor: pointer;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    margin-bottom: 30px;
}
#cities-change:hover {
    color: #295ED6;
}
#cities-change span {
    color: #999;
    font-size: 12px;
    font-weight: 400;
}
#cities-change:hover span {
    color: #999;
}



.category-flex-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.category-flex-item {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin: 0 0 20px;
}
.category-flex-item.hide {
    display: none;
}
.category-flex-item .item-header {
    display: block;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.category-flex-item .item-option {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #10378E;
    margin: 5px 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.category-flex-item .item-option:hover {
    color:#295ED6;
}
.category-flex-item .item-option.filtered {
    display: none;
}
.category-flex-list {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}




.menu-category-item {
    position: relative;
    margin: 0px;
    padding: 15px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.menu-category-item a {
    flex: 0 0 calc(30% - 30px);
    max-width: calc(30% - 30px);
    width: calc(30% - 30px);
    white-space: normal;
    padding-right: 30px;
}
.menu-category-item .info-block {
    flex: 0 0 70%;
    max-width: 70%;
    width: 70%;
    white-space: normal;
}
.menu-category-item .info-block h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    top: unset;
    min-height: unset;
}
.menu-category-item .info-block h3 a {
    text-align: left;
    line-height: 20px;
    padding: 10px 0;
    display: inline-block;
    color:#282828;
}
.menu-category-item .info-block .descr {
    font-size: 12px;
    line-height: 16px;
}
.a-call {
    display: block;
    width: 100%;
    background: #020c53;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;
    color: #ffca3d;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0 !important;
}

.a-call strong, .a-check-status strong {
    display: inline-block;
    color: #fff !important;
    text-shadow: 0 1px #15548a;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 0 0;
    border-bottom: dashed 1px #fff;
    font-weight: 700
}

.a-call:hover strong, .a-check-status:hover strong {
    border: 0
}

.a-check-status {
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: auto;
    white-space: nowrap;
    margin-right: 15px;
    text-decoration: none;
}

.a-check-status strong {
    padding: 0;
}

#content {
    padding: 0px 0px 120px;
    margin-top:110px;
    /*width: 960px*/
}

.with-panel-b #content {
    padding-bottom: 200px;
}

.vendorcode {
    font-size: 20px;
    font-weight: 400;
    color: #282828;
}
.vendorcode span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    color: #282828;
    padding: 0px 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
}
#content h1 {
    font-size: 48px;
    color: #282828;
    line-height: 64px;
    font-weight: 700;
    margin: 20px 0;
}
#content h2 {
    font-size: 36px;
    color: #282828;
    line-height: 48px;
    font-weight: 600;
    margin: 0 0 32px;
}
.left-70 {
    padding-left: 70px;
}
.btn-simple-page {
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    padding: 15px 35px;
    background: #295ED6;
    border-radius: 5px;
    margin: 40px 0 0 70px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-simple-page.no-left {
    margin: 0;
}
.btn-simple-page:hover {
    background: #0D40B1;
}
.block-right-simple-page {
display: inline-block;
vertical-align: top;
padding: 50px 60px;
width: 387px;
height: 330px;
background: #FFFFFF;
box-shadow: 0px 10px 20px rgba(181, 181, 181, 0.15);
border-radius: 5px;
text-align: left;
}
.heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    color: #282828;
}
.sub-heading {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #282828;
}
.contacts-block-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 10px 0;
}
.contacts-block-flex .icon {
    flex: 0 0 50px;
    max-width: 50px;
    width: 50px;
    margin-right: 30px;
}
.contacts-block-flex .icon > div {
    width: 50px;
    height: 50px;
    background: #EDEDED;
    border-radius: 50%;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contacts-block-flex .icon > div img {
    background: none;
    width: 22px;
    height: 22px;
}
.contacts-block-flex .text {
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
    width: calc(100% - 80px);
}
.contacts-block-flex .text  a {
    display: block;
    font-size: 20px;
    line-height: 23px;
    color: #282828;
    margin: 19px 0;
}

/*
#content h1 {
    font-size: 28px;
    color: #020c53;
    margin: 0 0 25px;
    line-height: 28px;
    font-weight: 800;
    border-left: 5px solid #ffca3d;
    padding-left: 15px;
    text-transform: uppercase;
}

#content h2 {
    font-size: 24px;
    color: #020c53;
    margin: 0 0 18px;
    line-height: 24px;
    font-weight: 800;
    text-transform: uppercase;
}
#content h3 {
    font-size: 18px;
    color: #020c53;
    margin: 0 0 18px;
    line-height: 24px;
    font-weight: 600;
}
*/
.heading-box {
    margin: 80px 0 40px;
    text-align: left;
}
.heading-box h2 {
    font-size: 36px;
    color: #282828;
    line-height: 42px;
    font-weight: 700;
}
.heading-form-box {
    margin: 0 0 30px;
    text-align: center;
}
#content .heading-form-box h2 {
    font-size: 62px;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 71px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
}

.products_cats h1 {
    font-size: 48px;
    color: #282828;
    line-height: 64px;
    font-weight: 600;
    margin: 0 0 32px;
}

#slider {
    position: relative;
    /*width: 1170px;*/
    width: 100%;
    height: 385px;
    /*background: url(../images/index-slider.png) 0 0 no-repeat;*/
    margin: 0 auto 5px;
    overflow: hidden;
    /*left: -11px;*/
}

#slider .slider-content {
    /*width: 1170px;*/
    width: 100%;
    height: 385px;/*
    position: relative;
    left: 27px;
    top: 6px;*/
}

.slider-content .item {
    position: absolute;
    left: 0;
    top: 0;
    /*width: 1170px;*/
    width: 100%;
    height: 385px;
    text-decoration: none
}

.slider-content .item:first-child {
    z-index: 1
}

#slider .prev, #slider .next {
    position: absolute;
    width: 40px;
    height: 66px;
    top: calc(50% - 33px);
    z-index: 3;
    text-decoration: none
}

#slider .prev {
    left: 0px;
    background-position: -51px -52px
}

#slider .prev:hover {
    background-position: -214px -52px
}

#slider .next {
    right: 0px;
    background-position: -104px -52px
}

#slider .next:hover {
    background-position: -161px -52px
}

#slider-brand {
    /*width: 1170px;*/
    width: 100%;
    height: 180px;
    position: relative;
    /*
    left: -11px;
    background: url(../images/brands-bg.png) 0 0 no-repeat;*/
    margin: 0 0 20px
}

.slider-items {
    position: relative;
    /*width: 1170px;*/
    width: 100%;
    height: 230px;
    overflow: hidden;
    /*left: 27px*/
}

.slider-items .scrollable {
    width: 23456em;
    height: 192px;
    position: relative
}

.slider-items .item {
    float: left;
    width: 111px;
    text-align: center;
    padding: 17px 0 0
}

.slider-items .item img {
    display: block;
    margin: 0 auto 18px
}

.swiper-slide {
    height: 600px;
}
.main-search {
    margin-left: -168px;
    margin-right: -168px;
    position: relative;
}
.main-search::after {
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 600px;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.main-search-form {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index:5;
}
.main-search-form form {
    width: 100%;
}
.main-search-form form .form-box {
    width: 900px;
    margin: 0 auto;
    background: #fff;
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ml--20 {
    margin-left: -20px;
}
.main-category {
    margin: 100px 0 0 0;
}
.category-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -20px;
    margin-right: -20px;
}
.category-box a {
    text-align: center;
    text-decoration: none;
    position: relative;
}
.category-box .item-25 > img {
    max-width: 100%;
    max-height: 193px;
    margin-top: 30px;
}
.category-box .item-25 .heading {
    color: #282828;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin-top: 30px;
    height: 84px;
    overflow: hidden;
}
.category-box > .item-25 {
    flex: 0 0 calc(25% - 80px);
    height: 365px;
    margin: 20px;
    padding: 20px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 2px 0px #c4c4c4;
    -moz-box-shadow: 0px 0px 2px 0px #c4c4c4;
    box-shadow: 0px 0px 2px 0px #c4c4c4;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
}
.category-box > .item-25:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    -moz-box-shadow:    0px 4px 20px rgba(181, 181, 181, 0.25);
    box-shadow:         0px 4px 20px rgba(181, 181, 181, 0.25);
}
.category-box > .item-25:hover::after {
    content: '';
    width: 100%;
    height: 10px;
    background: #295ED6;
    position: absolute;
    bottom: 0;
    left: 0;
}
.category-box > .item-25:hover .heading {
    color: #295ED6;
}
.buttons-line {
    text-align: center;
    margin: 30px 0;
    padding: 10px 0;
    border-radius: 4px;
}

.button, .button > span {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.button-type-1 {
    position: relative;
    border: 2px solid #EDEDED;
    background: transparent;
    border-radius: 2px;
    text-decoration: none;

}

.button-type-1 > span {
    padding: 15px 25px;
    color: #999;
    font-size: 20px;
    font-weight: 700;
    background: none;
}
.button-type-1.active {
    border: 2px solid #295ed6;
    background: #295ed6;
}
.button-type-1.active > span {
    color: #fff;
}

.button-type-2, .button-type-3 {
    color: #2E2607 !important;
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    padding: 15px 40px;
    background: #F5D030;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.button-type-2:hover, .button-type-3:hover {
    opacity: 0.85;
}

.button-type-4 {
    color: #5e5e5e !important;
    text-shadow: 1px 1px #fff
}

.button-type-4:hover .border {
    border-bottom-color: transparent
}

.button-type-4 > span, .button-type-5 > span, .button-type-6 > span {
    left: 28px;
    background-position: 100% -1433px;
    padding: 0 28px 0 0;
    height: 39px;
    line-height: 39px;
    text-align:center;
}

.v2 .button-type-4 > span, .v2 .button-type-5 > span, .v2 .button-type-6 > span {
    left: 18px;
    white-space: nowrap
}

.button-type-5 {
    width: 220px;
    background: #fff;
    padding: 8px 20px;
    margin-left: 12px;
    color: #295ED6;
    border: 2px solid #295ED6;
    border-radius: 5px;
    font-size:20px;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.button-type-5:hover {
    background: #10378E;
    border: 2px solid #10378E;
    color: #FAFAFA;
}

.button-type-6 {
    width: 250px;
    background: #295ED6;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.button-type-6:hover {
    color: #fff;
    background: #0D40B1;
}
.tabs-content > div {
    display: none;
}
.tabs-content > div.active {
    display: block;
}
/*
.tabs-content + .buttons-line {
    margin-top: -20px !important
}
*/
#manul2 {
    padding-bottom: 30px;
}
.catalog {
    margin: 0 0 50px
}

.catalog .buttons-line {
    margin: 30px 0;
}

.cat-list {
    padding: 0;
    margin: 0;
}
.hits {
    position: relative;
}
.main-hits {
    /*overflow: hidden;*/
    margin-left: 0px;
    margin-right: 0px;
}
.swiper-button-prev {
    right: 60px;
    left: auto;
    color: rgb(44, 83, 210);
    top: 25px;
    background: #fff;
    border-radius: 4px;
    padding: 0px 10px;
}
.swiper-button-next {
    right: 0px;
    left: auto;
    color: rgb(44, 83, 210);
    top: 25px;
    background: #fff;
    border-radius: 4px;
    padding: 0px 10px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    color: #c4c4c4;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 24px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 50%;
    background: #282828;
    opacity: .2;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgb(44, 83, 210);
    background: -moz-linear-gradient(0deg, rgb(44, 83, 210) 10%, rgb(22, 140, 234) 100%);
    background: -webkit-linear-gradient(0deg, rgb(44, 83, 210) 10%, rgb(22, 140, 234) 100%);
    background: -o-linear-gradient(0deg, rgb(44, 83, 210) 10%, rgb(22, 140, 234) 100%);
    background: -ms-linear-gradient(0deg, rgb(44, 83, 210) 10%, rgb(22, 140, 234) 100%);
    background: linear-gradient(90deg, rgb(44, 83, 210) 10%, rgb(22, 140, 234) 100%);
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.cat-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.cat-list.swiper-wrapper {
    flex-wrap: nowrap;
    margin-left: 0px;
    margin-right: 0px;
}
.cat-list li {
    position: relative;
    margin: 20px;
    padding: 20px;
    flex: 0 0 calc(33.333333% - 80px);
    border-radius: 2px;
    background: #fff;
    overflow: hidden;
}
.cat-list li.main-hits-item {
    margin: 20px 0;
    flex: 0 0 calc(20% - 64px);
}
.cat-list.prod-list li {
    position: relative;
    margin: 10px;
    padding: 20px;
    flex: 0 0 calc(25% - 60px);
    border-radius: 2px;
    background: #fff;
}
.cat-list.prod-hits li {
    position: relative;
    margin: 10px;
    padding: 20px;
    flex: 0 0 calc(20% - 60px);
    border-radius: 2px;
    background: #fff;
}
.cat-list.wish-list li {
    flex: 0 0 calc(20% - 60px);
    max-width: calc(20% - 60px);
    width: calc(20% - 60px);
    margin: 10px;
    padding: 20px 20px;
}
.cat-list li.category-item {
    position: relative;
    margin: 10px;
    padding: 25px;
    border-radius: 2px;
    flex: 0 0 calc(33.333333% - 70px);
    min-height: 200px;
}
.cat-list li.category-item .cat-flex-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.cat-list li.inline {
    position: relative;
    margin: 10px;
    padding: 20px 20px 40px;
    flex: 0 0 calc(100% - 60px);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.cat-list li:hover {
    -webkit-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    -moz-box-shadow:    0px 4px 20px rgba(181, 181, 181, 0.25);
    box-shadow:         0px 4px 20px rgba(181, 181, 181, 0.25);
}
.catalog a.photo {
    display: inline-block;
    vertical-align: top;
}
.cat-list li.catalog h3 {
    min-height: unset;
    margin-bottom: 10px !important;  
}
.cat-list li.catalog h3 a {
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    color: #282828;
}
.catalog .img-catalog {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}
.catalog .img-catalog img {
    background: url(../temp/ajax-loader.gif) 50% 50% no-repeat;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.catalog .cat-box-body {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 144px);
    padding-left: 40px;
}
.catalog .cat-box-body .sub-cat-box a {
    display: block;
    margin: 5px 0;
}
.catalog .cat-box-body .more-cat {
    display: inline-block;
    background: #295ED6;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding: 5px 20px;
    border-radius: 2px;
    color: #fff;
    margin-top: 20px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.catalog .cat-box-body .more-cat:hover {
    background: #0D40B1;
}
.related-products .cat-list li {
    position: relative;
    margin: 20px 0;
    padding: 20px;
    /*flex: 0 0 calc(20% - 82px);*/
    flex: 0 0 calc(20% - 64px);
}
#manul .cat-list li {
    border: none;
    padding: 0px;
    width: initial;
    height: initial;
    overflow: hidden;
}

#manul .cat-list .photo {
    width: initial;
    display: block;
}

#manul .cat-list  h3 a {
  text-decoration: none;
  color: #0095cc;
  margin: -50px 0px 0px 0px;
  text-align: center;
  font-weight: bold;
  width: 100%;
  display: block;
}

.product-image-wrap {
  position: relative;
  text-align: center;
}
.product-info-wrap {
    height: 95px;
    overflow: hidden;
}
.main-hits-item .product-info-wrap {
    height: 110px;
}
.wish-list .product-info-wrap {
    height: 110px;
}
.compare-top-box .cat-list {
    border-left: 1px solid #ccc;
}
.compare-top-box .cat-list li {
    margin: 0;
    padding: 0 15px;
    border: 0;
    border-right: 1px solid #ccc;
    flex: 0 0 calc(20% - 32px);
}
.compare-top-box .cat-list li:hover {
    border: 0;
    border-right: 1px solid #ccc;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}
.compare-top-box .cat-list li .product-image-wrap {
    margin-bottom: 50px;
}
.cat-list li.inline .product-image-wrap {
    flex: 0 0 240px;
    padding-right: 45px;
}
.cat-list li.inline .product-info-wrap {
    flex: 0 0 calc(100% - 550px);
    height: auto;
}
.cat-list li.inline .foot-panel-product {
    flex: 0 0 220px;
    padding-left: 45px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: unset;
    width: unset;
    bottom: unset;
    left: unset;
    height: 100%;
}
.cat-list li.inline .product-info-wrap .rating-item {
    text-align: left;
    margin-bottom: 7px;
}
.cat-list li.inline .product-info-wrap .rating-item .rating-stat-small-count {
    display: inline-block;
    font-size: 14px;
    margin: 2px 0 0 10px;
    font-weight: 400;
    color: #282828;
    vertical-align: top;
    padding: 0;
}
.cat-list li.inline .foot-panel-product > div {
    flex: 0 0 33.333333%;
    margin: 10px 0;
    text-align: left;
}
.cat-list li.inline .foot-panel-product .show-price .no-cena {
    font-size: 16px;
    line-height: 22px;
    color: #282828;
    margin-bottom: 20px;
    padding-right: 0px;
}
.cat-list li.inline .foot-panel-product .show-price .cena {
    margin-bottom: 30px;
}
.cat-list li.inline .foot-panel-product > .offers {
    right: unset;
    width: 265px;
    bottom: 0px;
    margin: 0;
    padding: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    font-size: 16px;
    font-weight: 700;
}
.cat-list li.inline .product-info-wrap h3 a {
    padding: 0;
    text-align: left;
}
.cat-list li.inline .product-info-wrap dl {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: #282828;
    line-height: 28px;
    margin-bottom: 0px;
}
.cat-list li.inline .product-info-wrap dd {
    border-bottom: 1px solid #ededed;
    font-size: 14px;
    font-weight: 400;
    color: #282828;
}
.cat-list li.inline .product-info-wrap dt {
    font-size: 14px;
    font-weight: 400;
    color: #282828;
}
.cat-list li.inline .product-image-wrap img {
    width: 100%;
    height: auto;
}
.cat-list li.category-item .cat-flex-box > .img-cat {
    flex: 0 0 calc(35% - 15px);
    height: 200px;
    padding-left: 15px;
}
.cat-list li.category-item .cat-flex-box > .img-cat img {
    max-width: 100%;
}
.cat-list li.category-item .info-block {
    flex: 0 0 65%;
    font-size: 14px;
    color: #999;
}
.cat-list li.category-item .info-block p {
    margin-bottom: 10px;
}

.cat-list li .desc-rows {
    display: none;
    font-size: 16px;
    line-height: 20px;
    color: #282828;
    text-align: center;
    margin-bottom: 0;
}
.cat-list li .desc-inline {
    display:none;
}
.cat-list li.inline .desc-rows {
    display: none;
}
.cat-list li.inline .desc-inline {
    display: block;
}
.product-tags {
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}

.scrollable .product-tags {
  bottom: 10px;
}


.cat-list .status {
    margin-bottom: 3px;

}

.cat-list .status.status-hit {
    top: 154px;
}

.cat-list .status.free-deliv {
    top: 184px;
}

.cat-list .status.status-action {
    top: 124px;
}

.cat-list .status.status-no {
    top: 94px;
}

.cat-list h3 {
    margin: 0 !important;
}

.cat-list h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    top: 0;
}
.cat-list li.category-item h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: #282828;
    display: block;
    min-height: unset;
    margin-bottom: 15px !important;
}
.cat-list li.category-item .info-block .descr {
    display: block;
    width: calc(65% - 30px);
    padding-right: 15px;
}
.cat-list li.category-item .info-block .offers.cat {
    display: inline-block;
    width: calc(35% - 0px);
    padding: 0;
    right: 25px;
    left: unset;
    text-align: right;
    bottom: 40px;
    color: #282828;
    font-size: 16px;
    font-weight: 700;
}
.categories.products_cats .cat-list h3{
    font-size: 16px;
    font-weight: 400;
    min-height: unset;
    margin: 0;
    line-height: 20px
}

.categories.products_cats .cat-list h3 a{
    padding: 5px 0;
}

.cat-list li.catalog h3 {
    font-weight: 600;
}

.categories.products_cats .cat-list li.inline h3 {
    font-size: 20px;
    font-weight: 700;
}
.categories.products_cats .cat-list li.inline h3 a {
    padding: 20px 0;
}

.price-rest {
    font-size: 12px;
}

.price-rest .argument {
    display: block;
    padding: 0;
}
.price-rest .minprice {
    display: block;
    padding: 0;
}
.price-rest .minprice > span {
    display: inline;
    margin: 0 5px;
    color: #282828;
    font-weight: 600;
}
.cat-list li.category-item .price-rest {
    width: 92%;
    padding: 5px 0px;
    border-bottom: 1px solid #EDEDED;
}
.cat-list li.category-item .price-rest .argument {
    display: inline-block;
    width: 100px;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    text-align: left;
}
.cat-list li.category-item .price-rest .minprice {
    display: inline-block;
    width: calc(100% - 100px);
    font-weight: 400;
    font-size: 14px;
    color: #282828;
    text-align: right;
}
.cat-list h3 a {
    padding: 5px 0;
    overflow: hidden;
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    color: #282828;
}
.cat-list .main-hits-item h3 a {
    padding: 5px 0;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #282828;
}
.cat-list.wish-list h3 a {
    padding: 5px 0;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #282828;
}

.cat-list li.category-item .info-block h3 a {
    text-align: left;
    line-height: 24px;
    padding: 10px 0;
}

#manul .cat-list h3 a {
    height: auto;
}

.cat-list dl {
    overflow: hidden;
    padding: 0 0 17px;
    font-size: 11px;
    color: #5e5e5e;
    line-height: 15px;
    margin-bottom: 140px;
}

.cat-list dt {
    float: left;
    width: auto;
    padding: 0 0 3px;
    clear: left;
    color: #ababab
}

.cat-list dd {
    padding: 0 0 3px;
    text-align: right;
}
.show-price {
    width: calc(100% - 0px);
    height: 85px;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 30px;
}
.show-price .cena {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #282828;
    margin-bottom: 20px;
}
.show-price .cena > span {
    font-weight: 700;
}
.show-price .show-price-btn {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #282828;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.show-price .show-price-btn:hover {
    color: #0056d3;
}
.show-price .no-cena {
    font-size: 12px;
    line-height: 18px;
    color: #c4c4c4;
    margin-bottom: 20px;
}
.show-price .oneclick-btn {
    background: #4caf50;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    width: calc(39% - 10px);
    text-align: center;
    float: left;
}
.show-price .offer-btn {
    background: #fff;
    border: 1px solid #295ED6;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 2px;
    color: #295ED6;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: calc(100% - 22px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.show-price .offer-btn:hover {
    background: #10378E;
    border: 1px solid #10378E;
    color: #FAFAFA;
}
.show-price .a-basket {
    background: #295ED6;
    border: 1px solid #295ED6;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: calc(100% - 22px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.show-price .a-basket:hover {
    background: #0D40B1;
    border: 1px solid #0D40B1;
}

.btn-a-link {
    background: #295ED6;
    border: 1px solid #295ED6;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    width: calc(100% - 22px);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn-a-link:hover {
    color: #fff;
    background: #0D40B1;
    border: 1px solid #0D40B1;
}
.wallet-pay {
    position: absolute;
    top: 8px;
    right: calc(5% + 10px);
}

.offers {
    position: absolute;
    bottom: 15px;
    left: 0;
    color: #282828;
    padding: 15px 10px 15px 20px;
    font-size: 14px;
    font-weight: 400;
}
.offers.cat {
    color: #777;
    padding: 10px 0px;
    font-weight: 600;
}
.through-category-list-sub .cat-promo .offers.cat {
    position: static;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    padding: 0px 0px 10px;
}
.through-category-list-sub .cat-promo .price-rest {
    padding: 5px 0;
    border-bottom: 1px solid #ededed;
}
.through-category-list-sub .cat-promo .price-rest .argument {
    display: inline-block;
    padding: 0;
    width: 80px;
    color: #999;
    text-align: left;
}
.through-category-list-sub .cat-promo .price-rest .minprice {
    display: inline-block;
    padding: 0;
    width: calc(100% - 80px);
    text-align: right;
}
.through-category-list-sub .cat-promo .price-rest .minprice > span {
    margin: 0 0px;
    color: #282828;
    font-weight: 700;
}
.no-offers {
    color: #ff0000;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}
.price {
    display: none;
    padding: 10px 15px;
    background: #0b2239;
    margin: 20px 20px;
    font-size: 10px;
    text-align: center;
    min-height: 240px;
    border-radius: 10px;
    position: absolute;
    bottom: 55px;
    left: 2px;
    width: calc(100% - 72px);
    z-index: 5;
}
.price.show {
    display: block;
}
.price .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    font-size: 45px;
    line-height: 32px;
    color: #fff;
    cursor: pointer;
    z-index: 3;
}
.price .oneclick-btn {
    background: #1688e7;
    padding: 7px 15px;
    margin: 9px 0 9px 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
}
.price a {
    background: #ffca3d;
    padding: 7px 15px;
    margin: 9px 0 9px 0;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #282828;
    border-radius: 5px;
}
.price > a:hover {
    opacity: 0.85;
}
.price .price-rest {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}
.price .price-rest .argument {
    text-align: center;
}
.price .price-rest .minprice {
    display: block;
}
.price .price-rest .minprice > .cosht {
    display: inline;
    margin: 0 5px;
    color: #282828;
    font-weight: 700;
}
.price .price-rest .minprice > .unit {
    display: inline;
    font-weight: 400;
    margin: 0;
    color: #282828;
}
.cat-list li.inline .price {
    width: 200px;
    left: unset;
    right: 250px;
    bottom: unset;
    top: -5px;
}
.cat-list li.inline .price::after {
    content: '';
    position: absolute;
    bottom: unset;
    left: unset;
    right: -30px;
    top: 47px;
    border: 0;
    border: 15px solid transparent;
    border-left: 15px solid #0b2239;
}
.price-small {
    font-size: 18px;
    line-height: 18px
}
.foot-panel-product {
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: left;
}
.action-links {
    width: calc(100% - 20px);
    text-align: right;
    margin: 0 20px 0 0;
    position: absolute;
    bottom: 18px;
    left: 0;
    padding: 5px 0;
    z-index: 1;
}
.action-links a {
    text-decoration: none;
    margin: 0;
    border-radius: 10px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
}
.action-links a.a-favorites {
    display:none !important;
}
.action-links a > span {
    width: 25px;
    height: 25px;
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.action-links a.a-favorites > span {
    background: transparent url('../images/svg/heart-small.svg') 0 0 no-repeat;
}
.action-links a.a-stats > span {
    background: transparent url('../images/svg/compare-small.svg') 0 0 no-repeat;
}
.action-links a.a-basket > span {
    background: transparent url('../images/svg/cart-small-black.svg') 0 0 no-repeat;
}
/*.action-links a.a-favorites > span:hover {
    background: transparent url('../images/svg/heart-small-black.svg') 0 0 no-repeat;
}*/
.action-links a.a-favorites.selected > span {
    background: transparent url('../images/svg/heart-small-black.svg') 0 0 no-repeat;
}
/*.action-links a.a-stats > span:hover {
    background: transparent url('../images/svg/compare-small-black.svg') 0 0 no-repeat;
}*/
.action-links a.a-stats.selected > span {
    background: transparent url('../images/svg/compare-small-black.svg') 0 0 no-repeat;
}
.cat-list li.inline .action-links {
    width: 220px;
    text-align: left;
    margin: 0 20px 0 0;
    position: absolute;
    top: 170px;
    left: unset;
    right: 0;
    padding: 5px 0;
    z-index: 1;
}
.btn-group {
    display: block;
    clear: both;
    margin: 20px 0 0 0;
    text-align: left;
}

.forward-link {
    display: inline-block;
    background: #ffca3d;
    color: #282828;
    padding: 8px 20px;
    font-size: 16px;
    margin: 10px 0;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.forward-link:hover {
    color: #282828;
    opacity: 0.85;
}

.product-info .action-links {
    top: 25px;
    right: 0px;
    height: 40px;
    width: 150px;
    left: unset;
}
.product-info .action-links a {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 48px;
}


.product-info .price {
    width: 400px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    height: auto;
    position: relative;
}
.product-info .price-heading {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
.product-info .price .price-rest {
    font-size: 14px;
}
.product-page .product-info .price .price-rest {
    flex: 0 0 calc(100% - 0px);
    color: #282828;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #EDEDED;
}
.product-page .product-info .price .price-rest.last {
    padding: 20px 0;
    border-bottom: 0px solid #EDEDED;
}
.product-info .price-rest .argument {
    width: 100px;
}
.product-page .product-info .price-rest .argument {
    width: 50%;
    text-align: left;
    display: inline-block;
    color: #999;
}
.product-page .product-info .price-rest.last .argument {
    color: #282828;
}
.product-info .price .price-rest .minprice {
    width: calc(100% - 100px);
}
.product-page .product-info .price .price-rest .minprice {
    width: 50%;
    text-align: right;
    display: inline-block;
}
.compare-val .price {
    padding: 0;
    background: transparent;
    width: 100%;
}
.compare-val .price::after {
    display: none;
}
.compare-val a {
    font-weight: 400;
    color: #282828;
}





.status {
    height: 27px;
    line-height: 27px;
    color: #fff;
    padding: 0 16px
}

.related-products {
    margin: 30px 0px;
    position: relative;
    /*background: #fff;*/
    /*padding: 30px 30px 80px 30px;*/
    padding: 0px 0px 40px 0px;
    /*border-radius: 20px;*/
}
.related-products h2 {
    margin-bottom: 40px;
}
.viewed-block, .similar-block {
    overflow: hidden;
}
.status.free-deliv {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd0759a3, endColorstr=#dd0759a3);
}

:root .status.free-deliv {
    background: rgba(7, 91, 163, .9)
}

.status.status-hit {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd019b04, endColorstr=#dd019b04);
}

:root .status.status-hit {
    background: rgba(1, 155, 4, .9)
}

.status.status-action {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dde70202, endColorstr=#dde70202);
}

:root .status.status-action {
    background: rgba(231, 2, 2, .9)
}

.status.status-no {
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd8c8c8c, endColorstr=#dd8c8c8c);
}

:root .status.status-no {
    background: rgba(140, 140, 140, .9)
}

.layout-col-2 {
    margin: 0 0 50px
}

.layout-col-2 .column {
    width: 577px
}
.news-list li {
    padding: 0px;
    margin: 20px;
    flex: 0 0 calc(50% - 40px);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    -moz-box-shadow:    0px 4px 20px rgba(181, 181, 181, 0.25);
    box-shadow:         0px 4px 20px rgba(181, 181, 181, 0.25);
    overflow: hidden;
}
.news-list li .img-news {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 325px;
    height: 100%;
    margin: 0;
    text-decoration: none;
}
.news-list li .img-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-list time {
    color: #fff;
    background: #10378E;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 0 15px 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.status.free-deliv {
}

:root .news-list time {
    /*background: rgba(0, 0, 0, .7)*/
}

.news-list h3 {
    font-size: 18px;
    padding: 0 0 10px;
    line-height: 25px;
    color: #282828;
    font-weight: 700;
}

.news-list h3 a {
    padding: 2px 0
}

#footer {
    /*min-width: 1170px;*/
    min-width: 100%;
    margin: auto;
    overflow: hidden;
    min-height: 140px;
    position: relative;
    background-size:contain;
    color: #777;
}

#menu-custom-bottom-container{
    padding:24px 7px 0;
    margin-bottom:24px;
}

ul#menu-custom-bottom{
    list-style:none; margin:0; padding:0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

ul#menu-custom-bottom li {
    white-space:nowrap;
    padding:5px;
    flex: auto;
}

ul#menu-custom-bottom li a{
    background:none;
    color:#fff;
}

ul#menu-custom-bottom li a:hover{
    color:#a6d7ff;
}

.f-content {
    /*width: 1170px;*/
    width: 100%;
    min-height: 195px;
    text-align: left;
    margin: auto;
    padding: 0;
    position: relative;
}
.f-content .f-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 168px;
    background: #0C2239;
}
.f-logo {
    flex: 0 0 auto;
}
.f-info {
    padding: 20px 0 20px 0;
    color: #E4E4E4;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.f-info p {
    margin-bottom: 25px;
}
.f-info img {
    width: 300px;
}
.f-address{
    /*display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    align-items: flex-start;
    margin: 0px 0 15px;*/
}
.f-address > img {
    flex: 0 0 30px;
    padding: 0 20px;
    margin-top: 3px;
    width: 30px;
}
.f-address a {
    margin: 15px 15px 0 0;
}

.f-address a > img {
    width: 32px;
    height: 32px;
}
.f-address > .addr {
    flex: 0 0 calc(100% - 100px);
    color: #E4E4E4;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
}
.f-social {
    padding: 10px 0 0 60px;
}
.f-social a {
    margin-right:10px;
}
.f-social img {
    width: 32px;
}
.bottom-footer {
    background: #0C2239;
    padding: 0px 168px 30px;
}
.f-foot {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #E4E4E4;
}
.f-foot .copyright {
    flex: 0 0 auto;
    font-weight: 400;
    font-size: 18px;
    color: #E4E4E4;
}
.f-foot .agreement {
    flex: 0 0 auto;
    font-weight: 400;
    font-size: 18px;
    color: #E4E4E4;
}
.f-foot .policy {
    flex: 0 0 auto;
    font-weight: 400;
    font-size: 18px;
    color: #E4E4E4;
}
.f-foot a {
    color: #E4E4E4;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.f-foot a:hover {
    color: #fff;
}
#footer h3 {
    font-size: 16px;
    width: 270px;
    height: 60px;
    background: url(../images/svg/logo_technorent.svg) 0 0 no-repeat;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    margin: 10px 25px 0 0px;
}

#footer .tel {
    color: #848ab5;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    align-items: flex-start;
}
#footer .tel > img {
    flex: 0 0 30px;
    padding: 0 20px;
    margin-top: 9px;
    width: 30px;
}
#footer .tel > .tel-box {
    flex: 0 0 calc(100% - 74px);
}

#footer .tel div:nth-child(3) {
    line-height: 16px;
}

#footer .tel-box > div {
    margin-bottom: 15px;
}

#footer .tel-box a {
    color: #E4E4E4;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

#footer .tel-box .code {
    font-size: 20px;
    font-weight: 400;
    margin-right: 10px;
}
#footer .tel-box a:hover {
    color: rgba(255,255,255, 1);
}

#footer ul.footer-menu {
    flex: 0 0 auto;
    padding: 10px 15px 0;
    white-space: nowrap;
}
#footer .footer-menu.first {
    flex: 0 0 auto;
    padding: 10px 15px 0;
}
#footer .footer-menu li {
    margin: 0px 0 15px;
    color: #E4E4E4;
}

#footer ul.footer-menu a {
    padding: 0;
    color: #E4E4E4;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#footer ul.footer-menu a:hover {
    color: #fff;
}

#footer .payment-methods {
    float: left;
    width: 340px;
    color: #ffffff;
}

#footer .payment-methods span {
    font-size: 15px;
    border-bottom: 2px solid #8ac0ec;
}

#footer .payment-methods ul {
    margin-top: 2px;
}

#footer .payment-methods li {
    float: left;
    width: 95px;
    padding: 0px 20px 12px 50px;
    font-size: 13px;
    line-height: 15px;
}

#footer .payment-methods-sprite {
    background-image: url(../images/payment_methods.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    margin-left: -50px;
    margin-top: 6px;
}

#footer .payment-methods-sprite-bank_card {
    width: 37px;
    height: 24px;
    background-position: -5px -5px;
}

#footer .payment-methods-sprite-cash {
    width: 40px;
    height: 26px;
    background-position: -5px -39px;
}

#footer .payment-methods-sprite-computer {
    width: 40px;
    height: 24px;
    background-position: -52px -5px;
}

#footer .payment-methods-sprite-courier {
    width: 33px;
    height: 30px;
    background-position: -55px -39px;
}

#footer .f-contacts {
    flex: 0 0 auto;
    white-space: nowrap;
}

#footer .f-contacts .heading {
    padding-top: 10px;
    margin: 0px 0 15px;
    color: #E4E4E4;
    display: block;
    width: 100%;
}

#footer .copyright .link {
    line-height: 17px;
    text-align: left;
}

#footer .counter {
    position: absolute;
    right: 0px;
    bottom: 118px;
}

.viplab {
    /* position: absolute; */
    /* left: 697px; */
    /* top: 80px; */
    width: 245px;
    color: #8ac0ec;
    float: left;
    margin-left: 20px;
    font-size: 14px;
    margin-top: 3px;
}

.viplab a {
    color: #8ac0ec
}

.viplab a:hover {
    color: #fff
}

#ajax-loader {
  position: fixed;
    width: 50px!important;
    height: auto!important;
    max-width: 50px!important;
    left: 50%;
    top: 50%;
    display: none;
    z-index: 1234567;
    transform: translate(-50%, -50%);
}
form label {
    display: block;
    width: 100%;
    font-size:16px;
    font-weight: 600;
    padding: 10px 0;
    color: #282828;
    text-align: left;
}
#filterForm label {
    font-size: unset;
}
.search-field {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.search-field .search-input {
    flex: 0 0 calc(100% - 200px);
    position: relative;
}
.search-field .search-input input {
    padding: 10px 300px 10px 40px;
    width: calc(100% - 342px);
}
.search-clear-button {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 32px;
    color: #f44336;
    cursor: pointer;
}
.search-field .search-btn {
    flex: 0 0 200px;
}
.search-field .search-btn button {
    background: #4caf50;
    color: #fff;
    border: 0;
    padding: 12px 20px;
    width: 95%;
    margin-left: 5%;
    border-radius: 5px;
    margin-top: 1px;
    font-size: 18px;
    line-height: 14px;
    cursor: pointer;
}
input[type=text], input[type=password], input[type=email], textarea {
    border: solid 1px #e6e6e6;
    background: none;
    padding: 10px 20px;
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: calc(100% - 42px);
    font-family: 'Ubuntu', sans-serif;
    background: #fff;
    border-radius: 5px;
}
#filterForm .dropdown-field-click input[type=text], #filterForm .dropdown-field-key input[type=text] {
    border: 1px solid #ededed;
    background: #fff;
    padding: 9px 10px;
    font-size: unset;
    font-weight: 400;
    width: calc(100% - 22px);
    border-radius: 2px;
}
select {
    border: solid 2px #020c53;
    background: none;
    padding: 10px 20px;
    color: #282828;
    font-size:16px;
    font-weight: 600;
    display: block;
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
}
#filterForm .btn-select-delete {
    top: 8px;
    right: 10px;
}
#filterForm .change-city {
    margin-bottom: 30px;
}

input[type="checkbox"]:checked, 
input[type="checkbox"]:not(:checked), 
input[type="radio"]:checked, 
input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
input[type="checkbox"]:checked + label, 
input[type="checkbox"]:not(:checked) + label, 
input[type="radio"]:checked + label, 
input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    line-height: 25px;
    padding-top: 0px;
    cursor: pointer;
}
input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before, 
input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 2px solid #282828;
    background-color: #ffffff;
}
input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 0px;
}
input[type="radio"]:checked + label:before, 
input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}
input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after, 
input[type="radio"]:checked + label:after, 
input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after {
    left: 5px;
    top: 7px;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 3px solid #282828;
    border-bottom: 3px solid #282828;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
input[type="radio"]:checked + label:after, 
input[type="radio"]:not(:checked) + label:after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #282828;
}
input[type="checkbox"]:not(:checked) + label:after, 
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
input[type="checkbox"]:checked + label:after, 
input[type="radio"]:checked + label:after {
    opacity: 1;
}

textarea {
    height: auto;
    overflow: auto;
    resize: none;
}

.main-search-form form label {
    color: #282828;
    font-weight: 700;
    font-size: 16px;
    padding: 0;
}
.main-search-form form input[type=text] {
    border: solid 0px #fff;
    background: #fff;
    color: #282828;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
}
.main-search-form form .rent-category-select, .main-search-form form .rent-city-select {
    cursor: pointer;
}
.main-search-form form .rent-category-name, .main-search-form form .rent-city-name {
    border: solid 0px #fff;
    color: #c4c4c4;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}
.main-search-form form .rent-category-action, .main-search-form form .rent-city-action {
    border: solid 0px #fff;
    color: #2196f3;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
}
.main-search-form form .rent-category-name.active, .main-search-form form .rent-city-name.active {
    color: #282828;
}
.rent-category-del.selected, .rent-city-del.selected {
    display: block;
}
.rent-category-del, .rent-city-del {
    display: none;
    position: absolute;
    top: 18px;
    right: 10px;
    font-size: 32px;
    color: #ff0000;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}





.main-search-form form select {
    border: solid 2px #3a3a3a;
    color: rgba(255,255,255,0.7);
    background: #282828;
}
.main-search-form form .btn-select-delete {
    top: 25px;
    right: 5px;
}
.main-search-form form .submit {
    display: block;
    margin: 0;
}
.main-search-form form input[type="submit"] {
    width: 100%;
    display: block;
    border: 0;
    outline: 0;
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    padding: 15px 20px;
    color: #fff;
    background: #295ED6;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-search-form form input[type="submit"]:hover {
    opacity: 0.85;
}

#overlay-block, #overlay {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA5NkQ4NkYwRTEwMTFFMkFFNTBFMjk0QUVGNzY3RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA5NkQ4NzAwRTEwMTFFMkFFNTBFMjk0QUVGNzY3RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMDk2RDg2RDBFMTAxMUUyQUU1MEUyOTRBRUY3NjdFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMDk2RDg2RTBFMTAxMUUyQUU1MEUyOTRBRUY3NjdFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoYyK3YAAAA4SURBVHja7M4xAQAwCAMwmMQqQjoednEkCtJJpo55dZCUlJSUlJSUlJSUlJSUlJSUlJSU1KcVYACmjgHAPcmFYwAAAABJRU5ErkJggg==) repeat
}
/*
#overlay {
    position: absolute;
    z-index: 12345;
    left: 0;
    top: 0;
    width: 100%;
    height: 1234px;
    display: none;
    overflow: hidden;
    min-width: 1000px
}
*/
#overlay {
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: auto !important;
    z-index: 12345;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    overflow: hidden;
    overflow-y: auto;
}

.a-check-status-popup {
    position: absolute;
    left: 50%;
    top: 105px;
    margin-left: 364px;
    width: 189px;
    height: 45px;
    background-position: 3px -1060px;
    text-decoration: none;
    cursor: pointer;
    text-align: right;
    padding-right:15px;
    padding-left: 17px;
}

.a-check-status-popup span {
    color: #fff;
    text-decoration: 1px 1px rgba(0, 0, 0, .36);
    font-weight: 700;
    position: relative;
    top: 12px;
    border-bottom: dashed 1px #fff
}

.a-check-status-popup:hover span {
    border-bottom-color: transparent
}

.check-status-form {
    width: 331px;
    height: 46px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background: url(../images/status-bg.png) 0 0 no-repeat;
    position: absolute;
    left: 50%;
    top: 145px;
    margin-left: 206px
}

#num-order {
    position: absolute;
    left: 12px;
    top: 13px;
    width: 52px
}

#mail-order {
    position: absolute;
    left: 94px;
    top: 13px;
    width: 157px
}

.check-status-form input[type=submit] {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 38px;
    height: 30px;
    border: 0;
    background-position: -144px -1007px;
    cursor: pointer
}

.check-status-form input[type=submit]:hover {
    background-position: -196px -1007px
}

#overlay-block {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12345
}

#overlay-block img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
	  width: 50px!important;
    height: auto!important;
    max-width: 50px!important;
    left: 50%;
    top: 50%;
	
	
}
/*
.popup {
    border: solid 1px #f0f0f0;
    padding: 10px;
    margin: auto;
    background: rgb(235, 235, 235);
    position: relative;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    text-align: left
}
*/
.popup {
    border: solid 1px #f0f0f0;
    padding: 10px;
    margin: auto;
    background: rgb(235, 235, 235);
    width: 500px !important;
    top: 30% !important;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    margin-bottom: 40px;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    text-align: left;
}
.popup#popup-city {
    top: 140px !important;
}

/*:root .popup {
    background-image: linear-gradient(top, rgb(219, 222, 221) 100%, rgb(235, 235, 235) 90%, rgb(235, 235, 235) 80%);
    background-image: -o-linear-gradient(top, rgb(219, 222, 221) 100%, rgb(235, 235, 235) 90%, rgb(235, 235, 235) 80%);
    background-image: -moz-linear-gradient(top, rgb(219, 222, 221) 100%, rgb(235, 235, 235) 90%, rgb(235, 235, 235) 80%);
    background-image: -webkit-linear-gradient(top, rgb(219, 222, 221) 100%, rgb(235, 235, 235) 90%, rgb(235, 235, 235) 80%);
    background-image: -ms-linear-gradient(top, rgb(219, 222, 221) 100%, rgb(235, 235, 235) 90%, rgb(235, 235, 235) 80%);

    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(1, rgb(219, 222, 221)),
            color-stop(0.90, rgb(235, 235, 235)),
            color-stop(0.80, rgb(235, 235, 235))
    );
}*/

.popup .popup-content {
    background: #fff;
    border: solid 1px #dcdcdc;
    padding: 20px 30px
}

#popup-message {
    width: 480px
}

#popup-message .popup-content {
    padding-bottom: 30px
}

.popup-close {
    position: absolute;
    top: 11px;
    right: 3px;
    border: 0;
    background-position: -75px -1007px;
    width: 51px;
    height: 38px;
    cursor: pointer
}

.popup-close:hover {
    background-position: 0 -1008px
}

.message-body {
    font-size: 18px;
    color: #6a6a6a;
    line-height: 24px;
    padding: 25px 0 36px
}

.blue {
    color: #0160a9
}

#popup-call {
    width: 500px;
    top: 180px
}

#popup-fast-order {
    width: 550px !important;
    top: 180px;
}

#popup-call .popup-content, #popup-fast-order .popup-content {
    padding-bottom: 30px
}

.popup h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 20px
}

#popup-call dl, #popup-fast-order dl {
    overflow: hidden
}

#popup-call dt, #popup-fast-order dt {
    float: left;
    clear: both;
    text-align: right;
    white-space: nowrap;
    height: 28px;
    line-height: 28px;
    width: 155px;
    padding: 0 20px 18px 0
}

#popup-fast-order dt {
    width: 205px;
}

#popup-call dd, #popup-fast-order dd {
    min-height: 28px;
    padding: 0 0 18px;
    width: 263px;
    overflow: hidden
}

#popup-call input, #popup-call textarea, #popup-fast-order input, #popup-fast-order textarea {
    color: #5e5e5e;
    font-style: normal
}

.dd-error input[type=text], .dd-error input[type=password], .dd-error input[type=email], .dd-error textarea {
    padding: 3px 9px;
    border: solid 2px red
}

#pc-name {
    width: 240px
}

#of-phone2 {
    width: 240px
}

#pc-phone-code {
    width: 46px
}

#pc-phone {
    width: 145px;;
    position: relative;
    left: 6px
}

#pc-from-hour, #pc-from-minutes, #pc-to-hour, #pc-to-minutes {
    text-align: center !important;
    width: 18px;
    padding: 4px 6px
}

#popup-call .hint, #popup-fast-order.hint {
    font-size: 11px;
    color: #ababab;
    position: relative;
    left: 8px
}

#pc-message {
    width: 240px;
    height: 114px;
    resize: none
}

#popup-call .submit, #popup-fast-order .submit {
    float: right;
    border: 0;
    cursor: pointer;
    position: relative;
    left: 8px
}

#status-popup {
    width: 676px
}

.a-print {
    background-position: -215px -1499px;
    padding: 1px 0 8px 34px;
    font-weight: bold
}

.a-excel {
    background-position: -278px -1684px;
    padding: 1px 0 8px 34px;
    font-weight: bold;
    text-decoration: none
}

.a-excel span {
    border-bottom: dashed 1px #0160A9
}

.a-excel:hover span {
    border-bottom-color: transparent
}

#status-popup .status-info {
    padding: 0 0 25px
}

.status-info .a-print {
    float: right;
    width: auto;
    margin: 6px 36px 0 0
}

.status-info .fl {
    width: 318px
}

.status-info .fr {
    width: 264px
}

.status-info dt {
    display: inline-block;
    width: 140px;
    vertical-align: top;
    padding: 0 0 12px;
    line-height: 16px;
    text-align: right;
    color: #959595
}

.status-info dd {
    display: inline-block;
    width: 158px;
    vertical-align: top;
    line-height: 16px;
    padding: 0 0 12px 14px
}

.status-info .total-title {
    vertical-align: bottom;
    font-size: 14px;
    line-height: 18px;
    color: #5e5e5e
}

.ordering.status-info .a-print {
    margin: 0
}

.ordering.status-info .fl {
    width: 440px
}

.ordering.status-info dt {
    width: 190px
}

.ordering.status-info dd {
    width: 230px
}

.ordering.status-info .fr {
    width: 440px
}

.ordering.status-info .fr h3 {
    font-size: 16px;
    font-weight: 400;
    color: #5e5e5e
}

.button-create-order {
    clear: both;
    float: right;
}

.button-create-order .button-type-5{
	margin: 0 22px 0 4px;
}

.shopping-list h2 {
    font-size: 20px;
    color: #0160a9;
    margin: 0 0 18px;
    line-height: 22px
}

.table-list-1 {
    width: 100%
}

.table-prices {
    margin: 0 0 20px
}

.table-list-1 thead th {
    background: url(../images/bg-table-head.png) 50% 0 no-repeat;
    text-align: left;
    text-shadow: 1px 1px #fff
}

.table-list-1 thead th:first-child div {
    height: 48px;
    position: relative;
    background: url(../images/bg-table-head.png) 0 0 no-repeat;
    left: -8px;
    line-height: 48px;
    padding: 0 0 0 28px
}

.table-list-1 thead th.last div {
    height: 48px;
    position: relative;
    background: url(../images/bg-table-head.png) 100% 0 no-repeat;
    left: 8px;
    line-height: 48px;
    margin-left: -8px
}

.table-list-1 tbody td {
    padding: 14px 0;
    border-bottom: solid 1px #dedede;
    background: url(../images/gradient-hover-table.png) 0 -9100% repeat-x;
    vertical-align: middle
}

.table-prices tbody td {
    padding: 6px 0
}

.table-list-1 tbody tr:hover td {
    background: url(../images/gradient-hover-table.png) 0 100% repeat-x #fcfcfc
}

.table-list-1 tbody td:first-child {
    padding: 14px 20px
}

.td-name {
    width: 310px
}

.td-price-item {
    width: 99px
}

.td-quantity {
    width: 72px
}

.td-total-price {
    width: 94px
}

.td-name-good {
    width: 336px
}

.td-brand {
    width: 168px
}

.td-status {
    width: 92px
}

.td-garant {
    width: 92px
}

.td-price {
    width: 92px;
    font-size: 18px
}

.table-list-1 tbody tr:hover .td-price {
    color: #e2011a
}

.table-prices tbody .td-buttons {
    padding: 6px 20px
}

.crumbs {
    padding: 40px 0px 30px;
    color: #282828;
    margin: 0;
    list-style: none;
}
.crumbs > li {
    display: inline-block;
}
.crumbs > li > a {
    text-decoration: none;
    color: #282828;
}
.crumbs > li > a > span {
    font-weight: 400;
}
.crumbs > li > span {
    font-weight: 700;
}
.crumbs > li > span.separator {
    border: solid #282828;
    border-width: 0 1px 1px 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.crumbs a:hover {
    color: #295ED6;
}

.basket h1 {
    padding: 0 0 8px
}

.basket .table-list-1 tbody td {
    background: none !important;
    padding: 20px 0
}

.basket .table-list-1 tbody td:first-child {
    padding: 20px 20px 20px 0
}

.td-desc {
    width: 516px
}

.basket .td-price-item {
    width: 125px
}

.basket .td-quantity {
    width: 142px
}

.td-total-price-item {
    width: 125px
}

.basket .td-total-price-item, .basket .td-price-item {
    font-size: 18px
}

.basket .td-delete {
    width: 29px
}

.td-desc h4 {
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 12px;
    line-height: 18px
}

.td-desc dl {
    overflow: hidden;
    font-size: 11px;
    color: #5e5e5e;
    line-height: 15px
}

.td-desc dt {
    float: left;
    width: auto;
    padding: 0 0 3px;
    clear: left;
    color: #ababab
}

.td-desc dd {
    padding: 0 0 3px
}

.td-desc .body {
    margin: 0 0 0 20px
}

.delete-item {
    width: 22px;
    height: 22px;
    border: 0;
    cursor: pointer;
    background-position: -67px -1519px
}

.delete-item:hover {
    background-position: -38px -1519px
}

.wrap-qnt {
    height: 28px;
    width: 94px;
    position: relative;
    text-align: center
}

input.input-quantity {
    width: 18px;
    padding: 4px 6px;
    font-style: normal;
    color: #5e5e5e;
    text-align: center
}

.plus, .minus {
    position: absolute;
    top: 4px;
    width: 22px;
    cursor: pointer;
    height: 20px
}

.plus {
    left: auto;
    right: 0;
    background-position: -144px -1499px
}

.minus {
    left: 0;
    background-position: -103px -1499px
}

.plus:hover {
    background-position: -144px -1536px
}

.minus:hover {
    background-position: -103px -1536px
}

.total-price {
    text-align: right;
    font-size: 14px;
    border-top: 3px solid #e5e5e5;
    padding: 20px 0;
    margin: 3px 0
}

.ordering {
    background: #e5e5e5;
    padding: 20px;
    overflow: hidden;
    margin: 0 0 20px;
    position: relative;
    display: none;
    overflow: hidden
}

.ordering h3 {
    font-size: 16px;
    color: #0160a9;
    margin: 0 0 18px;
    line-height: 22px
}

.ordering-form dl {
    width: 870px
}

.ordering-form dt {
    width: 192px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 18px;
    text-align: right;
    line-height: 28px;
    height: 28px
}

.ordering-form dd {
    display: inline-block;
    vertical-align: top;
    width: 645px;
    padding: 0 0 18px 10px;
    line-height: 28px
}

.ordering-form input[type=text], .ordering-form input[type=email] {
    width: 246px;
}

.ordering-form .dd-error input[type=text], .ordering-form .dd-error input[type=email], .ordering-form .dd-error textarea {
    padding: 3px 9px;
    border: solid 2px red
}

.two-line {
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px;
    height: 28px
}

#of-phone-code {
    width: 44px
}

#of-phone {
    margin-left: 0px;
}

#of-type-deliv {
    width: 264px
}

#of-type-pay {
    width: 264px
}

.required, .alert {
    color: #e8111f
}
.required {
    margin-left: 5px;
}

.alert {
    position: relative;
    left: 10px
}

.required-txt {
    margin: -8px 0 20px 212px;
    line-height: 12px;
    color: #959595
}

.ordering-form textarea {
    width: 418px;
    height: 96px
}

.ordering-form .total-info {
    float: right;
    width: auto;
    white-space: nowrap;
    text-align: right;
    margin: -50px 0 0;
    font-size: 14px
}

.ordering-form .total-info p {
    height: 24px
}

.ordering-form .total-info .button {
    position: relative;
    left: 10px;
    margin-top: 18px
}

#clearing, #express-deliv-city, #express-deliv-company {
    display: none
}

#pickup-deliv p, #pickup-deliv-11 p, #pickup-deliv-12 p, #pickup-deliv-13 p {
    line-height: 18px;
    padding: 5px 0
}
.drop-options {
    position: absolute;
    z-index: 12345;
    border: solid 1px #aaa;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .15);
    background: #fff;
    display: none;
    text-align: left
}

.drop-options ul {
    list-style: none;
    max-height: 240px;
    overflow: auto
}

.drop-options a {
    display: block;
    padding: 4px 9px;
    text-decoration: none;
    color: #666
}

.drop-options a:hover, .drop-options .selected a {
    color: #282828;
    background: #eee
}

.news-page {
    padding: 0 0 50px
}

.news-page .tabs-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0;
}
.news-page .tabs-menu > a {
    flex: 0 0 calc(50% - 44px);
    max-width: calc(50% - 44px);
    width: calc(50% - 44px);
    margin: 0 20px;
}
#filterForm {
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    border-radius: 5px;
    padding: 30px;
}
#filterPage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -15px;
    margin-right: -15px;
}
#filterPage > div {
    flex: 0 0 calc(25% - 30px);
    max-width: calc(25% - 30px);
    width: calc(25% - 30px);
    margin: 0 15px;
    position: relative;
}
#filterPage > div.filter-buttons {
    margin-top: 45px;
}
#filterForm.stickOnScroll-on {
    width: calc(20% - 60px) !important;
    padding-top: 10px;
    padding-bottom: 30px;
    height: calc(100% - 40px);
}
#filterForm::-webkit-scrollbar-track
{
	-webkit-box-shadow: 0 0 0 #ededed;
	background-color: #ccc;
}

#filterForm::-webkit-scrollbar
{
	width: 6px;
	background-color: #aaa;
}

#filterForm::-webkit-scrollbar-thumb
{
	background-color: #aaa;
}

.filter {
    padding-top: 20px;
    margin-bottom: 20px;
    clear: both
}

.filter-pager {
    margin: 40px 0;
}

.filter-top {
    width: auto;
    margin: 0 0 20px;
}

.filter-bottom {
    padding: 0 0 13px;
    margin-top: 35px;
    position: relative;
}
.filter-modify .filter-bottom {
    padding: 0 0 20px;
    margin-top: 15px;
}
.filter-bottom.stickOnScroll-on {
    background: #ebebeb;
    z-index: 5;
    padding: 10px 75px 10px 75px;
    margin-left: -75px;
    width: calc(100% - 150px) !important;
    -webkit-box-shadow: 0px 10px 10px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 10px 10px 0px rgb(50 50 50 / 15%);
}
.cat-modify .filter-bottom.stickOnScroll-on {
    margin-left: calc(-20% - 75px);
}
.mobile-filter-panel {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 26px;
    color: #282828;
    width: 40px;
    text-align: right;
    height: 30px;
    line-height: 40px;
    padding: 5px 0;
    cursor: pointer;
    z-index: 2;
}
.mobile-close-filter {
    display: none;
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 36px;
    width: 36px;
    height: 36px;
    text-align: center;
    margin-top: 8px;
}
.filter-pager-mobile {
    display: none;
}
.mobile-profile-menu {
    display: none;
}
.mobile-profile-menu-close {
    display: none;
}
.mobile-profile-filter-close {
    display: none;
}
.mobile-profile-filter-clear {
    display: none;
}
.filter-top h3 {
/*
    width: 93px;
    padding: 0 0 0 28px;
    height: 48px;
*/
    line-height: 48px;
    font-size: 16px;
    text-shadow: 1px 1px #fff;
    font-weight: 400
}

.categories {
    margin: 0 0 40px;
}
.categories h1 {
    font-size: 48px;
    color: #282828;
    line-height: 64px;
    font-weight: 600;
    margin: 0 0 32px;
}

.categories .fr.button {
    margin: -1px 25px 0 0
}

#filter-producer, #filter-details {
    width: 150px
}

#filter-sort {
    width: 193px
}

#filter-qnt-goods, #filter-qnt-goods-bottom {
    width: 129px
}

.filter-bottom .sort-by {
    width: auto
}

.sort-by label {
    font-weight: 700;
    padding: 0 4px 0 0
}

.categories .a-print, .categories .a-excel {
    margin: 7px 24px 0 0
}

.filter input[type=submit] {
    width: 38px;
    height: 30px;
    border: 0;
    background-position: -144px -1007px;
    cursor: pointer;
    order: 5;
}

.filter input[type=submit]:hover {
    background-position: -196px -1007px
}
.filter-confirm {
    display: inline-block;
    width: 90px;
    background: #4caf50;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    outline: none;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.search-count-filter {
    background: #ccc;
    text-align: center;
    padding: 9px 20px;
    color: #282828;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    width: calc(100% - 178px);
    border-radius: 5px;
}
.filter-clear-btn {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 32px;
    color: #f44336;
    cursor: pointer;
}
.filter-go-button {
    display: inline-block;
    width: calc(50% - 2px);
    background: #295ED6;
    border-radius: 2px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    outline: none;
    border: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter-clear-button {
    display: inline-block;
    width: calc(50% - 2px);
    background: transparent;
    color: #295ED6;
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    outline: none;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter-go-button:hover, .filter-clear-button:hover, .filter-confirm:hover {
    opacity: 0.85;
}
.search-count-result {
    background: #EDEDED;
    border-radius: 2px;
    text-align: center;
    padding: 10px;
    color: #282828;
    font-weight: 400;
    margin: 0 0 30px;
}
.search-count-product {
    text-align: center;
    padding: 5px;
    color: #282828;
    font-weight: 500;
    margin: 0;
    position: absolute;
    top: 5px;
    right: 50px;
}
#min-price, #max-price {
    width: calc(50% - 24px);
    padding: 9px 10px;
    margin: 0;
    font-style: normal;
    color: #282828;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 2px;
}
.filter-item-list .input-min, .filter-item-list .input-max {
    width: calc(50% - 24px);
    padding: 9px 10px;
    margin: 0;
    font-style: normal;
    color: #282828;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 2px;
}
.filter-item-list {
    margin-bottom: 20px;
}
#filterPrices {
    margin: 0px 0;
}
.filter-item-list input[type="checkbox"]:checked + label:before, 
.filter-item-list input[type="checkbox"]:not(:checked) + label:before, 
.filter-item-list input[type="radio"]:checked + label:before, 
.filter-item-list input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid #ededed;
    border-radius: 2px;
    background-color: #ffffff;
}
.filter-item-list input[type="checkbox"]:checked + label:after,
.filter-item-list input[type="checkbox"]:not(:checked) + label:after {
    border-left: 3px solid #0056d3;
    border-bottom: 3px solid #0056d3;
}
.hidden-block {
    display: block;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    transform: scaleY(0);    
    transform-origin: top;
    -webkit-transition: max-height 0.2s, -webkit-transform 0.2s ease-in-out;
    transition: max-height 0.2s, transform 0.2s ease-in-out;
}
.hidden-block.active {
    max-height: 10000px;
    transform: scaleY(1);
}
.all-result {
    color: #10378E;
    cursor: pointer;
    padding: 0 0 0px 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.all-result:hover {
    opacity:0.85;
}
form .filter-item-list label {
    font-size: 16px;
    font-weight: 400;
    color: #282828;
}
.selsort {
    font-size: 16px;
    display: inline-block;
    margin: 0;
    width: 190px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    padding: 5px 20px;
    border-radius: 5px;
}   
.selsort::before {
    position: absolute;
    content: "\f10f";
    font-family: 'uicons-regular-rounded';
    font-size: 16px;
    color: #282828;
    right: 20px;
    top: calc(50% - 10px);
}  
.selsort.active::before {
    transform: rotateX(-180deg);
}  
.selsort .sel__placeholder {
    display: block;
    font-size: 16px;
    color: #282828;
    font-weight: 400;
    padding: 5px 10px 5px 0;
    text-align: left;
    pointer-events: none;
    user-select: none;
    visibility: visible;
}   
.selsort.active .sel__placeholder {
    /*visibility: hidden;*/
} 
/*  
.selsort .sel__placeholder::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 0px;
    content: attr(data-placeholder);
    visibility: hidden;
} */  
.selsort.active .sel__placeholder::before {
    visibility: visible;
}  
.selsort .sel__box {
    position: absolute;
    top: calc(100% + 10px);
    left: 0px;
    display: none;
    list-style-type: none;
    text-align: left;
    font-size: 1em;
    background-color: #FFF;
    width: calc(100% + 30px);
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 0px 10px 10px 0px rgb(50 50 50 / 15%);
    -moz-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 10px 10px 0px rgb(50 50 50 / 15%);
    z-index: 3;
}
.selsort.active .sel__box {
    display: block;
    animation: fadeInUp 500ms;
}
.selsort .sel__box__options {
    display: list-item;
    font-size: 16px;
    color: #282828;
    padding: 5px 15px;
    user-select: none;
}
.selsort .sel__box__options.selected {
    color: #295ED6;
}
.selsort .sel__box__options::after {
    content: "\f143";
    font-family: 'uicons-regular-rounded';
    font-size: 16px;
    margin-left: 5px;
    display: none;
}
.selsort .sel__box__options.selected::after {
    display: inline;
    color: #295ED6;
}
.selsort .sel__box__options:hover {
    background-color: #ededed;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    } 
    to {
        opacity: 0;
    }
}















.pager {
    float: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.pager a, .pager span {
    display: inline-block;
    vertical-align: top;
    color:#282828;
    line-height: 22px;
    margin: 0 5px;
}

.pager a:hover {
    text-decoration: none;
    color: #295ED6;
}
.pager .current {
    text-decoration: none;
    color: #295ED6;
}
.pager a.current:hover {
    text-decoration: none;
    color: #295ED6;
}
.pager .next {
    text-decoration: none;
}
.pager .next::before {
    content:'';
    border: solid #282828;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin-top: 6px;
    vertical-align: top;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.pager .next:hover::before {
    border: solid #295ED6;
    border-width: 0 2px 2px 0;
}
.pager .prev {
    text-decoration: none;
}
.pager .prev::before {
    content:'';
    border: solid #282828;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    margin-top: 6px;
    vertical-align: top;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.pager .prev:hover::before {
    border: solid #295ED6;
    border-width: 0 2px 2px 0;
}


.txt {
    margin-top: 80px;
}

.txt p {
    margin: 0 0 1em;
    line-height: 24px;
    font-size: 16px;
}

.txt h2 {
    margin: 0 0 1em;
    line-height: 36px;
    font-size: 24px;
}

.txt ul {
    overflow: hidden;
    margin: 0 0 1em;
    list-style: none;
    padding: 0 1em;
    font-size: 16px;
}

.txt li {
    padding: 0 0 1em 1em;
}
.txt li:before {
    content: '';
    width: 1.3em;
    height: 1px;
    background: #0056d3;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
}

.basket-buttons {
    margin: 0 -12px 20px
}

.search-goods {
    width: auto
}

.search-goods form {
    width: 342px;
    height: 29px;
    background: url(../images/gradient-search.gif) 0 0 repeat-x;
    border: solid 1px #cecece;
    border-top: 0;
    border-bottom: 0;
    margin: 0 24px 0 0
}

.search-goods input[type=text] {
    float: left;
    width: 287px;
    font: 13px/18px arial, sans-serif;
    color: #454545;
    border: 0;
    background: none;
    padding: 2px 0;
    position: relative;
    left: 9px;
    top: 3px;
    height: 18px
}

.search-goods input[type=submit] {
    float: right;
    position: relative;
    right: -5px;
    width: 42px;
    height: 29px;
    cursor: pointer;
    border: 0;
    background-position: 0 0
}

.search-goods input[type=submit]:hover {
    background-position: 0 -40px
}

.search-result-txt {
    height: 28px;
    line-height: 28px;
    color: #ababab
}

.simple-page .clearfix:after {
  content: " ";
  clear: both;
  display: table;
}
.simple-page hr {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin: 50px 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.simple-page p {
    margin: 0 0 1em
}

.simple-page h3 {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #282828;
    margin: 30px 0 22px;
}
.simple-page h3.bigpad {
    margin: 60px 0 42px;
}
.simple-page h3.delivery{
	background: url(../images/arrow-new.png) left center no-repeat;
	text-transform: uppercase;
	padding-left: 30px;
	margin-left: 6px;
	margin-bottom: 35px;
	}
.simple-page h3.delivery1{	
	padding-left: 36px;
}
.simple-page h3.oplata{	
	text-transform: uppercase;
	margin-bottom: 30px;
}
/*#content .simple-page .news-h1 {
    font-size: 36px;
    color: #282828;
    line-height: 48px;
    font-weight: 700;
    margin: 20px 0 40px;
    text-align: center;
}*/
#content .simple-page .news-h1 {
    font-size: 36px;
    color: #282828;
    line-height: 48px;
    font-weight: 700;
    margin: 20px auto 40px;
    text-align: center;
    width: 100%;
}
/*.simple-page-img {
    width: 100%;
    height: 480px;
    margin-bottom: 40px;
}*/
.simple-page-img {
    width: 100%;
    height: 480px;
    margin: 0 auto 40px;
}
.simple-page-img img.fl {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.simple-page img.fr {
    background: #fff;
    margin: 0 0 12px 20px
}
.simple-page .row img{
	max-width: 100%;
}
.simple-page .row{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 50px;
}
.col-12, .col-md-6{
    position: relative;
    width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: calc(50% - 30px);
}
.about-venderdata
{
	position: absolute;
	top: 10%;
	right: 5%;
	background: #FFF;
	padding: 50px;
	width: 40%;
	opacity: 0.9;
}
.about-comand{
	border: 2px solid #278cdc;
	padding: 44px 50px;
	max-width: calc(50% - 105px);
}
.about-map
{
	width:100%;
}
.common-rules {
    overflow: hidden;
    clear: both
}

.simple-page .common-rules h3 {
    color: #5e5e5e;
    margin: 0 0 12px;
    font-size: 16px
}

.simple-page ul {
    margin: 0 0 0px;
    list-style: disc;
    padding: 0 20px;
}

.simple-page ul li {
    padding: 10px 0 0 2px;
}

.simple-page .row ul{margin: 0px;padding-right: 0px;}

.simple-page ol {
    margin: 0 30px 30px
}

.simple-page ol li {
    padding: 0 0 8px
}
.simple-page .interval-delivery {
    /*display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin: 10px 0px;*/
	margin-top: 15px;
}
.simple-page .interval-delivery div{
	padding: 15px 15px 15px 60px;
	float: left;
	margin-right: 8px;
}
.simple-page .interval-delivery .morning{background: url(../images/morning.png) 13px center no-repeat #f6f6f6;margin-bottom: 15px;}
.simple-page .interval-delivery .day{background: url(../images/day.png) 13px center no-repeat #f6f6f6;margin-bottom: 15px;}
.simple-page .interval-delivery .evening{background: url(../images/evening.png) 13px center no-repeat #f6f6f6;margin-right: 0px;margin-bottom: 15px;}
.simple-page .delivery-time{float: left;margin: 30px 0px 20px 0px;}
.simple-page .delivery-point{
	background: url(../images/placeholder.png) 15px center no-repeat #f6f6f6;
	padding: 17px 15px 17px 41px;
	float: right;
	margin: 30px 0px 20px 0px;
}
.simple-page .delivery-DL{float: left;background: url(../images/DL.png) left center no-repeat #f6f6f6;color: #0160a9;width: calc(50% - 90px);padding: 5px 5px 5px 80px;margin-bottom: 10px;}
.simple-page .delivery-PEK{float: right;background: url(../images/PEK.png) left center no-repeat #f6f6f6;color: #0160a9;width: calc(50% - 90px);padding: 5px 5px 5px 80px;margin-bottom: 10px;}
.simple-page .delivery-point a, .delivery-DL a, .delivery-PEK a{text-decoration: none;}
.simple-page .delivery-point a:hover, .delivery-DL a:hover, .delivery-PEK a:hover{text-decoration: underline;}
.top-panel-compare {
    /*width: 1170px;*/
    width: 100%;
    height: 296px;
    border: solid 1px #e2e2e2;
    position: relative;
    border-bottom-width: 1px;
    top: 0;
    background: #fff
}

.position-fixed {
    position: fixed !important;
    z-index: 25;
    left: 50%;
    margin-left: -585px;
}

.top-panel-compare .fixed-aside {
    width: 216px;
    text-align: center;
    border-right: solid 1px #e2e2e2;
    height: 296px
}

.wishlist-page  .fixed-aside {
    width: 216px;
    text-align: center;
    border-right: solid 1px #e2e2e2;
    height: 296px
}

.fixed-aside .info-compare {
    display: block;
    padding: 16px 0 0;
    height: 83px
}

.fixed-aside .button-type-4 > span {
    min-width: 82px
}

.fixed-aside .button {
    margin-bottom: 20px
}

.compare-slider {
    width: 701px;
    float: right;
    position: relative;
    left: -1px;
}

.top-panel-compare .compare-slider {
    width: 913px;
    left: -41px;
}

.compare-slider .scrollable {
    width: 705px;
    height: 300px;
    overflow: hidden;
    position: relative;
    /*border-right: solid 1px #e2e2e2;*/
    border-left: solid 1px #e2e2e2
}

.top-panel-compare .compare-slider .scrollable {
    width: 935px;
    height: 298px;
}

.bk_product .product-gallery {
    width: 565px;
}

.bk_product .product-gallery .compare-slider .scrollable {
    border: none;
    position: static;
}

.bk_product .product-gallery .compare-slider {
    border: none;
}

.bk_product .product-gallery .scrollable {
    width: 565px;
}

.bk_product .compare-slider .prev-shadow,
.bk_product .compare-slider .next-shadow {
    background-image: none;
}

.compare-top-box {
    padding-left: 299px;
}

.compare-slider li {
    float: left;
    width: 233px;
    border: solid 1px #e2e2e2;
    height: 298px;
}

.wishlist-page .compare-slider li {
    float: left;
    width: 238px;
    border: initial;
    border-right: solid 1px #e2e2e2;
    height: 298px;
}

.compare-slider .photo {
    display: block;
    height: 208px;
    margin: 0 0 4px
}

.compare-slider .photo img {
    max-width: 233px !important
}

.compare-slider h3 {
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 14px;
    overflow-y: hidden;
    margin-bottom: 6px
}

.compare-slider .price {
    padding-left: 14px
}

.compare-slider .action-links {
    padding-right: 14px
}

.prev-shadow, .next-shadow {
    position: absolute;
    top: 131px;
    width: 22px;
    z-index: 10;
}
.next-shadow {
    right: 0;
}

/*.prev-shadow {
    left: -28px;
    background-position: -64px -1768px;
    height: 300px
}

.next-shadow {
    right: -30px;
    background-position: 0 -1768px;
    height: 300px
}*/

.top-panel-compare .next-shadow {
    right: -38px;
}

.prev-shadow a, .next-shadow a {
    display: block;
    text-decoration: none;
    width: 42px;
    height: 67px;
    background-position: -124px -915px;
    position: relative;
}

.bk_product .product-gallery .prev-shadow a,
.bk_product .product-gallery .next-shadow a {
    top: 158px;
}

.prev-shadow a {
    background-position: -124px -915px;
}

.prev-shadow a:hover {
    background-position: 0 -915px
}

.next-shadow a {
    background-position: -184px -915px;
    left: -16px
}

.next-shadow a:hover {
    background-position: -62px -915px
}

.product-gallery .prev-shadow {
    background-image: url(../images/imgborder-left.png);
    background-position: 0 0;
}

.product-gallery .next-shadow {
    background-image: url(../images/imgborder-right.png);
    background-position: 0 0;
}

.shadow_flex {
    -webkit-background-size: 22px 100%;
    -moz-background-size: 22px 100%;
    -o-background-size: 22px 100%;
    background-size: 22px 100%;
}

.table-compare {
    width: 100%;
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    overflow: hidden;
    overflow-x: auto;
}
.table-compare li.title-section {
    padding: 30px 0 16px;
    font-size: 18px;
    color: #0160a9;
    font-weight: bold;
    background: none !important
}
.table-compare li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.table-compare li .w-300 {
    flex: 0 0 259px;
    padding: 10px 20px 10px 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    border-bottom: solid 1px #EDEDED;
    border-right: 1px solid #EDEDED;
    position: sticky;
    left: 0;
    top: 0;
    background: transparent;
    z-index: 2;
}
.table-compare li .w-300.bg-wht {
    background: #fff;
}
.table-compare li .w-grid {
    flex: 0 0 calc(100% - 290px);
    border-bottom: solid 1px #EDEDED;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.table-compare li .w-grid .price-val span {
    font-weight: 700;
}
.table-compare li .w-grid .reviews-rating-small {
    vertical-align: middle;
}

.table-compare li .w-grid .rating-stat-small-val {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.table-compare li .w-grid .compare-val {
    position: relative;
    margin: 0;
    padding: 0 15px;
    flex: 0 0 calc(25% - 29px);
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #EDEDED;
    font-size: 14px;
    font-weight: 400;
}
.table-compare li .w-grid .compare-val.prod-val {
    position: relative;
    margin: 0;
    padding: 15px 30px;
    flex: 0 0 calc(25% - 59px);
    text-align: center;
    height: calc(100% - 29px);
    display: block;
    border-bottom: 1px solid #EDEDED;
    background: #fff;
}
.table-compare li .w-grid .compare-val::after {
    content: '';
    position: absolute;
    top: 0;
    bottom:0;
    right: 0;
    width: 1px;
    background: #EDEDED;
}
.table-compare li .w-grid .compare-val.prod-val .offers {
    color: #999;
}
.table-compare li .w-grid .compare-val .product-image-wrap {
    margin-bottom: 50px;
}
.table-compare li .w-grid .compare-val .action-links {
    bottom: 18px;
}
.table-compare li .w-grid .compare-val .foot-panel-product {
    bottom: 0px;
}
.table-compare li.heading-compare .w-300 {
    color: #282828;
    font-size: 16px;
    font-weight: 700;
    background: transparent;
    padding-top: 50px;
    border-right: 0px solid #EDEDED;
}
.table-compare li.heading-compare .w-grid .compare-val {
    background: transparent;
}
.table-compare li.heading-compare .w-grid .compare-val::after {
    display: none;
}
#compareDelete, #wishDelete {
    background: transparent url('../images/svg/close_mini_red.svg') 0 0 no-repeat;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    width: 21px;
    height: 21px;
}
.values-compare {
    width: 100%;
}
.values-compare ul {
    margin-left: -10px;
    margin-right: -10px;
}
.values-compare li {
    position: relative;
    margin: 0 10px;
    padding: 9px 15px;
    width: calc(20% - 51px);
    display: inline-block;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    text-align: center;
}

.best-value {
    color: #0160a9
}

.slide-panel-wrap {
    /*min-width: 1170px;*/
    min-width: 100%;
    overflow: hidden
}
/*
#slide-panel-b {
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -586px;
    width: 1170px;
    height: 51px;
    background: url(../images/slide-panel.png) 0 0 no-repeat;
    text-align: left;
    z-index: 1234;
    -moz-transition: height .3s;
    -webkit-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .2s;
    transition: height .3s;
    display: none
}*/

#slide-panel-b {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 1180px;
    height: 51px;
    background: url(../images/slide-panel.png) 0 0 no-repeat;
    text-align: left;
    z-index: 1234;
    -moz-transition: height .3s;
    -webkit-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .2s;
    transition: height .3s;
    display: none;
    margin: 0 auto;
}

#tab-compare .slider-wrap {
    width: 701px;
    float: initial;
    display: inline-block;
}

#slide-panel-b.open {
    height: 413px;
    /*height: 385px;*/
}

.with-panel-b #slide-panel-b {
    display: none!important;
}

.close-panel {
    position: absolute;
    right: 5px;
    top: 11px;
    border: 0;
    background-position: -118px -1803px;
    width: 51px;
    height: 38px;
    cursor: pointer;
    display: none
}

.close-panel:hover {
    background-position: -169px -1803px
}

#slide-panel-b.open .close-panel {
    display: block
}

#slide-panel-b .tabs-menu {
    height: 37px;
    padding: 4px 8px 35px;
}

#slide-panel-b .tabs-menu a {
    float: left;
    /* height: 50px; */
    text-decoration: none;
}

#slide-panel-b .tabs-menu a > span {
    float: left;
    padding: 0 23px;
    line-height: 30px;
    height: 54px;
}

#slide-panel-b.open .tabs-menu a > span {
    line-height: 54px;
}

#slide-panel-b.open .tabs-menu a.active {
    /* border-right: solid 1px #fff; */
    /* border-left: solid 1px #fff; */
    color: #e8111f;
    background: #fff;
    border-right: solid 1px #dedede;
    border-left: solid 1px #dedede;
    padding: 0 21px;
}

#slide-panel-b.open .tabs-menu a:first-child.active, #slide-panel-b.open .tabs-menu a.first-child {
    border-left: 0
}

#slide-panel-b.open .tabs-menu a.active > span {
    /* background: #fff; */
    /* border-right: solid 1px #dedede; */
    /* border-left: solid 1px #dedede; */
    /* padding: 0 21px; */
}

#slide-panel-b.open .tabs-menu a:first-child.active > span, #slide-panel-b.open .tabs-menu a.first-child > span {
    /* padding-left: 23px; */
    border-left: 0;
}

#slide-panel-b .border {
    border-bottom: dashed 1px
}

#slide-panel-b a:hover .border {
    border-bottom-color: transparent
}

.compare-button {
    width: 178px;
    height: 298px;
    line-height: 298px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    background: url(../images/compare-button.png) 0 0 no-repeat;
    color: #78c7ff;
    font-size: 24px;
    position: relative
}

.compare-button:hover {
    background-position: 0 -301px
}

.compare-button:active {
    background-position: 0 -603px;
    line-height: 300px;
    left: 1px;
    top: 1px
}

#slide-panel-b .tabs-content {
    padding: 0 30px
}

#tab-wishlist .slider-wrap {
    border: solid 1px #E2E2E2;
    width: 935px
}
.wishlist-page #tab-wishlist .slider-wrap {
    /*width: 1170px;*/
    width: 100%;
}

#tab-viewed .slider-wrap {
    border: solid 1px #E2E2E2;
    width: 975px
}

#tab-viewed .slider-wrap .compare-slider, #tab-wishlist .slider-wrap .compare-slider {
    width: 935px
}

.wishlist-page #tab-wishlist .slider-wrap .compare-slider {
    float: right;
    width: 953px;
}

#tab-viewed .slider-wrap .scrollable, #tab-wishlist .slider-wrap .scrollable {
    width: 935px
}

.wishlist-page #tab-wishlist .slider-wrap .scrollable {
    width: 953px;
}

#slide-panel-b li {
    position: relative
}

#slide-panel-b .a-remove {
    position: absolute;
    top: -9992px;
    right: 4px;
    z-index: 5
}

#slide-panel-b .price {
    position: absolute
}

#slide-panel-b li:hover .a-remove {
    top: 4px
}
/* for old IE */
.min-width-1040 #slide-panel-b .tabs-menu a:first-child > span, .min-width-1000 #slide-panel-b .tabs-menu a:first-child > span {
    padding-left: 40px
}

.min-width-1040 #slide-panel-b.open .tabs-menu a:first-child.active > span, .min-width-1000 #slide-panel-b.open .tabs-menu a:first-child.active > span {
    padding-left: 39px
}

.min-width-1040 .close-panel, .min-width-1000 .close-panel {
    right: 32px
}

.min-width-1000 #slide-panel-b {
    left: 500px
}

/*end  for IE*/

.product-gallery, .product-page .column {
    width: 460px;
    margin-bottom: 15px;
}

.product-gallery {
    margin: 0 0 26px;
    width: 465px;
}

.product-page .column,
.deliv-desc {
    width: 670px;
}

.product-page .column {
    flex: 0 0 calc(50% - 75px);
    max-width: calc(50% - 75px);
    width: calc(50% - 75px);
    position: relative;
    margin: 0;
    margin-left: 15px;
    background: #fff;
    border-radius: 5px;
    padding: 30px;
    float: none;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.clearfix{
	*zoom: 1;
}

.product-gallery .compare-slider {
    width: 565px;
    float: none;
    left: 0;
    border: solid 1px #E2E2E2
}

.product-gallery .prev-shadow {
    left: -12px;
    height: 332px
}

.product-gallery .next-shadow {
    right: -12px;
    height: 332px
}

.product-gallery .scrollable {
    left: 9px;
    width: 440px;
    height: 387px;
}

.product-gallery .scrollable img {
    background: url(../temp/ajax-loader.gif) 50% 50% no-repeat
}

.product-gallery li {
    width: 565px; /*440*/
    height: 387px;
    border: 0;
    text-align: center;
    position: relative
}

.product-gallery .status {
  margin-bottom: 3px;
}

.product-gallery .flags {
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-align: right
}

.product-gallery .flags img {
    background: none;
    float: right;
    margin: 0 0 0 5px
}

/*.guarantee{margin:0 0 25px}*/
.guarantee h3, .deliv-desc h3 {
    font-size: 18px;
    color: #0160a9;
    line-height: 20px;
    margin: 0 0 12px
}

.guarantee img.fl {
    margin: 5px 14px 0 0
}

.product-page p {
    margin: 0 0 10px
}
.product-page ul {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}
.product-page ul.list-characteristics {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    max-height: 515px;
}
.product-page ul.list-characteristics.show {
    max-height: unset;
}
.product-page ul.list-characteristics.doc {
    margin-bottom: 30px;
    max-height: unset;
}
.product-page ul.cat-list.prod-list {
    margin: 0;
    /*margin-left: -20px;
    margin-right: -20px;*/
}
.reviews-info ul li::before {
    content: '';
    width: 1.3em;
    height: 1px;
    background: #0056d3;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
}

.price-action-line {
    text-align: center;
    margin: 0 0 25px;
    max-width: 500px;
}

.price-action-line .button > span {
    width: 80px
}

.price-action-line.v2 .button > span {
    width: 105px;
}

.price-action-line .action-links {
    margin-top: -40px;
}

.product-page .buttons-line.tabs-menu {
    margin: 0 0 35px
}

.list-characteristics > li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
}
.list-characteristics > li:before {
    display: none !important;
}

.list-characteristics > .even {
}

.list-characteristics dl {
    position: relative;
    text-align: left;
}

.list-characteristics dt {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 60px);
    padding: 10px 30px;
    line-height: 22px;
    border-top: 1px solid #EDEDED;
}

.list-characteristics dd {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 60px);
    padding: 10px 30px;
    line-height: 22px;
    border-top: 1px solid #EDEDED;
    font-weight: 600;
}
.list-characteristics h4 {
    color: #282828;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    padding: 10px 30px;
    border-top: 1px solid #EDEDED;
}
.list-characteristics .li-technical h4 {
    border-top: 0px solid #EDEDED;
}
.more-reviews {
    margin: 50px 0 100px;
    text-align: center;
}
.all-char {
    margin: 50px 0 100px;
    text-align: center;
}
.all-char > span {
    font-size: 16px;
    line-height: 18px;
    color: #10378E;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.all-char > span:hover {
    color: #295ED6;
}
.product-rating {
    margin: 15px 0px;
}
.read-reviews-box {
    margin: 20px 0 30px;
}
.reviews-product {
    margin: 50px 0;
    position: relative;
}
.reviews-product-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
}
.reviews-product-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 30px 0;
}
.reviews-product-heading .heading {
    flex: 0 0 calc(100% - 290px);
    padding-right: 20px;
}
.reviews-product-heading .action-block {
    flex: 0 0 250px;
    padding-left: 20px;
}
.reviews-product-box .reviews-list {
    flex: 0 0 100%;
}
.reviews-product-box .reviews-info {
    flex: 0 0 calc(40% - 60px);
    background: #f6f7fb;
    padding: 30px;
    border-radius: 15px;
}
.no-reviews-text {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.no-reviews-text .title-no-reviews{
    font-size: 18px;
    color: #282828;
    font-weight: 600;
}
.no-reviews-text .descr-no-reviews{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 20px;
}
#addReview, #addVote {
    width: calc(100% - 50px);
    background: #ffca3d;
    display: block;
    padding: 10px 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    color: #282828;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#addVote {
    width: 200px;
    position: absolute;
    right: 0;
    top: -105px;
}


#addReview:hover, #addVote:hover {
    opacity: 0.85;
}
.reviews-rating {
    display: inline-block;
    width: 175px;
    height: 35px;
    background: transparent url('../images/rating-sprite-new.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    float:left;
}
.reviews-rating .active-rating {
    display: block;
    height: 35px;
    background: transparent url('../images/rating-sprite-new.png');
    background-position: 0 -33px;
    background-repeat: no-repeat;
}
.rating-stat {
    font-size: 20px;
    margin-left: 25px;
    font-weight: 400;
    color: #282828;
    display: inline-block;
    padding: 6px 0;
}
.rewiew-item-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.rewiew-item-heading .avatar-box {
    flex: 0 0 140px;
    padding-right: 80px;
}
.rewiew-item-heading .info {
    flex: 0 0 calc(100% - 240px);
    padding-left: 20px;
}
.rewiew-item-heading .avatar-box .avatar {
    width: 140px;
    height: 140px;
    display: block;
    background: #ededed;
    border-radius: 100%;
    overflow: hidden;
}
.rewiew-item-heading .avatar-box .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rewiew-item-heading .info .author {
    color: #282828;
    font-weight: 600;
    margin-bottom: 15px;
}
.rewiew-item-heading .info .time {
    color: #ababab;
    font-size: 12px;
    font-weight: 400;
    margin: 3px 0px;
}
.rewiew-item .descr-rating {
    margin-bottom: 15px;
}
.rating-item .rating-name {
    display: inline-block;
    width: 116px;
    line-height: 23px;
}
.reviews-rating-small {
    display: inline-block;
    vertical-align: middle;
    width: 116px;
    height: 23px;
    background: transparent url('../images/rating-sprite-small-new.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
.reviews-rating-small .active-rating-small {
    display: block;
    height: 23px;
    background: transparent url('../images/rating-sprite-small-new.png');
    background-position: 0 -23px;
    background-repeat: no-repeat;
}
.rating-stat-small {
    font-size: 14px;
    margin-left: 15px;
    font-weight: 600;
    color: #282828;
    display: inline-block;
    padding: 0;
}
.product-info-wrap .rating-item {
    text-align: center;
    margin-bottom: 3px;
}
.compare-val .rating-item {
    text-align: center;
}
.product-info-wrap .rating-item .reviews-rating-small, .compare-val .rating-item .reviews-rating-small {
    float: unset;
}
.shop-item .rating-item {
    text-align: left;
}
.shop-item .rating-item .reviews-rating-small {
    float: unset;
}
.rating-stat-small-count {
    font-size: 12px;
    margin: 1px 0 0 7px;
    font-weight: 400;
    color: #ababab;
    display: none;
    vertical-align: top;
    padding: 0;
}
.rating-item .descr-rating {
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
}
.rating-item .descr-rating span {
    display: inline-block;
    color: #282828;
    font-size: 14px;
    font-weight: 600;
}
.rewiew-item-adv > div {
    margin-top: 20px;
}
.rewiew-item-adv .heading {
    color: #282828;
    font-weight: 700;
    font-size: 16px;
}
.rewiew-item-adv .text {
    color: #282828;
    font-weight: 400;
}

.modal form .rate {
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    line-height: 26px;
    vertical-align: top;
    margin-top: -3px;
}
.modal form .rate > span {
    display: inline-block;
    color: #ffca3d;
}
.modal form .rate > span.num {
    display: inline-block;
    color: #282828;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin: 0 5px;
}
.modal form .rate-text {
    display: inline-block;
    font-size: 10px;
    width: 197px;
    font-weight: 400;
    line-height: 12px;
    vertical-align: top;
    margin-left: 5px;
}
.modal form .rate-text > span {
    font-size: 12px;
    font-weight: 700;
}
.modal form .rate-text.bloom-5 {
    color: #31ac00;
}
.modal form .rate-text.bloom-4 {
    color: #7ca41b;
}
.modal form .rate-text.bloom-3 {
    color: #d6a319;
}
.modal form .rate-text.bloom-2 {
    color: #d66019;
}
.modal form .rate-text.bloom-1 {
    color: #e80d0d;
}
.radio-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: -5px;
    margin-right: -5px;
}
.radio-box .radio-block {
    flex: 0 0 calc(50% - 10px);
    margin: 0 5px;
}






.reviews {
    overflow: hidden;
    position: relative
}

.rewiew-item {
    display: block;
    padding: 40px;
    background: #FFFFFF;
    border-radius: 5px;
    margin: 20px 0;
}

.status-moder {
    color: #e8111f
}

.rewiew-item time {
    color: #ababab;
    font-size: 11px;
    margin: 0 0 20px
}

.votings {
    width: 280px;
    overflow: hidden
}

.votings > .fl {
    width: 100px;
    height: 16px;
    line-height: 16px;
    padding: 0 0 10px;
    white-space: nowrap
}

.voting-result {
    width: 100px;
    background: url(../images/vote-stars.png) 0 0 repeat-x;
    margin: 0 12px 0 0
}

.voting-rating {
    width: 100px;
    height: 16px;
    background: url(../images/vote-stars.png) 0 -52px repeat-x
}

.voting-rating-total {
    background-position: 0 -26px
}

.add-review, #tab-ask {
    position: relative
}

.rewiew-body dd {
    padding: 0 0 20px
}

.rewiew-body dt {
    position: absolute;
    margin: 0 0 0 -184px;
    text-align: right;
    padding: 0 44px 0 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    width: 140px
}

#tab-reviews .buttons-line {
    margin: 0 0 40px
}

#content .product-page .tabs-content h2 {
    font-size: 20px;
    color: #0160a9;
    margin: 0 0 16px
}

#content .product-page .tabs-content h3 {
    font-size: 16px;
    color: #0160a9;
    margin: 0 0 16px
}

#content .product-page .tabs-content #tab-related h3 {
    margin-bottom: 0px
}

.voting {
    padding: 0 0 14px
}

.voting .vote {
    display: inline-block;
    display: inline;
    zoom: 1;
    vertical-align: top
}

.voting .error-txt {
    display: none;
    font-size: 11px;
    color: #f00;
    position: Relative;
    left: 10px
}

.voting .dd-error .error-txt {
    display: inline
}

.aside-form dt, .aside-form dd {
    display: inline-block;
    vertical-align: top;
    width: 164px;
    margin: 0 0 14px
}

.aside-form dt {
    height: 16px;
    line-height: 16px
}

.layout-form dt {
    height: 28px;
    line-height: 28px
}

.aside-form dd {
    width: 290px
}

.vote {
    width: 100px;
    height: 16px;
    line-height: 16px;
    background: url(../images/vote-stars.png) 0 0 repeat-x;
    overflow: hidden
}

.vote span {
    float: left;
    width: 20px;
    height: 16px;
    background: url(../images/vote-stars.png) 0 -9952px repeat-x;
    cursor: pointer
}

.vote span.gold {
    background-position: 0 -52px
}

.aside-form textarea {
    width: 270px;
    height: 80px;
    display: block;
    margin: 0 0 6px
}

.aside-form input[type=text], .aside-form input[type=email] {
    width: 270px;
    display: block;
    margin: 0 0 6px
}

.ar-agree {
    display: block;
    position: relative;
    padding: 8px 0 16px 20px;
    line-height: 16px
}

.ar-agree input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 9px;
    width: 14px;
    height: 14px;
    margin: 0
}

.layout-form .button {
    margin-left: -8px
}

#tab-ask .button {
    margin: 14px 0 0 -8px
}

.width-460 {
    width: 460px
}

.total-rating {
    padding: 0 0 30px
}

.total-result {
    width: 180px;
    height: 31px;
    margin: 0 0 12px;
    background: url(../images/vote-stars.png) 0 -128px repeat-x
}

.total-result .voting-rating {
    height: 31px;
    background-position: 0 -83px
}

.total-rating .voting-result, .total-rating .vote-title {
    margin: 0 10px 10px 0
}

.error {
    color: #f00
}

#tab-video .video {
    width: 640px;
    height: 400px;
    overflow: visible;
    margin: auto;
}

/*  30.10.2012  */

#catlist ~ .cat-list li .desc dl {
    min-height: 20px;
}

.cake-debug {
    clear: both;
    background: #ffffff;
    border: 1px solid red;
    padding: 5px;
}

.cake-sql-log {
    clear: both;
    background: #ffffff;
    border: 1px solid blue;
    padding: 5px;
}

/*  31.01.2013  */

.filter-extended .filter-top {
    position: relative;
    z-index: 2
}

.filter-panel {
    position: relative;
    top: -20px;
    padding: 0 10px 10px;
}

.checkbox-field {
    padding: 8px;
    border-top: 0
}

.checkbox-field label {
    display: block;
    vertical-align: top;
    height: 28px;
    position: relative;
    padding: 0 10px;
    line-height: 28px;
    cursor: pointer;
}
.checkbox-field label.tag-9.checked {
    background: #28a82f;
    border-left: 1px solid #fff;
}

.checkbox-field label span {
    border-bottom: dashed 1px #5f5f5f
}

.checkbox-field label:hover span {
    border-bottom-color: transparent;
    color: #075ba3
}

.checkbox-field label.checked {
    background-position: 0 0;
    color: #fff
}

.checkbox-field label.checked span {
    border-bottom-color: transparent !important;
    color: #fff !important
}

.filter-panel .buttons {
    padding: 10px 0 0
}

.filter-panel .f-search-result {
    height: 31px;
    line-height: 31px;
    background: url(../images/result-bg.png) 100% 0 no-repeat;
    border-left: solid 1px #a4daff;
    padding: 0 23px 0 15px;
    margin: 3px 6px 0 0
}

.filter-panel .f-search-result.mob{
    display: none;
}

/* 20.02.2013 */
#tooltip {
    position: absolute;
    z-index: 1234;
    color: #fff;
    padding: 5px 12px;
    font-size: 12px;
    background: #1166ae;
    background: rgba(9, 103, 188, .9);
    line-height: 18px;
    text-align: left
}

.product-gallery .scrollable li > img {
    height: 357px !important; /*268*/
    width: 535px !important; /*391*/
    padding: 15px
}

.compare-slider .photo img {
    width: 223px !important;
    height: 198px !important;
    padding: 5px
}

/*  25.02.2013  */

.photo img, .slider-items .item img, .simple-page img {
    background: url(../temp/ajax-loader.gif) 50% 50% no-repeat;
    max-width: 100%;
    height:auto;
}

/*  26.02.2013  */
.list-characteristics ul li {
    background: url(../images/buttons-sprite.png) -188px -1874px no-repeat;
    padding: 0 0 6px 22px;
    text-align: left;
}

/*  12.03.2013  */
.simple-page ul {
    overflow: hidden;
    zoom: 1
}

/*.simple-page {
. zoom: 1
}*/

.simple-page {
    width: 70%;
    margin: 0 auto;
}
.simple-page.simple-page-full {
    width: 100%;
}

.simple-page:after {
    content: "";
    clear: both;
    display: block;
    font-size: 0;
}

/*  19.03.2013  page 404  */

.page-404 {
    min-height: 510px;
    margin-bottom: -32px
}

.bg-404 {
    background: url(../images/i404.jpg) 50% 50% no-repeat
}
.bg-1404 {
    background: url(../images/good.jpg) 50% 50% no-repeat
}
.girl-404 {
    position: absolute;
    bottom: 111px;
    left: 50%;
    margin-left: 264px;
    opacity: 0;
    -moz-transition: opacity .25s;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    -ms-transition: opacity .25s;
    transition: opacity .25s
}

.no-opacity .girl-404 {
    visibility: hidden
}

.bg-404 .girl-404 {
    opacity: 1
}

.no-opacity .bg-404 .girl-404 {
    visibility: visible
}

.page-500 {
    height: 100% !important;
    padding: 0;
    margin: auto !important
}

.page-500 #content {
    min-height: 640px;
    height: 100%;
    position: relative;
    padding: 0 20px !important;
    background: url(../images/i500.jpg) 50% 64% no-repeat
}

.page-500 h1 {
    padding: 69px 0 4px
}

.page-500 p {
    margin: 0 0 14px
}

.contact-500 {
    padding-top: 6px
}

.contact-500 .col {
    float: left;
    width: auto;
    white-space: nowrap;
    margin: 0 68px 0 0
}

.page-500 .tel-blue {
    color: #2b8fda;
    line-height: 24px
}

.page-500 .tel-red {
    color: #fd5342;
    line-height: 24px
}

.page-500 .work-time {
    width: 185px;
    padding-top: 24px
}

.page-500 .work-time strong {
    display: block
}

.page-500 .girl-404 {
    opacity: 1;
    bottom: 0
}

.no-opacity .page-500 .girl-404 {
    visibility: visible
}

.product-info {
    margin-bottom: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.guarantee img {
    border: #ababab solid 1px;
    max-width: 150px;
    padding: 1px;
}

/*.certificate_img_horizontal, .certificate_img_vertical{display:inline-block; .display:inline; .zoom:1; vertical-align:middle; position:relative; top:-5px; margin-right:10px}
.certificate_img_horizontal{width:152px}
.certificate_img_vertical{width:102px}
.guarantee .body{overflow:visible; display:inline-block; .display:inline; .zoom:1; vertical-align:middle}
.guarantee .body.width-narrow{width:290px}
.guarantee .body.width-wide{width:340px}*/

.descript ul {
    list-style: none;
    margin-top: 10px;
}

.descript ul li {
    background: url(../images/buttons-sprite.png) -192px -1874px no-repeat;
    padding: 0 0 6px 19px;
}

.info-deliver {
    font-family: Tahoma, Arial, sans-serif;
    text-align: left;
    display: block;
    width: 180px
}

.s12 {
    font-size: 12px
}

.s18 {
    font-size: 16px
}

.v2 .price {
    display: block;
    text-align: left;
}
.product-page .v2 .price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: calc(100% - 0px);
    background: transparent;
    min-height: unset;
    border: 0;
    bottom: 0;
    left: 0;
}

.dashed {
    border-bottom: 1px dashed #fff;
}

/*22.04, стили для бб тегов*/

img.img_center {
    display: block;
    margin: 0 auto;
    padding: 3px;
    border: solid 1px #e2e2e2;
    background: #fff
}

img.img_right {
    float: right;
    margin: 10px 0 10px 10px;
    padding: 3px;
    border: solid 1px #e2e2e2;
    background: #fff
}

img.img_left {
    float: left;
    margin: 10px 10px 10px 0;
    padding: 3px;
    border: solid 1px #e2e2e2;
    background: #fff
}

#popup-fast-order #type-deliv input[type="text"], #popup-fast-order textarea {
    width: 240px;
}

.brand-info {
    margin-bottom: 40px;
}

.brand-info .txt, .brand-info .meta-info {
    vertical-align: top
}

.brand-info .txt {
    width: 900px;
    display: inline-block;
    display: inline;
    zoom: 1;
}

.brand-info .meta-info {
    width: 210px;
    margin-right: 52px;
    display: inline-block;
    display: inline;
    zoom: 1;
}

.brand-info .meta-info p {
    margin-top: 20px;
    color: #959595;
}

.brand-info .linklist {
    margin-top: -10px;
    line-height: 25px;
}

.brand-info .linklist .dash {
    text-decoration: none;
    border-bottom: 1px dashed #0160a9
}

.brand-info .linklist .dash:hover {
    border: 0px;
}

.brand-info .titleh3, h2#catlist {
    font-family: Tahoma, "Geneva CY", sans-serif;
    font-weight: bold;
}

.brand-info .titleh3 {
    margin-bottom: 15px;
    margin-top: 0px !important;
    font-size: 20px;
    color: #2b8fda !important;
}

#check-status-popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
    z-index: 12346
}

.check-status-form {
    display: none
}

a.cheaper_link, a.credit_link {
    margin: 0px 0 10px 0;
    font-size: 12px;
    color: #e2011a;
    text-decoration: none;
    border-bottom: 1px dashed;
    padding: 0;
}

a.credit_link {
    color: #0160a9;
    margin-top: -10px;
}

div.cheaper_dummy {
    margin: 20px 0 10px 0;
}

a.cheaper_link:hover, a.credit_link:hover {
    border-color: rgba(0, 0, 0, 0)
}

.nowrap {
    white-space: nowrap
}

li.option-item a, div.custom-select div.text-value {
    white-space: pre-wrap
}

a.a-check-status-popup {
    opacity: 0;
    filter: alpha(opacity=0);
}

a.a-check-status-popup.open {
    opacity: 1;
    filter: alpha(opacity=1);
}

.list-characteristics > .list {
    background: none;
    background-image: none;
    padding: 0 0 0 0px;
}

.list-characteristics > .list:nth-child(2) {
    background: none;
    background-image: none;
    min-width: 460px;
    padding: 0 0 0 65px;
}

.list-characteristics-video {
    margin: 0 0px 0 0;
}

.list-characteristics-video > .list {
    width: 565px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}

.list-characteristics-video > .list:nth-child(2) {
    padding: 0 0 0 0px;
    text-align: left;
    float: right;
}

.product-info .price-action-line .info-deliver ~ .button.button-type-6,
.product-info .price-action-line .info-deliver ~ .button.button-type-6 > span {
    background: none;
}

.product-info .price-action-line .info-deliver ~ .button.button-type-6 > span span {
    color: #0160A9;
    text-shadow: none;
    border-bottom-color: #0160A9;
    position: relative;
    font-weight: 400;
    top: -10px;
}

/*мои стили*/
.best-value > ul > li {
    color: #6a6a6a;
    display: block;
    float: none;
    background: url(../images/buttons-sprite.png) -181px -1874px no-repeat;
    text-align: left;
    line-height: 16px;
    height: 32px;
    padding: 0px 30px;
}

.hidden {
    display: none;
}

.fancybox-skin {
    padding: 0px !important;
}

/*.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
    top: 121px !important;
}*/
.fancybox-overlay.fancybox-overlay-fixed {
    background: rgba(0, 0, 0, 0.21);
}
/*
.fancybox-close {
    top: 12px !important;
    right: 13px !important;
    width: 34px !important;
    height: 34px !important;
    background: transparent !important;
}
*/
/*.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
    position: absolute !important;
    top: 121px !important;
}*/

.fancybox-close {
    /*display: none;*/
    background-color: transparent;
    background-image: url(../images/buttons-sprite.png) !important;
    background-repeat: no-repeat;
    position: absolute !important;
    top: 12px !important;
    right: 4px !important;
    border: 0;
    background-position: -75px -1007px;
    width: 51px !important;
    height: 38px !important;
    cursor: pointer !important;
}

.fancybox-close:hover {
    background-position: 0px -1008px;
}

#popup-message {
    width: 480px;

}

#status-popup {
    top: 200px !important;
}

#filter-panel {
    height: 31px;
    width: auto !important;
    background: #ebebeb;
    padding: 5px 20px;
    border: solid 1px #d6d6d6;
    cursor: pointer;
}

.filter-panel-button {
    color:#e8111f;
    display: inline-block;
    border-bottom: dashed 1px #e8111f;
    margin-top: 6px;
    cursor: pointer;
}

.filter-panel-button:hover {
    border: none !important;
}

.filter-panel-arrow {
    display: block;
    width: 14px;
    height: 10px;
    background: url('../images/show.png');
    background-repeat: no-repeat;
    float: right;
    margin-top: 11px;
    cursor: pointer;
}

.filter-panel-arrow.close {
    background: url('../images/close.png');
}

#express-deliv-city-moscow {
    display: none;
}

/*
кнопка вверх*/
#Go_Top .arrow {
    background: url('../images/upkey.png');
    background-repeat: no-repeat;
    background-size: inherit;
    width: 67px;
    height: 46px;
    display: block;
    margin-bottom: 5px;
}

#Go_Top .arrow:hover {
    background-position: 0px -57px !important;
    background: url('../images/upkey.png');
    background-repeat: no-repeat;
    background-size: inherit;
    width: 67px;
    height: 46px;
    display: block;
    margin-bottom: 5px;
}

.simple-page img {
    width: inherit;
}

/* slidesjs */
.slider-resp {
  position: relative;
}
.slidesjs-navigation {
  position: absolute;
  width: 40px;
  height: 66px;
  top: calc(50% - 33px);
  z-index: 10;
  text-decoration: none;
  background-color: transparent;
  background-image: url(../images/buttons-sprite.png);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.slidesjs-navigation.slidesjs-previous {
  left: 0px;
  background-position: -51px -52px;
}
.slidesjs-navigation.slidesjs-next {
  right: 0px;
  background-position: -104px -52px;
}
.slidesjs-navigation.slidesjs-previous:hover {
    background-position: -214px -52px;
}
.slidesjs-navigation.slidesjs-next:hover {
    background-position: -161px -52px;
}
.a-check-status-popup.open{
    opacity: 0!important;
}
.check-status-form{
    top:164px!important;
}
#header nav ul{
    width: auto;
}
#content > section > section > form > fieldset > dl:nth-child(4) > dd > div{
    width: 266px !important;
}
#payment_type0.drop-options{
    width: 264px !important;
}
.secFilter{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.secFilter > h3{
    width: 100%;
    box-sizing: border-box;
}
#filterForm .filter-item-heading {
    color: #282828;
    font-weight: 700;
    margin: 30px 0 10px;
    position: relative;
}
#filterForm .filter-item-heading.filter-item-heading-hidden {
    display: none;
}
#filterForm .filter-item-heading.big-heading {
    /*font-size: 24px;*/
    margin: 0 0 10px;
}
#filterForm .filter-item-heading .mobile-enter-val {
    display: none;
}
#filterForm .filter-item-heading .mobile-enter-val .enter-val {
    position: relative;
    display: inline-block;
    margin: 2px 2px 2px 0;
    background: #ededed;
    font-size: 12px;
    padding: 2px 18px 2px 5px;
    border-radius: 2px;
    color:#999;
}
#filterForm .filter-item-heading .mobile-enter-val .enter-val span {
    display: block;
}
#filterForm .filter-item-heading .mobile-enter-val .enter-val .enter-val-close {
    font-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: -1px;
    font-weight: 700;
    color: #777;
    line-height: 18px;
    text-align: center;
}
.clear-group {
    display: none;
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 12px;
    font-weight: 400;
    color: #295ED6;
    cursor: pointer;
}
#filterForm select {
    border: solid 2px #020c53;
    background: none;
    padding: 10px 20px;
    color: #282828;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
}
.secFilter .filter-prices{
    width:100%;
}

#brand_id0{
    width: 20% !important;
    max-width: 230px !important;
}
.secFilter > a{
    order: 4;
}
.secFilter > .filter-prices{
    display: block;
    width: 100%;
}
.price-to{
    padding-left: 16px;
}
#zipCode1
{
width:240px;
}
.ero
{
border:solid 1px #ff0000!important;;
}
.olda
{
font-size: 24px!important;
line-height: 24px!important;
}
#kod
{
width: 75px;
}
#kopa
{
margin: 0!important;border-top: 2px solid #e5e5e5!important;
}

#slider-brand .item
{
padding: 27px 27px 26px!important;;

}
.bottom-line{
    clear:both;
    padding:24px 0 10px;
    color:#fff;
    text-align:center;
}

.basket .fl
{
padding-right: 20px;
}




.icon__help
{
width: 20px!important;left: -7px;
position: relative;
}

.icon__help img
{

width: 20px!important;
height: auto;
top: 3px;
position: relative;cursor:pointer;
}

.popup1{top: 20px;left: -14px;height:50px;width: 280px;max-width: 280px;position:absolute;display:none;box-sizing:border-box;border:1px solid transparent;z-index: 99999;}
.popup_padding_no .popup__content{padding:0}.popup.popup_to_left>.popup__tail{margin-left:0}.popup_type_modal{z-index:32950}.popup_type_modal:after{position:absolute;bottom:-24px;width:100%;height:24px;content:''}.popup__wrapper_overflow-y_scroll{overflow-y:scroll!important}.popup.popup_wide_yes{max-width:none}.popup_edges_rounded.popup_theme_ffffff::before{border-color:transparent;border-radius:5px}
.popup__content{border: solid 1px #a4daff;background: #d0ecff;position:relative;z-index:10;box-sizing:border-box;height:100%;margin:0;padding:4px 8px}
.popup__under{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0}
.popup__under_type_paranja{position:fixed;top:0;left:0;padding:0;opacity:.3;background:#282828;-webkit-tap-highlight-color:transparent}
.popup__under_type_paranja{z-index:32900}
.popup_theme_ffffff{border-color:rgba(0,0,0,.06)}.popup_theme_ffffff:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';border-radius:.1px;box-shadow:0 10px 20px -5px rgba(0,0,0,.4);background:#d0ecff}.popup_theme_ffffff .popup__tail:after{background:#d0ecff;}.popup_theme_ffffff .popup__tail{background:rgba(0,0,0,.1);background:linear-gradient(to top right,rgba(0,0,0,.1) 50%,transparent 50%)}
.popup_visibility_visible{display:block}
.popup_visibility_outside{top:-99999px;left:-99999px;display:block}
.popup__tail,.popup__tail:after{background: #d0ecff;position:absolute;width:10px;height:10px}.popup__tail{border:solid 1px #a4daff;z-index:99999;display:block;font:0/0 a}.popup__tail:after{bottom:1px;left:1px;content:''}.popup_to_left .popup__tail,.popup_to_top .popup__tail{-webkit-transform-origin:top left;transform-origin:top left}.popup_to_top .popup__tail{bottom:-18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.popup_to_left .popup__tail{right:-18px;margin-top:24.04px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.popup_to_bottom .popup__tail,.popup_to_right .popup__tail{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.popup_to_bottom .popup__tail{top:-18px;margin-left:-17px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.popup_to_right .popup__tail{left:-18px;margin-top:7.04px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.popup_to_left>.popup__tail,.popup_to_top>.popup__tail{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top left;transform-origin:top left;top:100%;left:auto;right:auto;bottom:auto}.popup_to_left>.popup__tail{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-top:24.04px;left:100%;top:auto}.popup_to_left .popup__tail:after,.popup_to_top .popup__tail:after{left:1px;bottom:1px}.popup_to_bottom>.popup__tail,.popup_to_right>.popup__tail{-webkit-transform-origin:100% 100%;transform-origin:100% 100%;left:auto;top:auto}.popup_to_bottom>.popup__tail{margin-left:6px;-webkit-transform:rotate(135deg);transform:rotate(135deg);bottom:100%;right:auto}.popup_to_right>.popup__tail{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:7.04px;right:100%;bottom:auto}
.error-message__message_type_popup{width:300px;padding:10px}.error-message__message_type_popup .error-message__close-button{display:none}.error-message__popup,.error-message__popup-content{padding:0}.error-message__popup .error-message__popup-close{top:10px;right:10px}.error-message__popup-tail{width:0;height:0;border:12px solid transparent;background:0 0!important;-webkit-transform:none!important;transform:none!important;margin:0 0 0 -1px!important;pointer-events:none}.error-message__popup-tail::after{display:none!important}.popup_to_top>.error-message__popup-tail{border-top:12px solid rgba(255,0,0,.53)}.popup_to_bottom>.error-message__popup-tail{border-bottom:12px solid rgba(255,0,0,.53)}.popup_to_left>.error-message__popup-tail{border-left:12px solid rgba(255,0,0,.53)}.popup_to_right>.error-message__popup-tail{border-right:12px solid rgba(255,0,0,.53)}
.popup__close{position:absolute;z-index:12;top:5px;right:5px;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:0/0 a;opacity:.2}.i-ua_svg_yes .popup__close{background:url(/islands/_/B_GHi1n15TIonEBlfjSOiyj2Km4.svg) no-repeat}
.popup__close:hover{opacity:1}
.popup.popup_has-close_yes>.popup__content{padding:4px 8px}.popup.popup_has-close_yes>.popup__close{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l12 12m0-12L1 13' stroke-width='2' stroke='%23000' fill='none'/%3E%3C/svg%3E") center center no-repeat;width:18px;height:18px;top:20px;right:20px;opacity:.2}.popup.popup_has-close_yes>.popup__close:hover{opacity:.5}.popup.popup_close-theme_hint>.popup__content{padding:0}.popup.popup_close-theme_hint>.popup__close{width:16px;height:16px;top:7px!important;right:7px}

.www
{
display:block!important;
}
.product-page .status
{
width:220px;
text-align:center;
}
.cat-list .status
{
width:190px;
text-align:center;
}

/* end */

.ti1
{
background:rgba(7, 91, 163, .9)!important
}
.ti2
{
background:rgba(1, 155, 4, .9)!important
}
.ti1
{
background:rgba(238, 179, 1, .9)!important
}
.ti2
{
background:rgba(158, 35, 237, .9)!important
}

.tip1
{
background:rgba(238, 179, 1, .9)!important
}
.tip2
{
background:rgba(158, 35, 237, .9)!important
}
.tip3
{
background:rgba(44, 144, 206, .9)!important;
top: 12px; bottom: 0px; z-index: 99999;
}
.tip4
{
background:rgba(4, 176, 178, .9)!important;
top: 42px; bottom: 0px; z-index: 99999;
}

 .status-action
{
background:rgba(226, 48, 0, .9)!important;margin-right: 5px;
}

 .status-hit
{
background:rgba(231, 99, 1, .9)!important;margin-right: 5px;
}

.free-deliv
{
background:rgba(17, 159, 25, .9)!important;
}
#ajax-loader
{
 position: fixed;
    width: 50px!important;
    height: auto!important;
    max-width: 50px!important;
    left: 50%;
    top: 50%;
}


.ymaps-2-1-73-map{
	width:100% !important;
}
.about-col-left{
	width:48%;
	padding-right:2%;
	float:left;
}
.about-col-right{
	width:48%;
	padding-left:2%;
	float:right;
}
.simple-page .about-col-left ul, .simple-page .about-col-right ul{margin-bottom: 0px;}
a[href="http://www.magictoolbox.com/magiczoomplus/"] {
  position: fixed!important;
  top: -9999px;
}
.product-slides-wrap {
    flex: 0 0 calc(50% - 115px);
    max-width: calc(50% - 115px);
    width: calc(50% - 115px);
    text-align: center;
    margin-right: 15px;
    background: #fff;
    padding: 30px 50px;
    border-radius: 5px;
    overflow: hidden;
}
/*.product-slides-wrap .product-main-swiper .swiper-button-next, .product-slides-wrap .product-main-swiper .swiper-button-prev {
    display: none;
}*/
.product-slides-wrap .swiper-container {
    overflow: unset;
}
.product-slides-wrap .product-main-swiper {
    overflow: hidden;
}
.product-slides-wrap .swiper-button-prev {
    right: auto;
    left: -55px;
    top: 50%;
    margin-top: -90px;
    height: 152px;
    background: #fff;
    border-radius: 4px;
    padding: 0px 15px 0 10px;
}
.product-slides-wrap .swiper-button-next {
    right: -55px;
    left: auto;
    top: 50%;
    margin-top: -90px;
    height: 152px;
    background: #fff;
    border-radius: 4px;
    padding: 0px 10px 0 15px;
}


.product-slides-cont {
  display: flex;
  flex-direction: column-reverse;
  width: fix-content;
}
.product-slides {
  display: inline-block;
}
.product-slides-main-photo {
  position: relative;
  text-align: center
}
.product-slides-selectors {
  margin: 35px 0px 20px 0px;
  text-align: left;
  display: flex;
}
.product-slides-selectors a {
  margin: 0px 10px;
}
a[data-zoom-id] img, .mz-thumb img {
  filter: none!important;
}
.mz-expand .mz-expand-bg {
  display:none !important;
}
.mz-expand {
  background-color: rgba(0,0,0,0.5) !important;
}
.mz-expand-thumbnails .magic-thumb-selected img {
  filter: none!important;
}
.product-slides .product-tags{
  z-index: 1;
  bottom: 10px;position: relative;text-align:left;min-height:30px;padding-bottom: 30px;
  padding-top: 15px;
  overflow: hidden;
}
.product-tags .overflow{
  width:105%;
}
.product-slides .product-tags .status
{
  float:left;
  width:auto;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin:0 4px 4px 0;
  padding: 5px 8px;
}
.product-slides .flags {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: right;
  z-index: 2;
  display: flex;
  flex-direction: column-reverse;
}
.product-slides .flags img {
  background: none;
  float: right;
  margin: 2px 0;
}
.product-slides-selectors a
{
display:block!important;
}
#tup {
	width: 300px;
    top: 50%;
    margin-top:-218px;
}
#min {
    line-height:28px;
}
.mobile-sh-text {
    display: none;
}
#min {
    height: auto;
}
#min.active {
    height: 112px;
    overflow: hidden;
}
.mobile-sh-text {
    display: none;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    cursor: pointer;
}
.mobile-sh-text.active {
    display: block;
}
#overlay000 {
 position:fixed;
    z-index: 12345;
    left: 0;
    top: 0;
    width: 100%;

    height: 100%;
    display: none;
    overflow: hidden;

min-width: auto;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA5NkQ4NkYwRTEwMTFFMkFFNTBFMjk0QUVGNzY3RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA5NkQ4NzAwRTEwMTFFMkFFNTBFMjk0QUVGNzY3RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMDk2RDg2RDBFMTAxMUUyQUU1MEUyOTRBRUY3NjdFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMDk2RDg2RTBFMTAxMUUyQUU1MEUyOTRBRUY3NjdFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoYyK3YAAAA4SURBVHja7M4xAQAwCAMwmMQqQjoednEkCtJJpo55dZCUlJSUlJSUlJSUlJSUlJSUlJSU1KcVYACmjgHAPcmFYwAAAABJRU5ErkJggg==) repeat;


}

.mz-lens {
  max-width: 100%;
}
.podthrough-category-list-sub
{
display:none;
}

.podthrough-category-list-sub li
{
padding-left:20px;
}
.podthrough-category-list-sub li a
{
line-height: 25px;
vertical-align: top;
}



.container99 {
   max-width: 100%;
    margin: 0 auto;
   
}
.container99 img
{
width:100%;
}
.container99 .left-col, /* левая колонка */
.container99 .right-col/* правая колонка */
{
    width: 50%;    /* ширина */
    min-width: 180px;  /* минимальная ширина сужения */
    height: auto;  /* высота */
    box-sizing: border-box;
    float: left; /* плавающие блоки */
}
.container99 .left-col{
    padding-right: 10px; /* отступ справа */
}
.container99 .right-col{
    padding-left: 10px; /* отступ слева */
}
.container99 h2
{

margin-top: 50px;text-transform: uppercase;font-size:18px!important;
}
.container99 p
{
font-size:12px;font-weight:400;color:#5e5e5e;
}

.mob
{
display:none;
}
.adv {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}
.adv .item-adv {
    flex: 0 0 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
}
.adv .item-adv img {
    flex: 0 0 140px;
}
.adv .item-adv div {
    padding: 0 40px 0 20px;
    flex: 0 0 calc(100% - 200px);
    font-weight: 600;
    text-transform: uppercase;
}
.contact-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 50px 0;
    border-bottom: 1px solid #ccc;
}
.contact-list-left {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0;
}
.contact-list.no-border {
    border-bottom: 0px solid #ccc;
}
.contact-list-left.border {
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
}
.contact-list img {
    flex: 0 0 50%;
    width: 100%;
}
.contact-list .clist {
    padding: 0 40px;
    flex: 0 0 calc(50% - 80px);
}
.contact-list-left .map {
    padding: 0;
    flex: 0 0 50%;
}
.contact-list-left .clist {
    padding: 0 40px 0 0;
    flex: 0 0 calc(50% - 25px);
}
.contact-list-left.border .clist {
    padding: 0 40px 0 0;
    flex: 0 0 calc(50% - 40px);
}
.contact-list .clist .list-box, .contact-list-left .clist .list-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.contact-list .clist .list-box .item-contact, .contact-list-left .clist .list-box .item-contact  {
    flex: 0 0 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 20px;
}
.contact-list .clist .list-box .item-contact img, .contact-list-left .clist .list-box .item-contact img {
    flex: 0 0 24px;
}
.contact-list .clist .list-box .item-contact .context, .contact-list-left .clist .list-box .item-contact .context  {
    padding: 0 20px;
    flex: 0 0 calc(100% - 64px);
}
.contact-list .clist .list-box .item-contact .context .strong, .contact-list-left .clist .list-box .item-contact .context .strong {
    font-weight: 600;
}
.req-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 50px 0;
}
.req-box .item-req {
    flex: 0 0 50%;
}
.req-box .item-req .information {
    border: 2px solid #288cda;
    padding: 40px;
    text-transform: uppercase;
}
.tabs-content #tab-characteristics h3 {
    margin: 0 124px 16px !important;
}
.list-characteristics-video {
    margin: 0 0px 0 74px;
}
.list-characteristics > li {
    min-height: 0px;
}
.list-characteristics-video > .list.even {
    width: calc(565px - 40px);
}
#city_selected {
    color: #0160a9;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
}
.city-list {
    margin: 30px 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    position: relative;
}
.city-list img {
    display: block;
    position: absolute;
    left:50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
}
.city-list p {
    display: block;
    position: absolute;
    left: 0;
    color: #ff0000;
    top: 0;
}   
.city-list li {
    list-style: none;
    color: #0160a9;
    cursor: pointer;
    font-size: 14px;
    padding-bottom: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 25px;
}
.city-list li.city-main {
    font-weight: bold;
}

.city-list li > span {
    color: #5e5e5e;
    font-size: 10px;
    display: block;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 10px;
    height: 10px;
}
.delelopment-info {
    margin: 30px; 
    color: #ff0000;
    font-size: 16px;
}
.city_services {
    margin: 0 30px; 
}
#city_services_selected {
    display: inline-block;
    color: #0160a9;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
}
.services-box {
    margin: 30px;
}
.services-box .services-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: initial;
    margin-left: -10px;
    margin-right: -10px;
}
.services-box .services-list .service-item {
    flex: 0 0 calc(50% - 62px);
    margin: 10px;
    border: 1px dashed #ccc;
    padding: 10px 20px;
}
.services-box .services-list .service-item:hover {
    background: #ededed;
}
.services-box .services-list .service-item .service-name {
    font-size: 18px;
    color: #0160a9;
    line-height: 20px;
}
.services-box .services-list .service-item div {
    margin: 5px 0;
}
.services-box .services-list .service-item div > span {
    font-weight: bold;
}


.users-box {
    width: 100%;
    margin: 20px auto;
}
.users-box .status-danger {
    color: #282828;
    text-transform: uppercase;
    font-weight: 700;
    margin: 40px 0 15px;
}
.users-box .status-danger > span {
    display: inline-block;
    width: calc(100% - 32px);
    margin-left: 10px;
    vertical-align: top;
}
.users-box .status-danger::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ff0000;
    vertical-align: top;
}
.users-box .btn-moderation {
    display: inline-block;
    border: 0;
    outline: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 53px;
    padding: 0 20px;
    color: #fff;
    background: #00bd3a;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: right;
    margin-top: -53px;
    position: relative;
    z-index: 1;
}
.users-box .btn-moderation:hover {
    opacity: 0.8;
}
.users-box .status-info {
    color: #282828;
    text-transform: uppercase;
    font-weight: 700;
    margin: 40px 0 15px;
}
.users-box .status-info > span {
    display: inline-block;
    width: calc(100% - 32px);
    margin-left: 10px;
    vertical-align: top;
}
.users-box .status-info::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #F5D030;
    vertical-align: top;
}
.users-box .status-success {
    color: #282828;
    text-transform: uppercase;
    font-weight: 700;
    margin: 40px 0 15px;
}
.users-box .status-success > span {
    display: inline-block;
    width: calc(100% - 32px);
    margin-left: 10px;
    vertical-align: top;
}
.users-box .status-success::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #4caf50;
    vertical-align: top;
}
.users-box form label {
    display: block;
    width: 100%;
    font-size:16px;
    font-weight: 500;
    padding: 20px 0 10px;
    color: #282828;
    text-align: left;
}
.users-box form input[type="text"], .users-box form input[type="password"], .users-box form input[type="email"], .users-box form textarea {
    border: solid 1px #FAFAFA;
    background: #FAFAFA;
    border-radius: 2px;
    padding: 15px 20px;
    color: #282828;
    font-size:16px;
    font-weight: 400;
    display: inline-block;
    width: calc(100% - 42px);
    font-family: 'Ubuntu', sans-serif;
}
.autocomplete-company span {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #295ed6;
    border-radius: 5px;
    color: #295ed6;
    margin-top: 15px;
    cursor: pointer;
}
.users-box form .input.text.left {
    
}
.company-result {
    background: #f6f7fb;
    border: 2px solid #295ed6;
    padding: 20px;
    text-align: left;
    cursor: pointer;
}
.company-result .t {
    color: #295ed6;
    font-weight: 700;
}
.users-box form select {
    border: solid 1px #FAFAFA;
    background: #FAFAFA;
    padding: 15px 20px;
    color: #282828;
    font-size:16px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    border-radius: 2px;
    font-family: 'Ubuntu', sans-serif;
}
.users-box form input[type="file"] {
    border: 0;
    background: #fafafa;
    border-radius: 2px;
    padding: 13px 20px;
    color: #282828;
    font-size:16px;
    font-weight: 400;
    display: block;
    width: calc(100% - 200px);
    font-family: 'Ubuntu', sans-serif;
}
.users-box form input:disabled {
    background: #fafafa; 
    color: #282828;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.users-box .search-box form input:disabled {
    background: #fafafa;
    color: #282828;
}
.users-box form .submit {
    margin: 40px 0 0 0;
}
.users-box form input[type="submit"] {
    display: inline-block;
    border: 0;
    outline: 0;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 40px;
    color: #fff;
    background: #295ED6;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.users-box form input[type="submit"]:hover {
    opacity: 0.8;
}
.users-box .upload-box {
    margin: 50px 0 0;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.users-box .files-box {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 50px 0;
}
.users-box .files-box .doc-item {
    flex: 0 0 calc(33.333333% - 14px);
    margin: 0 5px;
    padding: 0;
    background: #fff;
    border: 2px solid #EDEDED;
    position: relative;
    height: 180px;
}
.users-box .profile-ur-face {
    display: none;
}
.users-box .profile-ur-face.active {
    display: block;
}
.file-jpg {
    display: block;
    background: transparent url('../images/svg/file-blue.svg') 50% 50% no-repeat;
    width: 90px;
    height: 20px;
    padding: 50px 0;
    margin: 30px auto;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.file-pdf {
    display: block;
    background: transparent url('../images/svg/file-red.svg') 50% 50% no-repeat;
    width: 90px;
    height: 20px;
    padding: 50px 0;
    margin: 30px auto;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.file-pdf:hover, .file-jpg:hover {
    color: #fff;
}
.users-box .files-box .doc-item .trash {
    position: absolute;
    background: #EDEDED;
    border-radius: 50%;
    font-size: 31px;
    width: 31px;
    height: 31px;
    color: #295ED6;
    text-align: center;
    line-height: 28px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}
.users-box .files-box .doc-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0;
    cursor: pointer;
}
.users-box .upload-box .upload-info {
    flex: 0 0 calc(100% - 260px);
    max-width: calc(100% - 260px);
    width: calc(100% - 260px);
    padding-right: 60px;
}
.users-box .upload-files {
    flex: 0 0 196px;
    max-width: 196px;
    width: 196px;
    outline: 0;
    font-size:16px;
    line-height: 46px;
    font-weight: 400;
    text-align: center;
    color: #295ED6;
    border: 2px solid #295ED6;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.users-box .upload-files label {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 46px;
    padding: 0;
    color: #295ED6;
    text-align: center;
    cursor: pointer;
}
.users-box .upload-files label::before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 37px;
    background: transparent url(../images/svg/upload-blue.svg) 50% 50% no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}
.users-box .upload-files input[type="file"] {
    display: none;
}
/*.users-box .upload-files::before {
    content: '';
    display: inline-block;
    width: 37px;
    height: 37px;
    background: transparent url(../images/svg/upload-blue.svg) 50% 50% no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}*/
.users-box .upload-files:hover {
    opacity: 0.8;
}
.users-box form input[type="checkbox"]:checked, 
.users-box form input[type="checkbox"]:not(:checked), 
.users-box form input[type="radio"]:checked, 
.users-box form input[type="radio"]:not(:checked) 
{
    position: absolute;
    left: -9999px;
}
.users-box form input[type="checkbox"]:checked + label, 
.users-box form input[type="checkbox"]:not(:checked) + label, 
.users-box form input[type="radio"]:checked + label, 
.users-box form input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    width: calc(100% - 50px);
    margin-top: 15px;
    padding-top: 18px;
}
.users-box form input[type="checkbox"]:checked + label:before, 
.users-box form input[type="checkbox"]:not(:checked) + label:before,
.users-box form input[type="radio"]:checked + label:before, 
.users-box form input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 16px;
    width: 24px;
    height: 24px;
    border: 2px solid #ededed;
    background-color: #ffffff;
}
.users-box form input[type="checkbox"]:checked + label:before, 
.users-box form input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 0px;
}
.users-box form input[type="radio"]:checked + label:before, 
.users-box form input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}
.users-box form input[type="checkbox"]:checked + label:after, 
.users-box form input[type="checkbox"]:not(:checked) + label:after, 
.users-box form input[type="radio"]:checked + label:after, 
.users-box form input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.users-box form input[type="checkbox"]:checked + label:after, 
.users-box form input[type="checkbox"]:not(:checked) + label:after {
    left: 7px;
    top: 24px;
    width: 10px;
    height: 5px;
    border-radius: 1px;
    border-left: 4px solid #295ed6;
    border-bottom: 4px solid #295ed6;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.users-box form input[type="radio"]:checked + label:after, 
.users-box form input[type="radio"]:not(:checked) + label:after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #295ed6;
}
.users-box form input[type="checkbox"]:not(:checked) + label:after, 
.users-box form input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
.users-box form input[type="checkbox"]:checked + label:after, 
.users-box form input[type="radio"]:checked + label:after {
    opacity: 1;
}
.flexy-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 50px;
}
.flexy-box.bg-white {
    background: #fff;
    border-radius: 20px; 
}
.users-box h1 {
    margin: 0 0px 30px !important;
}
.users-box .message {
    color: #ff1b30;
    background: #ffd9d9;
    border: 0px solid #ff616f;
    margin: 20px;
    border-radius: 5px;
    padding: 10px;
}
.users-box .message.success {
    color: #007714;
    background: #d0ffd8;
    border: 0px solid #02af1f;
    margin: 20px;
}
.users-box .message.mrg-0 {
    margin: 20px 0;
}
.users-box .message ul {
    margin: 0;
    padding: 10px 20px 10px 40px;
    list-style: decimal;
}
.users-box p.rule {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    color: #282828;
    text-align: left;
}
.users-box .ul-list {
    list-style: decimal;
    margin: 20px 0px 40px 20px;
    padding: 0;
}
.users-box .ul-list li  {
    margin-bottom: 20px;
}
.user-nav {
    width: 100%;
    height: 100%;
    padding: 0 0 30px 0;
}
.user-nav .heading {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px;
    color: #4D77D6;
    background: #fff;
    margin-top: 30px;
    display: inline-block;
    line-height: 25px;
}
.user-nav .heading.list::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/svg/list-blue.svg') 50% 50% no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.user-nav .heading.settings::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/svg/settings-blue.svg') 50% 50% no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.user-nav .heading.wallet::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/svg/wallet-blue.svg') 50% 50% no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.user-nav .heading.arendodatel::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/svg/arendodatel-blue.svg') 50% 50% no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.user-nav .heading.arendodatel_short::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/svg/arendodatel-blue.svg') 50% 50% no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.user-nav .heading.integration::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/svg/integration.svg') 50% 50% no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.user-nav .heading.logout::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: transparent url('../images/svg/logout-blue.svg') 50% 50% no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.user-nav .heading:first-child {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0 20px 10px 20px;
}
.user-nav a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding: 10px 20px 10px 65px;
    width: calc(100% - 85px);
    border-radius: 2px;
    color: #999999;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.user-nav a:hover {
    background: #f6f7fb;
}
.user-nav a.active {
    background: #4D77D6;
    color: #fff;
}
.user-nav a > span {
    position: relative;
    display: inline-block;
    border-radius: 2px;
    background: #ffca3d;
    color: #000;
    margin-left: 10px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 12px;
}
.user-nav a > span:before {
    content: '';
    position: absolute;
    top: 3px;
    left: -10px;
    border: 5px solid transparent; border-right: 5px solid #ffca3d;
}
/*.user-nav a.active > span {
    background: #fff;
    color: #4D77D6;
}*/
/*
.user-nav a.active::after {
    content: '';
    position: absolute;
    right: -44px;
    top:0;
    border: 22px solid transparent; 
    border-left: 22px solid #ffca3d;
}*/
.user-page-title {
    color: #282828;
    margin: 20px 0;
    font-weight: bold;
    font-size: 36px;
    line-height: 41px;

/* Текст */

color: #282828;
}
.flexy-box > .item-block {
    flex: 0 0 calc(50% - 80px);
    padding: 40px;
}
.flexy-box > .item-block-small {
    flex: 0 0 370px;
    margin: 0;
    background: #fff;
    border-radius: 5px;
}
.flexy-box > .item-block-big {
    flex: 0 0 calc(80% - 420px);
    margin-left: 50px;
    background: #fff;
    padding: 0px 10% 30px 10%;
    border-radius: 5px;
}
.flexy-box > .item-block-big.full {
    flex: 0 0 calc(100% - 420px);
    margin-left: 50px;
    background: #fff;
    padding: 0 0 30px 0;
    border-radius: 5px;
}
.flexy-box img {
    width: 100%;
    margin-bottom: 30px;
}
.form-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.form-block .avatar-box {
    flex: 0 0 200px;
    max-width: 200px;
    width: 200px;
    margin-right: 20px;
}
.form-block .profile-data {
    flex: 0 0 calc(100% - 240px);
    max-width: calc(100% - 240px);
    width: calc(100% - 240px);
    margin-left: 20px;
}
.avatar-wrapper {
    position: relative;
    height: 200px;
    width: 200px;
    margin: 20px auto;
    border: 2px solid #295ED6;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    background-size: cover;
    transition: all .3s ease;
}
.avatar-wrapper .upload-button {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.avatar-wrapper .upload-button .up-btn-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 5px 15px;
    text-align: center;
    transition: all .3s ease;
    font-size: 20px;
    color: #295ED6;
    font-weight: 400;
    text-transform: none;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.avatar-wrapper .upload-button .up-btn-wrap span {
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: center;
}
.avatar-wrapper .upload-button .up-btn-wrap::before {
    content: '';
    flex: 0 0 100%;
    width: 37px;
    height: 37px;
    background: transparent url('../images/svg/upload-blue.svg') 50% 50% no-repeat;
}
.avatar-wrapper .upload-button .up-btn-wrap.active {
    opacity: 0;
}
.avatar-wrapper .avatar-upload {
    display: none;
}
.del-avatar {
    display: none;
    text-align: center;
    margin-bottom: 20px;
}
.change-pass {
    text-align: center;
}
.del-avatar > div {
    background: #f44336;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    padding: 5px 15px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.change-pass > div {
    background: #4caf50;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    padding: 5px 15px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.del-avatar.active {
    display: block;
}
.del-avatar > div:hover {
    opacity: 0.8;
}
.change-pass > div:hover {
    opacity: 0.8;
}
.item-block-big-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #f6f7fb;
    margin-left: 0;
    margin-right: 0;
    padding: 0px 5% 0px 5%;
}
.item-block-big-header .user-page-title {
    flex: 0 0 calc(100% - 340px);
    padding: 0 10px;
}
.item-block-big-header .right-actions-group {
    flex: 0 0 300px;
    padding: 0 10px;
    text-align: right;
}
.item-block-big-header .reload-data, .item-block-big-header .btn-new-icon, .item-block-big-header .cab-filter-panel {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 13px;
    margin-left: 10px;
    background: #EDEDED;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.users-box form {
    position: relative;
}
.users-box form #forgotPassword {
    display: inline-block;
    margin-top: -34px;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    right: 0;
}
.action-users-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 40px;
}
.action-users-box a {
    flex: 0 0 calc(50% - 40px);
    margin: 10px;
    background: #fafafa;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #282828;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.action-users-box a:hover {
    background: #FFFFFF;
    color: #282828;
    -webkit-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    -moz-box-shadow:    0px 4px 20px rgba(181, 181, 181, 0.25);
    box-shadow:         0px 4px 20px rgba(181, 181, 181, 0.25);
}
.info-center {
    width: 320px;
    position: fixed;
    top:0;
    left:50%;
    margin-left: -160px;
    z-index: 9999;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.info-center.show {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.info-center.success {
    background: #00d35f;
}
.info-center.warning {
    background: #ff0037;
}
.info-center .close {
    float: right;
    width: 32px;
    height: 100%;
    cursor: pointer;
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    padding: 10px 5px 0 0;
}
.info-center .info-center-content {
    float: left;
    padding: 15px 0 15px 15px;
    width: 260px;
    text-align: left;
}
.info-center .info-center-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.info-center .info-center-descr {
    color: #fff;
    font-size: 12px;
}
.info-center .info-center-descr ul {
    margin: 15px 0;
    padding: 0;
    list-style: decimal;
    padding-left: 15px;
}
.info-center .info-center-descr li {
    margin-bottom: 10px;
}
.loader-table {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.loader-table.hidden {
    display: none;
}
.loader-table:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #295ED6;
    border-color: #295ED6 transparent #295ED6 transparent;
    animation: loader-data 1.2s linear infinite;
}
.loader-data {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 50px;
    left:50%;
    margin-left: -40px;
}
.loader-data.hidden {
    display: none;
}
.loader-data:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #295ED6;
    border-color: #295ED6 transparent #295ED6 transparent;
    animation: loader-data 1.2s linear infinite;
}
@keyframes loader-data {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}  



.overlay-select {
    display: none;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.overlay-select.open {
    display: block;
    opacity: 1;
}
.select-loader {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 50%;
    left:50%;
    margin-top: -40px;
    margin-left: -40px;
}
.select-loader.hidden {
    display: none;
}
.select-loader:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: modal-loader 1.2s linear infinite;
}
@keyframes select-loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}  
.select-modal {
    display: block;
    opacity: 1;
    width: 800px;
    height: auto;
    max-height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.select-modal.hidden {
    display: none;
    opacity: 0;
}
.select-modal-wraper {
    display: block;
    position: absolute;
    opacity: 0.85;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow: hidden;
    z-index: 10;
}
.select-modal-wraper.hidden {
    display: none;
    opacity: 0;
}
.select-modal .select-modal-close {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    top: 15px;
    right: 40px;
    cursor: pointer;
    color: #fff;
    background: #4D77D6 url('../images/svg/close.svg') 50% 50% no-repeat;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 2px;
    z-index:10;
}
.select-modal .select-modal-content {
    display: block;
    width: 100%;
    height: 420px;
    margin: 80px auto 0 auto;
    overflow: hidden;
}
.select-modal .select-modal-content .select-modal-title {
    font-size: 32px;
    font-weight: 900;
    display: block;
    position: absolute;
    line-height: 28px;
    top: 16px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #282828;
}
.select-modal .select-modal-content .select-modal-layout {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 100%;
    padding: 0px 20px;
    overflow: hidden;
}



.overlay-cities {
    display: none;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.overlay-cities.open {
    display: block;
    opacity: 1;
}
.cities-loader {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 50%;
    left:50%;
    margin-top: -40px;
    margin-left: -40px;
}
.cities-loader.hidden {
    display: none;
}
.cities-loader:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: cities-loader 1.2s linear infinite;
}
@keyframes cities-loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}  
.cities-modal {
    display: block;
    opacity: 1;
    width: 800px;
    height: auto;
    max-height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cities-modal.hidden {
    display: none;
    opacity: 0;
}
.cities-modal-wraper {
    display: block;
    position: absolute;
    opacity: 0.85;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow: hidden;
    z-index: 10;
}
.cities-modal-wraper.hidden {
    display: none;
    opacity: 0;
}
.cities-modal .cities-modal-close {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    top: 15px;
    right: 40px;
    cursor: pointer;
    color: #fff;
    background: #4D77D6 url('../images/svg/close.svg') 50% 50% no-repeat;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 2px;
    z-index:10;
}
.cities-modal .cities-modal-content {
    display: block;
    width: 100%;
    height: 420px;
    margin: 80px auto 0 auto;
    overflow: hidden;
}
.cities-modal .cities-modal-content .cities-modal-title {
    font-size: 32px;
    font-weight: 900;
    display: block;
    position: absolute;
    line-height: 28px;
    top: 16px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #282828;
}
.cities-modal .cities-modal-content .cities-modal-layout {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    height: 100%;
    padding: 0px 20px;
    overflow: hidden;
}




















.overlay-modal {
    display: none;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
.overlay-modal::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255, 1.0);
	background-color: #fafafa;
}
.overlay-modal::-webkit-scrollbar {
	width: 0px;
	background-color: #fafafa;
}
.overlay-modal::-webkit-scrollbar-thumb { background-color: #c4c4c4;
}

.overlay-modal.open {
    display: block;
    opacity: 1;
}
.modal-loader {
    position: fixed;
    display: block;
    width: 80px;
    height: 80px;
    top: 50%;
    left:50%;
    margin-top: -40px;
    margin-left: -40px;
}
.modal-loader.black {
    z-index:15;
}
.modal-loader.hidden {
    display: none;
}
.modal-loader:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: modal-loader 1.2s linear infinite;
}
.modal-loader.black:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #282828;
    border-color: #282828 transparent #282828 transparent;
    animation: modal-loader 1.2s linear infinite;
}
@keyframes modal-loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}  
.modal {
    display: block;
    opacity: 1;
    width: 1200px;
    height: auto;
    position: relative;
    background: #fff;
    overflow: hidden;
    margin: 50px auto;
}
.modal.map-modal {
    /*width: calc(100% - 100px);*/
    width: calc(100% - 336px);
    height: calc(100% - 100px);
}
.modal.hidden {
    display: none;
    opacity: 0;
}
.modal-wraper {
    display: block;
    position: absolute;
    opacity: 0.85;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    overflow: hidden;
    z-index: 10;
}
.modal-wraper.hidden {
    display: none;
    opacity: 0;
}
.modal .close {
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    top: 15px;
    right: 40px;
    cursor: pointer;
    color: #fff;
    background: #4D77D6 url('../images/svg/close.svg') 50% 50% no-repeat;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 2px;
    z-index:10;
}
.modal .modal-content {
    display: block;
    width: 90%;
    height: calc(100% - 140px);
    margin: 100px auto 40px auto;
    overflow: hidden;
}
.modal .modal-content.max-width {
    width: 1000px;
}
.modal .modal-rating {
    display: inline-block;
    clear: both;
    margin: 20px 0;
}
.modal-text-center {
    text-align: center;
    clear: both;
    margin: 20px 0;
}
.modal-text-center.heading {
    font-size: 24px;
    font-weight: 900;
    color: #282828;
}
.modal-text-center.comment-item {
    background: #fafafa;
    padding: 20px;
    margin: 15px auto;
    text-align: left;
    width: 70%;
}
.modal .modal-content.full {
    display: block;
    width: calc(90% - 100px);
    height: calc(100% - 120px);
    margin: 80px auto;
    overflow: hidden;
}
.modal .modal-content.full-map {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px auto;
    overflow: hidden;
}
.modal .modal-content.full .modal-layout img {
    max-width: 100%;
}
.modal .modal-content .modal-title {
    font-size: 36px;
    font-weight: 700;
    display: block;
    line-height: 42px;
    text-align: center;
    width: 100%;
    color: #282828;
    margin-bottom: 20px;
}
.modal .modal-content.full-map .modal-title {
    font-size: 28px;
    line-height: 64px;
    top: 0;
    left: 330px;
    text-align: left;
    padding: 0 20px;
    width: calc(100% - 434px);
    z-index: 1;
    background: rgba(255,255,255,0.7);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.modal .modal-content .modal-layout {
    display: block;
    position: relative;
    width: 550px;
    height: calc(100% - 60px);
    margin: 0 auto;
    padding: 0px 0px 20px 0;
    overflow: hidden;
    overflow-y: auto;
}
.modal .modal-content.full .modal-layout {
    width: 100%;
}
.modal .modal-content.full-map .modal-layout {
    width: 100%;
    height: 100%;
    padding: 0;
}
.modal .modal-content .modal-layout #ajaxLogin {
    position: relative;
}
.modal .modal-content .modal-layout #forgotPassword {
    display: inline-block;
    margin-top: -34px;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: 0;
}
.modal .modal-content .modal-layout p {
    text-align: center;
    font-size: 14px;
    display: block;
    margin-top: 20px;
}
.modal .modal-content .modal-layout p.bold {
    font-weight: 700;
    font-size: 24px;
}
.modal .modal-content .modal-layout p.nopad {
    margin: 0;
}
.modal .modal-content .modal-layout p a {
    display: inline-block;
    margin-left: 10px;
}
.modal .modal-content .modal-layout::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255, 1.0);
	background-color: #fafafa;
}

.modal .modal-content .modal-layout::-webkit-scrollbar {
	width: 2px;
	background-color: #fafafa;
}
.modal .modal-content .modal-layout::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
}
#ajaxAddRatingUser, #ajaxAddRatingShop {
    margin-top: 30px;
}
.modal form .input {
    margin-bottom: 15px;
}
.modal form .input.checkbox {
    margin-bottom: 0px;
}
.modal form .product-item .input {
    margin-bottom: 0px;
}
.modal form label {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    color: #282828;
    text-align: left;
}
.modal form input[type="text"], .modal form input[type="password"], .modal form input[type="email"] {
    background: #FAFAFA;
    border-radius: 2px;
    border: 0;
    padding: 15px 20px;
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    display: block;
    width: calc(100% - 40px);
    font-family: 'Ubuntu', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal form textarea {
    background: #FAFAFA;
    border-radius: 2px;
    border: 0;
    padding: 15px 20px;
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    display: block;
    width: calc(100% - 40px);
    font-family: 'Ubuntu', sans-serif;
}
.modal form select {
    background: #FAFAFA;
    border: 0;
    border-radius: 2px;
    padding: 10px 20px;
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    display: block;
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal form select#Hour, .modal form select#Minute {
    width: 60px;
    padding: 10px 15px;
    font-size:16px;
    border-radius: 2px;
}
.modal form select.term {
    width: 80px;
    height: 24px;
    line-height: 22px;
    display: inline-block;
    padding: 0;
    padding: 0 10px;
    border: 0;
    vertical-align: top;
    text-align: center;
    color: #282828;
    font-size: 14px;
    font-weight: 600;
}
.modal form .submit {
    margin: 20px 0;
}
.modal form input[type="submit"] {
    display: inline-block;
    border:0;
    outline: 0;
    font-family: 'Ubuntu', sans-serif;
    font-size:20px;
    font-weight: 700;
    padding: 15px 60px;
    color: #fff;
    background: #295ED6;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.modal form input[type="submit"].disabled {
    background: #607d8b;
}
.modal form input[type="submit"].login {
    padding: 15px 105px;
}
.confirm-action {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #282828;
    background: #ededed;
    padding: 0 30px 20px;
    margin: 0px auto;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    width: 700px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 11;
}
.confirm-action.hidden {
    display: none;
}
.modal .confirm-action form .submit {
    display: inline-block;
    margin: 10px 0;
}
.cancel-confirm, .btn-back {
    display: inline-block;
    border: 0;
    outline: 0;
    margin-left: 10px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 60px;
    line-height: 24px;
    color: #666;
    background: #c4c4c4;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cancel-confirm:hover, .btn-back:hover {
    opacity: 0.8;
}
.modal form input[type="submit"]:hover {
    background: #0D40B1;
}
.modal form input[type="submit"].disabled:hover {
    background: #607d8b;
}
.modal form input[type="checkbox"]:checked, 
.modal form input[type="checkbox"]:not(:checked), 
.modal form input[type="radio"]:checked, 
.modal form input[type="radio"]:not(:checked) 
{
    position: absolute;
    left: -9999px;
}
.modal form input[type="checkbox"]:checked + label, 
.modal form input[type="checkbox"]:not(:checked) + label, 
.modal form input[type="radio"]:checked + label, 
.modal form input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    line-height: 25px;
    padding-top: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
}
.modal form .product-item .checkbox input[type="checkbox"]:checked + label, 
.modal form .product-item .checkbox input[type="checkbox"]:not(:checked) + label, 
.modal form .product-item .checkbox input[type="radio"]:checked + label, 
.modal form .product-item .checkbox input[type="radio"]:not(:checked) + label {
    padding: 0 0 0 32px;
}
.modal form input[type="checkbox"]#UserContractCheck:checked + label, 
.modal form input[type="checkbox"]#UserContractCheck:not(:checked) + label {
    font-size: 12px;
    font-weight: 400;
}
.modal form input[type="checkbox"]:not(:checked) + label:before,
.modal form input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #EDEDED;
    background-color: #ffffff;
}
.modal form .product-item .checkbox input[type="checkbox"]:not(:checked) + label:before,
.modal form .product-item .checkbox input[type="radio"]:not(:checked) + label:before {
    top: 2px;
}
.modal form input[type="checkbox"]:checked + label:before, 
.modal form input[type="radio"]:checked + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #EDEDED;
    background-color: #295ed6;
}
.modal form .product-item .checkbox input[type="checkbox"]:checked + label:before, 
.modal form .product-item .checkbox input[type="radio"]:checked + label:before {
    top: 2px;
}
.modal form input[type="checkbox"]:checked + label:before, 
.modal form input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 2px;
}
.modal form input[type="radio"]:checked + label:before, 
.modal form input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}
.modal form input[type="checkbox"]:checked + label:after, 
.modal form input[type="checkbox"]:not(:checked) + label:after, 
.modal form input[type="radio"]:checked + label:after, 
.modal form input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.modal form input[type="checkbox"]:checked + label:after, 
.modal form input[type="checkbox"]:not(:checked) + label:after {
    left: 5px;
    top: 16px;
    width: 10px;
    height: 4px;
    border-radius: 1px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modal form .product-item .checkbox input[type="checkbox"]:checked + label:after, 
.modal form .product-item .checkbox input[type="checkbox"]:not(:checked) + label:after {
    top: 9px;
}
.modal form input[type="radio"]:checked + label:after, 
.modal form input[type="radio"]:not(:checked) + label:after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #295ED6;
}
.modal form input[type="checkbox"]:not(:checked) + label:after, 
.modal form input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
.modal form input[type="checkbox"]:checked + label:after, 
.modal form input[type="radio"]:checked + label:after {
    opacity: 1;
}
.modal .commit {
    margin: 10px 0 10px 0;
    font-size: 12px;
    line-height: 14px;
}
.modal .attention {
    color: #ff0000;
    font-size: 12px;
    font-weight: 700;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}
.requared-label {
    color: #ff0000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 7px;
    display: inline-block;
    vertical-align: middle;
}
.modal form .data-order {
    width: 50%;
    margin: 30px auto;
}
.modal form .products-list-correct {
    margin: 30px auto;
}

.modal form .checklist input[type="checkbox"]:checked + label, .modal form .checklist input[type="checkbox"]:not(:checked) + label {
    padding-top: 3px;
}
.modal form .checklist input[type="checkbox"]:checked + label:before, .modal form .checklist input[type="checkbox"]:not(:checked) + label:before {
    top: 5px;
}
.modal form .checklist input[type="checkbox"]:checked + label:after, .modal form .checklist input[type="checkbox"]:not(:checked) + label:after {
    top: 12px;
}
.modal form .checklist input[type="radio"]:checked + label, .modal form .checklist input[type="radio"]:not(:checked) + label {
    padding-top: 0px;
    padding-left: 25px;
    width: calc(100% - 25px);
}
.modal form .checklist input[type="radio"]:checked + label:before, .modal form .checklist input[type="radio"]:not(:checked) + label:before {
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid #295ED6;
    background: transparent;
}
.modal form .checklist input[type="radio"]:not(:checked) + label:before {
    border: 1px solid #EDEDED;
}
.modal form .checklist input[type="radio"]:checked + label:after, .modal form .checklist input[type="radio"]:not(:checked) + label:after {
    top: 7px;
    left: 5px;
    width: 12px;
    height: 12px;
}
.modal form .checklist .input {
    margin-bottom: 0px;
}

/*.modal form input[type="checkbox"]:checked + label:before, .modal form input[type="radio"]:checked + label:before {
    background: #295ed6;
}*/

.btn-new {
    background: #009a21;
    display: inline-block;
    padding: 7px 15px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
    float: right;
    cursor: pointer;
    margin-top: -50px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn-new:hover {
    opacity: 0.8
}
.input.dropdown-field-click, .input.dropdown-field-key {
    position: relative;
}
/*
.main-search-form form .input.dropdown-field-click, .main-search-form form .input.dropdown-field-key {
    position: relative;
    width: calc(50% - 2px);
    display: inline-block;
}
*/
.main-search-form form .flex-100 {
    position: relative;
    flex: 0 0 225px;
    margin: 0 10px 0 15px;
}
.main-search-form form .flex-350 {
    position: relative;
    flex: 0 0 319px;
    margin: 0 15px;
    border-right: 1px solid #c4c4c4;
}
.main-search-form form .flex-300 {
    position: relative;
    flex: 0 0 270px;
    margin: 0 15px;
}
.btn-select-delete {
    display:none;
    position: absolute;
    top: 65px;
    right: 10px;
    background: transparent url(../images/svg/close_mini_red.svg) 0 0 no-repeat;
    cursor: pointer;
    width: 21px;
    height: 21px;
}
#filterPage .dropdown-field-click .btn-select-delete {
    top: 50px;
    right: 10px;
}
.btn-select-delete.selected {
    display:block;
}
.btn-plus {
    display: block;
    float: right;
    width: 14px;
    height: 14px;
    cursor: pointer;
    text-align: center;
    margin-top: -30px;
}
.btn-minus {
    display: inline-block;
    float: right;
    background: #fff;
    font-size: 20px;
    font-weight: 400;
    color: #ff0000;
    cursor: pointer;
    margin-top: -33px;
    border: 1px solid #ff0000;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    line-height: 11px;
}
.btn-plus-foot {
    display: inline-block;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    color: #10378E;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn-plus-foot:hover {
    color: #3f51b5;
}
.field-input-add {
    margin-top: 20px;
    position: relative;
}
.btn-input-delete {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 21px;
    height: 21px;
    cursor: pointer;
}
.dropdown {
    display: none;
    background: #fff;
    width: 100%;
    position: absolute;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 10px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 10px 10px 0px rgba(0, 0, 0, 0.25);
    z-index: 10;
}
.dropdown::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255, 1.0);
	background-color: #f2f2f2;
}

.dropdown::-webkit-scrollbar {
	width: 4px;
	background-color: #f2f2f2;
}
.dropdown::-webkit-scrollbar-thumb {
	background-color: #ccc;
}
.dropdown.active {
    display: block;
}
.dropdown .item-option, .dropdown .geo-item-option, .dropdown .fm-item-option {
    text-align: left;
    padding: 0 24px;
    cursor: pointer;
}
.dropdown .item-header {
    text-align: left;
    padding: 0 24px;
}
.dropdown .item-header span {
    border-bottom: 1px solid #f2f2f2;
    display: block;
    padding: 10px 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropdown .item-option:hover, .dropdown .geo-item-option:hover, .dropdown .fm-item-option:hover {
    background: #f2f2f2;
}
.dropdown .item-option span, .dropdown .geo-item-option span, .dropdown .fm-item-option span {
    border-bottom: 1px solid #f2f2f2;
    display: block;
    padding: 10px 0;
    font-size: 14px;
    white-space: wrap;
}
/*.dropdown .item-option span::before {
    content: '\2014\00A0';
    display: inline-block;
}*/
.dropdown .item-option:first-child span {
    /*border-top: 0;*/
}
.dropdown .item-option.filtered, .dropdown .fm-item-option.filtered {
    display:none;
}
.jobtime {
    clear:both;
    height: 50px;
    margin: 10px 0;
}
.jobtime > div, .jobtime select {
    display: inline-block;
    float: left;
    margin-left: 5px;
}
.jobtime > div, .jobtime select#Minute {
    display: inline-block;
    float: left;
    margin-left: 0px;
}
.jobtime > div.week-day {
    margin-left: 0;
    width: 110px;
    text-align: left;
    font-size: 16px;
    line-height: 38px;
}
.jobtime > div.time-separator {
    margin-left: 0;
    width: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
}
.jobtime > div.time-separator-tire {
    margin-left: 5px;
    width: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
}
.price-item {
    clear:both;
    height: 65px;
    margin: 10px 0;
}
.price-item > div {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.price-item input {
    display: inline-block !important;
    width: calc(100% - 340px) !important;
    float: left;
    margin-right: 20px;
}
.price-item input.delivery-price {
    width: calc(100% - 410px) !important;
}
.price-item > div.week-day {
    margin-left: 0;
    width: 130px;
    text-align: left;
    font-size: 16px;
    line-height: 49px;
}
.price-item > div.delivery-type {
    margin-left: 0;
    width: 200px;
    text-align: left;
    font-size: 16px;
    line-height: 49px;
}
.price-item > div.price-separator {
    margin-left: 0;
    width: 100px;
    text-align: center;
    font-size: 16px;
    line-height: 49px;
}
#deliveryFast, #deliveryStd {
    display: none;
}
#deliveryFast.show, #deliveryStd.show {
    display: block;
}
.modal form .jobtime input[type="checkbox"]:checked + label:before, .modal form .jobtime input[type="checkbox"]:not(:checked) + label:before, .modal form .jobtime input[type="radio"]:checked + label:before, .modal form .jobtime input[type="radio"]:not(:checked) + label:before {
    left: 20px;
    top: 12px;
    width: 16px;
    height: 16px;
}
.modal form .jobtime input[type="checkbox"]:checked + label:before, .modal form .jobtime input[type="radio"]:checked + label:before {
    background: #295ed6;
}
.modal form .jobtime input[type="checkbox"]:checked + label:after, .modal form .jobtime input[type="checkbox"]:not(:checked) + label:after {
    left: 23px;
    top: 16px;
}
.modal form .jobtime label {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 49px;
    font-weight: 600;
    color: #282828;
    text-align: left;
}
.modal form .jobtime input[type="checkbox"]:checked + label, .modal form .jobtime input[type="checkbox"]:not(:checked) + label, .modal form .jobtime input[type="radio"]:checked + label, .modal form .jobtime input[type="radio"]:not(:checked) + label {
    padding-left: 45px;
    line-height: 40px;
    padding-top: 0;
}
.data-box {
    margin: 0;
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
}
.data-box .item-data {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #ededed;
    padding: 10px 5%;
    color:#282828;
    font-weight: 700;
    font-size: 14px;
}
.data-box.opacity .item-data {
    opacity: 0.2;
}
.data-box .item-data:hover {
    background: #ededed;
}
.data-box .item-data .data-num {
    flex: 0 0 calc(100% - 710px);
    padding: 0 10px;
}
.data-box .item-data .data-num-deal {
    flex: 0 0 calc(100% - 775px);
    padding: 0 10px;
}
.data-box .item-data .data-wallet {
    flex: 0 0 calc(100% - 500px);
    padding: 0 10px;
}
.data-box .item-data .data-shop-title {
    flex: 0 0 calc(100% - 500px);
    padding: 0 10px;
}
.data-box .item-data .data-shop-city {
    flex: 0 0 250px;
    padding: 0 10px;
}
.data-box .item-data .data-card-title {
    flex: 0 0 calc(100% - 500px);
    padding: 0 10px;
}
.data-box .item-data .data-card-status {
    flex: 0 0 250px;
    padding: 0 10px;
}
.data-box .item-data .data-status {
    flex: 0 0 140px;
    padding: 0 10px;
    text-align: center;
}
.data-box .item-data .data-status .openorder {
    display: block;
    background: #F5D030;
    border-radius: 2px;
    color: #282828;
    font-size: 10px;
    font-weight: 400;
}
.data-box .item-data .data-status .rentorder {
    display: block;
    background: #1D4296;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
}
.data-box .item-data .data-status .cancelorder {
    display: block;
    background: #c4c4c4;
    border-radius: 2px;
    color: #282828;
    font-size: 10px;
    font-weight: 400;
}
.data-box .item-data .data-status .closeorder {
    display: block;
    background: #092563;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
}
.data-box .item-data .data-status .correctorder {
    display: block;
    background: #476BBB;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
}
.data-box .item-data .data-status .partcloseorder {
    display: block;
    background: #D62929;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
}
.data-box .item-data .data-status .partclosedeal {
    display: block;
    background: #566890;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
}
.data-box .item-data .data-status .nulorder {
    background: #ffca3d;
    border-radius: 3px;
    padding: 5px 10px;
    color: #282828;
}
.data-box .item-data > div > span {
    font-size: 10px;
    color: #282828;
    font-weight: 400;
    line-height: 24px;
}
.data-box .item-data .data-price {
    flex: 0 0 140px;
    padding: 0 10px;
    text-align: right;
}
.data-box .item-data .data-deposit {
    flex: 0 0 140px;
    padding: 0 10px;
    text-align: right;
}
.data-box .item-data .data-delivery {
    flex: 0 0 100px;
    padding: 0 10px;
    text-align: right;
}
.data-box .item-data .data-option {
    flex: 0 0 190px;
    padding: 0 10px;
    text-align: right;
    font-size: 0;
}
.data-box .item-data .data-option-deal {
    flex: 0 0 135px;
    padding: 0 10px;
    text-align: right;
    font-size: 0;
}
.data-box.opacity .pagination-box {
    opacity: 0.2;
}
.data-box .item-data .money-minus {
    display: block;
    font-size: 14px;
    color: #282828;
    font-weight: 700;
    line-height: 24px;
}
.data-box .item-data .money-plus {
    display: block;
    font-size: 14px;
    color: #282828;
    font-weight: 700;
    line-height: 24px;
}
.data-box .item-data .money-rest {
    display: block;
    font-size: 14px;
    color: #282828;
    font-weight: 700;
    line-height: 24px;
}
.data-box .item-data .type-info {
    display: block;
    line-height: 24px;
}
.data-box .item-data span.operation-order-link {
    display: block;
    color: #282828;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
}


.wallet-box {
    margin: 30px 0;
}
.wallet-box .item-wallet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    color:#282828;
    font-weight: 600;
}
.wallet-box .item-wallet:hover {
    background: #f2f2f2;
}
.wallet-box .item-wallet .wallet-num {
    flex: 0 0 calc(100% - 435px);
    padding: 0 10px;
}
.wallet-box .item-wallet .wallet-type {
    flex: 0 0 115px;
    padding: 0 10px;
    text-align: center;
}
.wallet-box .item-wallet .wallet-type .openorder {
    font-size: 12px;
    background: #009a21;
    border-radius: 2px;
    padding: 2px 5px;
    color: #fff;
}
.wallet-box .item-wallet .wallet-num span.operationtime {
    font-size: 10px;
    color: #777;
    font-weight: 400;
}
.wallet-box .item-wallet .wallet-num span.operation-order-link {
    color: #0077ff;
    font-weight: 400;
    cursor: pointer;
}
.wallet-box .item-wallet .wallet-price {
    flex: 0 0 120px;
    padding: 0 10px;
    text-align: right;
}
.wallet-box .item-wallet .wallet-rest {
    flex: 0 0 120px;
    padding: 0 10px;
    text-align: right;
}
.wallet-box .item-wallet .wallet-type .blocked {
    font-size: 12px;
    background: #ffca3d;
    border-radius: 2px;
    padding: 2px 5px;
    color: #282828;
}
.wallet-box .item-wallet .wallet-type .replenishment {
    font-size: 12px;
    background: #009a21;
    border-radius: 2px;
    padding: 2px 5px;
    color: #fff;
}
.wallet-box .item-wallet .wallet-type .writingoff {
    font-size: 12px;
    background: #ff0000;
    border-radius: 2px;
    padding: 2px 5px;
    color: #fff;
}
.wallet-box .item-wallet .wallet-type .return {
    font-size: 12px;
    background: #00aeca;
    border-radius: 2px;
    padding: 2px 5px;
    color: #fff;
}
.wallet-box .item-wallet .wallet-type .type-info, .wallet-box .item-wallet .wallet-price .header, .wallet-box .item-wallet .wallet-rest .header{
    font-size: 10px;
    color: #777;
    font-weight: 400;
}
.wallet-box .item-wallet .wallet-price .money-minus {
    font-size: 12px;
    color: #ff0000;
    font-weight: 600;
}
.wallet-box .item-wallet .wallet-price .money-plus {
    font-size: 12px;
    color: #009a21;
    font-weight: 600;
}
.wallet-box .item-wallet .wallet-rest .money-rest {
    font-size: 12px;
    font-weight: 600;
}
div#rentView {
    color:#10378E;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    cursor: pointer;
}
.info-rents-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.info-rent-item {
    flex: 0 0 calc(50% - 80px);
    max-width: calc(50% - 80px);
    width: calc(50% - 80px);
    background: #FAFAFA;
    border-radius: 2px;
    padding: 20px;
    margin: 20px;
}
.info-rent-item .deposit {
    color: #028e1a;
    font-size: 18px;
    font-weight: 600;
}
.deposit-mini {
    display: block;
    color: #028e1a;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
}
.map-rens-box .comment {
    font-size: 12px;
    text-align: left;
    /*background: #ededed;*/
    padding: 5px 0px;
    margin-top: 10px;
}
.in-stock {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #282828;
    text-align: left;
}
.info-rent-item .shop-title {
    font-size: 18px;
    color:#282828;
    font-weight: 600;
    text-align: left;
}
.price-rang-box {
    margin: 15px 0;
}
.price-rang-item {
    border-bottom: 1px solid #EDEDED;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.price-rang-item .day {
    flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    color:#999;
    text-align: left;
}
.price-rang-item .price-days {
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
    width: calc(100% - 80px);
    text-align: right;
}
.price-rang-item .cost {
    display: inline;
    color: #282828;
    font-weight: 700;
    font-size: 12px;
}
.price-rang-item .current {
    display: inline;
    color:#282828;
    font-weight: 400;
    font-size: 12px;
}

.info-rent-item .price-rang-item {
    padding: 5px 0;
}
.info-rent-item .price-rang-item .day {
    flex: 0 0 100px;
    max-width: 100px;
    width: 100px;
    font-weight: 400;
    font-size: 14px;
    color: #282828;
}
.info-rent-item .price-rang-item .day.bold {
    font-weight: 700;
}
.info-rent-item .price-rang-item .price-days {
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    width: calc(100% - 100px);
}
.info-rent-item .price-rang-item .cost {
    font-size: 14px;
}
.info-rent-item .price-rang-item .current {
    font-size: 14px;
    margin-left: 5px;
}




.info-rents-prod {
    font-size: 18px;
    font-weight: 400;
    color: #282828;
    margin-bottom: 20px;
}
.accounts-box {
    margin: 30px 0;
}
.accounts-box .item-account {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    color:#282828;
    font-weight: 600;
}
.accounts-box .item-account.delete {
    background: #f7f7f7;
    color: #ccc;
}
.accounts-box .item-account:hover {
    background: #f2f2f2;
}
.accounts-box .item-account.delete:hover {
    background: #f7f7f7;
    color: #ccc;
}
.accounts-box .item-account .account-email {
    flex: 0 0 calc(50% - 10px);
    padding: 0 10px;
}
.accounts-box .item-account .account-phone {
    flex: 0 0 calc(50% - 230px);
    padding: 0 10px;
}
.accounts-box .item-account .account-option {
    flex: 0 0 180px;
    padding: 0 10px;
    text-align: right;
}
.search-report {
    margin-left: 0;
    margin-right: 0;
    padding: 0px 5% 30px 5%;
    background: #fff;
}
.search-report form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 5px;
}
.search-report form > div {
    flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 0 5px;
    text-align: center;
}
.search-report form input[type="date"] {
    width: calc(50% - 44px);
    min-height: 20px;
    border: solid 1px #FAFAFA;
    background: #FAFAFA;
    padding: 14px 20px 14px;
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    border-radius: 2px;
    font-family: 'Ubuntu', sans-serif;
    position: relative;
}
.search-report form input[type='date']:after {
    font-family: 'Ubuntu', sans-serif;
    color: #aaa;
    content: attr(placeholder);
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 16px;
    letter-spacing: 0.7px;
    background: #fafafa;
}
.search-report form input[type='date']:focus:after {
    content: '' !important;
}
.search-report form input.date-custom-field.selected:after {
    content: '' !important;
}
.report-result {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 30px 5%;
    background: #fafafa;
}
.report-result > div {
    flex: 0 0 calc(33.333333% - 80px);
    max-width: calc(33.333333% - 80px);
    width: calc(33.333333% - 80px);
    margin: 0 10px;
    padding: 30px;
    background: #fff;
    border-radius: 4px;
}
.heading-report {
    font-size: 18px;
    font-weight: 700;
    color: #4D77D6;
    line-height: 25px;
    margin-bottom: 20px;
}
.value-report {
    font-size: 28px;
    font-weight: 700;
    text-align: left;
}
.value-report > span {
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    margin-left: 5px;
}

.search-box form label {
    padding: 10px 0 10px;
}
.search-box #searchAccount div.input {
    display: inline-block;
    width: calc(80% - 10px);
    margin: 0 10px 0 0;
}
.users-box .search-box form {
    display: table;
    width: calc(100% - 20px);
    padding: 0 10px;
    font-size: 0;
}
.search-box #searchOrder div.input {
    display: inline-block;
    vertical-align: top;
    width: calc(35% - 15px);
    margin: 0 15px 0 0;
}
.users-box .search-box form input, .users-box .search-box form select {
    padding: 10px 20px;
}
.search-box #searchOrder div.input.rang-price {
    width: calc(30% - 0px);
    vertical-align: top;
    margin: 0;
}
.search-box #searchOrder div.input.status-order {
    width: calc(15% - 15px);
    vertical-align: top;
    margin: 0 15px 0 0;
}
.search-box #searchOrder div.input.rang-price input {
    width: calc(100% - 57px);
    margin: 0 15px 0 0;
}
.search-box form div.submit {
    display: inline-block;
    vertical-align: top;
    width: calc(20% - 0px);
    margin: 42px 0 0 0px;
}
.search-box form div.submit.no-m {
    width: calc(20% - 0px);
    margin: 42px 0 0 0px;
}
.users-box .search-box form div.submit input {
    display: block;
    width: 100%;
    background: #295ED6;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding: 10px 40px;
    text-align: center;
}
.search-box #searchDeal div.input {
    display: inline-block;
    vertical-align: top;
    width: calc(35% - 15px);
    margin: 0 15px 0 0;
}
.search-box #searchDeal div.input.rang-price {
    width: calc(30% - 0px);
    vertical-align: top;
    margin: 0;
}
.search-box #searchDeal div.input.status-order {
    width: calc(15% - 15px);
    vertical-align: top;
    margin: 0 15px 0 0;
}
.search-box #searchDeal div.input.rang-price input {
    width: calc(50% - 57px);
    margin: 0 15px 0 0;
}
.search-box div.input.w-50 {
    width: calc(40% - 15px);
    margin: 0 15px 0 0;
}
.search-box div.input.w-50r {
    width: calc(50% - 4px);
    margin: 0 0 0 2px;
}
.search-box div.input.w-40 {
    width: calc(40% - 15px);
    margin: 0 15px 0 0;
}
.search-box div.input.w-20 {
    width: calc(20% - 15px);
    margin: 0 15px 0 0;
}
.search-box div.input.w-100 {
    width: 100%;
    margin: 0;
}
.order-title-time {
    font-size: 18px;
    font-weight: 400;
}
.order-title-time-bold {
    font-size: 18px;
    font-weight: 700;
}
.box-order-modal {
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 25px;
}
.box-order-modal > img {
    margin: 0 auto;

}
.box-order-item-50 {
    flex: 0 0 calc(50% - 60px);
    width: calc(50% - 60px);
    max-width: calc(50% - 60px);
    background: #FAFAFA;
    border-radius: 2px;
    padding: 30px 20px 50px;
    margin: 10px;
}
.box-order-item-100 {
    flex: 0 0 calc(100% - 60px);
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
    background: #FAFAFA;
    border-radius: 2px;
    padding: 30px 20px 50px;
    margin: 10px;
}
.box-order-modal .box-order-heading {
    padding: 0 0 20px;
    color: #282828;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}
.box-order-modal .box-order-heading.border {
    border-bottom: 1px solid #ededed;
}
.box-order-modal .item-param {
    border-bottom: 1px solid #ededed;
    text-align: left;
}
.box-order-modal .item-param .item-strong-title {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    text-align: left;
    padding: 10px 0px;
    font-size: 14px;
    font-weight: 700;
    color: #282828;
}
.box-order-modal .item-param .item-value {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 130px);
    text-align: right;
    padding: 10px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #282828;
}
.box-order-modal .item-param .item-value.half {
    width: 300px;
}

.box-order-modal .box-order-item-100 .item-param .item-strong-title {
    width: 200px;
}
.box-order-modal .box-order-item-100 .item-param .item-value.half {
    width: 230px;
}


.actions-show-order {
    margin: 30px;
}
.btn-action {
    width: 19px;
    height: 19px;
    margin: 0 2px;
    text-align: center;
    display: inline-block;
    padding: 9px 9px;
    background: #4D77D6;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
}
.actions-show-order .btn-action {
    width: unset;
    height: unset;
    margin: 0 2px;
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #4D77D6;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: middle;
}
/*.btn-action.edit {
    background: #607d8b;
}
.btn-action.trash {
    background: #009688;
}
.btn-action.annul {
    background: #ffca3d;
    color: #282828;
}
.btn-action.endorder {
    background: #f44336;
}
.btn-action.giveorder {
    background: #00bcd4;
}
.btn-action.correctorder {
    background: #e91e63;
}
.btn-action.shield {
    background: #282828;
}
.btn-action.comm {
    background: #3f51b5;
}*/
.pagination-box {
    margin: 30px 5%;
}
.pagination-partners {
    margin: 30px 0;
}
.pagination-menu {
    text-align: center;
}
.pagination-menu > span, .pagination-menu > a {
    line-height: 32px;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin: 0 5px;
    color: #282828;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.pagination-menu > a {
    cursor: pointer;
}
.pagination-menu > a:hover {
    color: #282828;
}
.pagination-menu > span.active {
    color:#295ed6;
}
.pagination-menu i {
    border: solid #282828;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    vertical-align: top;
    margin-top: 11px;
}
.pagination-menu i.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.pagination-menu i.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.search-box {
    flex: 0 0 100%;
    background: #fff;
    overflow: hidden;
    max-height: 0px;
    padding: 0 30px;
    margin-left: 0px;
    margin-right: 0px;
    -webkit-transition: max-height 0.15s ease-out;
    transition: max-height 0.15s ease-out;
}
.search-box.open {
    overflow: unset;
    padding: 0 0 30px;
    max-height: 1000px;
    -webkit-transition: max-height 0.25s ease-in;
    transition: max-height 0.25s ease-in;
}
.search-box .search-title {
    color:#282828;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 10px;
}
.balans {
    position: relative;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #282828;
    padding: 10px calc(5% + 10px);
    margin-left: 0px;
    margin-right: 0px;
    border-bottom: 1px solid #ededed;
}
.balans span {
    display: inline-block;
    vertical-align: middle;
}
.balans span.balans-name {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.balans span.money {
    padding-left: 80px;
    color: #295ED6;
    font-size: 24px;
    font-weight: 700;
}
.balans span.currency {
    padding-left: 10px;
    color: #295ED6;
    font-size: 24px;
    font-weight: 700;
}
.search-box div.input {
    display: inline-block;
    width: calc(50% - 78px);
    margin: 0 5px;
}
.search-box .input.dropdown-field-click .btn-select-delete, .search-box .input.dropdown-field-key .btn-select-delete {
    top: 52px;
    right: 15px;
}
.delete-message {
    padding: 20px;
    background: #ededed;
    border-radius: 4px;
}
.delete-message p {
    text-align: center !important;
    margin: 0 !important;
}
.nodata {
    display: flex;
    align-items: center;
    background: #f6f7fb url(../images/svg/info.svg) 20px 20px no-repeat;
    background-size: 48px 48px;
    margin: 30px 5%;
    padding: 20px 20px 20px 88px;
    border-radius: 10px;
    min-height: 48px;
}
.front-nodata {
    display: flex;
    align-items: center;
    background: #fff url(../images/svg/info.svg) 20px 20px no-repeat;
    background-size: 48px 48px;
    margin: 17px 0;
    padding: 20px 20px 20px 88px;
    border-radius: 5px;
    min-height: 48px;
}
.noused {
    display: flex;
    align-items: center;
    background: #f6f7fb url(../images/svg/warning.svg) 20px 20px no-repeat;
    background-size: 48px 48px;
    margin: 30px 0;
    padding: 20px 20px 20px 88px;
    border-radius: 10px;
    min-height: 48px;
}
.map-rens-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    height: 100%;
}
.map-rens-box .shops-list {
    background: #fff;
}
.mobile-rent-tabs {
    display: none;
    padding: 10px 0;
    text-align: left;
}
.mobile-rent-tabs span {
    background: transparent;
    padding: 3px 10px;
    margin-right: 15px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    color: #0b2239;
}
.mobile-rent-tabs span.active {
    color: #fff;
    background: #0b2239;
}
.map-rens-box .dropdown-field-click, .map-rens-box .dropdown-field-key {
    padding: 0px 0 20px;
}
.map-rens-box .dropdown-field-click label, .map-rens-box .dropdown-field-key label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #282828;
    text-align: left;
}
.map-rens-box .dropdown-field-click .btn-select-delete, .map-rens-box .dropdown-field-key .btn-select-delete {
    top: 9px;
    right: 20px;
}
.map-rens-box input[type="text"] {
    border: solid 1px #fafafa;
    background: #fafafa;
    padding: 10px 20px;
    color: #282828;
    font-size:16px;
    font-weight: 400;
    display: block;
    width: calc(100% - 52px);
    font-family: 'Ubuntu', sans-serif;
}
.map-rens-box .dropdown.active {
    width: calc(100% - 10px);
}
#searchOrder .dropdown.active {
    width: calc(100% - 15px);
}
.map-rens-box .shops-list {
    flex: 0 0 300px;
    padding: 0 0 0 20px;
}
.map-rens-box .map-box {
    flex: 0 0 calc(100% - 320px);
    max-width: calc(100% - 320px);
    width: calc(100% - 320px);
    height: calc(100% - 84px);
    position: relative;
}
.map-loc {
    position: absolute;
    background: #4D77D6;
    left: 15px;
    top: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 9px 10px 10px 10px;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%), 0 2px 5px -3px rgb(0 0 0 / 15%);
    cursor: pointer;
    z-index: 1;
}
.map-loc:hover, .map-loc.active {
    background: #ff4433;
}
.map-loc-radius {
    position: absolute;
    background: #fff;
    left: 10px;
    top: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #282828;
    font-weight: 400;
    font-size: 13px;
    padding: 7px 10px;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%), 0 2px 5px -3px rgb(0 0 0 / 15%);
    z-index: 1;
}
.map-loc-radius-mobile {
    display: none;
    position: absolute;
    background: #fff;
    left: 0;
    bottom: 0;
    width: calc(100% - 20px);
    border-radius: 0;
    color: #282828;
    font-weight: 400;
    font-size: 13px;
    padding: 7px 10px;
    z-index: 1;
}
.map-loc-radius-mobile span {
    display: inline-block;
    vertical-align: middle;
    background: #4D77D6;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    padding: 2px 2px;
    margin-left: 5px;
    cursor: pointer;
}
.map-loc-radius-mobile span.not-radius {
    background: transparent;
    color: initial;
    font-weight: 400;
    text-align: left;
    font-size: 12px;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    cursor: none;
}
.map-loc-radius-mobile span:hover, .map-loc-radius-mobile span.active {
    background: #ff4433;
}
.map-loc-radius-mobile span.not-radius:hover, .map-loc-radius-mobile span.not-radius.active {
    background: transparent;
}

.map-loc-radius span {
    display: inline-block;
    background: #4D77D6;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 2px 5px;
    margin-left: 5px;
    cursor: pointer;
}
.map-loc-radius span:hover, .map-loc-radius span.active {
    background: #ff4433;
}

.map-content {
    width: 100%;
    height: 100%;
}
.map-rens-box .shops-box-items {
    overflow-y: auto;
    height: calc(100% - 145px);
}
.map-rens-box .shops-box-items::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	background-color: #ededed;
}
.map-rens-box .shops-box-items::-webkit-scrollbar {
	width: 3px;
	background-color: #ededed;
}
.map-rens-box .shops-box-items::-webkit-scrollbar-thumb {
	background-color: #ccc;
}
.map-rens-box .shop-item {
    background: #FAFAFA;
    border-radius: 5px;
    padding: 15px;
    margin: 0px 10px 20px 0;
    position: relative;
}
.map-rens-box .shop-item .hover-box {
    width: 100%;
    padding: 10px 0 0;
}
.map-rens-box .shop-item .hover-box .btn-basket {
    background: #295ED6;
    border-radius: 2px;
    border: 1px solid #295ED6;
    margin-right: 2px;
    width: calc(50% - 34px);
    display: inline-block;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.map-rens-box .shop-item .hover-box .btn-basket:hover {
    opacity: 0.8;
}
.map-rens-box .shop-item .hover-box .btn-shop {
    background: #FFF;
    border-radius: 2px;
    border: 1px solid #295ED6;
    margin-left: 2px;
    width: calc(50% - 34px);
    display: inline-block;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #295ED6;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.map-rens-box .shop-item .hover-box .btn-shop:hover {
    opacity: 0.8;
}
.map-rens-box .shop-item .shop-title {
    color:#282828;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}
.map-rens-box .shop-item .shop-addr {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin: 5px 0;
}
.map-rens-box .shop-item .price-rang-box {
    margin: 5px 0;
}
.map-rens-box .shop-item .price-rang-item .day {
    font-size: 12px;
    vertical-align: top;
}
.map-rens-box .shop-item .price-rang-item .cost {
    padding: 0px 4px;
    font-size: 12px;
    margin: 0;   
}
.map-rens-box .shop-item .price-rang-item .current {
    font-size: 12px;  
}
.info-window-map {
    width: 300px;
    text-align: left;
}
.info-window-map .ballon-p {
    margin: 10px 0;
}
.ballon-name {
    font-size: 14px;
    font-weight: 700;
    display: block;
}
.ballon-addr {
    font-size: 12px;
    font-weight: 400;
    display: block;
    margin: 5px 0 0;
    color: #777;
}

.ballon-prices {
    margin: 10px 0;
}
.ballon-prices .price-rang-item {
    margin: 2px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.ballon-prices .price-rang-item .day {
    font-size: 12px;
}
.ballon-prices .price-rang-item .cost {
    padding: 0px 4px;
    color:#282828;
    font-weight: 700;
    font-size: 12px;
}
.ballon-stock {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
}
.ballon-comm {
    margin: 10px 0;
    padding: 0;
}
.btn-basket-ballon {
    background: #295ED6;
    border-radius: 2px;
    display: inline-block;
    padding: 7px 25px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn-basket-ballon:hover {
    opacity: 0.8;
}
.btn-basket-ballon.count-0 {
    display: none;
}
.ballon-prices .price-rang-item .current {
    display: inline-block;
    color:#282828;
    font-size: 12px;
}
.ballon-p span, .ballon-jbt span {
    color:#282828;
    font-weight: 700;
}
.ballon-jbt .week-day {
    font-family: monospace;
}

.quantity-day, .kolvo {
    position: relative;
    padding: 0;
    margin: 0;
    height: 26px;
} 
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
select.term {
    width: 80px;
    height: 24px;
    line-height: 22px;
    display: inline-block;
    padding: 0;
    padding: 0 10px;
    border: 0;
    vertical-align: top;
    text-align: center;
    color: #282828;
    font-size: 14px;
    font-weight: 700; 
}
.custom-select {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -1px;
    border: 1px solid #EDEDED;
}
.custom-select::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    border: solid #282828;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    pointer-events: none;
}
.quantity-day input, .kolvo input{
    width: 20px;
    height: 24px;
    line-height: 22px;
    display: inline-block;
    padding: 0;
    margin: 0;
    padding: 0 30px;
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 2px;
    vertical-align: top;
    text-align: center;
    color: #282828;
    font-weight: 700;
}
.quantity-day input:focus, .kolvo input:focus {
    outline: 0;
}
.modal form .quantity-day-time input, .modal form .cust input{
    width: calc(100% - 32px);
    height: 24px;
    line-height: 22px;
    display: inline-block;
    padding: 0;
    margin: 0;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 2px;
    vertical-align: top;
    text-align: left;
    color: #282828;
    font-weight: 400;
    font-size: 14px;
}
.quantity-nav, .kolvo-nav {
    display: inline-block;
    position: relative;
    height: 40px;
    vertical-align: middle;
}
.quantity-button, .kolvo-button {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    background: transparent;
    width: 20px;
    text-align: center;
    color: #282828;
    font-size: 13px;
    cursor: pointer;
    /*font-family: "Trebuchet MS", Helvetica, sans-serif !important;*/
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.quantity-button.quantity-up, .kolvo-button.quantity-up {
    position: absolute;
    height: 24px;
    left: -1px;
    width: 24px;
    top: 0;
    color: #282828;
    font-size: 16px;
    line-height: 24px;
}
.quantity-button.quantity-down, .kolvo-button.quantity-down {
    position: absolute;
    height: 24px;
    left: -57px;
    width: 24px;
    top: 0;
    color: #282828;
    font-size: 16px;
    line-height: 24px;
}
.cart .products-list {
    margin-top: 50px;
    background: #fff;
    padding: 60px 30px;
    background: #FFFFFF;
    border-radius: 5px;
}
.products-list .shop-item {
    padding: 15px 0;
    border-bottom: 1px solid #EDEDED;
}
.products-list .shop-item.partn {
    background: #fff;
    border-bottom: 0;
    padding: 15px 20px;
    margin-bottom: 30px;
}
.products-list .shop-item .shop-title {
    font-size: 20px;
    font-weight: 700;
    color: #282828;
    line-height: 22px;
    margin-bottom: 10px;
}
.products-list .shop-item #moreShop {
    float: right;
    color: #10378E;
    display: inline-block;
    margin-top: -35px;
    cursor: pointer;
}
.product-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 0;
    color: #282828;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}
.product-item.no-border {
    border-bottom: 0;
}
.product-item.trash::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f44336;
    opacity: 0.2;
    z-index: 1;
}
.product-item .field-value {
    padding: 0;
    margin: 0;
    /*height: 24px;*/
    display: block;
    color: #282828;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.product-item .field-subvalue {
    font-size: 13px;
    font-weight: 400;
    color: #999;
}
.product-item .field-value.grey {
    color: #999;
    font-weight: 400;
}
.product-item .product-item-title {
    flex: 0 0 calc(100% - 1050px);
    padding: 0 10px 0 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.product-item .product-item-title.mdl {
    flex: 0 0 calc(100% - 670px);
}
.product-item .product-item-title.mdl2 {
    flex: 0 0 calc(100% - 450px);
}
.product-item .product-item-kolvo {
    flex: 0 0 100px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-dlvr {
    flex: 0 0 100px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-dlvr-price {
    flex: 0 0 200px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-return {
    flex: 0 0 130px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-input {
    flex: 0 0 180px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-enddate {
    flex: 0 0 270px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-price {
    flex: 0 0 100px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-coast {
    flex: 0 0 120px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-deposit {
    flex: 0 0 140px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-deposit-coast {
    flex: 0 0 160px;
    padding: 0 10px;
    text-align: left;
    font-weight: 700;
}
.product-item .product-item-delete {
    position: absolute;
    right: 0;
    top: 16px;
}
.product-item .product-item-img {
   flex: 0 0 65px;
   padding-right: 10px;
}
.product-item .product-item-img-end {
    flex: 0 0 65px;
    padding-right: 10px;
}
.product-item .product-item-text {
    flex: 0 0 calc(100% - 200px);
    padding-left: 10px;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
}
.product-item .product-item-text2 {
    flex: 0 0 calc(100% - 85px);
    padding-left: 10px;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
}
.product-item .product-item-text3 {
    flex: 0 0 calc(100% - 565px);
    padding: 0 10px;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
}
.product-item .product-item-text-dlvr {
    flex: 0 0 150px;
    padding-left: 10px;
    font-weight: 700;
    text-align: right;
    overflow: hidden;
}
.product-item .product-item-text-time {
    flex: 0 0 300px;
    padding-left: 10px;
    font-weight: 400;
    text-align: right;
    overflow: hidden;
}
.product-item .product-item-img {
    width: 100%;
}
.product-item .product-item-img img {
    width: 100%;
}
.product-item .product-item-delete span {
    display: block;
    background: transparent url(../images/svg/close_mini_red.svg) 0 0 no-repeat;
    cursor: pointer;
    width: 21px;
    height: 21px;
}
.product-item.trash .product-item-delete span {
    position: absolute;
    color: #4caf50;
    z-index: 2;
    top: 0px;
    right: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.product-item span.field-name {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
}
.box-order-modal .product-item {
    flex-wrap: wrap;
}
.box-order-modal .product-item .product-item-title {
    flex: 0 0 calc(100% - 0px);
    padding: 0 0 20px;
    flex-wrap: wrap;
}
.box-order-modal .product-item .product-item-kolvo {
    flex: 0 0 calc(100% - 820px);
}
.box-order-modal .product-item .product-item-input.qty {
    flex: 0 0 100px;
}
.box-order-modal .product-item .product-item-price {
    flex: 0 0 140px;
}
.box-order-modal .product-item .product-item-coast {
    flex: 0 0 160px;
}
.infoshop {
    display: none;
    opacity: 0;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 75%;
    height: 280px;
    padding: 20px 0;
    margin-left: -10px;
    margin-right: -10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.infoshop.open {
    display: flex;
    opacity: 1;
}
.infoshop .c-shop-block {
    flex: 1 1 calc(50% - 50px);
    width: calc(33.333333% - 50px);
    margin: 10px;
    background: #FAFAFA;
    padding: 15px;
}
.infoshop .c-shop-block.job {
    flex: 1 1 calc(100% - 50px);
}
.infoshop .c-shop-block.job > .week-day {
    padding: 2px 0;
}
.infoshop .c-shop-block.job .week-mrg {
    margin: 10px 0;
}
.infoshop .c-shop-block.job > span {
    display: block;
    clear: both;
    width: 100%;
}
.infoshop .c-shop-block > span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #999;
    margin-bottom: 10px;
}
.infoshop .c-shop-block > a {
    display: block;
}
.pre-total, .deposit-total {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    font-size: 20px;
    color: #282828;
    font-weight: 700;
}
.pre-total {
    padding: 10px 0;
}
.pre-total .price-title-item, .deposit-total .price-title-item {
    flex: 0 0 calc(100% - 500px);
    padding: 0 10px;
    text-align: right;
}
.pre-total .total-item {
    flex: 0 0 280px;
    padding: 0 10px;
    text-align: left;
}
.pre-total .deposit-total {
    flex: 0 0 170px;
    padding: 0 10px;
    text-align: left;
}
.shop-item-action {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
}
.order-btn-box {
    flex: 0 0 calc(100% - 0px);
    text-align: right;
    padding: 0 0px;
}
.order-btn-shop {
    display: inline-block;
    background: #fff;
    color: #295ED6;
    padding: 10px 20px;
    font-size: 20px;
    border: 2px solid #295ED6;
    border-radius: 5px;
    margin: 0;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.order-btn-shop:hover {
    opacity: 0.85;
}
.all-total-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0px;
    padding: 20px 0;
    background: #fff;
    border-radius: 5px;
}
.all-total-box > div.all-order-btn-box {
    padding: 0 30px;
}
.all-pre-total, .all-deposit-total {
    color: #282828;
    font-weight: 700;
}
.all-deposit-total {
    padding: 30px 30px 30px 0;
}
.all-pre-total {
    padding: 30px 30px 30px 30px;
}
.all-sum-total {
    padding: 30px 30px 30px 30px;
    color: #df2214;
}
.all-pre-total .price-title-item, .all-deposit-total .price-title-item, .all-sum-total .price-title-item {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 40px;
}
.all-pre-total .total-item, .all-deposit-total .total-item, .all-sum-total .total-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    font-weight: 700;
    line-height: 64px;
}
.all-pre-total .currency-item, .all-deposit-total .currency-item, .all-sum-total .currency-item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 24px;
    font-weight: 400;
}
.all-order-btn-box {
    display: block;
    text-align: right;
    padding: 0;
}
.all-order-btn-shop {
    display: inline-block;
    background: #295ED6;
    border-radius: 5px;
    color: #fff;
    padding: 15px 20px;
    font-size: 20px;
    margin: 10px 0;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.all-order-btn-shop:hover {
    opacity: 0.85;
}
.delivery-box {
    flex: 0 0 calc(70% - 20px);
    text-align: left;
    padding: 0 10px;
}
.delivery-box > span {
    font-weight: bold;
    font-size: 20px;
    color: #282828;
    margin-right: 40px;
}
.delivery-box input[type="radio"]:checked, 
.delivery-box input[type="radio"]:not(:checked) 
{
    position: absolute;
    left: -9999px;
}
.delivery-box input[type="radio"]:checked + label, 
.delivery-box input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    line-height: 25px;
    padding-top: 0px;
    cursor: pointer;
    font-weight: 400;
    margin-right: 20px;
} 
.delivery-box input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid #EDEDED;
    background-color: #ffffff;
}
.delivery-box input[type="radio"]:checked + label:before {
    border: 1px solid #295ED6;
}
.delivery-box input[type="radio"]:checked + label:before, 
.delivery-box input[type="radio"]:not(:checked) + label:before {
    border-radius: 50%;
}
.delivery-box input[type="radio"]:checked + label:after, 
.delivery-box input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.delivery-box input[type="radio"]:checked + label:after, 
.delivery-box input[type="radio"]:not(:checked) + label:after {
    left: 3px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #295ED6;
}
.delivery-box input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
.delivery-box input[type="radio"]:checked + label:after {
    opacity: 1;
}




.delivery-box2 {
    flex: 0 0 calc(100% - 20px);
    text-align: left;
    padding: 0 10px;
}
.delivery-box2 > span {
    font-weight: bold;
    font-size: 20px;
    color: #282828;
    margin-right: 40px;
}
.delivery-box2 input[type="radio"]:checked, 
.delivery-box2 input[type="radio"]:not(:checked) 
{
    position: absolute;
    left: -9999px;
}
.delivery-box2 input[type="radio"]:checked + label, 
.delivery-box2 input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    line-height: 25px;
    padding-top: 0px;
    cursor: pointer;
    font-weight: 400;
    margin-right: 20px;
} 
.delivery-box2 input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid #EDEDED;
    background-color: #ffffff;
}
.delivery-box2 input[type="radio"]:checked + label:before {
    border: 1px solid #295ED6;
}
.delivery-box2 input[type="radio"]:checked + label:before, 
.delivery-box2 input[type="radio"]:not(:checked) + label:before {
    border-radius: 50%;
}
.delivery-box2 input[type="radio"]:checked + label:after, 
.delivery-box2 input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.delivery-box2 input[type="radio"]:checked + label:after, 
.delivery-box2 input[type="radio"]:not(:checked) + label:after {
    left: 3px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #295ED6;
}
.delivery-box2 input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
.delivery-box2 input[type="radio"]:checked + label:after {
    opacity: 1;
}



.delivery-addr {
    display: block;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.delivery-addr.show {
    display: block;
    opacity: 1;
}
.delivery-hand-addr {
    display: none;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.delivery-hand-addr.show {
    display: block;
    opacity: 1;
}
.message-access {
    background: #f6f7fb url(../images/svg/warning.svg) 20px 20px no-repeat;
    background-size: 48px 48px;
    margin: 30px 5%;
    padding: 20px 20px 20px 88px;
    border-radius: 10px;
    min-height: 48px;
}

.product-main-swiper {
    height: 450px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.product-main-swiper .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-main-swiper .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.product-thumbs-swiper {
    height: 200px;
    width: 100%;
}

.product-thumbs-swiper .swiper-slide {
    flex: 0 0 calc(25% - 50px);
    max-width: calc(25% - 50px);
    width: calc(25% - 50px);
    padding: 15px;
    margin: 10px;
    height: 120px;
    border: 1px solid #f6f7fb;
    border-radius: 5px;
    cursor: pointer;
}
.product-thumbs-swiper .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid #295ed6;
}
.product-thumbs-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.new-product {
    background: #4caf50;
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    border-radius: 4px;
    margin-top: 10px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
}
.new-product:hover {
    opacity: 0.8;
}
.jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:280px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:20px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:20px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:14px;font-family:'Geometria',sans-serif;line-height:18px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:'Geometria',sans-serif;font-size:18px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:18px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:24px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#ffffff;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#ffffff;background-color:#3c763d;border-color:#d6e9c6}
/* Toast */
.jq-toast-wrap .jq-icon-success {
  background-color: #00d45f;
}
.jq-toast-wrap .jq-icon-info {
  background-color: #4729b7;
}
.jq-toast-wrap .jq-icon-warning {
  background-color: #f52367;
}
.jq-toast-wrap .jq-icon-error {
  background-color: #ff5e5e;
}
.two-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*justify-content: flex-start;*/
    justify-content: center;
}
.row-item-50 {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
}
.row-item-50.right {
    text-align: right;
}
/*.row-item-auto {
    flex: 0 0 calc(100% - 547px);
    max-width: calc(100% - 547px);
    width: calc(100% - 547px);
    padding-right: 40px;
}*/
.row-item-auto {
    flex: 0 0 100%;
    max-width: 780px;
    width: 100%;
    padding-right: 0px;
}
.row-item-507px {
    flex: 0 0 507px;
    max-width: 507px;
    width: 507px;
    text-align: right;
    display: none;
}
.simple-page ul.digit-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.simple-page ul.circle-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.simple-page ul.digit-list li {
    background: none;
    padding: 0 0 30px 0px;
}
.simple-page ul.circle-list li {
    background: none;
    padding: 0 0 15px 0px;
}
.simple-page ul.digit-list li > span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 70px);
}
.simple-page ul.circle-list li > span {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 76px);
}
.simple-page ul.digit-list li > .digit {
    width: 30px;
    height: 24px;
    background: #295ED6;
    border-radius: 50%;
    margin-right: 30px;
    text-align: center;
    color: #fff;
    padding: 8px 5px;
}
.simple-page ul.circle-list li > .circle {
    width: 16px;
    height: 16px;
    background: #295ED6;
    border-radius: 50%;
    margin: 5px 30px;
    text-align: center;
    color: #fff;
    padding: 0;
    display: inline-block;
}
.product-item-added {
    position: relative;
    padding: 5px 20px;
    border: 2px solid #fafafa;
    border-radius: 2px;
    margin-bottom: 20px;
}
.product-item-added .del-added-product {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent url(../images/svg/close_mini_red.svg) 0 0 no-repeat;
    cursor: pointer;
    width: 21px;
    height: 21px;
}
.product-item-added .input {
    width: calc(50% - 10px);
    display: inline-block;
    margin: 0 5px;
}
.shared {
    margin: 50px 0 0;
    text-align: center;
}
.ya-share2 {
    display: inline-block;
    vertical-align: middle;
}
.payform {
    max-width: 460px;
    margin: 50px auto;
}
.payform .heading {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.payform .btn-next-pay {
    display: block;
    border: 0;
    outline: 0;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
    padding: 15px 40px;
    color: #fff;
    background: #295ED6;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.err-mes {
    color: #f00;
    text-align: center;
    display: block;
    padding: 0 0 30px;
}
#payment-form {
    margin-top: 30px;
}
.pay-message {
    background: #00d35f;
    color: #fff;
    padding: 10px;
    max-width: 440px;
    border-radius: 5px;
    margin: 30px auto 0;
    text-align: center;
}
.pay-message.erro {
    color: #ff1b30;
    background: #ffd9d9;
    padding: 10px;
    max-width: 440px;
    border-radius: 5px;
    margin: 30px auto 0;
    text-align: center;
}
.doc-cat {
    font-size: 32px;
    margin: 15px 0;
}
.docs-box .doc-item {
    padding: 0 0 0 30px;
}
.docs-box .doc-item .type{
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
    min-width: 30px;
    color: rgb(53, 53, 53);
}
.docs-box .doc-item a {
    display: inline-block;
    padding: 2px 0;
    text-decoration: underline rgba(38, 133, 209, 0.3);
    text-underline-offset: 20%;
}

[class$="-balloon__content"] > * {
    width: 280px !important;
    max-height: 400px !important;
}
#changeCat {
    margin-bottom: 30px;
}

.cd-faq {
    width: 70%;
    margin: 0 auto;
  }
    .cd-faq {
      position: relative;
      margin: 0 auto;
      box-shadow: none;
  }
  .cd-faq-items {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background: #ffffff;
    padding: 0 5% 1em;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateZ(0) translateX(100%);
    -ms-transform: translateZ(0) translateX(100%);
    -webkit-transform: translateZ(0) translateX(100%);
    transform: translateZ(0) translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
  }
  .cd-faq-items.slide-in {
    -moz-transform: translateZ(0) translateX(0%);
    -ms-transform: translateZ(0) translateX(0%);
    -webkit-transform: translateZ(0) translateX(0%);
    transform: translateZ(0) translateX(0%);
  }
  .no-js .cd-faq-items {
    position: static;
    height: auto;
    width: 100%;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
    .cd-faq-items {
        position: static;
        height: auto;
        width: 100%;
        float: right;
        overflow: visible;
        -moz-transform: translateZ(0) translateX(0);
        -ms-transform: translateZ(0) translateX(0);
        -webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
        padding: 0;
        background: transparent;
    }

    .cd-faq-items {
      float: none;
      width: 100%;
      padding-left: 0;
    }
    .no-js .cd-faq-items {
      padding-left: 0;
    }
  
  .cd-faq-group {
    /* hide group not selected */
    display: none;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .cd-faq-group.selected {
    display: block;
  }
  .cd-faq-group .cd-faq-title {
    background: transparent;
    box-shadow: none;
    margin: 1em 0;
  }
  .no-touch .cd-faq-group .cd-faq-title:hover {
    box-shadow: none;
  }
  .cd-faq-group .cd-faq-title h2 {
    text-transform: uppercase;
    font-size: 12px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #bbbbc7 !important;
    margin: 0 !important;
  }
  .no-js .cd-faq-group {
    display: block;
  }

    .cd-faq-group {
      display: block;
    }
    .cd-faq-group > li {
      background: #ffffff;
      margin-bottom: 6px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
      -moz-transition: box-shadow 0.2s;
      -o-transition: box-shadow 0.2s;
      -webkit-transition: box-shadow 0.2s;
      transition: box-shadow 0.2s;
    }
    .no-touch .cd-faq-group > li:hover {
      box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3);
    }
    .cd-faq-group .cd-faq-title {
      margin: 2em 0 1em;
    }
    .cd-faq-group:first-child .cd-faq-title {
      margin-top: 0;
    }
  
  .cd-faq-trigger {
    position: relative;
    display: block;
    margin: 1.6em 0 .4em;
    line-height: 1.2;
  }

    .cd-faq-trigger {
      font-size: 20px;
      font-weight: 300;
      margin: 0;
      padding: 10px 72px 20px 24px;
    }
    .cd-faq-trigger::before, .cd-faq-trigger::after {
      content:'';
      position: absolute;
      right: 24px;
      top: 22px;
      height: 2px;
      width: 13px;
      background: #10378E;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -webkit-transition-property: -webkit-transform;
      transition-property: transform;
      -moz-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      -webkit-transition-duration: 0.2s;
      transition-duration: 0.2s;
    }
    .cd-faq-trigger::before {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      right: 32px;
    }
    .cd-faq-trigger::after {
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    .content-visible .cd-faq-trigger::before {
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    .content-visible .cd-faq-trigger::after {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    .cd-faq-content {
      display: none;
      padding: 0 24px 30px;
    }
    .no-js .cd-faq-content {
      display: block;
    }
    .cd-faq-content img {
        background: none;
    }

    .cd-faq-content img.list-img {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    .faq-img {
        display: block;
        margin: 20px 30px 0 0;
    }
    .faq-img-full {
        display: block;
        margin: 20px 0;
    }
    .faq-img > img {
        width: 100%;
        border-radius: 10px;
    }
    .faq-img-full > img {
        width: 100%;
        border-radius: 10px;
    }
    .faq-text {
        color: #999;
        font-weight: 400;
        font-size: 14px;
    }
.pre-code {
    background: #f6f7fb;
    overflow: auto;
    padding: 30px;
    font-size: 14px;
}
.mtb-30 {
    margin: 30px 0;
}

.input-file {
	position: relative;
	display: inline-block;
    padding: 0 !important;
}
.input-file-text {
	padding: 0 15px;
	line-height: 50px;
	text-align: left;
	height: 50px;
	display: block;
	float: left;
	box-sizing: border-box;
	width: calc(100% - 200px);
	border-radius: 2px 0px 0 2px;
    border: 1px solid #FAFAFA;
    background: #FAFAFA;
}
.input-file-btn {
    position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 16px;
    font-weight: 700;
	vertical-align: middle;
	color: #295ED6;
	text-align: center;
	border-radius: 0 4px 4px 0;
	background-color: #fff;
	line-height: 20px;
    width: 200px;
	height: 50px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 2px solid #295ED6;
	margin: 0;
	transition: opacity 0.2s;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.input-file input[type=file]:focus + .input-file-btn {
}
.input-file:hover .input-file-btn {
	opacity: 0.8
}
.input-file:active .input-file-btn {
	background-color: #295ED6;
}
.show-rent-date {
    position: absolute;
    bottom: 60px;
    color: #999;
    font-size: 12px;
    text-align: center;
    width: calc(100% - 40px);
}
.show-rent-date-static {
    display: block;
    border: 2px solid #ffca3d;
    border-radius: 4px;
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -15px;
}
.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: 30px auto 10px;
    line-height: 1;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #282828;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.divider:after, .divider:before {
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;
}
.divider:before {
    background-position: right 1em top 50%;
}
.divider:after {
    background-position: left 1em top 50%;
}
.divider:after, .divider:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}
.xml-result-box {
	display: block;
    margin: 60px auto;
    width: 270px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #4caf50;
    line-height: 28px;
    border: 1px solid #4caf50;
    padding: 15px;
}
.xml-result-box.red {
    color: #ff0000;
    border: 1px solid #ff0000;
}
.xml-debugger {
    background: #fafafa;
    padding: 20px;
}
.title-debugger {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding: 5px 0;
}
.loading-box {
	display: block;
	margin: 60px auto;
	width: 300px;
	text-align: center;
}
.loading-box span {
	display: block;
}
.err-head {
	font-weight: 700;
	margin-bottom: 10px;
}
.err-list {
	list-style: disc;
	padding: 0 0 0 25px;
}
.err-list li {
	list-style: disc;
}
.shop-job-mes {
    text-align: left;
    padding: 5px 0;
}
.job-mes-green {
    color: #4CAF50;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
.job-mes-green > span {
    color: #999;
    font-weight: 400;
    font-size: 12px;
    margin-left: 5px;
}
.job-mes-green::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    background: #4CAF50;
    margin-top: 7px;
}
.job-mes-red {
    color: #f44336;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
.job-mes-red > span {
    color: #999;
    font-weight: 400;
    font-size: 12px;
    margin-left: 5px;
}
.job-mes-red > div {
    color: #999;
    font-weight: 400;
    font-size: 12px;
}
.job-mes-red::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    background: #f44336;
    margin-top: 7px;
}
.ballon-name + .shop-job-mes .job-mes-red::before, .ballon-name + .shop-job-mes .job-mes-green::before {
    margin-top: 5px;
}


.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
  }
  .lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #000;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
	0% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes lds-ellipsis3 {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes lds-ellipsis2 {
	0% {
	  transform: translate(0, 0);
	}
	100% {
	  transform: translate(24px, 0);
	} 
}
.mes-profile-type {
    display: flex;
    align-items: center;
    background: #f6f7fb url(../images/svg/warning.svg) 20px 20px no-repeat;
    background-size: 48px 48px;
    margin: 30px 0;
    padding: 20px 20px 20px 88px;
    border-radius: 10px;
    min-height: 48px;
}
.confirm-btn {

}
.confirm-yes-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background: #295ED6;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
.confirm-no-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 0 10px;
    background: #9E9E9E;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
}
.confirm-yes-btn:hover, .confirm-no-btn:hover {
    opacity: 0.85;
}
.shops-prices-item {
    margin-bottom: 50px;
    border-bottom: 2px solid #ededed;
}
.dadata-search {
    position: relative;
}
.btn-dadata-search {
    outline: none;
    position: absolute;
    top: 51px;
    right: 0;
    display: block;
    padding: 12px 15px;
    color: #fff;
    line-height: 24px;
    background: #295ED6;
    border-radius: 2px;
    border: 0;
    cursor: pointer;
}
.dadata-item-addr {
    border: 1px solid #295ed6;
    padding: 5px 20px;
    text-align: left;
    border-radius: 2px;
    margin-bottom: 5px;
    cursor: pointer;
}
.addr-fields-hidden {
    display: none;
}
.show-hand-put {
    display: inline-block;
    padding: 10px 0;
    color: #295ED6;
    cursor: pointer;
}

.modal form .dadata-search input[type="text"] {
    padding: 15px 100px 15px 20px;
    width: calc(100% - 120px);
}

.co2zero {
    display: none;
    position: absolute;
    top: 25px;
    right: 100px;
    width: 75px;
    z-index: 1;
}
.products-list-box li .co2zero {
    top: 15px;
    right: 15px;
}
.main-hits-item .co2zero {
    top: 15px;
    right: 15px;
}
.related-products li .co2zero {
    top: 15px;
    right: 15px;
}
.co2zero img {
    width: 100%;
}
#filterForm label[for^="filterShop_"] {
    font-size: 16px;
    line-height: 20px;
}
#filterForm label[for^="filterShop_"] span {
    display: block;
    font-size: 12px;
    color: #999;
}
.filter-hr {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin-bottom: 8px;
}
#filter-map-shop {
    width: calc(100% - 50px);
    margin-bottom: 15px;
    color: #2E2607 !important;
    font-size: 15px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 8px 25px;
    background: #F5D030;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
#filter-map-shop:hover {
    opacity: 0.85;
}
.modal .modal-content .modal-title.hidden {
    display: none;
}
.geo-position {
    background: #F5D030;
    padding: 15px;
}
.geo-position-title {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    text-align: left;
}
.map-rens-box .dadata-addr {
    padding: 0;
    position: relative;
}
.map-rens-box.filter-map-shops .dadata-addr input[name="dadata-addr"] {
    width: calc(100% - 77px);
    padding-right: 55px;
}

.modal-btn-apply {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    background: #f5d030;
    padding: 10px 15px;
    border-radius: 0px;
    width: calc(100% - 330px);
    font-weight: 700;
    cursor: pointer;
}
.modal-btn-apply > span {
    display: inline-block;
    background: #fff;
    padding: 1px 7px;
    border-radius: 2px;
    line-height: 16px;
    font-size: 14px;
    margin-left: 7px;
}

.fixed-filter-apply {
    display: none;
    position: absolute;
    top: 0;
    left: calc(100% - 15px);
    z-index: 2;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    background: #295ED6;
    padding: 10px 15px;
    border-radius: 3px;
}
.fixed-filter-apply::before {
    content: '';
    position: absolute;
    top: 11px;
    left: -20px;
    border: 10px solid transparent;
    border-right: 10px solid #295ED6;
}
.fixed-filter-apply.active {
    display: block;
}
.fixed-filter-btn {
    width: auto;
    padding: 0;
    background: transparent;
    color: #fff;
}
.map-rens-box .dadata-addr-submit {
    position: absolute;
    top: 7px;
    right: 7px;
    background: #295ed6;
    color: #fff;
    padding: 5px 5px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
}
.map-rens-box .geo-position .dropdown-field-click, .map-rens-box .geo-position .dropdown-field-key {
    padding: 0px 0 15px;
}
.filter-map-shops .shop-job-mes {
    padding: 0;
}
.map-rens-box.filter-map-shops .shop-item .shop-addr {
    margin: 0;
}
.map-rens-box.filter-map-shops .shop-distance {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    color: #999;
}
.filter-map-shops .reviews-rating-small {
    width: 23px;
}
.filter-map-shops .shop-item .rating-item {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 12px;
}
.map-rens-box.filter-map-shops .shops-list {
    flex: 0 0 300px;
    padding: 0;
}
.map-rens-box.filter-map-shops .map-box {
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
    width: calc(100% - 300px);
    height: calc(100% - 0px);
}
.map-rens-box.filter-map-shops .shop-item .shop-title {
    padding-right: 60px;
}
.map-rens-box.filter-map-shops input[type="text"] {
    width: calc(100% - 42px);
}
.map-rens-box.filter-map-shops .shop-item {
    padding: 10px;
    margin: 10px 15px;
}
.map-rens-box.filter-map-shops .shops-box-items {
    height: calc(100% - 152px);
}
.map-rens-box.filter-map-shops .shop-item .hover-box .btn-shop-select {
    background: #295ED6;
    border-radius: 2px;
    border: 1px solid #295ED6;
    margin-right: 2px;
    width: calc(50% - 24px);
    display: inline-block;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.map-rens-box.filter-map-shops .shop-item .hover-box .btn-shop-select.selected {
    background: #4CAF50;
    border: 1px solid #4CAF50;
}
.map-rens-box.filter-map-shops .shop-item .hover-box .btn-map-shop {
    background: #FFF;
    border-radius: 2px;
    border: 1px solid #295ED6;
    margin-left: 2px;
    width: calc(50% - 24px);
    display: inline-block;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #295ED6;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.map-rens-box.filter-map-shops .shop-item .hover-box .btn-shop-select:hover, .map-rens-box.filter-map-shops .shop-item .hover-box .btn-map-shop:hover {
    opacity: 0.8;
}
.btn-shop-select-ballon {
    background: #295ED6;
    border-radius: 2px;
    display: inline-block;
    padding: 7px 25px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn-shop-select-ballon.selected {
    background: #4CAF50;
    border: 1px solid #4CAF50;
}
.btn-shop-select-ballon:hover {
    opacity: 0.8;
}
.shops-checked {
    width: 100%;
}
.shops-checked .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.shops-checked .header span {
    color: #999;
    font-size: 12px;
    font-weight: 400;
}
.shops-checked .header a {
    font-size: 12px;
    font-weight: 400;
}
.shops-checked .shops-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 10px -5px 20px;
}
.shops-checked .shops-list > div {
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
    width: calc(50% - 30px);
    margin: 5px;
    background: #FAFAFA;
    border-radius: 5px;
    padding: 10px;
}
.shops-checked .shops-list > div .shop-title {
    color: #282828;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
}
.shops-checked .shops-list > div .shop-addr {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin: 0;
}
#showOrder, #showDeal {
    cursor: pointer;
}
.partners-list {

}
.partner-item {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 25px;
    margin: 30px 0;
}
.partner-item:hover {
    -webkit-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    -moz-box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
    box-shadow: 0px 4px 20px rgba(181, 181, 181, 0.25);
}
.data-box .item-data > div > span.payment-success {
    color: #4CAF50;
    font-size: 14px;
    font-weight: 700;
}
.data-box .item-data > div > span.payment-null {
    color: #4d77d6;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}
.data-box .item-data > div > span.payment-null-list {
    color: #f44336;
    font-size: 14px;
    font-weight: 700;
}
.payment-success-show {
    color: #4CAF50;
    font-size: 20px;
    font-weight: 700;
}
.payment-null-show {
    color: #f44336;
    font-size: 20px;
    font-weight: 700;
}
.doplata-info {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
}
.doplata-box {
    width: 100%;
    border: 2px solid #f44336;
    padding: 0 20px 20px;
}
select[readonly] {
    pointer-events: none;
}