@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('../fonts/TT_Supermolot_Neue/stylesheet.css');

html {padding: 0; margin: 0; overflow-x:hidden;background-color: #F9F9F9;}
body {margin: 0; padding: 0; font-family: 'TT Supermolot Neue', sans-serif; font-size: 16px;}
a {text-decoration: none; color: inherit;}
select, input, textarea {font-size: 1em; border: 2px solid #005293; line-height: 1em; cursor: pointer;}
input, textarea, input:focus, textarea:focus {outline: none;}
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #000000 !important; color: #000000 !important;}
select {-moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; outline: none;}
select ::-ms-expand {display: none;}

.corner2px {
    border: 2px solid #D7D8DA;
    position: relative;
    transition: all .3s ease 0.1s;
    border-radius: 9px;
    padding: 5px;
    margin-bottom: 10px;
}

.phone_list li {padding-left: 1.5em; background: no-repeat left center; background-size: auto 100%;}
.phone_list li.kyivstar {background-image: url("ico-kyivstar.png");}
.phone_list li.life {background-image: url("ico-life.png");}
.phone_list li.mts {background-image: url("ico-mts.png");}
.phone_list li.odessa {background-image: url("ico-odessa.png");}
.phone_list li.email {background-image: url("ico-email.png");}
.phone_list li.telegram {background-image: url("ico-telegram.png");}

#header {height: 7em; position: relative; transition: opacity .5s;}
#header.my-fixed {top:0; left:0; right:0; z-index: 90;}
#header .user_panel {height: 1em; padding: .35em 0; font-family: 'Roboto', sans-serif; font-size: 14px;}
#header .user_panel ul {height: 1em; margin: 0; padding: 0; list-style: none; text-align: right; margin-right: 63px; margin-top: -5px;}
#header .user_panel ul > li {display: inline-block; vertical-align: top; color: #73777F; }

#header .user_panel ul > li > #lang{border-left: 3px solid #D7D8DA; background: #db1804}
#header .user_panel ul > li select {border: 2px solid #005293; color:#1a1a1a ; padding: 0 1.75em 1px 5px; background-color: #F9F9F9; background-image: url('select_arrow_blue.png'); border-radius: 8px; margin-left: 1em;}

#header .user_panel .user_menu > ul {display: none; position: absolute; top: 100%; left:-10px; background: #f6f6f6; height: auto; box-shadow: 0 2px 6px #848484;}
#header .user_panel .user_menu:hover > ul {display: block; z-index: 10; transition: all 2s ease; z-index: 80;}
#header .user_panel .user_menu > ul > li {display: block; border-bottom: 1px solid #d6d5d6; color: #1a1a1a; padding: .25em; font-size: 1.25em;}
#header .user_panel .user_menu > ul > li:last-child {border: none;}
#header .user_panel ul  > li > #langStyle {border-left: 1px solid #D7D8DA; height: 18px; margin-top: 0px; width: 44px;}
#header .user_panel ul  > li > #ring_news {border-left: 1px solid #D7D8DA; height: 18px; margin-top: 1px; width: 50px; padding-left: 1em;margin-right: 5px;}
#header .user_panel ul  > li > #ring_news > #ring_ico {background: url(ring_ico.png) no-repeat; background-size: 23px;padding-top: 23px;background-position: 5px;}
#header .user_panel ul  > li > #ring_news > #ring_ico>span{
    display: block;
    position: absolute;
    top: 2px;
    margin-left: 25px;
    min-width: 18px;
    height: 13px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    background: #d20101;
    border-radius: 6px;
}
#header .user_panel ul  > li > #ring_news > #ring_ico>#out_info_list{
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 100;
    padding-top: 2em;
}
#header .user_panel ul  > li > #ring_news > #ring_ico>#out_info_list>#info_list{
    width: fit-content;
    height: fit-content;
    background: #f6f6f6;
    border: 2px solid #005293;
    border-radius: 10px;
    padding: 8px;
    margin-right: 3em;
    display: none;
}
#header .user_panel ul  > li > #ring_news:hover > #ring_ico>#out_info_list>#info_list, #header .user_panel ul  > li > #ring_news > #ring_ico>#out_info_list:hover>#info_list>ul{
    display: block;
}
#header .user_panel ul  > li > #ring_news > #ring_ico>#out_info_list>#info_list>ul{
    height: fit-content;
    max-height: 15em;
    font-weight: 600;
    color: #73777F;
    line-height: 2;
    margin-right: 0;
    text-align: left;
    overflow: hidden;
    overflow-y: auto;
}
#header .user_panel ul  > li > #ring_news > #ring_ico>#out_info_list>#info_list>ul>li{
    display: block;
    border-bottom: 2px solid #005293;
    cursor: pointer;
    position: relative;
}
#header .user_panel ul  > li > #ring_news > #ring_ico>#out_info_list>#info_list>ul>li>a.news_clear{
    display: block;
    position: absolute;
    top: 1px;
    right: 0em;
    color: #FF3333;
    font-size: 2em;
    line-height: 0.8;
    border: 2px solid #FF3333;
    border-radius: 35%;
    height: 22px;
    width: 4px;
}
#header .user_panel ul  > li > #ring_news > #ring_ico>#out_info_list>#info_list>ul>li>a.news_clear::before {content: '\D7'; margin-left: -16px;}

.kit_parent {position: relative;}
.kit_parent>#kit_configuration {
    position: absolute;
    top: -10px;
    z-index: 110;
    padding-top: 2em;
    width: 40em;
}
.action_block >.kit_parent>#kit_configuration {right: -45px; top: 20px;}
.kit_parent>#kit_configuration>table{
    width: fit-content;
    height: fit-content;
    background: #f6f6f6;
    border-radius: 10px;
    padding: 8px;
    margin-right: 3em;
    display: none;
    text-align: center;
    vertical-align: middle;
}
.kit_parent:hover>#kit_configuration>table{display: block;}

#header .user_panel ul  > li > #currencyStyle {border-left: 3px solid #D7D8DA; height: 24px; margin-top: -5px; margin-right: 5px;}
#header .user_panel .user_menu > ul > li > a {padding: .25em 1em; display: block; text-align: left; white-space: nowrap;}
#header .user_panel .phone_list {display: inline-block; vertical-align: top;}
#header .user_panel .phone_list li {font-size: 1em;}
#header .find_panel {height: 2.1em; padding: .35em 0; position: relative;}
#header .find_panel > ul {list-style: none; margin: 0; padding: 0;}
#header .find_panel .find {height: 2.1em; margin: 0 4em 0 .5em; position: relative; background: url("ico-find-blue.png") no-repeat right .25em center; box-sizing: border-box;white-space: nowrap;}
#header .find_panel .find > form {opacity: 0; transition: all .3s ease 0.1s;}
#header .find_panel .find:hover > form {opacity: 1;}
#header .find_panel .find #find-reset {background: #fff; border: none; color: red; position: absolute; top:.25em; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; cursor: pointer;}
#header .find_panel .find select {display: none;}
#header .find_panel .find .my-button {display: none;}
.menu, .menu ul {list-style: none; padding: 0; margin: 0; z-index: 80;}
.menu input {display: none;}
.menu .up_site {display: none;}

#header .menu_panel {background: #005293; height: 1.8em; padding: .35em 0;}
#header .currency_list {display: inline-block; padding-top: .25em;}
#header .currency_list select {border: none; color: #fff; padding: 0 1.75em 0 0; background-color: #005293; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');}

#header #favorites {display: block;
    position: absolute;
    top: -67px;
    right: 5.5%;
    width: 2.75em;
    height: 2.75em;
    background-size: 100%;
    text-align: center;
    color: #fff;
    padding: 0 0 0 1.2em;
    line-height: 0.5em;
    box-sizing: border-box;}

#header #favorites >span {
    display: block;
    position: absolute;
    top: -3px;
    right: -8px;
    min-width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-weight: bold;
    background: #005293;
    border-radius: 4px;
}
#header #favorites.select {background: url(ico-favorite.png)no-repeat; background-size: 85%;}

#header .user_bag {position: absolute; bottom:3em; right:1em; width: 2.25em; height: 1.8em; background: url("ico-bag-blue .png") no-repeat bottom left;}
#header .user_bag > iframe {overflow: hidden; border: none; width: 42px; height: 100%; margin-top: 4px;}

#header .dept {color:#fff; display: inline-block; vertical-align: top; padding: .25em 3em 0 0;}

#content {padding: .25em; position: relative;}
#header.my-fixed ~ #content {padding-top: 7.25em;}
#content .left_panel {
    display: none;
    margin-right: 1em;
}
#content .left_panel>div>.title{
    border-bottom: 2px solid #D7D8DA;
    margin-top: 1em;
}
#content .left_panel>div>.title>a>span{
    font-weight: 600;
    font-size: 22px;
    font-family: "TT Supermolot Neue";
}

#content .left_panel > .left_block > .section_list{
    padding: 1em 18px;
}
#content .left_panel > .left_block > .section_list >ul>li{
    border: none;
    width: 100%;
    margin-bottom: 0.5em;
    height: 35px;
    color: #383E48;
    font-size: 14px;
    font-family: Roboto;
}
#content .left_panel > .left_block >.section_list > ul > li:hover {
    box-shadow: none;
    border-bottom: none;
}

#content .right_panel {}
#content .header, #content .footer { min-height: 1em; padding: .5em .5em;}

#content .listtype {
    height: 1.5em;
    display: inline-block;
    padding-left: 20px;
    padding-top: 3px;
}
#content .listtype > a {
    display:inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-left: 2px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 8px;
}
#content .listtype > a:hover, .listtype a.select {transition: all .3s ease 0.1s;}
#content .listtype > a.grid {background-image: url(ico-table-black.png);}
#content .listtype > a.select.grid, #content .listtype > a:hover.grid {background-image: url(ico-table-blue.png);}
#content .listtype > a.list {background-image: url(ico-grid-black.png); font-size: 1em;}
#content .listtype > a.select.list, #content .listtype > a:hover.list {background-image: url(ico-grid-blue.png);}
#content .listtype > a.table {background-image: url(ico-list-black.png);}
#content .listtype > a.select.table, #content .listtype > a:hover.table {background-image: url(ico-list-blue.png);}

#content .sorttype {
    float: right;
    margin-right: 18px;
    font-family: 'Roboto';
    line-height: 2;
    color: #383E48;
}
#content .sorttype select {
    border: 1px solid #b8b8b8;
    margin: 0 .25em;
    padding: .25em 1.75em .25em .25em;
    height: 32px;
    border-radius: 16px;
}
#content .sorttype #itemonpage {
    width: 11em;
    margin-left: 0.8em;
    text-align: center;
    background-size: 13px;
    background-position-x: 138px;
}
#content .sorttype #sorttype{
    width: 14em;
    margin-left: 0.8em;
    text-align: center;
    background-size: 13px;
    background-position-x: 195px;
}

.breadcrumbs {overflow: hidden; position: relative;}
.breadcrumbs ul {list-style: none; display: inline-block; margin: 0; padding: 0;max-width: 90%;}
.breadcrumbs ul li {display: inline-block; margin-right: .5em; white-space: nowrap; padding: .25em 0;}
.breadcrumbs ul li::after {content: '\203A'; color:#005293; display: inline-block; font-size: 1.5em; padding-left: .5em;}
.breadcrumbs ul li:last-child::after {content:'';}
.breadcrumbs a.homepage {display: inline-block; width:1.5em; height:1em; background: url("ico-home.png") no-repeat left center;}

.main_banner {position: relative; left: 0em; width:100%; padding: 0; display: block; padding-top: 24%; list-style: none; margin: 0; margin-top: 1px;}
.main_banner > li {position: absolute; top:0; left:0; width:100%; display:none; height: 100%;}
.main_banner > li img {width: 100%; height: 100%;}
.main_banner .slider_selector_bar {position: absolute; bottom:-8px; left:0; width:100%; height:26px; text-align: center; z-index: 7;}
.main_banner .slider_selector   {display: inline-block; width: 1em; height: 1em; background: #fff; border-radius: 50%; margin:0 5px; cursor:default; color:#fff; box-sizing: border-box; overflow: hidden; border: 1px solid #383E48;}

.section_banner {position: relative;left: 62px; width: 94%; padding: 0; top:-30px;position: relative; display: block; padding-top: 34.12%; list-style: none; margin: 0; }
.section_banner > li {position: absolute; top:0; left:0; width:100%; display:none; height: 100%;}
.section_banner > li img {width: 100%; height: 100%;}
.section_banner .slider_selector_bar {position: absolute; bottom:5px; left:0; width:100%; height:26px; text-align: center; z-index: 7;}
.section_banner .slider_selector   {display: inline-block; width: 1em; height: 1em; background: #fff; border-radius: 50%; margin:0 5px; cursor:default; color:#fff; box-sizing: border-box; overflow: hidden; border: 1px solid #383E48;}
.section_banner > .slider_left_arrow, .section_banner > .slider_right_arrow {display: none;}


div.slider_left_arrow, div.slider_right_arrow{
    position: absolute;
    width: 3em;
    height:  3em;
    position: absolute;
    cursor: pointer;
    z-index: 7;
}
div.slider_left_arrow{
    top: 11px;
    right: 67px;
    background: url(leftArrow.png) no-repeat center #f9f9f9;
    background-size: 60% 60%;
    background-position: center;
    height: 36px;
    width: 36px;
    border: 1px solid #D7D8DA;
    border-radius: 4px;
}
div.slider_right_arrow{
    top: 11px;
    right: 25px;
    background: url(rightArrow.png) no-repeat center #f9f9f9;
    background-size: 60% 60%;
    background-position: center;
    height: 36px;
    width: 36px;
    border: 1px solid #D7D8DA;
    border-radius: 4px;
}

.slider_selector.select {background: #005293; color: #005293;}


.main_news.my-carousel > .my-arrow {background:#f6f6f6;}
.main_news.my-carousel > .my-arrow.right > span::after {border-color: #f6f6f6;border-top-color: transparent;border-left-color: transparent;}
.main_news.my-carousel > .my-arrow.left > span::after {border-color: #f6f6f6;border-bottom-color: transparent;border-right-color: transparent;}

.main_manufacturers{
    padding: 0 !important;
    width: 108%;
    margin-left: -4.5%;
}
.main_manufacturers > .title {
    text-align: left !important;
    position: absolute !important;
    top: 20px;
}

.main_manufacturers > .title >a>span{
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #383E48;
}
.main_manufacturers > .title >a>span:hover{
    color: #005293;
}
.main_manufacturers >ul{
    padding: 0!important;
    margin-left: 13.5%!important;
    width: 83%!important;
}
.my-carousel > .my-arrow > span{
    border: 1px solid #D7D8DA;
    border-radius: 4px;
    color: transparent;
    height: 36px;
    width: 36px;
    left: -10px !important;
}
.my-carousel > .my-arrow.left{
    top: 0;
    right: 40px;
    background: #f6f6f6;
}
.my-carousel > .my-arrow.left >span {
    background: url(leftArrow.png) no-repeat center;
    background-size: 60% 60%;
}
.my-carousel > .my-arrow.right {
    top: 0;
    right: -10px !important;
    background: #f6f6f6;
}
.my-carousel > .my-arrow.right >span {
    background: url(rightArrow.png) no-repeat center;
    background-size: 60% 60%;
}
.action_list.main_manufacturers.my-carousel > .my-arrow {width: 2em; background: transparent;}
.action_list.main_manufacturers.my-carousel > .my-arrow > span {
    border:none;
    font-size: 0;
}
.action_list.main_manufacturers.my-carousel > .my-arrow > span:hover {
    border:none;
}
.main_manufacturers.my-carousel > .my-arrow.right > span::after {border-top-color: transparent;border-left-color: transparent;}
.main_manufacturers.my-carousel > .my-arrow.right {right: 0px; background: url(rightArrow.png) no-repeat center; background-size: 90% 90%;top: 16px;}
.main_manufacturers.my-carousel > .my-arrow.right > span {background: none;}
.main_manufacturers.my-carousel > .my-arrow.left {left: 150px; background: url(leftArrow.png) no-repeat center; background-size: 90% 90%; top: 16px;}
.main_manufacturers.my-carousel > .my-arrow.left > span {background: none;}
.main_manufacturers.my-carousel > .my-arrow.left > span::after {border-bottom-color: transparent;border-right-color: transparent;}
.main_manufacturers li {width:200px; height: 60px; margin:0 10px; display: inline-block; vertical-align: top; position: relative; border: 1px solid #D7D8DA; border-radius: 9px;}
.main_manufacturers li:last-child {margin-right: 0;}
.main_manufacturers li img {height: 55px; margin:0; padding:0 33px;display:block; position: absolute;}
.main_manufacturers li > a > img.first {opacity:1; }
.main_manufacturers li > a > img.second {opacity:0; }
.main_manufacturers li:hover > a > img.first {opacity: 0; transition: opacity .3s ease-out; }
.main_manufacturers li:hover > a > img.second {opacity: 1; transition: opacity .3s ease-out; }

.section_list {display: block; padding: 1em 0;}
.section_list .title {padding: 2em 0 2em 0;}
.section_list .title > span {font-size: 1.5em;}
.section_list > ul {list-style: none; padding: 0; margin: 0;}
.section_list > ul > li {max-width: 425px;min-width: 300px; width: calc(25% - 8px); height: 100px; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; transition: all .3s ease 0.1s; margin-right: 0.4%; margin-bottom: 30px; background-color: #D7D8DA;}
.section_list.half  > ul > li {width: 50%;}
.section_list > ul > li > a {display: block; width: 100%; height: 100%; box-sizing: border-box;  overflow: hidden;}
.section_list > ul > li > a > span {
    font-size: 20px!important;
    font-weight: 600;
    line-height: 1em;
    display: inline-block;
    position: absolute;
    top: 32px;
    left: -18px;
    transform: translate(0, -50%);
    padding: 0 1.5em!important;
    width: 63%;
    max-height: 60px;
    vertical-align: bottom;
    overflow: hidden;
    transition: all 1s ease 0.5s;
    z-index: 1;
    /* word-break: break-all;*/
}
.section_list > ul > li:hover > a > span{
    text-decoration: underline;
}
.section_list > ul > li > a > .children {
    font-family: Roboto;
    font-size: 14px!important;
    font-weight: normal;
    color: #383E48;
    position: absolute;
    top: 80px;
    left: -10px;
    max-height: 28px;
    overflow: hidden;
    width: 60%;
    text-overflow: ellipsis;
}

.left_block .section_list > ul > li{background: none;}
.left_block .section_list > ul > li > a > span{padding: 0 10px!important; font-size: 1.25em!important; font-weight: bold;top: 18px!important;}

.main_catalog {position: relative;}
.main_catalog > ul > li.section_9 {display: none;}
.main_catalog > ul > li > a > span {font-size: 1.5em; padding: 0 1.5em;}

.main_catalog .up_site {position: absolute; top:3em; width: 20em; font-size: .75em; background: #005293; color: #fff;}
.main_catalog .up_site.voin::before {display:block; position: absolute; top:0; left:0; border: 6px solid #005293; border-bottom-color: transparent; border-right-color: transparent;  content: '';}
.main_catalog .up_site.voin::after {display:block; position: absolute; top:-1px; left:-1px; border: 6px solid #fff; border-bottom-color: transparent; border-right-color: transparent;  content: '';}
.main_catalog .up_site.trade::before {display:block; position: absolute; top:0; right:0; border: 6px solid #005293; border-bottom-color: transparent; border-left-color: transparent;  content: '';}
.main_catalog .up_site.trade::after {display:block; position: absolute; top:-1px; right:-1px; border: 6px solid #fff; border-bottom-color: transparent; border-left-color: transparent;  content: '';}
.main_catalog .up_site.trade {right:0;}
.main_catalog .up_site.alloid {right:20em;}
.main_catalog .up_site.voin {right:40em;}

.content_list {
    display: flex;
    padding: 1em 0;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 100%;
}

.action_list {padding: 1em 0;}
.action_list > .title {
    position: relative;
    font-size: 0;
    height: 30px;
}

.action_list > .title > a {
    display: inline-block;
    position: relative;
    top: -1em;
    left: 2px;
    z-index: +1;
    padding: 0 1em;
    text-align: center;
}
.action_list > .title > a > span {font-size: 1.5em; font-weight: bold;}
.action_list > ul {
    list-style: none; width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: .5em 1em; margin: 0;
}
.action_list .addtobag {display: none !important;}

.sale_sticker {
    position: absolute;
    top: 35px;
    left: 8px;
    width: 40px;
    height: 40px;
    background: linear-gradient(to bottom right, #e44100 0%, #e44100 50%);
    z-index: 10;
    border-radius: 50%;
    text-align: center;
}

.blackFirday{
    background: linear-gradient(to top right, #f50404 0%, #060606 90%)!important;
}

.sale_sticker > span {
    line-height: 3;
    color: #f9f9f9;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 600;
}

.action_sticker {
    position: absolute;
    top:0;
    left:0;
}
.action_sticker > span {
    display: block;
    white-space: pre-wrap;
    text-align: center;
    position: absolute;
    margin: 8px 0px 8px 8px;
    padding: 1px 8px;
    border-radius: 10px;
    height: 20px;
    width: max-content;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Roboto';
    font-weight: 600;
}

.action_sticker.action_174 > span {
    background: linear-gradient(to bottom right, #f8bf25 0%, #f8bf25 50%);
    color: #272C33;
}

.action_sticker.action_187 > span {
    background: linear-gradient(to bottom right, #009d5a 0%, #009d5a 50%);;
    color: #f9f9f9;
}

.action_sticker.action_188 > span {
    background: linear-gradient(to bottom right, #f2d06d 0%, #f2d06d 50%);
    color: #272C33;
}

.action_sticker.action_208 > span {
    background: linear-gradient(to bottom right, #e44100 0%, #e44100 50%);
    color: #272C33;
}

.action_sticker.action_265 > span {
    background: linear-gradient(to bottom right, #009d5a 0%, #009d5a 50%);;
    color: #f9f9f9;
}

.action_sticker.action_883 > span {
    background: linear-gradient(to bottom right, #e44100  0%, #e44100  50%);width: fit-content;
    color: #f9f9f9;
}

.action_sticker.action_938 > span {
    background: linear-gradient(to top right, #f50404 0%, #060606 90%); width: 9em; height: 1.5em;
    color: #f9f9f9;
}

.action_sticker.action_996 > span {
    background: url("winter-outlet.png") no-repeat center;
    background-size: 100% 100%;
    color: transparent;
    /*background: linear-gradient(to top right, #02CFFFFF 0%,#005293  90%);
    color: #f9f9f9;*/
}

.action_sticker.action_994 > span {
    background: linear-gradient(to bottom right, #005293 0%, #005293 50%);
    color: #f9f9f9;
}
.action_sticker.is_avaliable > span {
    background: linear-gradient(to bottom right, #009d5a 0%, #009d5a 50%);;
    color: #f9f9f9;
}
.action_sticker.action_markdown > span {
    background: linear-gradient(to bottom right, #fed44b  0%, #fed44b  50%);width: fit-content;
    color:  #221f1f;
}

.action_sticker_userchoice {display: none; position: absolute; top:3em; right:1em; width: 6em; height: 4em; background: url("action_userchoice.png") no-repeat top right; z-index: 20; background-size: 100% auto;}
.action_sticker_made_in_ua {display: none; position: absolute; background: url("made_in_ukr.png") no-repeat top right; z-index: 20; background-size: 100% auto;}
.my-carousel .contentcard.small.goods .action_sticker_made_in_ua {display: none;}

.action_sticker_special_icon {display: none; position: absolute; z-index: 20; background-size: 100% auto;}
.my-carousel .contentcard.small.goods .action_sticker_special_icon {display: none;}

.bonus_sticker{
    overflow: hidden;
}
.bonus_sticker > span{
    display: inline-block;
    line-height: 1em;
    padding: 5px 9px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid;
    border-radius: 14px;
    color: #E44100;
}
.status_sticker {

    overflow: hidden;
}
.status_sticker > span {
    display: inline-block;
    line-height: 1em;
    padding: 5px 9px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid;
    border-radius: 14px;

}
.status_sticker.zakaz > span, .status_sticker.rest > span {
    color: #FF3333;
}
.status_sticker.noavailable > span {
    color: #555555;
}
.status_sticker.rest10 > span {
    color:#009E55;
}

.status_sticker.reserv > span {color:#FFBB33; font-weight: bold; padding: .1em .5em;}

.amount_sticker {
    overflow: hidden;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}

.addtobag {display:block; padding: 0; margin: 0; width: 7em;}
.addtobag > .inbag {
    width: 3.5em;
    text-align: center;
    height: 2em;
    box-sizing: border-box;
    margin-left: 6px;
    margin-top: 2px;
    border: none;
}
.addtobag > a {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
    margin-right: 6px;
    margin-top: 3px;
    border-radius: 50%;
}

.addtobag > a > span {display: block;}
.addtobag > a.reduce {
    left: 5px;
    background: url("minus.png") no-repeat center;
    background-color: #D7D8DA;
}
.addtobag > a.increase {
    background: url("plus.png") no-repeat center;
    background-color: #D7D8DA;
    background-position: 48% 48%;
}

.bagblock {position: absolute; width: 3em; height: 3.5em; opacity: 0; transition: opacity .3s ease-out; background: url("ico-bag-blue .png") center center no-repeat; background-size: 100% auto; text-align: right;}
.bagblock > span {display: inline-block; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 50%; color: #fff; background: #005293; text-align: center;}
.bagblock.show {opacity: 1;}

.favoriteblock {
    display: block;
    position: absolute;
    width:2.5em;
    height: 2.5em;
    background: url(ico-favorite1.svg) no-repeat center;;
    background-size: 100%;
}
.favoriteblock.select {background: url(ico-favorite2.svg) no-repeat center;background-size: 100%;}
.my-carousel .favoriteblock {display: none;}
/*************************** нашли дешевле ******************************/
.is_cheaper{
    display: block;
    position: absolute;
    width:26px;
    height: 26px;
    background: url(is_cheaper.jpg) no-repeat center;
    background-size: 100%;
    border: 2px solid #005293;
    border-radius: 50%;
}
.is_cheaper.select{
    background: url(is_cheaper_gray.jpg) no-repeat center;background-size: 100%;
    border-color: #B2B3B3;
}
.contentcard.small.goods .is_cheaper {display: none;}
.contentcard.medium.goods .is_cheaper {display: none;}
.contentcard.list.goods .is_cheaper {display: none;}
.contentcard.full.goods .is_cheaper {display: none;}
.contentcard.full.bag .is_cheaper {display: none;}
.is_cheaper_but {
    position: absolute;
    top:0;
    left:0;
}
.is_cheaper_but > span {
    display: block;
    text-align: center;
    position: absolute;
    margin: 8px 0px 8px 8px;
    padding: 1px 8px;
    border-radius: 10px;
    height: 20px;
    width: max-content;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Roboto';
    font-weight: 500;
    background: #005293;
    color: #fff;
    cursor: pointer;
}
.is_cheaper_but.select > span{
    background: #B2B3B3;
    color: #272C33;
}
.contentcard.small.goods .is_cheaper_but {
    top: 290px;
    left: -5px;
}
.contentcard.medium.goods .is_cheaper_but {
    top: 174px;
    left: 82%;
}
.contentcard.list.goods .is_cheaper_but{
    top: 65px;
    left: 35%;
}
.contentcard.full.goods .is_cheaper_but {
    top: 90px;
    left: -10px;
}
.action_list li.contentcard.small.goods .is_cheaper_but {display: none;}
.action_list li.contentcard.small.goods .is_cheaper {display: none;}

.filter {padding: 0 1em;}
.filter.title {
    font-weight: bold;
    /*height:1em;*/
    padding: .5em;
    color: #1a1a1a;
    border: 2px solid #D7D8DA;
    border-radius: 9px 9px 0px 0px;
}
.filter.title a {display: block;}
.filter.title a span {float:right; display: block; width:auto; transition: all .5s ease;}
.filter.title.select{
    border-radius: 9px;
}
.filter.title.select a span {transform: rotate(180deg);}
.filter.data {
    font-size: 12px;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .5s ease;
    border: 2px solid #D7D8DA;
    border-radius: 0px 0px 9px 9px;
    border-top: none;
    margin-bottom: 10px;
}
.filter.data.select {max-height:0; overflow: hidden; opacity: 0;}
.filter.data input[type='text'] {width:30%; text-align: center;}
.filter.data a.button, .filter.data input.button  {width:45%; font-size: 12px;}
.filter.data div.data {height: 2em; padding-top: .5em;}
.filter.data ul{
    padding-left: 1em;
    list-style: none;
}
.filter.data div.data>input{
    border: 2px solid #D7D8DA;
    border-radius: 10px;
}
#politic {
    margin-top: 1em;
}
#politic ~ a {color: blue; text-decoration: underline;}
a.bag_bag_link {
    color: blue !important;
    text-decoration: underline !important;
}

#content > div > div.right_panel > div.contentcard.full.catalog > div.header{
    background-color: #D7D8DA;
    width: 99.3%;
    border-radius: 10px;
    min-height: 32px;
}

.contentcard.small, .contentcard.action, .contentcard.medium, .contentcard.list {
    display:inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    text-align: left;
}


.contentcard.small > a, .contentcard.action > a, .contentcard.medium > a, .contentcard.list > a {display: block; height: 100%;}

.contentcard.small.goods {
    width: calc(20% - 8px);
    height: 41em;
    background: #fff;
    transition: all .3s ease 0.1s;
    border-radius: 6px;
    margin: 0 0 1em 0em;

}

.contentcard.small.goods:hover {
    box-shadow: 2px 3px 4px rgba(81, 81, 81, 0.35);
}
.contentcard.small.goods img {
    width:16em;
    height: 16em;
    margin-bottom: 1em;
}
.contentcard.small.goods .title {
    height: 4em;
    line-height: 1em;
    overflow: hidden;
    white-space: pre-wrap;
    padding-top: 0.5em!important;
    font-family: 'TT Supermolot Neue';
    font-size: 16px;
    font-weight: 600;
    color: #005293;
    margin-bottom: 5px;
    margin-top: 35px;
    padding: 0 5px;
}
.contentcard.small.goods .quantity {
    overflow: hidden;
}

.contentcard.small.goods .quantity > span {
    display: inline-block;
    line-height: 1em;
    padding: 5px 9px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #555555;
    border-radius: 14px;
    color: #555555;
    margin-right: 2px;
}
.contentcard.small.goods .quantity > span:nth-child(1){display: none;}
.contentcard.small.goods .status_sticker {
    text-align: left;
    position: absolute;
    top: 212px;
}
.contentcard.small.goods .bonus_sticker{
    text-align: left;
    position: absolute;
    top: 10px;
    right: 10px;
}
.contentcard.small.goods .sale {
    text-align: left;
    padding: 0.5em 50% 0 0;
    color: #555555;
    height: 1em;
    margin-top: 13px;
}
.contentcard.small.goods .sale > span {
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    text-decoration: line-through;
    line-height: 1em;
}
.contentcard.small.goods .sale > span > span {
    font-size: 15px;
    margin-left: 7px;
}
.contentcard.small.goods .price_line{
    display: inline-flex;
    position: absolute;
    bottom: 68px;
    padding: 0px 10%;
    transition: all .2s ease 0.1s;
}


.contentcard.small.goods .price {
    text-align: left;
    padding: .5em 16% 0 0;
    line-height: 1em;
    margin-top: 11px;
}
.contentcard.small.goods .price > span {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -2px;
    overflow: hidden;
    white-space: nowrap;
}
.contentcard.small.goods .price > span > span {
    font-size: 20px;
    margin-left: 7px;
}
.contentcard.small.goods .sale_price {
    color:#FF3333;
}
.contentcard.small.goods .buy {
    position: absolute;
    bottom: 0.5em;
    left: 7px;
    height: 2.4em;
    width: 93.5%;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    background-position: 71px 11px;
    line-height: 1.5;
    background: url(add_to_bag_white_ico.png) no-repeat;
    background-color: #e44100;
    background-size: 24px;
    background-position: 50px 11px;
    font-size: 22px;
    font-weight: 600;
    padding-left: 79px;
}
.contentcard.small.goods .wait {
    position: absolute;
    bottom: 0.5em;
    left: 7px;
    height: 2.4em;
    width: 93.5%;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.35em 1.5em;
    transition: all .3s ease 0.1s;
    line-height: 1.5;
    background-color: #005293;
    font-size: 22px;
    font-weight: 600;
}
.contentcard.small.goods .await {
    position: absolute;
    bottom: 0.5em;
    left: 7px;
    height: 2.4em;
    width: 93.5%;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    background-position: 71px 11px;
    line-height: 1.5;
    background: url(added_to_wait_list_white_ico.png) no-repeat;
    background-color: #3eaf0b;
    background-size: 24px;
    background-position: 10px 10px;
    font-size: 22px;
    font-weight: 600;
    padding-left: 32px;
    overflow: hidden;
}
.await.my-button.my-select:hover {
    color: #fff;
}
.contentcard.small.goods:hover .addtobag{
    position: absolute;
    width: 114px;
    right: 2.9em;
    bottom: 5.5em;
    height: 2.3em;
    padding: 0;
    border: 1px solid #D7D8DA;
    border-radius: 1.1em;
    opacity: 1;
    visibility: visible;
}
.contentcard.small.goods .addtobag > .inbag {
    left: 30px;
    position: relative;
    font-size: 14px;
    top: -2px;
    margin-left: 0;
}
.contentcard.small.goods .addtobag > a.increase {
    left: 6px;
}
.contentcard.small.goods .addtobag > a.reduce {
    left: -48px;
}

.contentcard.small.goods .gift {
    position: absolute;
    top: 7em;
    left: 0.25em;
    width: 6.5em;
    overflow: hidden;
    border: 1px solid #e44100;
    text-align: center;
    transition: all .3s ease 0.1s;
    background: #f9f9f9;
}
.contentcard.small.goods .gift > .title {height: 1em; line-height: 1em; overflow: hidden; background:#e44100; color: #fff; padding: 0.25em 0;  margin-top: 0;font-size: 14px;}
.contentcard.small.goods .gift > img {width: 100%; height: auto; margin: 0;}
.contentcard.small.goods .gift > .article {position: absolute; bottom:.5em; left:0; width: 100%; overflow: hidden; color:#00a3d3; font-size: .8em;}

.contentcard.small.goods .add_discount{
    position: absolute;
    top: 14em;
    left: 0.8em;
    width: fit-content;
    overflow: hidden;
    text-align: center;
    height: 1.5em;
    border-radius: 12px;
    background: #e44100;
}
.contentcard.small.goods .add_discount > .title {
    line-height: 1.3em;
    overflow: hidden;
    background: #e44100;
    color: #fff;
    padding: 0.25em 5px;
    margin-top: 0;
    font-size: 14px;}

.contentcard.small.goods .amount_sticker >span{
    display: inline-block;
    position: absolute;
    line-height: 1em;
    padding: 5px 9px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #555555;
    border-radius: 14px;
    color: #555555;
    top: 270px;
    left: 102px;
    margin-right: 4px;
}
.contentcard.small.goods .bagblock {top:.25em; right:.25em; transition: all .3s ease 0.1s; z-index: 20;}
.contentcard.small.goods .favoriteblock {
    top:17.2em;
    right:1em;
}

.contentcard.small.news {width: 21em; height: 28em; margin-right: 2.5em;}
.contentcard.small.news img {width: 21em; height: 15em;}
.contentcard.small.news .date {margin-top: -1em; text-align: center;}
.contentcard.small.news .date > span {display: inline-block; background: #005293; color: #fff; padding: .25em 1em;}
.contentcard.small.news .title {font-weight: bold; padding: 1em 1.25em; white-space: pre-wrap; height: 3em; line-height: 1.5em; overflow: hidden;}
.contentcard.small.news .shorttext {padding: 0 1.25em; white-space: pre-wrap; height: 4.4em; line-height: 1.1em; overflow: hidden;}
.contentcard.small.news .shorttext span {font-size: .9em;}.contentcard.small.news .shorttext {padding: 0 1.25em; white-space: pre-wrap; height: 4.4em; line-height: 1.1em; overflow: hidden;}
.contentcard.small.news .more {padding: .5em 1.25em; text-align: right}
.contentcard.small.news .more span {font-size: .9em; color:#3f474d; text-decoration: underline; font-style: italic;}
.main_news .contentcard.small.news::after {border: 12px solid #f6f6f6; border-top-color: transparent; border-left-color: transparent;}

.contentcard.medium.goods {
    width:100%;
    height: 13em;
    padding: 0;
    background: #fff;
    transition: all .3s ease 0.1s;
    border-radius: 9px;
    margin-bottom: 5px;
}
.contentcard.medium.goods img {
    width: 12em;
    height: 12em;
    margin: 0.5em 8% 1.5em 8%;
    float: left;
}
.contentcard.medium.goods .goods_info {
    width:27em;
    height: 100%;
    padding: 0.5em 1.5em;
    overflow: hidden;
}
.contentcard.medium.goods .price_info {
    display: inline-flex;
    margin-top: 5px;
}
.contentcard.medium.goods .info{
    margin-top: 0px;
    line-height: 1.5;
    font-size: 14px;
    color: #383E48;
    font-weight: 600;
}
.contentcard.medium.goods .title {
    height: 2em;
    line-height: 1;
    overflow: hidden;
    white-space: pre-wrap;
    font-size: 20px;
    font-weight: 600;
    color: #005293;
    width: 85%;
}
.contentcard.medium.goods .quantity {
    overflow: hidden;
    margin-top: -5px;
}
.contentcard.medium.goods .quantity > span {
    display: inline-block;
    line-height: 1em;
    padding: 0.1em 1em 0 0;
    font-weight: 600;
    color: #383E48;
}

.contentcard.medium.goods .goods_info > .status_action_sticker{
    display: flex;
}

.contentcard.medium.goods .status_sticker>span {
    margin-right: 16px;
}



.contentcard.medium.goods .status_action_sticker>.action_sticker>span {
    display: inline-block;
    line-height: 1.5;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid;
    border-radius: 14px;
    margin-top: 4px;
    margin-left: -8px;
}
.contentcard.medium.goods .action_sticker>span {
    display: none;
}

.contentcard.medium.goods .action_174 > span {
    background: none;
    color: #f8bf25;
}

.contentcard.medium.goods .action_187 > span {
    background: none;
    color: #009d5a;
}
.contentcard.medium.goods .action_188 > span {
    background: none;
    color: #f2d06d;
}
.contentcard.medium.goods .action_208 > span {
    background: none;
    color: #e44100;
}
.contentcard.medium.goods .action_265 > span {
    background: none;
    color: #009d5a;
}
.contentcard.medium.goods .action_883 > span {
    background: none;
    color: #e44100;
}
.contentcard.medium.goods .action_938 > span {
    background: linear-gradient(to top right, #f50404 0%, #060606 90%); width: 4.5em; height: 4.5em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 3px solid transparent;
    border-image: linear-gradient(to bottom right, #f50404 0%, #060606 50%); width: 4.5em; height: 4.5em;
    border-image-slice: 1;
}
.contentcard.medium.goods .action_994 > span {
    background: none;
    color: #005293;
}
.contentcard.medium.goods .action_markdown > span {
    background: none;
    color: #e44100;
}
.contentcard.medium.goods .sale {
    color:#555555;
    height: 1.5em;
}
.contentcard.medium.goods .sale > span {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    text-decoration: line-through;
    line-height: 1em;
    padding-right: 1em;
}
.contentcard.medium.goods .price {line-height: 1em;}
.contentcard.medium.goods .price > span {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -2px;
    overflow: hidden;
    white-space: nowrap;
}
.contentcard.medium.goods .sale_price > span {
    color: #FF3333;
}
.contentcard.medium.goods .price > span > span {font-size: .75em;}
.contentcard.medium.goods .buy {
    position: absolute;
    right: 1em;
    height: 2.4em;
    width: 11em;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    background-position: 71px 11px;
    line-height: 1.5;
    background: url(add_to_bag_white_ico.png) no-repeat;
    background-color: #e44100;
    background-size: 24px;
    background-position: 63px 11px;
    font-size: 22px;
    font-weight: 600;
    padding-left: 79px;
    top: 1em;
}
.contentcard.medium.goods .wait {
    position: absolute;
    right: 1em;
    height: 2.4em;
    width: 11em;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    line-height: 1.5;
    background-color: #005293;
    font-size: 22px;
    font-weight: 600;
    top: 1em;
}
.contentcard.medium.goods .await {
    position: absolute;
    right: 1em;
    height: 2.4em;
    width: 11em;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    line-height: 1.5;
    background: url(added_to_wait_list_white_ico.png) no-repeat;
    background-color: #3eaf0b;
    background-size: 24px;
    background-position: 5px 11px;
    font-size: 22px;
    font-weight: 600;
    padding-left: 79px;
    top: 1em;
}
.contentcard.medium.goods .buy:hover{
    background-color: #EC7A4C !important;
    color: #f9f9f9 !important;
    border-color: #EC7A4C !important;
    filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
    margin-top: -2px;
}
.contentcard.medium.goods .buy:active{
    background-color: #A02E00 !important;
    color: #f9f9f9 !important;
    border-color: #A02E00 !important;
    margin-top: 0px;
}
.contentcard.medium.goods .wait:hover{
    background-color: #5a99c9 !important;
    color: #f9f9f9 !important;
    border-color: #5a99c9 !important;
    filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
    margin-top: -2px;
}
.contentcard.medium.goods .wait:active{
    background-color: #A02E00 !important;
    color: #f9f9f9 !important;
    border-color: #A02E00 !important;
    margin-top: 0px;
}

.contentcard.medium.goods .counter_text{
    position: absolute;
    right: 9.7em;
    top: 7.5em;
    font-size: 18px;
}

.contentcard.medium.goods .addtobag {
    position: absolute;
    width: 141px;
    right: 1.3em;
    height: 2.3em;
    padding: 0;
    border: 1px solid #D7D8DA;
    border-radius: 1.1em;
    opacity: 1;
    top: 8em;
    visibility: visible;
}
.contentcard.medium.goods .addtobag > .inbag {
    left: 35px;
    position: relative;
}

.contentcard.medium.goods .addtobag > a.increase {
    left:3px;
}

.contentcard.medium.goods .addtobag > a.reduce {
    left: -61px;
}

.contentcard.medium.goods .action_sticker_userchoice {
    bottom: 0.5em;
    top: unset;
    right: unset;
    left: 20%;
    transition: all .3s ease 0.1s;
}
.contentcard.medium.goods .status_action_sticker>.action_sticker_userchoice {
    display: none;
}
.contentcard.medium.goods .gift {position: absolute; bottom:.25em; left: .25em; width: 4em; overflow: hidden; border:1px solid #e44100; text-align: center; transition: all .3s ease 0.1s;}
.contentcard.medium.goods .gift > .title {height: 1em; line-height: 1em; overflow: hidden; background:#e44100; color: #fff; padding: 0.25em 0; font-size: .7em; width: 100%;}
.contentcard.medium.goods .gift > img {width: 100%; height: auto; margin: 0;}
.contentcard.medium.goods .gift > .article {position: absolute; bottom:.25em; left:0; width: 100%; overflow: hidden; color:#00a3d3; font-size: .8em;}
.contentcard.medium.goods .amount_sticker {
    padding-top: 0em;
    text-align: left;
}
.contentcard.medium.goods .action_sticker {
    /* display: none;*/
    position: relative;
}

.contentcard.medium.goods .bagblock {
    top: 4em;
    transition: all .3s ease 0.1s;
    font-size: .75em;
    left: 0.25em;
}
.contentcard.medium:hover {box-shadow: 2px 3px 4px rgba(81, 81, 81, 0.35);}
.contentcard.medium.goods .favoriteblock {
    top: 1em;
    width: 2em;
    height: 2em;
    left: 27%;
}
.contentcard.medium.goods .sale_sticker{
    top:0.25em;
    left: 0.25em;
}
.contentcard.medium.goods .add_discount {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: fit-content;
    height: 1em;
    text-align: center;
    background: #e44100;
}
.contentcard.medium.goods .add_discount> .title {
    line-height: 1.3em;
    overflow: hidden;
    background: #e44100;
    color: #fff;
    padding: 0.25em 5px;
    margin-top: 0;
    font-size: 14px;
    height: 1em! important;
    width: auto;
}

.contentcard.list.goods {
    width: 100%;
    height: 6em;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 1em;
    border-bottom: 2px solid #D7D8DA;
    margin-bottom: 5px;
}
.contentcard.list.goods:hover {
    box-shadow: 2px 3px 4px rgba(81, 81, 81, 0.35);
    border-radius: 9px;
}
.contentcard.list.goods img {
    width: 5.5em;
    height: 5.5em;
    padding: 0.1em 5em 0 3.5em;
    float: left;
}
.contentcard.list.goods .goods_info {
    width:38%;
    height: 7em;
    overflow: hidden;
}
.contentcard.list.goods .info {
    font-size: 14px;
    color: #383E48;
    font-weight: 600;
    line-height: 1.5em;
    overflow: hidden;
    height: 45px;
}

.contentcard.list.goods .price_info {
    display: inline-flex;
    position: absolute;
    top: -1em;
    right: 0;
    padding: 2em;
}
.contentcard.list.goods .title {
    height: 1.5em;
    line-height: 1.5em;
    overflow: hidden;
    white-space: pre-wrap;
    padding-top: 0.5em;
    font-family: 'TT Supermolot Neue';
    font-size: 14px;
    font-weight: 600;
    color: #005293;
    margin-top: 3px;
}
.contentcard.list.goods .quantity {height: 1.2em; overflow: hidden;}
.contentcard.list.goods .quantity > span {display: inline-block; line-height: 1em; padding: .1em 1em 0 0; font-weight: bold;}
.contentcard.list.goods .amount_sticker {
    text-align: left !important;
    margin-top: -18px;
    margin-left: 170px;
}
.contentcard.list.goods .status_sticker {
    text-align: right;
    left: 52%;
    top: 3em;
    position: absolute;
}
.contentcard.list.goods .bonus_sticker {
    text-align: right;
    left: 49%;
    top: 3em;
    position: absolute;
}
.contentcard.list.goods .sale_sticker {
    position: absolute;
    top: 0.25em;
    left: 0.5em;
    width: 40px;
    height: 40px;
    background: linear-gradient(to bottom right, #FFBB33 0%, #FFBB33 50%);
    z-index: 10;
    border-radius: 50%;
    text-align: center;
}

.contentcard.list.goods .blackFirday{
    background: linear-gradient(to top right, #f50404 0%, #060606 90%);
}
.winterOutlet{
    background: linear-gradient(to top right, #02CFFFFF 0%,#005293  90%)!important;
}
.contentcard.list.goods .sale {
    color: #555555; height: 1.5em;
}
.contentcard.list.goods .sale > span {
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    text-decoration: line-through;
    line-height: 1em;
    padding-right: 1em;
}
.contentcard.list.goods .sale_price > span {
    color: #FF3333;
}
.contentcard.list.goods .price {line-height: 1em;}
.contentcard.list.goods .price > span {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -2px;
    overflow: hidden;
    white-space: nowrap;
}
.contentcard.list.goods .price > span > span {font-size: .75em;}
.contentcard.list.goods .counter_text{
    position: absolute;
    right: 9.5em;
    top: 2.5em;
    font-size: 18px;
}
.contentcard.list.goods .addtobag {
    position: absolute;
    width: 141px;
    right: 1.3em;
    height: 2.3em;
    padding: 0;
    border: 1px solid #D7D8DA;
    border-radius: 1.1em;
    opacity: 1;
    top: 2.5em;
    visibility: visible;
}
.contentcard.list.goods .addtobag > .inbag {
    left: 35px;
    position: relative;
}

.contentcard.list.goods .addtobag > a.increase {
    left:3px;
}

.contentcard.list.goods .addtobag > a.reduce {
    left: -61px;
}

.contentcard.list.goods .border_block{
    position: absolute;
    border: 2px solid #D7D8DA;
    border-radius: 9px;
    right: 0;
    top: -0.5em;
    width: 16em;
    height: 5em;
    margin: 12px;
    background: transparent;
}
.contentcard.list.goods .gift {position: absolute; bottom:0; left:5px; width: 6em; height: 1.5em; background: url("ico-gift.png") no-repeat; background-size: 100% 100%;}
.contentcard.list.goods .add_discount {
    position: absolute;
    bottom: 0;
    left: 5px;
    width: fit-content;
    height: 1em;
    text-align: center;
    background: #e44100;
}
.contentcard.list.goods .add_discount> .title {
    line-height: 1.3em;
    overflow: hidden;
    background: #e44100;
    color: #fff;
    padding: 0.25em 5px;
    margin-top: 0;
    font-size: 14px;
    height: 1em! important;
}


.contentcard.list.goods .action_sticker {
    left: 57.5%;
    top: 4px;
}
.contentcard.list.goods .action_sticker>span {
    padding: 4px 8px;
    border-radius: 16px;
}
.contentcard.list.goods .bagblock {
    top:0;
    z-index: 20;
    font-size: .75em;
    margin: 0.25em;
}
.contentcard.list.goods .favoriteblock {
    top: 0.5em;
    left: 12em;
    -webkit-transform-origin-x: left;
    width: 1.5em;
    height: 1.5em;
}
.contentcard.list.goods .action_sticker_userchoice {
    display: none;
}

.contentcard.action {padding: .5em; width: 15.5em; height: 10.5em; margin: -1px 0 0 -1px;}
.contentcard.action > a {text-decoration: none; color: #1a1a1a;}
.contentcard.action > a > img {width: 7.5em; height: 7.5em; margin: 1.5em 1em; float:left;}
.contentcard.action > a > .title {font-size:.9em; line-height: 1.25em; height: 6.25em; overflow: hidden; margin-bottom: .75em;}
.contentcard.action > a > .sale {color:#5a99c9; height: 1em; position : absolute; bottom:3em; left:10em;}
.contentcard.action > a > .sale > span {font-size: .95em; font-weight: bold; font-style: italic; text-decoration: line-through; line-height: 1em;}
.contentcard.action > a > .price {padding: .5em 3em 0 0; line-height: 1em; position: absolute; bottom: 1em; left: 10em;}
.contentcard.action > a > .price > span {font-size: 1.25em; font-weight: bold; overflow: hidden; white-space: nowrap;}
.contentcard.action > a > .price > span > span {font-size: .75em;}

.contentcard.action2 {
    height: 137px;
    overflow: hidden;
    position: relative;
    background: #ffffff;
}
.contentcard.action2 img {
    width: 27.6%;
    height: auto;
    margin-right: 25px;
    margin-top: 25px;
    float: left;
}
.contentcard.action2 .title {
    height: 3.5em !important;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: TT Supermolot Neue;
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 18px;
    width: 55%;
    color: #005293;
}
.contentcard.action2 .price {
    display: inline-block; vertical-align: bottom; font-weight: bold;
    position: absolute;
}
.contentcard.action2 .sale {
    display: inline-block;
    vertical-align: bottom;
    color: #5a99c9;
    text-decoration: line-through;
    font-size: 1em;
    padding-left: 2em;
    position: absolute;
    right: 25%;
}

.contentcard.action1 {padding: 1em; height: 18em; overflow: hidden; text-align: center;}
.contentcard.action1 img {width: 10em; height: 10em;}
.contentcard.action1 .title {line-height: 1.25em; height: 3.75em; overflow: hidden; margin: 1em 0;}
.contentcard.action1 .sale {text-align: right; color:#5a99c9; height: 1em; position : absolute; bottom:3em; right:4em;}
.contentcard.action1 .sale > span {font-size: .95em; font-weight: bold; font-style: italic; text-decoration: line-through; line-height: 1em;}
.contentcard.action1 .price {text-align: right; padding: .5em 3em 0 0; line-height: 1em; font-weight: bold;}

.contentcard.full {position: relative; padding-bottom: 1em;}
.contentcard.full > .title {border-bottom: 1px solid #5a99c9; padding: .75em 0; margin-bottom: 1em;}
.contentcard.full > .title > span, .contentcard.full > .title > h1 {font-size: 1.7em; font-weight: bold; text-transform: uppercase; padding: 0; margin: 0;}

.contentcard.full.news>.pagetext>.contentcard.action, .contentcard.full.actions>.pagetext>.contentcard.action{
    margin: 5px;
}

.contentcard.full.news, .contentcard.full.goods {padding: 1em 0;}
.contentcard.full.news .newscomment {border: 1px solid #3288c9; padding: 1em; box-sizing: border-box; background: #f6f6f6;}
.contentcard.full .newscomment > .title > span {font-weight: bold;  margin: 0; border-bottom: 1px solid #5a99c9; padding: 0;}
.contentcard.full.goods > .goods_info {position: relative;}
.contentcard.full.goods > .goods_info>.status_action_sticker{
    height: 2em;
    border: none;
}
.contentcard.full.goods > .goods_info>.status_action_sticker>span{
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    top: -30px;
}
.contentcard.full.goods > .goods_info>.quantity_amount{
    border: none;
}
.contentcard.full.goods .action_sticker_userchoice{
    display: none;
}
.contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker_userchoice{
    display: block;
    position: absolute;
    left: 45%;
    top: -2em;
}
.contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker_made_in_ua {
    display: block;
    top: -30px;
    right: 312px;
    width: 75px;
    height: 60px;
}

.contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker_special_icon {
    display: block;
    top: -30px;
    right: 51%;
    width: 70px;
    height: 46px;
}

.contentcard.full.goods .sale_sticker {
    display: none;
}
.contentcard.full.goods > .goods_info > div {
    padding-bottom: 1em;
    margin-bottom: 1em;
    line-height: 1.5em;
    position: relative;
    margin-left: 15.5%;
    width: 35em;
}
.contentcard.full.goods > .goods_info >.title{
    width: 80%;
}
.contentcard.full.goods > .goods_info >.data_info{
    padding-top: 0em;
}

.contentcard.full.goods .goods_info > #buy_and_status_block  .counter_text{
    margin-top: 1.5em;
}
.contentcard.full.goods > .goods_info >#buy_and_status_block{
    width: 21em;
    height: 13em;
    border: 2px solid #D7D8DA;
    border-radius: 15px;
    padding: 1em;
    position: absolute;
    top: 8.5em;
    right: 18px;
}
.contentcard.full.goods > .goods_info>#buy_and_status_block>.avaliable_status{
    display: flex;
    border-bottom: 1px solid #D7D8DA;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}
.contentcard.full.goods > .goods_info>#buy_and_status_block>.avaliable_status>span{
    font-weight: 600;
}
.contentcard.full.goods > .goods_info > div > span {display: inline-block; width:7em;}
.contentcard.full.goods > .goods_info > div.title > span {
    font-size: 36px;
    font-weight: 600;
    width: 98%;
    line-height: 1.25em;
}
.contentcard.full.goods .status_sticker {text-align: right;}
.contentcard.full.goods  .status_sticker > span {
    border: none;
    margin-top: 0;
}
.contentcard.full.goods  .bonus_sticker{position: absolute; left: 8px; top: 16px;}
.contentcard.full.goods  .bonus_sticker > span {
    padding: 2px 9px;
}
.contentcard.full.goods .sale {
    color:#555555;
    height: 1em;
    font-weight: 600;
    margin-bottom: 1em;
}
.contentcard.full.goods .sale > span {font-weight: bold; text-decoration: line-through; line-height: 1em;}
.contentcard.full.goods .price {}
.contentcard.full.goods .price > span {font-size: 2.25em; font-weight: bold; overflow: hidden; white-space: nowrap;}
.contentcard.full.goods .price > span > span {font-size: .75em;}
.contentcard.full.goods .sale_price {
    color: #FF3333;
}


.contentcard.full.goods .buy {
    position: absolute;
    bottom: 0.5em;
    left: 7px;
    height: 2.4em;
    width: 96.5%;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    background-position: 71px 11px;
    line-height: 1.5;
    background: url(add_to_bag_white_ico.png) no-repeat;
    background-color: #e44100;
    background-size: 24px;
    background-position: 71px 11px;
    font-size: 22px;
    font-weight: 600;
    padding-left: 79px;
}
.contentcard.full.goods  .buy:hover {
    background-color: #EC7A4C !important;
    color: #f9f9f9 !important;
    border-color: #EC7A4C !important;
    filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
    margin-bottom: 2px;
}
.contentcard.full.goods  .buy:active {
    background-color: #A02E00 !important;
    color: #f9f9f9 !important;
    border-color: #A02E00 !important;
    margin-bottom: 0px;
}
.contentcard.full.goods .wait {
    position: absolute;
    bottom: 0.5em;
    left: 7px;
    height: 2.4em;
    width: 96.5%;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    line-height: 1.5;
    background-color: #005293;
    font-size: 22px;
    font-weight: 600;
}
.contentcard.full.goods  .wait:hover {
    background-color: #5a99c9 !important;
    color: #f9f9f9 !important;
    border-color: #5a99c9 !important;
    filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
    margin-bottom: 2px;
}
.contentcard.full.goods  .wait:active {
    background-color: #A02E00 !important;
    color: #f9f9f9 !important;
    border-color: #A02E00 !important;
    margin-bottom: 0px;
}
.contentcard.full.goods .await {
    position: absolute;
    bottom: 0.5em;
    left: 7px;
    height: 2.4em;
    width: 96.5%;
    border-radius: 6px;
    padding: 0.35em 1.5em 0.65em 1.5em;
    transition: all .3s ease 0.1s;
    background-position: 71px 11px;
    line-height: 1.5;
    background: url(added_to_wait_list_white_ico.png) no-repeat;
    background-color: #3eaf0b;
    background-size: 24px;
    background-position: 71px 11px;
    font-size: 22px;
    font-weight: 600;
    padding-left: 79px;
}
.contentcard.full.goods .addtobag {
    position: absolute;
    width: 141px;
    height: 2.3em;
    padding: 0;
    border: 1px solid #D7D8DA;
    border-radius: 1.1em;
    opacity: 1;
    top: 8em;
    visibility: visible;
    left: 8em;
}

.contentcard.full.goods .addtobag > .inbag {
    left: 35px;
    position: relative;
}

.contentcard.full.goods .addtobag > a.increase {
    left:3px;
}

.contentcard.full.goods .addtobag > a.reduce {
    left: -61px;
}

.contentcard.full.goods .amount_sticker {
    left: 0em;
    text-align: left;
    font-weight: initial;
    line-height: initial;
}

.contentcard.full.goods > .goods_info > a > div.action_block {
    min-height: 5em;
    border: 1px solid #e44100;
    margin: 2em 0px 0px 15.5%;
    padding: 0;
    width: 320px;
}
.contentcard.full.goods > .goods_info > a > div.action_block > img {width: inherit; height: 5em; margin: 0 .5em 0 0; float: left;}
.contentcard.full.goods > .goods_info > a > div.action_block > span {display: block; width: auto; text-align: center; font-size: .75em; line-height: 1.2em; padding: .25em 0;}
.contentcard.full.goods > .goods_info > a > div.action_block > span > b {font-size: 1.25em; color: #e44100; line-height: 1.5em;}

.contentcard.full.goods > .goods_info > .added_links > div.action_block {
    min-height: 5em;
    border: 1px solid #e44100;
    margin: 2em 0px 0px 15.5%;
    padding: 0;
    width: 320px;
}
.contentcard.full.goods > .goods_info > .added_links > div.action_block > img {width: auto; height: 5em; margin: 0 .5em 0 0; float: left;}
.contentcard.full.goods > .goods_info > .added_links > div.action_block > a > span {display: block; width: auto; text-align: center; font-size: .75em; line-height: 1.2em; padding: .25em 0;}
.contentcard.full.goods > .goods_info > .added_links > div.action_block > a > span > b, .contentcard.full.goods > .goods_info > .added_links > div.action_block > a > div> span > b  {font-size: 1.25em; color: #e44100; line-height: 1.5em;}
.contentcard.full.goods > .goods_info > .added_links > div.action_block > a:hover > span > b, .contentcard.full.goods > .goods_info > .added_links > div.action_block > a:hover > div> span > b  { color: #01a715;}
.contentcard.full.goods > .goods_info > .added_links > div.action_block > a:active > span > b, .contentcard.full.goods > .goods_info > .added_links > div.action_block > a:active > div> span > b  { color: #f50404;}
.contentcard.full.goods > .goods_info > .added_links > div.action_block > a:focus  > span > b, .contentcard.full.goods > .goods_info > .added_links > div.action_block > a:focus  > div> span > b { color: #005293;}

.contentcard.full.goods .bagblock {top:.5em; left: 0.5em; z-index: 20; font-size: .75em;}
.contentcard.full.goods .favoriteblock {
    width: 2em;
    height: 2em;
    left: 19em;
    margin-top: 0.8em;
    top: 7.5em;
}
.contentcard.full.goods  .my-img-box>img {
    border: none;
}

.contentcard.full > .my-tabs {clear: left;}

.contentcard.full.bag{
    width: 100%;
}
.contentcard.full.bag>.title{
    color: #383E48;
    margin-bottom: 0.8em;
    border: none;
}
.contentcard.full.bag .my-form {padding: 1em 0;}
.contentcard.full.bag .my-button-box {
    text-align: right;
    padding: 1em 0;
}
.contentcard.full.bag .my-form-box {
    padding: 1em;
    width:33%;
}
.contentcard.full.bag .my-form-box.right {float: right;}
.contentcard.full.bag .alarm {font-weight: bold; text-align: center; color: red;}

.contentcard.full.bag > form > #code_s_summ_total > .promocode{
    background: linear-gradient(96deg, #FF7A00 4.64%, #E44100 75.66%);
    border-radius: 14px;
    height: 8.7em;
    padding: 1em 1.5em;
}
.contentcard.full.bag > form > #code_s_summ_total >.disablePromo{
    background: linear-gradient(96deg, #383E48 4.64%, #D7D8DA 75.66%);
}
.contentcard.full.bag > form> #user_info>li>.disableInput{ background:#D7D8DA;}
.contentcard.full.bag > form > #code_s_summ_total > .promocode> span{
    color: #f9f9f9 !important;
}
.contentcard.full.bag > form > #code_s_summ_total > .promocode> .title{
    font-size: 26px;
    font-weight: bold;
    color: #f9f9f9;
    padding-top: 17px;
    border: none;
}
.contentcard.full.bag > form > #code_s_summ_total > .promocode> input{
    margin-top: 1.3em;
    height: 38px;
}
.contentcard.full.bag > form > #code_s_summ_total > .promocode>.confirm_promocode{
    color: #FFFFFF;
    background-color: #383E48;
    border-radius: 18px;
    position: absolute;
    font-size: 22px;
    font-weight: 600;
    padding: 6px 34px;
    top: 97px;
    right: 24px;
    cursor: pointer;
    height: 26px;
}
.contentcard.full.bag > form > #code_s_summ_total > .promocode>.confirm_promocode:hover{
    color: #383E48;
    border: 2px solid #383E48;
    background: linear-gradient(96deg, #FF7A00 4.64%, #E44100 75.66%);;
    padding: 4px 32px;
}
.promocode>span.hide {opacity: 0;}

.contentcard.full.bag > form > #code_s_summ_total > .total>div>p{
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 6px;
    margin-left: 6px;
}
.contentcard.full.bag > form > #code_s_summ_total > .total>div>.regular_text{
    font-size: 1em;
}
.contentcard.full.bag>form>#code_s_summ_total > li>#bag_info > #politic_link{
    padding-left: 1.5em;
    font-size: 12px;
    font-weight: 600;
    width: 90%;
    margin-top: -1.5em;
}
.contentcard.full.bag>form>#code_s_summ_total > li>#bag_info{
    width: 100%;
    background: #D7D8DA;
    border-radius: 14px;
    margin-top: 1.2em;
    height: auto;
    padding-bottom: 1px;
}
.contentcard.full.bag>form>#code_s_summ_total > li>#bag_info> .payment_types{
    background: url(payment_type.png)no-repeat center;
    background-size: 100% 100%;
    height: 24px;
    width: 280px;
    margin-top: 1em;
    margin-left: 2.5em;
    font-size: 9px;
    position: relative;
}
.contentcard.full.bag>form>#code_s_summ_total > li>#bag_info> .payment_types>.hiden_text{
    position: absolute;
    font-size: 16px;
    width: 100%;
    background: #f9f9f9;
    border: 2px solid #D7D8DA;
    border-radius: 9px;
    padding: 5px;
    top: 40px;
    font-weight: 600;
    display: none;
}
.contentcard.full.bag>form>#code_s_summ_total > li>#bag_info> .payment_types:hover>.hiden_text{
    display: block;
}
.contentcard.full.bag > form > ul > li > span {
    font-weight: 600;
}
.contentcard.full.bag > form > ul > li > .title {
    font-weight: bold;
    font-size: 20px;
    color: #383E48;
    border-bottom: 2px solid #005293;
}
.contentcard.full.bag .my-button-box > .fast_buy {
    background: url(like_ico_white.png) no-repeat;
    background-color: #e44100;
    background-size: 24px;
    background-position: 20px 9px;
    width: 15em;
    text-align: end;
    font-size: 20px;
}
.contentcard.full.bag .my-button-box > .fast_buy:hover {
    background: url(like_ico_orange.png) no-repeat;
    background-color: #f9f9f9;
    color:#e44100;
    background-size: 24px;
    background-position: 20px 9px;
}
.contentcard.full.bag .my-button-box > .full_buy {
    background-color: #e44100;
    width: 15em;
    text-align: center;
    font-size: 20px;
}
.contentcard.full.bag .my-button-box > .full_buy:hover {
    background-color: #f9f9f9;
    color:#e44100;
}
.contentcard.full.bag> .my-form input[type=text], .contentcard.full.bag> .my-form input[type=number], .contentcard.full.bag> .my-form input[type=password],.contentcard.full.bag> .my-form textarea,.contentcard.full.bag> .my-form select{
    width: 100%;
    border: 2px solid #D7D8DA;
    border-radius: 18px;
}
.contentcard.full.bag> .my-form input[type=text]:hover, .contentcard.full.bag> .my-form input[type=number]:hover, .contentcard.full.bag> .my-form input[type=password]:hover,.contentcard.full.bag> .my-form textarea:hover,.contentcard.full.bag> .my-form select:hover{
    border: 1px solid #CCDCEA;
    filter: drop-shadow(0px 0px 4px rgba(76, 133, 181, 0.81));
}
.contentcard.full.bag> .my-form input[type=text]:focus,.contentcard.full.bag> .my-form input[type=number]:focus, .contentcard.full.bag> .my-form input[type=password]:focus,.contentcard.full.bag> .my-form textarea:focus,.contentcard.full.bag> .my-form select:focus{
    border: 1px solid #005293;
}
/**********Дизайн поля для регистрации клиента************/
.register_form {
    width: 128%;
    margin-left: -1em;
}
.register_form >.title{
    font-size: 30px;
    font-weight: bold;
    color: #383E48;
    line-height: 1.2;
    margin-bottom: 0.5em !important;
}
.register_form >form{
    border: 1px solid #D7D8DA;
    border-radius: 38px;
    width: 97.5%;
    padding: 1.8em 0em 1.8em 1.9em;
}
.register_form >form>ul.half{
    width: 37%;
    padding: 0em !important;
}

.register_form >form>ul.last_part{
    width: 25%;
}
.register_form >form>ul>li>.reg_info{
    margin-top: 2.5em;
    margin-bottom: 1em;
}
.register_form >form>ul>li{
    width: 92%;
}
.register_form >form>ul>li>span{
    font-weight: bold;
    padding: 0em;
    margin-top: 2em;
}
.register_form >form>ul>li>.password{
    margin-top: unset;
}
.register_form >form>ul>li>input, .register_form >form>ul>li>span>input{
    border: 1px solid #D7D8DA !important;
    border-radius: 1.25em;
    font-size: 18px;
}
.register_form >form>ul>li>textarea{
    border: 1px solid #D7D8DA !important;
    border-radius: 1.25em;
}
.register_form >form>ul>li>.my-button-box>label{
    background-color: #E44100!important;
    color: #f9f9f9;
    border-color: #E44100;
    font-size: 20px;
    width: 14em;
}
.register_form >form>ul>li>.my-button-box>label:hover{
    background-color: #f9f9f9!important;
    color:  #E44100!important;
}
/*******************Дизайн формы авторизации **********************************/
.autorization_form >.title{
    font-size: 30px;
    font-weight: bold;
    color: #383E48;
    line-height: 1.2;
    margin-bottom: 0.5em !important;
}
.autorization_form >form{
    border: 1px solid #D7D8DA;
    border-radius: 38px;
    width: 52%;
    padding: 1.8em 0em 1.8em 1.9em;
}
.autorization_form >form>ul{
    width: 98%!important;
}
.autorization_form >form>ul>li>span{
    font-weight: bold;
    padding: 0em;
    margin-top: 2em;
}
.autorization_form >form>ul>li>.password, .autorization_form >form>ul>li>.log{
    margin-top: unset;
}
.autorization_form >form>ul>li>input, .autorization_form >form>ul>li>span>input{
    border: 1px solid #D7D8DA !important;
    border-radius: 1.25em;
    font-size: 18px;
}

.autorization_form >form>ul>li.my-button-box{
    display: flex;
    justify-content: space-around;
    font-size: 18px;
}
.autorization_form >form>ul>li.my-button-box.half>span{
    width: 45%;
}
.autorization_form >form>ul>li.my-button-box>span{
    width: 90%;
}
/**********Конец ************/

.correction {margin: -1em 0em 1em 0em !important}

.contentcard.full > .my-tabs .title {margin-bottom: 1em;}
.contentcard.full > .my-tabs .title > span {font-weight: bold;  margin: 0; border-bottom: 1px solid #5a99c9; padding: 0;}

.personal_bag {list-style: none; padding: 0; margin:0;}
.personal_bag > li {
    border-bottom: 1px solid #D7D8DA;
    padding: 2px 0;
}
.personal_bag > li.title {
    background: #D7D8DA;
    text-align: center;
    font-weight: bold;
    height: 2.2em;
    line-height: 0;
    color: #383E48;
}
.personal_bag > li.data {position: relative; margin-top: -1px;}
.personal_bag > li img {
    width: 9em;
    height: auto;
    margin-left: 2em;
}
.personal_bag > li div.title {border-bottom: 1px solid #3288c9; padding-bottom: .5em; margin-bottom: .5em;}
.personal_bag > li > span:nth-child(2) span {width: 8em; display: inline-block;}
.personal_bag > li > span {display: inline-block; vertical-align: top; box-sizing: border-box; padding: 1em; position: relative;}
.personal_bag > li > span:nth-child(1) {
    width: 15%;
}
.personal_bag > li > span:nth-child(2) {width: 30%;}
.personal_bag > li > span:nth-child(2) > b {color:#e44100;}
.personal_bag > li > span:nth-child(3) {width: 15%;}

.personal_bag > li > span:nth-child(3)>i {
    color: #FF3333;
    position: absolute;
    top: 20px;
    left: 185px;
}
.personal_bag > li > span:nth-child(4) {width: 8%;}
.personal_bag > li.data > span:nth-child(4) {
    text-align: center;
    top: 2.5em;
}
.personal_bag > li.data > span:nth-child(4) b {font-size: 1.25em;}
.personal_bag > li.data > span:nth-child(4) i {font-size: .75em; color: red;}
.personal_bag > li > span:nth-child(5) {width: 15%;}
.personal_bag > li.data > span:nth-child(5) {text-align: center; top: 4em;}
.personal_bag > li > span:nth-child(6) {width: 15%;}
.personal_bag > li.data > span:nth-child(6) {
    text-align: center;
    top: 2.5em;
}
.personal_bag > li > span> a >.name{
    font-size: 16px;
    color: #005293;
    font-weight: 600;
}

.personal_bag > li.data > span:nth-child(6) b {
    font-size: 1.25em;
}
.personal_bag > li.data > span:nth-child(6) i {
    font-size: 1.25em;
    color: #FF3333;
}
.personal_bag > li > a.bag_clear {
    display: block;
    position: absolute;
    top: 1.2em;
    right: 0.8em;
    color: #FF3333;
    font-size: 2.5em;
}
.personal_bag > li > a.bag_clear::before {content: '\D7';}
.personal_bag > li .status_sticker {
    position:relative;
    top: 2em;
}

.personal_bag > li .bonus_sticker {
    position:relative;
    top: 30px;
}

.personal_bag > li>span>.sale_sticker{
    display: none;
}
.personal_bag > li .action_sticker_userchoice{
    display: none;
}
.personal_bag > li .action_sticker{
    position: relative;
}

.personal_bag > li .action_sticker>span{
    padding: 4px 8px;
    border-radius: 14px;
    margin: 0px 0px 8px 0px
}

.personal_bag > li  .amount_sticker {
    text-align: left;
    padding-top: 36px;
    font-size: .8em;
    color: #009E55;
    height: auto;
}
.personal_bag > li  .amount_sticker >span{
    display: inline-block;
    line-height: 1em;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 14px;
    border: 3px solid;
    border-radius: 14px;
    margin-top: 4px;
}
.personal_bag > li > span > .selectedGift {width: 215%;}
.personal_bag > li > span > .selectedGift > b{color: #e44100;}
.personal_bag > li > span > .selectedGift > span > select{line-height: 1.5em; margin-top: 0.2em; width: 350%;}
.personal_bag .addtobag {
    left: 2em;
    z-index: 10;
    background: #fff;
    position: relative;
    top: -2.3em;
    width: 8.8em;
    height: 2.5em;
    border-radius: 25px;
    padding: 4px 4px 0px 4px;
    border: 2px solid #D7D8DA;
}

.personal_bag .addtobag > .inbag {
    margin-top: 4px;
}

.personal_bag .addtobag > .inbag {
    left: 35px;
    position: relative;
}

.personal_bag .addtobag > a.increase {
    left:3px;
}

.personal_bag .addtobag > a.reduce {
    left: -61px;
}

.pagetext {line-height: 1.5em; padding: 1em 0; width: 100%; max-width: 1000px; overflow: auto;}
.pagetext img {max-width: 100%;}
.pagetext table {max-width: 100%;}
.pagetext p {text-indent: 0em; text-align: left;}
.pagetext p > img {margin-left: 0em;}
.pagetext a {text-decoration: underline; color:#115e9a;}
.pagetext > div.my-galery > img {height:16em; width:auto;}
.pagetext ul { padding: 0; margin-left: 20px;}
.pagetext ul > li {margin-bottom: 1em;}

.video {line-height: 1.5em; padding: 1em 0; width: 100%; overflow: auto;}
.video p {
    text-indent: 0em;
    text-align: center;
}
.additonal_img>p{
    text-align: center;
}
.additonal_img>p> img{
    width: 80%;
}
#footer {; color:#383E48; background: #F9F9F9; position: relative;}
#footer::before {
    display: block;
    position: absolute;
    bottom: 46px;
    right: 0;
    border: 19px solid #272c32;
    border-top-color: transparent;
    border-left-color: transparent;
    content: '';
}
#footer .wrapper {
    width: 96.5%;
}

#footer .footer_panel {
    display: inline-block;
    vertical-align: top;
    width: 22.9%;
    box-sizing: border-box;
    text-align: left;
    margin-right: 1%;
    padding-bottom: 10px;
}

#fifth_line_footer>.footer_panel {
    width: 18%;
    font-size: 14px;
}

#footer div.title > a > span { font-family: TT Supermolot Neue; font-style: normal; font-weight: 600; font-size: 22px; line-height: 25px; color: #000000; border-bottom: 2px solid #005293; padding-bottom: 4px; padding-right: 10px;}

#footer .title {font-size: 1.5em; height: 1.2em; }

#footer .footer_panel .contentcard.action2 img {
    width: 31%;
    height: auto;
    margin-right: 3%;
    margin-top: 10px;
    float: left;
}
#hans_on_vitol_block{
    position: relative;
    display: block;
    margin-top: 40px;
    padding-bottom: 14%;
}
#hans_on_vitol{
    padding-top: 110%;
    position: relative;
    display: block;
}
#alloid_links{
    height: 456px;
    position: relative;
}

#alloid_links>a{
    position: absolute;
    border:3px solid #383E48;
    padding: 5px 10px;
    text-decoration: none;
    color: #383E48;
    border-radius: 5px;
}
#alloid_links>#alloid_on_vitol{
    position: absolute;
    border: 3px solid #383E48;
    text-decoration: none;
    color: #383E48;
    border-radius: 5px;
    /*top: 298px;*/
    bottom: 5px;
    left: 8px;
    width: 95px;
    text-align: center;
}
#alloid_links>#alloid_sait{
    /*top: 258px;*/
    bottom: 45px;
    left: 8px;
    width: 108px;
    background: url("bag_black_ plus.png")no-repeat;
    background-size: 11%;
    background-position: 14px 5px;
    padding-left: 36px;
}

#first_line_footer {
    margin-bottom: 39px;
}
#first_line_footer > div > div > div.title
{
    border-bottom: 2px solid #D7D8DA;
    margin-bottom: 15px;
    margin-top: -3px;
    padding-bottom: 3px;
}

#second_line_footer{
    display: inline-flex;
    height: 3em;
    margin-bottom: 11px;
    width: 75%;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 0px 10%;
}
#second_line_footer>#delivery_link>img{
    height: 36px;
    vertical-align: center;
    margin-top: 5px;
    margin-left: -50px;
}
#second_line_footer>#delivery_link{
    position: relative;
}
#second_line_footer>#delivery_link>a{
    color: #73777F;
    font-family: 'TT Supermolot Neue';
    font-size: 20px;
    font-weight: 600;
    top: 11px;
    position: absolute;
    margin-left: 11px;
}
#second_line_footer>#guarantee{
    position: relative;
}
#second_line_footer>#guarantee>img{
    height: 36px;
    vertical-align: center;
    margin-top: 5px;
    margin-left: -50px;
}
#second_line_footer>#guarantee>a{
    color:#73777F;
    font-family: 'TT Supermolot Neue';
    font-size: 20px;
    font-weight: 600;
    top: 11px;
    position: absolute;
    margin-left: 11px;
}
#second_line_footer>#loyality_link{
    position: relative;
}
#second_line_footer>#loyality_link>img{
    height: 36px;
    vertical-align: center;
    margin-top: 5px;
    margin-left: -50px;
}
#second_line_footer>#loyality_link>a{
    color: #73777F;
    font-family: 'TT Supermolot Neue';
    font-size: 20px;
    font-weight: 600;
    top: 11px;
    position: absolute;
    margin-left: 11px;
    width: max-content;
}
#third_line_footer{
    background: #005293;
    height: 6em;
    margin-bottom: 45px;
    width: 95%;
    border-radius: 16px;
    position: relative;
    display: flex;
    align-items: center;
}
#third_line_footer> form > img{
    height: 44px;
    margin-left: 40px;
    margin-top: 7px;
}

#third_line_footer> form >label{
    color: #f9f9f9;
    font-weight: 600;
    font-family: "TT Supermolot Neue";
    font-size: 36px;
    position: absolute;
    top: 9px;
    left: 97px;
    width: 26%;

}
#third_line_footer> form >span{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    position: absolute;
    top: 27px;
    left: 40%;
    width: 20%;
    text-align: center;

}
#third_line_footer> form >input{
    position: absolute;
    right: 107px;
    top: 26px;
    border-radius: 25px;
    width: 27%;
    height: 42px;
    padding-left: 26px;
}

#third_line_footer> form >button {
    position: absolute;
    right: 34px;
    top: 26px;
    padding: 14px 23px;
    border-radius: 26px;
    background: #383E48;
    color: #f9f9f9;
    font-family: 'TT Supermolot Neue';
    font-weight: 600;
    border: none;
    font-size: 16px;
}
#forth_line_footer{
    margin-bottom: 20px;
}
#forth_line_footer>img {
    height: 95px;
    margin-left: 5px;
}
#fifth_line_footer{
    display: block;
}

#fifth_line_footer>{
    display: inline-flex;
    width: 97.3%;
    justify-content: space-evenly;
    flex-direction: row;
}

#fifth_line_footer > #phones_for_new_clients{
    max-width: 320px;
}

#fifth_line_footer > .footer_panel > .title{
    font-weight: 600;
    height: auto;
    font-size: 22px;
    color: #383E48;
}

#phones_for_new_clients > .title{
    width: 195px;
}

#fifth_line_footer>.footer_panel >.phone_list{
    margin-top: 30px;
}

#fifth_line_footer >.footer_panel > ul{
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Roboto';
    line-height: 2em;
}

#fifth_line_footer >.footer_panel >#hotline_phone{
    display: inline-flex;
    margin-top: 25px;
    margin-left: 4px;
    margin-bottom: 11px;
}

#fifth_line_footer > .footer_panel >#hotline_phone>img{
    height: 94px;
}

#hotline_phone > #hotline_phone_number{
    width: max-content;
    margin-top: -22px;
}

#hotline_phone_in_footer > p{
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #383E48;
    margin-top: 6px;
    margin-bottom: 0px;
}

#hotline_phone > #hotline_phone_number > #hot_phone_num{
    font-size: 30px;
    font-weight: 600;
    font-style:normal;
    margin-top: 42px;
    font-family: 'TT Supermolot Neue';
    padding-right: 40px;
    border: none;
    color: #383E48;
    margin-left: -4px;
    line-height: 0.5;
}

#fifth_line_footer > .footer_panel > #soshialnetworklink{
    margin-left: 8px;
}

#fifth_line_footer > .footer_panel > #soshialnetworklink > p > a > img{
    height: 35px;
    margin-right: 20px;
}
#hotline_phone_in_footer{
    position: relative;
}
#hotline_phone_in_footer >div>img{
    position: absolute;
    height: 35px;
    top: 38px;
    left: 85px;
}
#hotline_phone_in_footer >.phone_list {
    list-style: none;
    margin-top: 12px;
    margin-left: -38px;
}
#hotline_phone_in_footer >.phone_list li.email {
    background-image: url(mail_icon.png);
    margin-bottom: 16px;
}
#hotline_phone_in_footer >.phone_list li.telegram {background-image: url("ico_telegram_negate.png");}


#fifth_line_footer >#for_partners>.partner_list{
    margin-top: 30px;
    margin-bottom: 38px;
}

#fifth_line_footer > div > a{
    font-size: 30px;
    font-weight: 600;
    font-style:normal;
    margin-top: 31px;
    font-family: 'TT Supermolot Neue';
    line-height: 2;
}

#fifth_line_footer > #meinmenu_in_footer{
    padding-left:31px;
}
#fifth_line_footer > #catalog_in_footer>.menu{
    margin-top: 30px;
}

#fifth_line_footer > #meinmenu_in_footer>.menu{
    margin-top: 30px;
}

#fifth_line_footer > #phones_for_new_clients>.phone_list > li{
    padding-left: 0;
}

#footer>div> .footer_panel >div>.title {border-bottom: 1px solid #D7D8DA; }

#footer>div> .footer_panel >div>.contentcard>a>.title{
    height: 54px;
    left: 0px;
    top: 0px;
    font-family: TT Supermolot Neue;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    color: #005293;
    white-space: normal;
    overflow: hidden;
}


#footer .menu li {padding: .25em 0;}
#footer .menu li > span {display: inline-block; width: 6.6em;}
#footer .menu a {display: block; height: 100%;}
#footer .menu a.select, #footer .menu li.select {font-weight: bold; padding: .5em 0;}
#footer .phone_list li {margin: .5em 0; padding-left: 3em; }

#footer .partner_list li.alloid {
    background: url(ico-alloid-black.png) no-repeat left center;
    background-size: 82%;
    height: 4.5em;
    height: 90px;
}

#footer .partner_list li.hans {background: url("ico-hans-white.png") no-repeat left center; height:4.5em;}
#footer .partner_list li.procar {background: url("ico-procar-white.png") no-repeat left center; height:4.5em;}
#footer .social_list {padding-bottom: 1em;}
#footer .link_list li.lamp {background: url("ico_lamp_negate.png") no-repeat left center; background-size: 34px 34px; margin: .5em 0;}
#footer .link_list li.lamp a {
    padding-left: 3em;
    line-height: 1.25em;
    height: 2em;
    display: table-cell;
    vertical-align: bottom;
}
#footer .copyright {
    background: #272C32;
    font-size: .9em;
    display: block;
    padding: 0.25em 39px;
    color: #F9F9F9;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 2;
    height: 39px;

}
#footer .copyright>div {
    background: url(payment_type.png)no-repeat center;
    position: absolute;
    right: 211px;
    width: 360px;
    height: 29px;
    background-size: 100% 100%;

}

#footer .social_list li {display: inline-block; width: 3.25em; height: 3.25em; margin: 1em .5em 0 0; background: no-repeat center center; background-size: 100% 100%; padding: 0;}
#footer .social_list li.instagram {background-image: url("ico-instagram.png");}
#footer .social_list li.facebook {background-image: url("ico-facebook.png");}
#footer .social_list li.youtube {background-image: url("ico-youtube.png");}

#footer .payment_list li {display: inline-block; margin: -0.5em .5em 0 -1em; padding: 0;}
#img_payments_types {  display: block; width: 4em; height: 11em; background-image: url("payment_M.svg"); background-size:100% 100%; }

.comments {margin: 1em;}
.comments_list {display: inline-block; vertical-align: top; width: 55%; box-sizing: border-box;}
.comments_edit {display: inline-block; vertical-align: top; width: 45%; box-sizing: border-box; padding: 1em;}
.comments_list ul.comment_tree {list-style: none; margin: 0; padding: .5em;}
.comments_list ul ul {padding: .5em;}
.comments_list ul ul.comment_tree {padding: 0; margin-left: -4em;}
.comments_list li.comment { min-height: 4em; margin-top: .5em; padding: .5em .5em .5em 5em; background: #fff; border: 1px solid #3288c9; position: relative;}
.comments_list li.comment::before {display:block; position: absolute; bottom:0; right:0; border: 12px solid #3288c9; border-top-color: transparent; border-left-color: transparent;  content: '';}
.comments_list li.comment::after {display:block; position: absolute; bottom:-1px; right:-1px; border: 12px solid #f6f6f6; border-top-color: transparent; border-left-color: transparent;  content: '';}
.comments_list li.comment div.user {padding: .2em 0!important; font-weight: bold; font-size: 1em !important; margin: 0 0 .2em 0!important;}
.comments_list li.comment div.photo {width:4em; height:4em; margin-left: -4.5em; float:left; background: url(noimage17.png) no-repeat; background-size: 4em 4em; border: 1px solid #d5d5d5; border-radius: .5em;}
.comments_list li.comment div.user span {float: right; color: #707070; font-weight: normal; border: none;}
.comments_list li.comment div.user a {color: #0e2fe5;}
.comments_list li.comment div.commenttext {padding-top: .5em;}
.comments_tools_bar {font-style: italic; height:1.5em; padding-top: 1em; font-size: .8em;}
.comments_tools_bar span {cursor: pointer; margin: 0 .2em; display: inline-block; line-height: 1.5em; color:#157fe1;text-decoration: underline; vertical-align: top;}
.comments_tools_bar span:hover {}
.comments_tools_bar span.img {width:1.5em; height:1.5em; padding:0; background-size: 100% 100%; background-repeat: no-repeat;}
.comments_tools_bar span.img.c_3 {background-image: url(myEdit/toolsturnon.png);}
.comments_tools_bar span.img.c_4 {background-image: url(myEdit/toolsturnoff.png);}
.comments_tools_bar span.img.c_5 {background-image: url(myEdit/toolstrash.png);}
.comments_tools_bar span.img.c_6 {background-image: url(myEdit/toolsusblock.png);}
.comments_tools_bar span.img.c_7 {background-image: url(myEdit/toolsipblock.png);}
.comments_tools_bar span.hide {display: none;}

#true-user {position: fixed; top:10em; right:0; z-index: 90;}
#true-user.my-fixed {top:1em; right: 15%;}

.catalog_tree ul {list-style: none; padding: 0; user-select: none;}
.catalog_tree > ul li {position: relative; padding: .25em 0 .25em 2em; margin: .5em 0; border-bottom: 1px solid #D7D8DA;}
.catalog_tree > ul li > label {position: absolute; top:.25em; left:0; width: 1em; height: 1em; background: url("ico-arrow_blue.png") no-repeat center center; background-size: 100% 100%;}
.catalog_tree > ul li > input {display: none;}
.catalog_tree > ul li > span.value {position: absolute; top:0; right:0;}
.catalog_tree > ul > li ul {display: none;}
.catalog_tree > ul input:checked ~ ul {display: block;}
.catalog_tree > ul input:checked ~ label {transform: rotate(90deg);}

.password {
    position: relative;
}
.password-control {
    position: absolute;
    top: 10px;
    right:10px;
    display: inline-block;
    width: 20px;
    height: 55%;
    background: url("view.png") center no-repeat;
    background-size:contain;

}
.password-control.view {
    background: url("no-view.png") center no-repeat;
    background-size:contain;

}

#gototop {
    right: 23px;
    bottom: 8.3em;
    position: fixed;
    padding: 0;
    width: 4em;
    height: 4em;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    z-index: 500;
    background: url(ico-gotop.png) no-repeat;
    background-size: 80%;
    border-radius: 30px;
}
#gototop.show {opacity: 1;}



/***** Стили для PayPart от приватбанка *****/

.main-content-lesons {
    -ms-flex-preferred-size: 860px;
    flex-basis: 860px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-item-align: end;
    align-self: end;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.main-content-lesons select{
    margin-left: 3em;
    width: 7em;
    height: 2em;
    padding-left: 0.5em;
    border-radius: 1em;
}
.main-content-lesons h4{
    margin-left: 3em;
}
.purchase-info {
    justify-content: space-around;
    flex-basis: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;

}

#creditButton {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    user-select: none;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
    text-decoration: underline;
    color: #fff;
    background-color: #26a69a;
    text-align: center;
    letter-spacing: .5px;
    border: none;
    border-radius: 10px;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 3em;
    text-transform: uppercase;
    justify-content: center;
    font-weight: 800;
}
/*стрелки на меню*/
i.back_arrow_left {
    position: absolute;
    opacity: 0.3;
    border: solid #005293;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    left: 0em;
    margin-top: 0.25em;
}

/*синяя стрелка для пунктов подменю*/
i.blue_arrow_right{
    position: absolute;
    border: solid #005293;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    right: 0em;
    margin-top: 0.25em;
    margin-right: 1em;
    bottom:0.5em;
}

.right_arrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left_arrow {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
/*      кнопка крест   */
.close_submenu {
    position: absolute;
    right: 32px;
    top: 1.25em;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    cursor: pointer;
}
.close_submenu:hover {
    opacity: 1;
}
.close_submenu:before, .close_submenu:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #005293;
}
.close_submenu:before {
    transform: rotate(45deg);
}
.close_submenu:after {
    transform: rotate(-45deg);
}

/*стили дл¤ перечня брендов над футером главной страницы*/

ul.our_brans_list {
    list-style:none;
    height: 14em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
ul.our_brans_list>li{
    display: block;
    box-sizing: border-box;
    white-space: nowrap;
    font-weight: bold;
}

/**************** Всплывающая подсказка при наведении начало*********/
.tooltip {
    position: absolute;
    right: 1em;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Roboto';
    border-bottom: 1px dotted black;
    cursor: pointer;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    text-align: center;
    background: #005293;
    color: #f9f9f9;
    font-size: 14px;
    font-weight: 300;
    border-radius: 9px;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -300px;
    padding: 4px 8px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/********************Табы (вкладки) *******************************/
.tabs {
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
}

.tabs>input[type="radio"] {
    display: none;
}

.tabs>div {
    /* скрыть контент по умолчанию */
    display: none;
    border-top: 2px solid #D7D8DA;
    padding: 10px 15px;
    font-size: 16px;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-8:checked~#content-8,
#tab-btn-9:checked~#content-9{
    display: block;
}

.tabs>label {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0px 40px 0 0;
    font-family: 'TT Supermolot Neue';
    font-style: normal;
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    color: #383E48;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 1px;
    width: auto !important;
    padding-bottom: 30px;

}

.tabs>label:not(:first-of-type) {
    border-left: none;
}

.tabs>input[type="radio"]:checked+label {
    border-bottom: 2px solid #005293;
}
/*********************************** Блок распродажа homepage *********************************************************/
.homepage_actionblock {position: relative; margin-top: 23px;}
.homepage_actionblock > .tabs > .title {width:auto; position: absolute; left: 0; top:-10px; font-size: 30px;}
.homepage_actionblock > .tabs > label{width:auto; padding:0 20px;}
.homepage_actionblock > .tabs > div{padding: 10px 0px 10px 15px; text-align: left; max-width: 1800px;}
.homepage_actionblock > .tabs > div>.homepage_actionblock_inf{margin-top: 20px; display: inline-flex; position: relative;}
.homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.first_action_card{height:715px; width: 31%; max-width:573px; border: 2px solid #005293; border-radius: 20px;position: absolute;left: 0;}
.homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.content_list {
    width: 70%;
    height: 40.5em;
    display: block;
    margin-left: 31%;
    text-align: start;
    padding: 15px 0em;
    overflow: hidden;
}
.homepage_actionblock >.timer_block{
    width: 31%;
    max-width:573px;
    position: absolute;
    bottom: 60px;
}

.contentcard.smaller.goods {
    width: 14.5em;
    height: 19em;
    padding: 0.5em;
    background: #fff;
    transition: all .3s ease 0.1s;
    border-radius: 6px;
    margin: 0 0 1em 0.5em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
}
.contentcard.smaller.goods:hover {
    box-shadow: 2px 3px 4px rgba(81, 81, 81, 0.35);
}
.contentcard.smaller.goods .title {
    height: 3em;
    line-height: 1em;
    overflow: hidden;
    white-space: pre-wrap;
    font-family: 'TT Supermolot Neue';
    font-size: 16px;
    font-weight: 700;
    color: #005293;
}
.contentcard.smaller.goods > a > .action_sticker{
    display: none;
}
.contentcard.smaller.goods > a > .sale_sticker{
    position: absolute;
    top: 66px;
    left: 13px;
    width: 36px;
    height: 36px;
    background: linear-gradient(to bottom right, #e44100 0%, #e44100 50%);
    z-index: 10;
    border-radius: 50%;
    text-align: center;
}
.contentcard.smaller.goods > a > .sale_sticker> span{
    line-height: 2.7;
}
.contentcard.smaller.goods > a >.action_sticker_userchoice{
    display: none;
}
.contentcard.smaller.goods img {
    width: 12em;
    height: 12em;
    padding: 0px 10%;
}
.contentcard.smaller.goods .sale {
    text-align: left;
    padding: 0.5em 50% 0 0;
    color: #555555;
    height: 1em;
    margin-top: 13px;
}
.contentcard.smaller.goods .sale > span {
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    text-decoration: line-through;
    line-height: 1em;
}
.contentcard.smaller.goods .sale > span > span {
    font-size: 15px;
    margin-left: 7px;
}
.contentcard.smaller.goods .price_line{
    display: inline-flex;
    align-items: flex-end;
    position: absolute;
    top: 260px;
    left: 8px;
}
.contentcard.smaller.goods .price {
    text-align: left;
    padding: .5em 16% 0 0;
    line-height: 1em;
    margin-top: 11px;
}
.contentcard.smaller.goods .price > span {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -2px;
    overflow: hidden;
    white-space: nowrap;
}
.contentcard.smaller.goods .price > span > span {
    font-size: 20px;
    margin-left: 7px;
}
.contentcard.smaller.goods .sale_price {
    color:#FF3333;
}

.contentcard.smaller.goods .buy {
    position: absolute;
    right: 8px;
    top: 260px;
    height: 52px;
    width: 52px;
    border-radius: 6px;
    transition: all .3s ease 0.1s;
    background-position: 71px 11px;
    font-size: 0;
    background: url(add_to_bag_white_ico.png) no-repeat;
    background-color: #e44100;
    background-size: 24px;
    background-position: 13px 13px;
}
.contentcard.smaller.goods .buy:hover {
    background-color: #EC7A4C !important;
    color: #f9f9f9 !important;
    border-color: #EC7A4C !important;
    filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
    margin-top: -2px;
}
.contentcard.smaller.goods .buy:active {
    background-color: #A02E00 !important;
    color: #f9f9f9 !important;
    border-color: #A02E00 !important;
    margin-top: 0px;
}

.contentcard.smaller.goods .favoriteblock {
    left: 140px;
    top: 265px;
}

.first_action_card {
    text-align: center;
}
.first_action_card > a >.action_sticker_userchoice{
    display: none;
}
.first_action_card >a> .action_sticker{display: none;}

.first_action_card img{
    margin-top: 3em;
    height: 20em;
}
.first_action_card .title {
    height: 3em;
    line-height: 1em;
    overflow: hidden;
    white-space: pre-wrap;
    font-family: 'TT Supermolot Neue';
    font-size: 18px;
    font-weight: 700;
    color: #005293;
    margin-top: 40px;
    width: 12.5em;
    margin-left: 25%;
}
.first_action_card > a > .sale_sticker{
    position: absolute;
    top: 27px;
    right: 37px;
    left: unset;
    width: 100px;
    height: 100px;
    background: linear-gradient(to bottom right, #e44100  0%, #e44100  50%);
    z-index: 10;
    border-radius: 50%;
    text-align: center;
}
.first_action_card > a > .sale_sticker> span{
    line-height: 3.5;
    color: #f9f9f9;
    font-family: 'TT Supermolot Neue';
    font-size: 30px;
    font-weight: 600;
}

.first_action_card .price_line>.sale {
    text-align: left;
    padding: 0.5em 0.5em 0 0;
    color: #73777F;;
    height: 1em;
    margin-top: 13px;
}
.first_action_card .price_line>.sale > span {
    font-size: 22px;
    font-weight: 500;
    font-style: italic;
    text-decoration: line-through;
    line-height: 0em;
}
.first_action_card .price_line>.sale > span > span {
    font-size: 15px;
    margin-left: 7px;
}

.first_action_card .price_line{
    display: inline-flex;
    align-items: flex-end;
    position: absolute;
    top: 468px;
    left: 33%;
}
.first_action_card .price {
    text-align: left;
    padding: .5em 45% 0 0;
    line-height: 1em;
    margin-top: 11px;
}
.first_action_card .price > span {
    font-size: 30px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
}
.first_action_card .price > span > span {
    font-size: 20px;
    margin-left: 7px;
}
.first_action_card .sale_price {
    color:#FF3333;
}
.first_action_card .buy {
    position: absolute;
    left: 18px;
    bottom: 13px;
    height: 52px;
    width: 93%;
    border-radius: 6px;
    transition: all .3s ease 0.1s;
    background: url(add_to_bag_white_ico.png) 33% 11px no-repeat !important;
    background-color: #e44100 !important;
    background-size: 24px !important;
    font-size: 22px;
}
.first_action_card .buy:hover {
    background-color: #EC7A4C !important;
    color: #f9f9f9 !important;
    border-color: #EC7A4C !important;
    filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
    margin-bottom: 2px;
}
.first_action_card .buy:active {
    background-color: #A02E00 !important;
    color: #f9f9f9 !important;
    border-color: #A02E00 !important;
    margin-bottom: 0px;
}

.first_action_card .timer_block{
    margin-top: 3.5em;
}
/*********************************** Блок распродажа homepage конец****************************************************/

/*********************************** Выбранные категории **************************************************************/
.favorite_categories{
    margin-top: 23px;
}

.favorite_categories > .title{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
.favorite_categories > .fc_list{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}
.favorite_categories > .fc_list > .base_category{
    width: calc(33% - 8px);
    box-shadow: 0px 0px 7px rgba(102, 102, 102, 0.35);
    border-radius: 20px;
    position: relative;
    padding-bottom: 20px;
}
.favorite_categories > .fc_list > .base_category>img{
    width: 100%;
    border-radius: 20px;
}
.favorite_categories > .fc_list > .base_category>.title{
    position: absolute;
    color: #F9F9F9;
    top:60px;
    right: 20px;
    font-size: 30px;
    font-weight: 600;
}
.favorite_categories > .fc_list > .base_category>.links_list{
    margin-top:15px;
    padding-left: 40px;
}
.favorite_categories > .fc_list > .base_category>.links_list>p{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
    color: #383E48;
}
.favorite_categories > .fc_list > .base_category>.links_list>p>a:hover{
    text-decoration: underline;
}
.favorite_categories > .fc_list > .base_category>a{
    font-family: 'TT Supermolot Neue';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    color: #005293;
    margin-left: 40px;
}
/*********************************** Выбранные категории конец ********************************************************/

/*********************************** Блок вкладок с каруселями *********************************************************/
.main_page_corousels { margin-top: 40px;}
.main_page_corousels > .my-tabs > label{width:auto; padding:0 20px; font-size: 22px; height: 28px; font-weight: 600;}
.main_page_corousels > .my-tabs > div{padding: 10px 0px 10px 15px;}
.main_page_corousels > .my-tabs > div > .action_list >.title {font-size: 0; height: 30px;}
.main_page_corousels > .my-tabs > div > .my-carousel > .my-arrow.left { top:0; right: 40px; background: #f6f6f6;}
.main_page_corousels > .my-tabs > div > .my-carousel > .my-arrow.left >span {background: url(leftArrow.png) no-repeat center; background-size: 60% 60%;}
.main_page_corousels > .my-tabs > div > .my-carousel > .my-arrow.right {top:0; right: -10px; background: #f6f6f6;}
.main_page_corousels > .my-tabs > div > .my-carousel > .my-arrow.right >span {background: url(rightArrow.png) no-repeat center; background-size: 60% 60%;}
.main_page_corousels > .my-tabs > div > .my-carousel > .my-arrow > span {border: 1px solid #D7D8DA; border-radius: 4px; color: transparent; height: 36px; width: 36px;}
/*********************************** Блок вкладок с каруселями конец **************************************************/
/******************   Блок с новостями и видео***********************************/
.news_video_block{
    width: 91.7%;
    position: relative;
    margin-left: 4.1%;
    display: flex;
    margin-top: 16px;
    margin-bottom: 40px;
}
.news_video_block > .news_block {
    width: 50%;
    max-width: 870px;
    margin-right: 10px;
}
.news_video_block > .news_block >.articles {
    display: flex;
    flex-wrap: wrap;
    max-width: 870px;
}
.news_video_block > .news_block >.articles > div:first-child{
    margin-top: 16px;
    width: 100%;
}
.news_video_block > .news_block >.articles > div:nth-child(2) {
    margin-right: 2%;
}
.news_video_block > .news_block >.articles > div {
    margin-top: 20px;
    width: 49%;
}
.news_video_block > .news_block >.articles > div > a > img{
    width: 100%;
    max-width: 870px;
    max-height: 512px;
}
.news_video_block > .news_block >.articles > div > a >.title {
    margin-top: 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
    color: #005293;
    height: 1.5em;
    overflow: hidden;
}
.news_video_block > .news_block >.articles > div > a >.date{
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    margin-top: 10px;
}

.news_video_block > .news_block >.articles > div > a >.shorttext{
    display: none;
}
.news_video_block > .news_block >.articles > div:first-child> a >.shorttext {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #383E48;
    margin-top: 8px;
    display: block;
    height: 3em;
    overflow: hidden;
}
.news_video_block > .news_block >.articles > div:first-child> a >.more{
    display: block;
    position: relative;
    text-align: right;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    margin-right: 5px;
}
.news_video_block > .news_block >.articles > div:first-child> a >.more> span{
    margin-right: 5px;
}
.news_video_block > .news_block >.articles > div:first-child> a >.more>i.arrow {
    border: solid #383E48;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    margin-top: 3px;
}

.news_video_block > .news_block >.articles > div > a >.more{
    display: none;
}
.news_video_block > .video_block {
    width: 50%;
    margin-left: 10px;
    max-width: 870px;
}
.news_video_block > div > .title{
    font-size: 22px;
    font-weight: 600;
    padding: 0 10px;
}
.news_video_block > .video_block > .video-list {
    list-style: none;
    padding-left: 0;
}
.news_video_block > .video_block > .video-list > li {
}
.news_video_block > .video_block > .video-list > li > div {
    position: relative;
    padding-bottom: 55.4%;
    padding-top: 30px;
    max-height: 512px;
    max-width: 870px;
    overflow: hidden;
    margin-top: 1em;
}
/******************   Блок с новостями и видео конец *****************************/
.resized{
    position: relative;
}
.resized> .checkbox{
    display: none;
}
.resized > label{
    position: absolute;
    margin-top: 10px;
}
.resized > label>span{
    background: url(downArrow.png) no-repeat center;
    background-size: 100% 100%;
    padding: 15px 30px;
}
.resized input:checked ~ label>span {
    background: url(upArrow.png) no-repeat center;
    background-size: 100% 100%;
    padding: 15px 30px;
}
resized input:checked ~ label{
    margin-top: -25px;
}

.resized2{
    position: relative;
}
.resized2> .checkbox2{
    display: none;
}
.resized2> .checkbox2{
    display: none;
}
.resized2 > label{
    position: absolute;
    margin-top: 10px;
}
.resized2 > label>span{
    background: url(downArrow.png) no-repeat center;
    background-size: 100% 100%;
    padding: 15px 30px;
}
.resized2 input:checked ~ label>span {
    background: url(upArrow.png) no-repeat center;
    background-size: 100% 100%;
    padding: 15px 30px;
}
resized2 input:checked ~ label{
    margin-top: -25px;
}

#timerwidth {width: 1000px;}
.my-tabs > div {
    background: none;
}
.my-tabs > input + label { margin-right: 10px;}
.my-tabs > input:checked + label {  background: none;}
.my-tabs > label {
    font-family: 'TT Supermolot Neue';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 25px;
    color: #383E48;
    padding: 0 40px 0 0;
    width: auto !important;
}

.my-pagelist > li.select {
    border-radius:4px;
}

#my-shadow> .my-dialog > .my-title > .my-close{
    background: transparent !important;
    color: #FF3333 !important;
    border: none !important;
    margin-right: -30px !important;;
}
.my-checkbox:checked + label:before {background: #E44100 !important;}
.my-checkbox.unsigned + label:before { background: #E4C900 !important;}
.my-form select{
    border-radius: 9px;
}

.my-form input[type=text]:hover, .my-form input[type=number]:hover, .my-form input[type=password]:hover, .my-form textarea:hover, .my-form select:hover {
    border: 1px solid #CCDCEA !important;
    filter: drop-shadow(0px 0px 4px rgba(76, 133, 181, 0.81)) !important;
}
.my-form input[type=text]:focus, .my-form input[type=number]:focus, .my-form input[type=password]:focus, .my-form textarea:focus, .my-form select:focus {
    border: 1px solid #005293!important;
}

.ui-widget-shadow {box-shadow: 2px 3px 4px rgb(81 81 81)!important;}
.ui-widget.ui-widget-content {
    border: 1px solid #D7D8DA!important;
}

.my-form input[type=text], .my-form input[type=number], .my-form input[type=password], .my-form textarea, .my-form select{
    border: 1px solid #D7D8DA !important;
    border-radius: 1.25em;
}
#showPriceTypes{
    width: 20px;
    margin-left: -36px;
}
.showPriceTypesList {display: none;}

#priceTypeBlock2 {background: #fff;z-index: 5;padding: 0 4px; cursor: pointer;}
#showPriceTypes2{width: 25px; height: 17px;}
.showPriceTypesList2{display:none;}
#priceTypeBlock2:hover>.showPriceTypesList2{display:unset;}
.my-carousel #priceTypeBlock2 {display: none;}

#callbeck{
    opacity: 1;
    position: absolute;
    bottom: 5.2em;
    right: 28px;
    transition: transform 0.25s linear 0s, opacity 0.1s linear 0s;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-position: 50% 50%;
    margin: 8px;
    border-radius: 50%;
    transform: rotate(0deg) scale(1);
    background-image: url(callback_ico.svg);
    background-size: 30px;
    background-color: #005293;
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 15px 0px, rgb(0 0 0 / 15%) 0px 3px 5px 0px;
    z-index: 40;
}
#callbeck:hover{
    cursor: pointer;
    box-shadow: rgb(0 0 0 / 10%) 0px 10px 20px 0px, rgb(0 0 0 / 15%) 0px 5px 10px 0px;
}

#callback_shadow{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 100;
}
.hide_callbeck{
    display: none;
}
.freeze {
    position: sticky;
    height: 100vh;
    width: 100%;
    top: 0;
    margin: 0 auto;
}
#callback_block{
    width: 25em;
    max-height: 100vh;
    z-index: 120;
    margin: 3em auto 1em auto;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid #f9f9f9;
    border-radius: 0.5em;
    box-shadow: 0.2em 0.2em 0.4em rgb(0 0 0 / 25%);
}
.callback_title{
    background-color: #005293;
    color: #fff;
    font-size: 1.2em;
    padding: 0.5em 2em;
    line-height: 1em;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
}
.callback_title>.my-button.my-close{height: 2em; background: #005293;right: -20px;}
.callback_title>.my-button.my-close:hover{
    color: #FF3333 !important;
    border-color: #005293;
}

.callback_form {padding: 0 1em 2em 1em;}

.callback_form>form>ul>li>span{
    font-weight: bold;
    padding: 0em;
    margin: 1em 0em 0.5em 1em;
}
.disableButton{
    border-color: #C4C4C4 !important;
    background-color: #C4C4C4 !important;
    color: #005293 !important;
}
.disableButton:hover{
    border-color: #C4C4C4 !important;
    background-color: #C4C4C4 !important;
    color: #005293 !important;
    background: #C4C4C4 !important;
}
.callback_info{
    top:35%;
    left: 40%;
    border: 1px solid #ddd;
    background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x;
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 1.1em;
    border-radius: 6px;
    box-shadow: 2px 3px 4px rgb(81 81 81);
}
/*****  Ссылки на соцсети********/
.social-share_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    font-size: 0;
    position: absolute;
    top: 8px;
    right: 10px;
}
.social-share_block>a{
    background-color: transparent;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border: 0;
    border-radius: 3px;
    background-size: cover;
    font-size: 0;
}
#share_facebook{
    background-image: url(facebook-share.svg);
}
#share_telegram{
    background-image: url(telegram-share.svg);
}
#share_viber{
    background-image: url(viber-share.svg);
}


.views_s_comment_block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: end;
    /*margin-right: 12px;*/
}
.views_s_comment_block> div{
    margin-right: 8px;
}
.views_s_comment_block> .views_count>img{
    margin-right: 10px;
    height: 24px;
}
.views_s_comment_block> .comments_count >img{
    margin-right: 10px;
    height: 20px;
    padding-top: 2px;
}
.views_s_comment_block> div> span{
    font-size: 18px;
    vertical-align: 5px;
}
/************ Кнопки авторизации серез фейсбук и гугл***********************/
.autorization_form >form>ul>li>.gSfBlock{
    width: 80%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0 auto;
}
.autorization_form >form>ul>li>.gSfBlock>.titleSbuttons{
    margin-top: 1em;
    padding: 0;
    border: 0;
    font-family:TT Supermolot Neue, sans-serif;
    font-weight: 600;
    vertical-align: baseline;
    text-align: center;
}
.autorization_form >form>ul>li>.gSfBlock>.titleSbuttons>p{
    margin-bottom: 16px;
    text-align: center;
    font-size: 16px;
}
.autorization_form >form>ul>li>.gSfBlock>.titleSbuttons>.buttonsBlock{
    display: flex;
    justify-content: space-around;
    font-size: 18px;
    position: relative;
    padding: 0;
    text-align: center;
    color: #3f474d;
    margin-top: -1em;
}
.autorization_form >form>ul>li>.gSfBlock>.titleSbuttons>.buttonsBlock>.auth_buttons_style{
    width: 45%;
    margin-top: 2em;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 0.75em 0;
    max-width: 100%;
    font-weight: 600;
    line-height: 1em;
    text-decoration: none !important;
    letter-spacing: 0.075em;
    white-space: nowrap;
    outline: none;
    cursor: pointer;
    background: #fff;
    border: 2px solid #005293;
    border-radius: 9px;
    font-size: 18px;
}
.autorization_form >form>ul>li>.gSfBlock>.titleSbuttons>.buttonsBlock>.auth_buttons_style>img{
    flex-shrink: 0;
    margin-right: 12px;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    position: absolute;
    left: 7%;
    top: 9px;
}
/****************************************************************************/
/************************* Таймер Удаление позиции из корзины **************************/
.deleteTimer{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 15;
    top:0;
    display: flex;
    text-align: center;
    background: #f9f9f9;
}

.deleteTimer>.stepTimer{
    width: 10%;
    height: 100%;
    display: flex;
    align-content: space-around;
    justify-content: center;
    align-items: center;
}
.deleteTimer>.stepTimer>#clock{
    width: 40px;
    height: 40px;
    /*box-shadow: 0 0 1px 1px rgba(0, 0, 0, .4);*/
    background-color: #fff;
    border-radius: 50%;
    border:1px solid #D7D8DA;
    display: flex;
    justify-content: center;
    align-items: center;

}
.deleteTimer>.stepTimer>#clock>b{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: consolas;
    font-weight: bold;
    font-size: 20px;
}

.deleteTimer>.textTimer{
    width: 75%;
    height: 100%;
    display: flex;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
    margin-left:1em;
    padding-left: 6%;
}
.deleteTimer>.textTimer>span{
    font-size: 20px;
    font-weight: 600;
}
.deleteTimer>.backBtnTimer{
    width: 15%;
    height: 100%;
    display: flex;
    align-content: space-around;
    justify-content: center;
    align-items: center;
    justify-content: flex-end;
    margin-right: 0.8em;
}
.deleteTimer>.backBtnTimer>.stopTimer{
    cursor: pointer;
    text-decoration: underline;
    color: #0e2fe5;
    font-size: 20px;
    font-weight: 600;
}
/****** Стрелочки для перелистывания изображений на карточке товаара *******/
.contentcard.full.goods  .my-img-box >div.img_arrow_left, .contentcard.full.goods  .my-img-box >div.img_arrow_right{
    position: absolute;
    width: 3em;
    height:  3em;
    cursor: pointer;
    z-index: 75;
}
.contentcard.full.goods  .my-img-box >div.img_arrow_left{
    top:  5px;
    left: -45px;
    background: url(leftArrow.png) no-repeat center #f9f9f9;
    background-color: transparent;
    background-size: 50% 10%;
    background-position: center;
    background-position-x:5px;
    height: 70%;
    width: 80px;
}
.contentcard.full.goods  .my-img-box >div.img_arrow_right{
    top: 5px;
    right: -45px;
    background: url(rightArrow.png) no-repeat center #f9f9f9;
    background-color: transparent;
    background-size: 50% 10%;
    background-position: center;
    background-position-x: 40px;
    height: 70%;
    width: 80px;
}
.my-tools{
    left: 35%;
    right: unset!important;
}
.my-tools li.left_img_arr{
    position: absolute;
    cursor: pointer;
    top: -35em;
    left: 240%;
    background: url(leftArrow.png) no-repeat center #f9f9f9;
    background-color: transparent;
   /* background-size: 50% 30%;*/
    background-position: center;
    background-position-x:5px;
    height: 20em;
    width: 10em;
    /*transform: rotate(180deg);*/
}
.my-tools li.right_img_arr{
    position: absolute;
    cursor: pointer;
    top: -35em;
    left: -270%;
    background: url(leftArrow.png) no-repeat center #f9f9f9;
    background-color: transparent;
   /* background-size: 50% 30%;*/
    background-position: center;
    background-position-x: 5px;
    height: 20em;
    width: 10em;
    transform: rotate(0deg);
}

.hide_urp {
    display: none!important;
}
/*************************** Новая Почта Курьер******************************/
.hide_np_courier {
    display: none!important;
}

.contentcard.full.bag> .my-form  #np_courier {
    display: flex;
    justify-content: space-between;
}
.contentcard.full.bag> .my-form  #np_courier>#bag_street{width: 49%;}
.contentcard.full.bag> .my-form  #np_courier>#bag_house{width: 49%;}

/****************************************************************************/
.select_page{
    border: 2px solid #D7D8DA !important;
    border-radius: 25px;
    background: #F9F9F9;
    color: #1a1a1a !important;
    font-family: 'TT Supermolot Neue', sans-serif;
}

.saleBagItemStyle {
    color:#555555;
    text-decoration: line-through;
}

/* Для ленивой подгрузки youtube*/
.youtube-player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 0px;
}
.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}
.youtube-player img {
    object-fit: cover;
    display: block;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
    transition: 0.4s all;
}
.youtube-player img:hover {
    -webkit-filter: brightness(75%);
    -moz-filter: brightness(75%);
    filter: brightness(75%);
}
.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url(https://upload.wikimedia.org/wikipedia/commons/archive/0/09/20211015074810%21YouTube_full-color_icon_%282017%29.svg) no-repeat;
    cursor: pointer;
}
.youtube-player .play:hover {background: url(https://upload.wikimedia.org/wikipedia/commons/8/8b/YouTube_dark_icon_%282017%29.svg) no-repeat;}
/* Конец блока для ленивой загрузки youtube*/

/** Блок для альтернативных товаров **/
#rel_items_block {
    width: fit-content;
    position: relative;
    top: 40px;
    z-index: 100;
}
#rel_items_block ul{
    list-style: none;
    padding: 0% 5px;
}
#show_rel_items{
    border: 2px solid #D7D8DA;
    border-radius: 10px;
    max-width: 370px;
    padding: 5px;
    margin: 0;
    background: #F9F9F9;
}
#show_rel_items:hover>ul,#show_rel_items:hover>ul:hover{
    display: block;
}
#show_rel_items_on{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    color: #3f474d;
}

#show_rel_items>ul{
    margin: 0;
    display: none;
}
#show_rel_items>ul>li{
    position: relative;
    border: 2px solid #D7D8DA;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
}
#show_rel_items>ul>li> a.rel_item_clear{
    display: block;
    /*position: absolute;*/
    top: 1px;
    right: 0em;
    color: #FF3333;
    font-size: 2em;
    line-height: 0.8;
    border-radius: 35%;
    height: 22px;
    width: 4px;
}
#show_rel_items>ul>li> a.rel_item_clear::before {content: '\D7'; margin-left: -16px;}
#add_position{
    background: #F9F9F9;
    margin-top: 5px;
    border: 2px solid #D7D8DA;
    border-radius: 10px;
    max-width: 370px;
    padding:0 5px;
}
#add_position:hover>form>ul,#add_position:hover>form>ul:hover{
    display: block;
}
#add_position_on{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 2;
    cursor: pointer;
}
#add_position>form>ul{
    margin: 0;
    display: none;
}
#add_position>form>ul>li{
    position: relative;
    padding: 5px;
    margin-bottom: 5px;
}
/** Конец блока для альтернативных товаров **/

/********* Блок товаров для дроперов ********/
ul #drop_items_list{
    background: #fff;
    z-index: 100;
    padding: .5em 1em;
    width: 100%;
    border: 1px solid #D7D8DA;
    border-radius: 18px;
    list-style: none;
    box-sizing: border-box;
    outline: none;
    line-height: 1em;
    cursor: pointer;
    margin-bottom: 0.5em;
}
ul #drop_items_list>li .drop2line {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    border-bottom: 1px solid #D7D8DA;
    padding-bottom: 5px;
}
ul #drop_items_list>li{
    line-height: 2;
    border-bottom: 1px solid #D7D8DA;
    font-weight: 600;
}

ul #drop_items_list>li input{
    font-weight: 550;
    color: #3f474d;
}
ul #drop_items_list>li .dropItemName{
    white-space: nowrap;
    width: 98%;
    overflow: hidden;
}

.hide_drop_list {
    display: none;
}
/**** Конец блока  товаров для дроперов ********/
/***** костыль Сокрытие разделов по полиролям тригерным 100/150/250/400/500 мл ********/
.section_list > ul > .section_5052, .section_list > ul > .section_5053, .section_list > ul > .section_5054, .section_list > ul > .section_5055, .section_list > ul > .section_5056, .section_list > ul > .section_5057, .section_list > ul > .section_5072 {
    display: none;
}
/************ Образец звука *************/
#audiosample {
    display: flex;
    flex-direction: column;
    width: fit-content;
}
#audiosample > strong {
    text-align: center;
}
#audiosample > audio {
    display: block;
    /*filter: invert(100%);*/
    width: 215px;
    height: 35px;
}
audio::-webkit-media-controls-panel{
    background-color: #D7D8DA;
}
audio::-webkit-media-controls-timeline {
    display: none;
}
audio::-internal-media-controls-overflow-button {
    display: none;
}
audio::-webkit-media-controls-volume-control-container{
    width: 100px;
}
.checkeditem {
    position: absolute;
    top: 10%;
}

.actions .link_item_block { width: 125%;}
.news .link_item_block { width: 100%;}
.link_item_block > ul {
    display: block;
    max-height: fit-content;
}
.contentcard.smaller.goods .add_discount{
    position: absolute;
}
.contentcard.smaller.goods .add_discount > .title {
    line-height: 1.3em;
    overflow: hidden;
    background: #e44100;
    color: #fff;
    padding: 0.25em 5px;
    margin-top: -30px;
    font-size: 14px;}

/***********************************************************************************************************************
                                              Phone
***********************************************************************************************************************/
@media only screen and (max-width: 767px)
{
    html, body {
        position: relative;
        max-width: 100%;
        /** fix scrolling */
        /*overflow-x: hidden;*/
        -webkit-overflow-scrolling: touch;
        /*transform: translateZ(0);*/
    }

    .main_banner{margin-top: 1px; padding-top: 62.5%;}
    #first_search {display: none;}
    .wrapper {width: 98%; margin: 0 auto;}
    #header {
        top:0;
        left:0;
        right:0;
        z-index: 90;
        position: sticky;
        position: -webkit-sticky;
        width: 98%;
        height: 2.6em;
    }
    #header.my-fixed {
        position: sticky !important;
        position: -webkit-sticky !important;
    }
    #second_search > ul > li > form > div > button {
        position: absolute;
        height: 30px;
        width: 30px;
        opacity: 0;
        padding-bottom: 5px;
        left: 144%;
        top: 5px;
        z-index: 5;
    }
    #header .find_panel .find > form {background: #005293;}
    #header .find_panel {
        left: 17%;
        width: 48%;
    }
    #header .find_panel .find {
        margin: -11px -2.3em 0 0.5em;
        background: url(ico-find-white.png) no-repeat center;
        background-size: 22px;
        background-position: 97% 11px;
    }
    #header .find_panel .find #find {box-sizing: border-box; padding: 0.3em 2em 0.3em 2em;  width: 100%; background: #fff url(ico-find-black.png) no-repeat right 0.5em center; margin: 1px 0 0 -90px;}
    #header .find_panel .find #find-reset {
        left: -18px;
        top: 9px;
        z-index: 10;
        width: 2em;
    }
    #header .find_panel .find:hover {background: #005293; transition: all .3s ease 0.1s; width: 102%;}
    #header .find_panel .find:hover ~ a > .logo {display: none; transition: all .3s ease 0.1s;}
    #header .find_panel .logo {
        display: block;
        width: 5em;
        height: 1.8em;
        position: absolute;
        top: 2px;
        background: url(logo_white.png) no-repeat top left;
        background-size: 71% 83%;
        left: 45%;
    }
    #header .find_panel .find #find {
        box-sizing: border-box;
        position: absolute;
        top: 4px;
        left: 70px;
        width: 173%;
        z-index: 2;
    }
    #header .user_panel{background: #1a1a1a;}
    #header .user_panel .user_menu > ul {top: 65px;}
    #header > div.user_panel > div > ul > li {color:#F9F9F9;}
    #header .user_panel ul > li > #langStyle { margin-top: -5px; }
    #header .user_panel ul > li > #langStyle #lang {margin-top: 3px;}

    #header .user_panel ul > li > #guarantee {display: none;}
    #header .user_panel #contacts_data {display: none;}
    #header .user_panel ul > li select {border: 2px solid #1a1a1a;}

    #email_data {
        margin-top: 10px;
        margin-left: 16px;
    }
    #email_data >img{ height: 24px; vertical-align: bottom; padding-right: 8px;  left: 0;top: -3px;}
    #email_data >a{
        color: #383e48;
        font-family: Roboto;
        font-size: 18px;
    }
    #phone_select_data {margin-top: 10px;}
    #phone_select_data > a> img{ height: 24px; vertical-align: bottom; padding-left: 12px;  left: 0;top: -3px;}
    #phone_select_data >select {border: none; color: #383E48; padding: 0 1.75em 0 0; background-color: #F9F9F9; background-image: url(select_arrow_blue.png); font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; padding-left: 1em;}
    #guarantee {
        margin-top: 10px;
        margin-left: -7px;
    }
    #guarantee>img{ height: 24px; vertical-align: bottom; padding-left: 22px; padding-right: 8px;   left: 0;top: -3px;}
    #guarantee>a{color: #383e48; font-family: Roboto; font-size: 18px;}

    #regOrEnter {display: inline-flex; margin-left: -132px; position: relative;}
    #regOrEnter > div {padding-right: 22px;}
    #regOrEnter > img {display: none;}

    #header .menu_panel {
        text-align: center;
        height: 30px;
    }
    #header > div.menu_panel > div > ul.menu.catalog { background: url(catalog_list_white.png) no-repeat center center; margin-left: 5px; background-size: 26px 26px;}
    #header > div.menu_panel > div > ul.menu.catalog > li > label > span{display: none}
    #header > div.menu_panel > div > ul.menu.catalog > li ul li > a >img {display: none;}
    #header > div.menu_panel > div > ul.menu.catalog > li ul li > a >.children{display: none;}
    #header .mainmenu {
        float: left;
        display: inline-block;
        vertical-align: top;
        text-align: initial;
        font-size: 18px;
        font-weight: 600;
        font-family: 'TT Supermolot Neue';
    }
    #header .mainmenu > li > label {
        display: inline-block;
        width: 22px;
        height: 26px;
        background: url(ico-burger.png) no-repeat center;
    }

    #header .mainmenu > li > ul {display: none; position: absolute; top: 100%; left:0; border: 2px solid #005293; width: 100%; box-sizing: border-box; box-shadow: 0 2px 6px #848484; padding: .5em 0; background: #F9F9F9;}
    #header .mainmenu > li > ul li > a {display: block; padding: .5em 1em;}
    #header .mainmenu > li > input:checked ~ ul {display: block;}
    #header .mainmenu > li > input:checked ~ label {background: url(close_burger_ico.png) no-repeat center;}
    #header > div.menu_panel > div > .currency_list {display: none;}
    #header .user_bag {
        bottom: 7px;
        right: 12px;
        background-image: url(ico-bag-white.png);
        background-size: 58%;
        width: 2.5em;
        height: 2em;
    }
    #header .catalog {float: left; display: inline-block; vertical-align: top; margin: .35em 1em 0 1em; text-align: left;}
    #header .catalog > li > label {border: 2px solid #F9F9F9; color: #F9F9F9; padding: .25em 1em; position: relative; border-radius: 7px;}
    #header .catalog > li > a {display: none;}
    #header .catalog > li ul {
        display: none;
        background: url("background_subcatalog_phone_size.png") fixed;
        background-color: #fff;
        background-size: 94%;
        background-repeat: no-repeat;
        background-position:25% 100%;
    }

    #header .catalog > li > ul {
        display: none;
        position: fixed;
        top: 4em;
        bottom: 0;
        overflow-y: auto;
        left: 0;
        right: 0;
        border: 2px solid #005293;
        width: 95%;
        box-sizing: border-box;
        box-shadow: 0 2px 6px #848484;
        padding: 0.5em 0;
        font-size: 18px;
        font-weight: 600;
        font-family: 'TT Supermolot Neue';
    }
    #header .catalog > li ul li > a {display: block; padding: .5em 1em; margin-right: 1.5em;}
    #header .catalog > li > ul > li li {font-size: .95em; padding-left: 1em; background: rgba(197, 229, 252, 0.5); }
    #header .catalog > li ul li {position: relative;}
    #header .catalog > li ul li > label {
        position: absolute;
        top:.6em;
        right:.5em;
        width: 1.2em;
        height: 1.2em;
        background: url("ico-arrow_blue.png") no-repeat center center;
        background-size: 100% 100%;
    }
    #header .catalog input:checked ~ ul {display: block;}
    #header .catalog input:checked ~ label {transform: rotate(90deg);}
    #header > div.menu_panel > div > div.dept{display: none;}
    #header .dept {
        width: 150px;
        height: 17px;
        color: inherit;
        border: 1px solid #383E48;
        border-radius: 22px;
        font-size: 13px;
        font-weight: 600 !important;
        line-height: 1px;
        padding: 0px 5px 9px 10px;
        margin-top: 21px;
        margin-left: 8px;
    }

    #header #favorites.select {
        background: url(ico-favorite_white.png)no-repeat;
        top: 11px;
        right: 70px;
        background-size: 90%;
        width: 25px;
        z-index: 1;
    }

    #iconsMenu > .favorite_block > #favorites {
        display: block;
        background: url(ico-favorite_white.png)no-repeat;
        right: 75px;
        background-size: 90%;
        left: 119px;
        top: 10px !important;
        height: 21px;
        width: 21px;
    }
    #smallscr1 {border-bottom: 3px solid #D7D8DA;}
    #smallscr2 {border-top: 3px solid #D7D8DA;}
    #smallscr2 > li > p{
        margin-left: 23px;
        margin-top: 32px;
    }
    #smallscr2 > li > p >a{
        padding-right: 26px;
    }
    #smallscr2 > li > p >a>img{
        height: 38px;
    }
    /******************************************************************************************************************/
    #iconsMenu > .user_menu > ul > li > a {
        padding: 0.5em 1em;
        display: block;
        text-align: left;
        white-space: nowrap;
        font-size: 16px;
        font-weight: 600;
        font-family: 'TT Supermolot Neue';
    }
    /*************************************************************************************************/
    #iconsMenu{
        box-shadow: 0px 3px 6px #848484;
        top: 64px;
        display: flex;
        background: #005293;
        margin-top: -9px;
    }

    #iconsMenu > div {
        border-right: 1px solid #D7D8DA;
        margin-outside: 10%;
    }
    #iconsMenu > .user_menu > ul {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background: #f6f6f6;
        height: fit-content;
        box-shadow: 0 2px 6px #848484;
    }
    #iconsMenu > .user_menu:hover > ul {
        display: block;
        transition: all 2s ease;
        z-index: 80;
        left: 0px;
        width: 226px;
        overflow-y: auto;
        overflow-x: hidden;
        min-height: fit-content;
        /*max-height: 80vh;*/
        top: 42px;
        border-top: 2px solid #005293;
    }
    #iconsMenu > .user_menu > ul > li {        display: block; border-bottom: 1px solid #d6d5d6; color: #1a1a1a; padding: .25em; font-size: 1.25em;    }
    #iconsMenu > .user_menu > ul > li:last-child {border: none;}
    #iconsMenu > .user_menu > ul > li > a {
        padding: 0.5em 1em;
        display: block;
        text-align: left;
        white-space: nowrap;
        font-size: 18px;
        font-weight: 600;
        font-family: 'TT Supermolot Neue';
    }

    #iconsMenu > .user_menu {
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        height: 40px;
        background: url(user_menu_smallscr.png) no-repeat center center;
        background-size: 47%;
        background-position-x: 19px;
        font-size: 18px;
        font-weight: 600;
        font-family: 'TT Supermolot Neue';
    }
    #iconsMenu > .favorite_block{
        width: 77px;
        display: block;
    }

    #iconsMenu > .language_block { width: 79px;}

    #iconsMenu > .language_block> #langStyle #circle {
        background: transparent;
        border: 2px solid #f9f9f9;
        border-radius: 50%;
        height: 18px;
        width: 18px;
        top: 10px;
        left: 27px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #iconsMenu > .language_block> #langStyle #circle #LangPopup {
        visibility: hidden;
        width: 64px;
        height: 102px;
        background-color: #f9f9f9;
        color: #005293;
        text-align: center;
        border-radius: 0px 0px 5px 5px;
        padding: 8px 0;
        position: absolute;
        z-index: 5;
        left: 59px;
        top: 30px;
        margin-left: -80px;
        border-top: 2px solid;
        box-shadow: 2px 2px 6px #3873a1;
        display: inline-flex;
        justify-content: space-around;
        align-content: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    #iconsMenu > .language_block> #langStyle #circle #LangPopup > div{
        border: 4px solid #005293;
        width: 38px;
        height: 29px;
        padding-top: 7px;
        border-radius: 50%;
        margin-top: 2px;
        font-size: 20px;
    }

    #iconsMenu > .language_block> #langStyle #circle .showpopup {
        visibility: visible !important;
        -webkit-animation: fadeIn 1s !important;
        animation: fadeIn 1s;
    }

    @-webkit-keyframes fadeIn {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @keyframes fadeIn {
        from {opacity: 0;}
        to {opacity:1 ;}
    }
    #iconsMenu > .language_block> #langStyle #langLocalization{
        color: #f9f9f9;
        font-size: 12px;
        font-weight: 600;
        position: absolute;
        left: 200px;
        top: 14px;
    }

    #iconsMenu > .phone_block {
        width: 67px;
        background: url(phone_ico_white.png) no-repeat center center;
        background-size: 31%;
        background-position-x: 25px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    #iconsMenu > .phone_block > .popuptext {
        visibility: hidden;
        width: 184px;
        background-color: #005293;
        color: #fff;
        text-align: center;
        border-radius: 0px 0px 5px 5px;
        padding: 8px 8px;
        position: absolute;
        z-index: 1;
        top: 42px;
        right: 0px;
        border-top: 2px solid #005293;
        box-shadow: 2px 2px 6px #3873a1;
        height: fit-content;
    }

    /* Toggle this class - hide and show the popup */
    #iconsMenu > .phone_block >.showpopup {
        visibility: visible !important;
        -webkit-animation: fadeIn 1s !important;
        animation: fadeIn 1s !important;
        position: absolute;
    }
    #smallscr1>li>ul{
        margin-top: 35px;
    }

    #header .inner_catalog {
        float: left;
        display: inline-block;
        vertical-align: top;
        margin: 16px 0px 16px 0px;
        text-align: left;
    }
    #header .inner_catalog > li > label {
        color: #F9F9F9;
        padding: 4px 8px 3px 50px;
        background: url(catalog_list_white.png) no-repeat left 1em center;
        border-radius: 9px;
        background-size: 19px;
        background-position: left 10px top 5px;
        border: 3px solid #005293;
        background-color: #005293;
        margin-left: 15px;
    }
    #header .inner_catalog > li > label> a> span {
        margin-right: 1em;
    }

    #header .inner_catalog > li > a {display: none;}
    #header .inner_catalog > li ul {display: none; background: #fff;}
    #header .inner_catalog > li > ul {display: none; position: absolute; top: 2em; left:0; border: 2px solid #005293; width: 100%; box-sizing: border-box; box-shadow: 0 2px 6px #848484; padding: .5em 0;}
    #header .inner_catalog > li ul li > a {display: block; padding: .5em 1em; margin-right: 1.5em;}

    #main_menu_list{
        margin-top: 50px;
    }
    #main_menu_list > a{
        padding-left: 16px;
    }

    #header .mainmenu > li > ul {
        display: none;
        position: absolute;
        top: 2em;
        left:0;
        border: 2px solid #005293;
        width: 320px;
        box-sizing: border-box;
        box-shadow: 0 2px 6px #848484;
        padding: .5em 0;
        background: #fff;
    }
    .mob_menu_back{
        display: none;
        position: absolute;
        right: 0;
        width: calc(100% - 320px);
        height: 100vh;
        top:40px;
        background: #383E48;
    }
    #header .mainmenu > li > input:checked ~ .mob_menu_back {
        display: block;
    }
    #header .mainmenu > li > ul li > a {
        display: block;
        padding: 16px 0 0px 16px;
    }

    #main_menu_list > ul{
        margin-bottom: 16px;
    }

    #header .mainmenu > li > input:checked ~ ul {
        display: block;
        left: 0px;
        top: 41px;
        overflow-y: auto;
        overflow-x: hidden;
        height: 100vh;
        border: none;
    }
    #header .mainmenu a.select{
        padding: 0 8px;
        font-size: 0;
    }
    #header .catalog {float: left; display: inline-block; vertical-align: top; margin: .35em 1em 0 1em; text-align: left;}
    #header .catalog > li > label {
        border: 2px solid #fff; color: #fff; padding: .25em 1em; position: relative; border-radius: 7px; display: none;
    }
    #header .catalog > li > a {display: none;}
    #header .catalog > li ul {
        display: none;
        background: url(background_subcatalog_phone_size.png) fixed;
        background-color: #fff;
        background-size: 95%;
        background-repeat: no-repeat;
        background-position: 0% 100%;
    }
    #header .catalog > li > ul {display: none; position: absolute; top: 2em; left:0; border: 2px solid #005293; width: 100%; box-sizing: border-box; box-shadow: 0 2px 6px #848484; padding: .5em 0;}
    #header .catalog > li ul li > a {display: block; padding: .5em 1em; margin-right: 1.5em;}
    #header .catalog > li > ul > li li {
        font-size: .95em;
        padding-left: 1em;
        background: rgba(197, 229, 252, 0.5);
    }
    #header .catalog > li ul li {position: relative;}
    #header .catalog input:checked ~ ul {
        display: block;
        left: -10px;
        top: 41px;
        width: auto;
    }
    #header .catalog input:checked ~ label {
        transform: rotate(90deg);
    }
    #header > .menu_panel > div > .catalog > li > ul{
        position: fixed;
        width: auto;
        height: auto;
        top: 41px;
        bottom: 0;
        right: 0;
        left: 0;
        overflow: auto;
        padding-right: 10px;
    }

    #smallscr2 > li > #currency_dept{
        display: inline-flex;
        margin-bottom: 51px;
    }

    #currency_dept > div > .currency_list {
        display: inline-block;
        padding: 1px 0px 5px 0px;
        border: 2px solid #005293;
        border-radius: 22px;
        background: #005293;
        height: 17px;
        width: 80px;
        margin-left: 18px;
        margin-top: 22px;
    }
    #currency_dept > div > .currency_list > select{
        background-position: right 45px top 2px;
        background-size: 16%;
        padding-left: 32px;
        padding-right: 2px;
        font-size: 14px;
        margin-left: 2px;
    }

    #header .user_panel{
        background: #1a1a1a;
        display: none;
    }
    #header .user_panel ul > li > ul.phone_list li {display: none;}
    #header .user_panel ul > li > ul.phone_list li:nth-child(1) {display: inline-block;}
    #header .user_panel ul > li > ul.phone_list li:nth-child(2) {display: inline-block;}
    #header .user_panel ul > li > ul.phone_list li:nth-child(3) {display: inline-block;}

    #header .user_panel .user_menu {max-width: 8.5em; white-space: nowrap; overflow: hidden; background: none;}
    #header .user_panel .user_menu > ul {top: 65px;}

    /************************************************************************************/

    #content {margin-top: -60px;}
    #content .header, #content .footer {padding: .5em 0;}
    .my-pagelist {font-size:1em; text-align: center;}
    .my-pagelist > li {margin:0;}
    .action_list li.contentcard.small {font-size: .85em;}

    .main_catalog {height: 7em; padding: 0; padding-bottom: 10px;}
    .main_catalog.section_list > ul {
        height: 6em;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 15px 0;
    }
    .section_list > ul::-webkit-scrollbar {
        display: none;
    }
    .section_list > ul > li {min-width: 330px!important; height: 100px!important; margin-right: 8px;}
    .section_list > ul > li > a > span {font-size: .75em; padding: 0 .5em; }

    .contentcard.small.goods {
        width: calc(48% - 4px);
        padding: 0.5em;
    }

    .contentcard.small.goods img {
        width: 15em;
        height: 15em;
        margin-bottom: 1em;
    }

    .contentcard.small.goods .buy {
        bottom: 0.1em;
        left: 2px;
        height: 2em;
        width: 96.5%;
        line-height: 1;
        background-size: 20px;
        background-position: 35px 6px;
        font-size: 18px;
        padding-left: 59px;
    }
    .contentcard.small.goods .wait {
        bottom: 0.1em;
        left: 2px;
        height: 2em;
        width: 96.5%;
        line-height: 1;
        font-size: 18px;
    }
    .contentcard.small.goods .await {
        bottom: 0.1em;
        left: 2px;
        height: 2em;
        width: 96.5%;
        line-height: 1;
        font-size: 18px;
        background-position: 4px 4px;
    }
    .action_sticker > span {
        margin: 0px 0px 8px 0px;
        padding: 0px 6px;
        height: 18px;
        font-size: 9px;
        line-height: 2;
    }

    .status_sticker > span {
        padding: 2px 4px;
        font-size: 12px;
        border: 2px solid;
        margin-top: 3px;
    }
    .bonus_sticker > span {
        padding: 2px 4px;
        font-size: 12px;
        border: 2px solid;
        margin-top: 3px;
    }
    .contentcard.small.goods .title {
        height: 2.7em;
        line-height: 1.5em;
        padding-top: 0em;
        font-size: 12px;
    }
    .contentcard.small.goods .quantity > span {
        display: inline-block;
        line-height: 1em;
        padding: 2px 4px;
        font-weight: bold;
        font-size: 12px;
        border: 2px solid #009E55;
        margin-right: 2px;
    }
    .contentcard.small.goods .price_line {
        top: 258px;
    }
    .contentcard.small.goods .amount_sticker >span {
        padding: 3px 4px;
        font-size: 12px;
        border: 2px solid #009E55;
        top: 219px;
        left: 80px;
        margin-right: 2px;
    }
    .contentcard.small.goods .addtobag{display: none}
    .contentcard.small.goods:hover .addtobag{display: none}
    .contentcard.small.goods .favoriteblock {top: 14.2em;}

    .contentcard.medium.news{
        width: 95%;
        margin: 0.5em;
        height:26.5em;
    }
    .contentcard.medium.news>a{
        display: block;
    }
    .contentcard.medium.news img {width: 100%; height: 11.5em; float: left; margin-right: 1em;}
    .contentcard.medium.news .date{
        position: absolute;
        right: 0em;
        top: 11.6em;
    }
    .contentcard.medium.news .date > span {
        display: inline-block;
        padding: 0.5em 1em;
        font-weight: 600;
        color: #C4C4C4;
    }
    .contentcard.medium.news >a>.action_sticker{
        position: relative;
        top: 0.5em;
        left: 1em;
    }
    .contentcard.medium.news >a>.action_sticker>span{
        display: unset;
        position: unset;
        font-size: 14px;
    }
    .contentcard.medium.news .title {
        font-weight: bold;
        font-size: 20px;
        padding: 0.8em;
        white-space: pre-wrap;
        height: 1.6em;
        line-height: 1.25em;
        overflow: hidden;
    }
    .contentcard.medium.news .shorttext {
        padding: 0 1em 0 1em;
        white-space: pre-wrap;
        height: 3.3em;
        line-height: 1.1em;
        overflow: hidden;
    }
    .contentcard.medium.news .shorttext span {font-size: .9em;}.contentcard.small.news .shorttext {padding: 0 1.25em; white-space: pre-wrap; height: 4.4em; line-height: 1.1em; overflow: hidden;}
    .contentcard.medium.news .more {padding: .5em 1.25em; text-align: right}
    .contentcard.medium.news .more span {font-size: .9em; color:#3f474d; text-decoration: underline; font-style: italic;}
    .contentcard.medium.news >a>.my-button{
        margin: 1em;
        margin-right: 1em;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .contentcard.medium.goods {
        height: 40em;
        background: none;
        font-size: .8em;
    }
    .contentcard.medium.goods .gift {
        bottom: unset;
        top: 10em;
    }
    .contentcard.medium.goods >a{
        display: flex;
        flex-direction: column;
    }
    .contentcard.medium.goods::before {display: none;}
    .contentcard.medium.goods::after {display: none;}

    .contentcard.medium.goods img {
        width: 16em;
        height: 16em;
        margin: 0;
        padding-top: 1em;
        align-self: center;
    }
    .contentcard.medium.goods .goods_info {
        width:auto;
        height: 25em;
        border: none;
        padding: 3em 0.5em 0 0.5em;
    }
    .contentcard.medium.goods .goods_info > .status_action_sticker {
        position: absolute;
        top: 17em;
    }

    .contentcard.medium.goods .goods_info > .status_action_sticker>.status_sticker> span {
        padding: 4px 8px;
        font-weight: bold;
        font-size: 14px;
        border: 3px solid;
        border-radius: 14px;
    }
    .contentcard.medium.goods .goods_info > .status_action_sticker>.bonus_sticker> span {
        padding: 4px 8px;
        font-weight: bold;
        font-size: 14px;
        border: 3px solid;
        border-radius: 14px;
        margin-top: 3px;
    }
    .contentcard.medium.goods .goods_info > .status_action_sticker>.sale_sticker{
        display: none;
    }
    .contentcard.medium.goods .goods_info > .status_action_sticker>.action_sticker_userchoice{
        display: none;
    }
    .contentcard.medium.goods .sale_sticker {
        top: 32px;
    }
    .contentcard.medium.goods .price_info {position: unset; width: auto; height: 1.5em; padding: 0 .25em;}
    .contentcard.medium.goods:hover .price_info {top:.5em; right:.5em; transition: all .3s ease 0.1s;}
    .contentcard.medium.goods .title {
        height: 50px;
        line-height: 1em;
        width: 100%;
        font-size: 16px;
    }
    .contentcard.medium.goods .quantity {height: 1.2em; overflow: hidden;}
    .contentcard.medium.goods .quantity > span {display: inline-block; line-height: 1em; padding: .1em 1em 0 0; font-weight: bold;}
    .contentcard.medium.goods .status_sticker {text-align: right;}
    .contentcard.medium.goods .sale > span {font-size: 16px; font-weight: bold; font-style: italic; text-decoration: line-through; line-height: 1em;}
    .contentcard.medium.goods .price {line-height: 1em;}
    .contentcard.medium.goods .price > span {font-size: 22px; font-weight: bold; letter-spacing: -2px; overflow: hidden; white-space: nowrap;}
    .contentcard.medium.goods .price > span > span {font-size: .75em;}
    .contentcard.medium.goods .buy {
        right: auto;
        bottom: 0.5em;
        top: unset;
        left: 5px;
        width: 97%;
        height: 2.9em;
        background-position: 5em 0.8em;
        line-height: 2em;
    }
    .contentcard.medium.goods .wait {
        right: auto;
        bottom: 0.5em;
        top: unset;
        left: 5px;
        width: 97%;
        height: 2.9em;
        line-height: 2em;
    }
    .contentcard.medium.goods .await {
        right: auto;
        bottom: 0.5em;
        top: unset;
        left: 5px;
        width: 97%;
        height: 2.9em;
        line-height: 2em;
    }
    .contentcard.medium.goods .bagblock {
        left: unset;
        right: 1.5em;
    }
    .contentcard.medium.goods .addtobag {
        bottom: unset;
        right: 1em;
        z-index: 10;
        background: #fff;
        position: absolute;
        top: 30.5em;
        width: auto;
        height: 2.5em;
        border-radius: 25px;
        padding: 4px 0px;
    }
    .contentcard.medium.goods .addtobag > a {
        width: 2em;
        height: 2em;
    }
    .contentcard.medium.goods .addtobag>.inbag{
        font-size: 18px;
        margin-top: 0em;
        margin-left: 0.8em;
        width: 2.5em;
        border: none;
        background: transparent;
    }
    .contentcard.medium.goods .addtobag > a.reduce {
        left: -55px;
    }
    .contentcard.medium.goods .addtobag > a.increase {
        left: 5px;
    }

    .contentcard.medium.goods .action_sticker_userchoice {
        left: 0;
        top: 13em;
    }
    .contentcard.medium.goods .amount_sticker {position: absolute; bottom:2.5em; right:0;}
    .contentcard.medium.goods .favoriteblock {
        top: 15em;
        left: auto;
        right: 1em;
    }
    .contentcard.medium.goods .counter_text {
        display: none;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker>span {
        display: none;
    }
    .contentcard.medium.goods .action_sticker>span {
        display: inline-block;
        line-height: 1.5;
        padding: 4px 8px;
        font-weight: bold;
        font-size: 14px;
        border: 3px solid;
        border-radius: 14px;
        margin-top: 4px;
        margin-left: 4px;
        top: -36.5em;
        border: none;
    }

    .contentcard.medium.goods .action_sticker.action_174 > span {
        background: linear-gradient(to bottom right, #f8bf25 0%, #f8bf25 50%);
        color: #000000;
    }

    .contentcard.medium.goods .action_sticker.action_187 > span {
        background: linear-gradient(to bottom right, #009d5a 0%, #009d5a 50%);
        color: #000000;
    }
    .contentcard.medium.goods .action_sticker.action_188 > span {
        background: linear-gradient(to bottom right, #f2d06d 0%, #f2d06d 50%);
        color: #000000;
    }
    .contentcard.medium.goods  .action_sticker.action_208 > span {
        background: linear-gradient(to bottom right, #e44100 0%, #e44100 50%);
        color: #000000;
    }
    .contentcard.medium.goods  .action_sticker.action_265 > span {
        background: linear-gradient(to bottom right, #009d5a 0%, #009d5a 50%);
        color: #000000;
    }
    .contentcard.medium.goods  .action_sticker.action_883 > span {
        background: linear-gradient(to bottom right, #e44100 0%, #e44100 50%);width: fit-content;
        color: #000000;
    }
    .contentcard.medium.goods .action_sticker.action_938 > span {
        background: linear-gradient(to top right, #f50404 0%, #060606 90%); width: 4.5em; height: 4.5em;
        color: #f9f9f9;
    }
    .contentcard.medium.goods .action_sticker.action_994 > span {
        background: linear-gradient(to bottom right, #005293 0%, #005293 50%);
        color: #000000;
    }
    .contentcard.medium.goods  .action_sticker.action_markdown > span {
        background: linear-gradient(to bottom right, #fed44b 0%, #fed44b 50%);width: fit-content;
        color: #221f1f;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.is_avaliable{
        top: -28px !important;
    }
    .contentcard.medium.actions{
        width: 95%;
        margin:0.5em;
        height: 26.5em;
    }
    .contentcard.medium.actions>a{
        display: block;
    }
    .contentcard.medium.actions img {width: 100%; height: 11.5em; float: left; margin-right: 1em;}
    .contentcard.medium.actions >a>.action_sticker{
        position: relative;
        top: 0.5em;
        left: 1em;
    }
    .contentcard.medium.actions >a>.action_sticker>span{
        display: unset;
        position: unset;
        font-size: 14px;
    }
    .contentcard.medium.actions .title {
        font-weight: bold;
        font-size: 20px;
        padding: 0.8em;
        white-space: pre-wrap;
        height: 1.6em;
        line-height: 1.25em;
        overflow: hidden;
    }
    .contentcard.medium.actions .shorttext {
        padding: 0 1em 0 1em;
        white-space: pre-wrap;
        height: 3.3em;
        line-height: 1.1em;
        overflow: hidden;
    }
    .contentcard.medium.actions .shorttext span {font-size: .9em;}
    .contentcard.medium.actions .date > b{
        padding: 0.5em 1em;
    }

    .contentcard.medium.actions .date > span {
        display: inline-block;
        padding: 0.5em 1em;
        font-weight: 600;
        color: #C4c4c4;
    }
    .contentcard.medium.actions .days_rest{
        margin-top: 1em;
        margin-left: 1em;
    }
    .contentcard.medium.actions .days_rest >span{
        border: 1px solid #c4c4c4;
        border-radius: 16px;
        padding: 8px 16px;
    }
    .contentcard.medium.actions .days_rest >span> b{
        margin-right: 0.5em;
        color: red;
        font-size: 20px;
    }
    .contentcard.medium.actions >a>.my-button{
        margin: 1em;
        margin-right: 1em;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .contentcard.medium.news .shorttext {
        padding: 0 1em 0 1em;
        white-space: pre-wrap;
        height: 3.3em;
        line-height: 1.1em;
        overflow: hidden;
    }
    .contentcard.medium.actions .shorttext span {font-size: .9em;}
    .contentcard.medium.actions .more {padding: .5em 1.25em; text-align: right}
    .contentcard.medium.actions .more span {font-size: .9em; color:#3f474d; text-decoration: underline; font-style: italic;}

    .news_menu .left_block {
        font-size: 1.25em;
        height: 6em !important;
        border: none;
        margin-top: -15px;
    }
    .news_menu >.left_block> .title {
        display: none;
    }
    .news_menu .left_block .section_list > ul > li {height: 10px!important;}
    .news_menu .left_block .section_list > ul > li >a >span{
        font-size: 1em;
        padding-left: 1em;
    }
    .contentcard.list.goods {
        height: 12.5em;
        background: none;
        font-size: .8em;
        width: 99.3%;
    }

    .contentcard.list.goods img {
        width:7.5em;
        height: 7.5em;
        margin: 0;
        padding: 5px 0px 0px 5px;
    }
    .contentcard.list.goods .goods_info {
        width:auto;
        height: 5em;
        padding: 0 .25em;
    }
    .contentcard.list.goods .price_info {
        position: absolute;
        width: auto;
        height: 2.5em;
        left: 8em;
        top: 10em;
        padding: 0 0.25em;
    }
    .contentcard.list.goods .title {
        height: 2.5em;
        line-height: 1.25em;
    }
    .contentcard.list.goods .info {display: none;}
    .contentcard.list.goods .quantity {height: 1.2em; overflow: hidden;}
    .contentcard.list.goods .quantity > span {display: inline-block; line-height: 1em; padding: .1em 1em 0 0; font-weight: bold;}
    .contentcard.list.goods .status_sticker {
        text-align: right;
        top: 7em;
        left: 8em;
    }
    .contentcard.list.goods .bonus_sticker {
        text-align: right;
        top: 7em;
        left: 14em;
    }
    .contentcard.list.goods .sale {color:#5a99c9; height: 1.25em;}
    .contentcard.list.goods .sale > span {font-size: .95em; font-weight: bold; font-style: italic; text-decoration: line-through; line-height: 1em;}
    .contentcard.list.goods .price {line-height: 1em;}
    .contentcard.list.goods .price > span {font-size: 1.5em; font-weight: bold; letter-spacing: -2px; overflow: hidden; white-space: nowrap;}
    .contentcard.list.goods .price > span > span {font-size: .75em;}
    .contentcard.list.goods .addtobag {
        border: none;
        width: 145px;
        top: 9em;
        right: 2em;
    }
    .contentcard.list.goods .addtobag >.inbag{
        border: 2px solid #D7D8DA;
        border-radius: 15px;
        width: 5em;
        margin-left: 0;
        margin-top: 4px;
        left: 39px;
        top: 1px;
    }
    .contentcard.list.goods .addtobag >a{
        width: 2em;
        height: 2em;
        margin-right: 10px;
    }
    .contentcard.list.goods .amount_sticker {
        position: absolute;
        bottom: 7.5em;
        right: 80px;
    }
    .contentcard.list.goods .action_sticker {
        left: 8em;
        top: 5.5em;
    }
    .contentcard.list.goods .action_sticker>span {
        padding: 0 4px;
    }
    .contentcard.list.goods .action_sticker_userchoice {
        display: none;
    }
    .contentcard.list.goods .favoriteblock {
        top: 9.5em;
        left: unset;
        right: 0.5em;
    }
    .contentcard.list.goods .counter_text {
        display: none;
    }
    .contentcard.list.goods .sale_sticker {
        left: 0;
        width: 30px;
        height: 30px;
    }
    .contentcard.list.goods .sale_sticker>span {
        font-size: 12px;
        line-height: 2.5;
    }
    .contentcard.list.goods .border_block {
        display: none;
    }
    .contentcard.list.goods .bagblock {
        top: 11.5em;
    }
    .contentcard.action {display: block; margin: -1px auto 0 auto;}

    #content .sorttype {font-size: .85em; float: none;}
    #content .sorttype > span {display: block; padding: .25em 0;}

    .contentcard.full.catalog li.contentcard.small.goods {font-size: .56em; height: 36em;}
    .contentcard.full.catalog li.contentcard.small.goods .price_line {top: 263px;}
    .contentcard.full.news > .news_info_block >div> img { width: 100%; height: auto;border-radius: 10px;}
    .contentcard.full.news > .news_info_block >div> .title {text-align: center; font-size: 12px;}
    .contentcard.full.news > .news_info_block > div >.description_text{
        width: 100%;
        line-height: 1.5;
        padding: 0 5px;
    }
    .contentcard.full.news > .news_info_block > div>.date {color:#c4c4c4; margin: 20px 0; font-weight: 600;}

    .contentcard.full.news >.pagetext{


    }
    .contentcard.full.news >.pagetext>p{
        text-align: center;
    }
    .contentcard.full.news >.pagetext>p>img{

    }
    .contentcard.full.goods {
        width:fit-content;
    }
    .contentcard.full.goods  .my-img-box {
        width: 80%;
        margin: 0 2em;
        padding: 65% 0px 20% 0;
        margin-bottom: 40px;
    }
    .contentcard.full.goods  .my-img-box >label{
        margin-top: 60px;
    }
    .contentcard.full.goods > .goods_info >#buy_and_status_block {
        position: relative;
        right: unset;
        width: 85%;
        top: 0;
    }
    .contentcard.full.goods > .goods_info > div {
        margin-left: 0.5em;
        width: auto;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker{
        height: 5.5em;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker_userchoice {
        right: -40%;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker_made_in_ua {
        display: block;
        top: -30px;
        right: 0px;
        width: 75px;
        height: 60px;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker_special_icon {
        display: block;
        top: -30px;
        right: 0px;
        width: 75px;
        height: 60px;
    }
    .contentcard.full.goods > .goods_info {padding-bottom: 1em;}
    .contentcard.full.goods > .goods_info > a > div.action_block > img {width: 100%; height: auto; margin: 0; float: none;}
    .contentcard.full.goods > .goods_info > a > div.action_block {
        margin: 2em 0px 0px 1em;
        max-width: 88%;
    }

    .contentcard.full.goods > .goods_info > .added_links > div.action_block > img {width: 100%; height: auto; margin: 0; float: none;}
    .contentcard.full.goods > .goods_info > .added_links > div.action_block {
        margin: 2em 0px 0px 1em;
        max-width: 88%;
    }
    .contentcard.full.goods .addtobag {
        width: 165px;
        border: none;
    }
    .contentcard.full.goods .addtobag > .inbag {
        left: 43px;
    }
    .contentcard.full.goods  .bonus_sticker{left: 0px; top: 16px;}
    .my-tabs {
        margin-left: 1em;
    }
    .my-tabs>label {
        border: none;
        border-top:1px solid #D7D8DA;
        border-bottom: 1px solid #D7D8DA;
        background: url(down_arrow_ico.png) no-repeat;
        background-position: right;
    }
    .my-tabs > label {
        width: 85% !important;
        padding: 0px 20px !important;
        height: 32px !important;
        left: 0px;
        border: 2px solid #D7D8DA !important;
        border-radius: 2px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 16px;
        display: flex;
        align-items: center;
        color: #555555;
        background: none !important;
        margin-bottom: 15px;
    }
    .my-tabs > input:checked + label {
        border: 2px solid #005293;
        color: #005293;
        background: none;
    }
    .my-tabs > div > ul.my-list > li span{
        display:unset;
    }
    .contentcard.full.actions> .actions_info_block{
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .contentcard.full.actions > .actions_info_block > img { width: 100%; height: auto;border-radius: 10px;}
    .contentcard.full.actions > .actions_info_block>.info_block >.title {
        text-align: center;
        font-size: 12px;
    }
    .personal_bag > li > span> a >.name {
        height: 2.3em;
        overflow: hidden;
    }
    .contentcard.full.actions > .actions_info_block>.info_block {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
        border: 2px solid #F1F1F1;
        width: 100%;
    }
    .contentcard.full.actions > .actions_info_block>.info_block> .date {
        padding: 0px 80px;
        border-radius: 10px;
        max-width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .contentcard.full.actions > .actions_info_block>.info_block> .date .date__item {
        display: block;
        font-size: 14px;
        color: #c4c4c4;
    }
    .contentcard.full.actions > .actions_info_block>.info_block> .date .date__item-description {
        font-size: 14px;
        line-height: 18px;
        color: #c4c4c4;
    }
    .contentcard.full.actions > .actions_info_block>.info_block>.description_text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 0 20px;
    }
    .contentcard.full.actions >.pagetext{
        padding: 0 20px;
        width: 95%;
    }
    .contentcard.full.actions >.pagetext>p{
        width: 90%;
        text-align: center;
    }
    .contentcard.full.news>.pagetext>.contentcard.action, .contentcard.full.actions>.pagetext>.contentcard.action {
        margin: 5px;
        border: 1px solid;
        border-radius: 9px;
        width: 17em;
    }

    .contentcard.full.bag {
        width: 100%;
    }
    .contentcard.full.bag .my-form-box {margin:.5em 0;}

    .personal_bag > li{
        height: 14em;
        border: none;
        border-top: 1px solid #D7D8DA;
        border-bottom: 1px solid #D7D8DA;
    }
    .personal_bag > li.data {
        padding-top: 1em;
    }
    .personal_bag > li.title {display:none;}
    .personal_bag > li > span:nth-child(1) {width: 30%; background: #fff;}
    .personal_bag > li > span:nth-child(2) {
        width: 67%;
        font-size: .9em;
    }
    .personal_bag > li > span:nth-child(2) span {
        width: 5.5em;
    }
    .personal_bag > li > span:nth-child(3) {width: 44%;}
    .personal_bag > li.data > span:nth-child(3) {
        top: -15px;
        right: 0.5em;
    }
    .personal_bag > li > span:nth-child(3)>i {
        left: 55px;
    }
    .personal_bag > li > span:nth-child(4){
        display: none;
    }
    .personal_bag > li > span:nth-child(6) {
        width: 70%;
        position: absolute;
        right: 0;
        top: 11em !important;
    }
    .personal_bag > li.data >.summa>br{
        display: none;
    }
    .personal_bag > li.data >.summa>i{
        padding-left: 1em;
    }
    .personal_bag > li img {
        width: 7em;
        margin-left: 0.5em;
        margin-top: 1em;
    }
    .personal_bag > li > a.bag_clear {
        border: 2px solid #FF3333;
        border-radius: 50%;
        top: 0.1em;
        right: 0.1em;
        line-height: 0.5;
        padding: 3px;
    }
    .personal_bag > li .action_sticker {
        position: absolute;
        left: 0.5em;
        display: contents;
    }
    .personal_bag > li .status_sticker > span {
        margin-top: 0px;
    }
    .personal_bag > li .action_sticker>span {
        padding: 2px 4px;
    }
    .personal_bag > li .amount_sticker >span {
        font-size: 12px;
        padding: 2px 4px;
    }
    .personal_bag > li > span > .selectedGift {width: 100%; display: grid;}
    .personal_bag > li > span > .selectedGift > span > select{width: 230%;}
    .personal_bag .addtobag{
        top: -5.5em;
        left: -2em;
        border: none;
        width: 10em;
    }

    .personal_bag .addtobag > .inbag {
        left: 44px;
        position: relative;
    }

    .addtobag > .inbag {
        border-radius: 1em;
        border: 1px solid #D7D8DA;
        width: 4em;
        margin-top: 2px!important;
    }
    .addtobag > a {
        margin-right: 12px;
    }

    .comments {margin: 0;}
    .comments_list, .comments_edit {display:block; width: auto; padding: 1em 0 0 0;}
    .comments_edit .g-recaptcha {margin-left: -1em;}

    div #annotation{
        padding-left: 1em;
    }
    div #liqPayBut{
        padding-left: 1em;
    }
    div #newPostBut{
        padding-left: 1em;
    }
    #first_line_footer {
        margin-bottom: -30px;
        text-align: center;
    }
    #first_line_footer > div > div > div.title {
        margin-top: 50px;
    }

    #second_line_footer {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 15px 0;
        width: 100%;
        margin-top: 30px;
    }
    #second_line_footer>div{
        padding: 0px 15px;
        width: fit-content;
        margin-right: 120px;
    }
    #second_line_footer>div> img{
        margin-left: 0;
    }
    #second_line_footer>#delivery_link {
        margin-left: 175px;
    }
    #second_line_footer> #guarantee {
        margin-top: -4px;

    }
    #second_line_footer>#loyality_link {

    }
    #third_line_footer {
        height: fit-content;
        width: 100%;
        margin-bottom: 10px;
    }
    #third_line_footer> form >input {
        border-radius: 25px;
        width: 79%;
        height: 44px;
        padding-left: 26px;
        margin: 0 30px;
        position: inherit;
        margin-top: 10px;
    }

    #third_line_footer> form >label {
        font-size: 20px;
        top: 6px;
        width:60%;
    }
    #third_line_footer> form >span{
        display: none;
    }
    #third_line_footer> form >button {
        width: 85%;
        margin: 10px 30px;
        position: inherit;
    }
    #footer{
        margin-top: -50px;
    }

    #footer .footer_panel {
        display: contents;
    }
    .footer_panel> #alloid_links{
        margin-top: 50px;
        background-color: #9b9b9b !important;
    }
    #footer .copyright {

        font-size: .9em;
        padding: 0.25em 5px;
        line-height: 5;
        height: 50px;
    }
    #footer .copyright>div {
        right: 61px;
    }
    #hotline_phone_in_footer >div>img {
        position: relative;
    }
    #fifth_line_footer{
        margin-left: 10px;
    }
    #fifth_line_footer > #catalog_in_footer{
        display: none
    }
    #fifth_line_footer > .footer_panel > .title{
        border-bottom: 2px solid #D7D8DA;
        margin-top: 30px;
    }

    #content .right_panel >.contentcard.full.catalog > .header{
        display: flex;
        height: 9.6em;
    }
    #content .right_panel >.contentcard.full.catalog > .header>.sorttype {
        padding-left: 0!important;
    }
    #content .right_panel >.contentcard.full.catalog > .header> .sorttype> #itemonpage {
        margin-left: 5em;
    }
    #content .right_panel >.contentcard.full.catalog > .header>.sorttype>.news_menu .section_list > ul> li > a > span{
        margin-left: 3em;
    }

    .smallscreen {
        display: block;
    }
    .widescreen {
        display: none !important;
    }
    .mediumscreen{
        display: none;
    }
    #content .listtype {
        display: flex;
        font-weight: 600;
    }
    #viewStyle {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    #filterPopup{
        width: 16em;
        background: #f9f9f9;
        z-index: 21!important;
    }
    #filterPopup form #pricemin {
        border-radius: 10px;
        border-color: #D7D8DA;
    }
    #filterPopup form #pricemax{
        border-radius: 10px;
        border-color: #D7D8DA;
    }
    #filterPopup > .corner2px{
        border:none;
    }
    #filterPopup > .corner2px::before{
        border:none;
    }
    #filterPopup > div > form .filter.data > ul{
        list-style: none;
    }
    #content .sorttype #sorttype {
        margin-bottom: 20px;
        width: 16em;
        background-position-x: 190px;
        font-weight: 600;
        color: #383E48;
    }
    #content .sorttype #itemonpage {
        width: 16em;
        background-position-x: 190px;
        font-weight: 600;
        color: #383E48;
    }
    #content .listtype > .filter_block {
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: auto;
    }
    #content .listtype > .filter_block > .popuptext {
        visibility: hidden;
        border-radius: 0px 0px 5px 5px;
        padding: 8px 8px;
        position: absolute;
        z-index: 1;
        top: 42px;
        right: -100%;
        border-top: 2px solid #005293;
        box-shadow: 2px 2px 6px #3873a1;
        height: fit-content;
    }

    /* Toggle this class - hide and show the popup */
    #content .listtype > .filter_block >.showpopup {
        visibility: visible !important;
        -webkit-animation: fadeIn 1s !important;
        animation: fadeIn 1s !important;
        position: absolute;
    }

    #content .header > .titles {
        width: 55%;
        display: grid;
        align-content: space-around;
        padding-left: 5px;
        margin-right: 5px;
    }

    #content > div > div.right_panel > div.contentcard.full.catalog > div.header {
        font-weight: 600;
        color: #383E48;
    }

    #content .listtype > .filter_block >img{
        width: 25px;
        height: 25px;
    }
    .tabs{
        margin-left: -3px;
        width: 98%;
    }

    .tabs>label {
        border: none;
        border-top: 1px solid #D7D8DA;
        background: url(down_arrow_ico.png) no-repeat;
        background-position: right;
        display: flex;
        width: 98% !important;
        margin-left: 1em;
    }

    .tabs>input[type="radio"]+label {
        width: 85% !important;
        padding: 0px 20px ;
        height: 32px;
        left: 0px;
        border: 2px solid #D7D8DA;
        border-radius: 2px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px;
        display: flex;
        align-items: center;
        color: #555555;
        background: none;
        margin-bottom: 15px;
    }

    .tabs>input[type="radio"]:checked+label {
        border: 2px solid #005293;
        color: #005293;
        background: none;
    }

    .action_list > .title{
        display: none;
    }
    .action_list>  .my-arrow{
        display: none;
    }
    .action_list  .contentcard.small.goods .price_line{
        position: absolute;
        top: unset;
        bottom: 50px;
    }
    .action_list .contentcard.small.goods .amount_sticker{
        height: 0px;
    }
    .action_list .contentcard.small.goods .amount_sticker >span {
        top: 312px;
        left: 85px
    }
    .action_list .contentcard.small.goods {
        height: 30em;
    }
    .contentcard.small.goods .gift {
        top: 6em;
    }
    /*****Страница регистрации *****/
    .register_form {
        width: 94%;
        margin-left: 0em;
    }
    .register_form >form>ul.half{
        width: 100%;
        padding: 0em !important;
    }

    .register_form >form>ul.last_part{
        width: 100%;
    }
    /***********Авторизация***********/
    .autorization_form >form {
        width: 90%;
        padding: 1.8em 0em 1.8em 0.5em;
    }
    .autorization_form >form>ul>li.my-button-box {
        flex-direction: column;
    }
    /********************************/
    #header .user_bag > iframe {
        width: 25px;
    }
    #header #favorites >span {
        top: -5px;
        right: -12px;
    }
    #hans_on_vitol_block{
        height: 22em;
        position: relative;
        display: block;
        margin-top: 10px;
    }
    div.slider_left_arrow, div.slider_right_arrow {
        display: none;
    }
    #brands_car {
        margin-top: 14px;
    }

    .main_manufacturers {
        padding: 0 !important;
        width: 110%;
        margin-left: -38px;
    }
    .main_manufacturers >ul {
        padding: 0!important;
        margin-left: 28px!important;
        width: 94%!important;
    }
    .main_manufacturers li, .main_manufacturers li img {
        width: 100px;
        height: 30px;
    }
    .main_manufacturers li img {padding: 0;}

    #gototop {right: 8px; width: 4em; height: 4em;}
    #gototop.show{
        opacity: 1;
        position: sticky !important;
        position: -webkit-sticky !important;
        display: block;
        top: 70%;
        left: 80%;
        right: 0;
    }
    .resized {display: none;}

    .homepage_actionblock {
        margin-top: -10px;
    }
    .homepage_actionblock > .tabs > .title {
        position: unset;
        border: none;
        background:none;
        border-bottom: none;
    }
    .homepage_actionblock > .tabs > label {
        width: auto;
        padding: 10px 0;
        margin-left: 0
    }
    .homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.first_action_card {
        width: 102%;
        left: -10px;
        top: -10px;
        height: 665px;
    }

    .homepage_actionblock >.timer_block {
        bottom: unset;
        top: 700px;
        width: unset;
        left: 8%;
    }
    .homepage_actionblock >.timer_block #clockdiv > div:nth-child(6){
        display: none;
    }

    .homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.content_list {
        margin-left: -10px;
        width: 350px;
        text-align: start;
        padding: 15px 0em;
        overflow: hidden;
        margin-top: 645px;
        height: unset;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.content_list::-webkit-scrollbar {
        display: none;
    }
    .first_action_card .title {
        margin-left: 20%;
        margin-top: 0;
        text-align: left;
    }
    .first_action_card .price_line {
        left: 25%;
        top: 425px;
    }
    .first_action_card>a>.sale_sticker {
        top: 10px;
        right: 10px;
    }
    .first_action_card .buy {
        left: 4%;
        background-position-x: 30% !important;
    }

    .contentcard.smaller.goods {
        width: 45%;
        margin: 0;
        height: 16.5em;
    }
    .contentcard.smaller.goods img {
        width: 10em;
        height: 10em;
        padding: 0px;
    }
    .contentcard.smaller.goods .price_line {
        top: 220px;
        left: 6px;
    }
    .contentcard.smaller.goods .buy {
        top: 220px
    }
    .contentcard.smaller.goods .favoriteblock {
        left: 126px;
        top: 60px;
    }
    .favorite_categories {
        margin-top: -25px;
    }
    .favorite_categories > .fc_list {
        margin-top: 10px;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .favorite_categories > .fc_list > .base_category {
        width: 100%;
        min-width: 330px;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 3px;
    }
    .main_page_corousels{
        margin-top:0;
    }
    .main_page_corousels > .my-tabs{
        margin-left: 0;
    }
    .main_page_corousels > .my-tabs > div> .my-carousel{
        padding: 0;
        margin-left: -15px;
    }
    .main_page_corousels > .my-tabs > label {
        padding: 14px 20px!important;
        height: 50px;
    }

    .section_banner {
        left: 4px;
        width: 100%;
        top: -10px;
        margin-top: 60px;
    }
    .news_video_block {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        margin-top: 45px;
    }
    .news_video_block > .news_block {
        width: 100%;
    }
    .news_video_block > .news_block >.articles {

    }
    .news_video_block > .news_block >.articles > div:first-child> a >.more{
        display: none;
    }
    .news_video_block > .news_block >.articles > div {
        margin-top: 16px;
        width: 100%;
        margin-right: 2%;
    }
    .news_video_block > .news_block >.articles > div> a >.shorttext {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #383E48;
        margin-top: 8px;
        display: block;
        height: 3em;
        overflow: hidden;
    }
    .news_video_block > .video_block {
        width: 100%;
        margin-left: 0px;
    }
    .video >p>iframe{
        height: 12em;
        width: 100%;
    }
    #fifth_line_footer >.footer_panel >#hotline_phone{
        margin-top: 0px;
    }
    #hotline_phone_in_footer >div>img {
        display: none;
    }
    #timerwidth {width: 100%;}
    .contentcard.small.goods .status_sticker {
        top: 150px;
    }
    .contentcard.small.goods .bonus_sticker{
        text-align: left;
        position: absolute;
        top: 150px;
        right: 0;
    }
    .contentcard.small.goods .bonus_sticker>span{
        padding: 2px 4px;
        font-size: 12px;
        border: 2px solid;
        margin-top: 3px;
    }
    .contentcard.small.goods .title {
        margin-top: 25px;
    }
    .action_list li.contentcard.small{

    }
    .action_list li.contentcard.small .status_sticker {
        top: 210px;
    }

    .action_list li.contentcard.small .title {
        margin-top: 10px;
    }

    .usersList{
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }
    #content > .wrapper > .contentcard.full > .dialog {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }
    #sub_menu_border{display: none;}

    #priceTypeBlock2{
        position: absolute;
        right: 10px;
        top: 188px;
    }

    .contentcard.small.goods > #priceTypeBlock2 {
        position: absolute;
        right: 10px;
        top: 100px;
        width: 20px;
        z-index: 21;
    }

    .contentcard.small.goods > #priceTypeBlock2>#priceTypesList2{
        width: max-content;
        position: absolute;
        right: -10px;
        background: #f9f9f9;
        font-size: 12px;
    }
    .contentcard.list.goods > #priceTypeBlock2{
        position: absolute;
        right: 10px;
        top: 40px;
        width: 20px;
    }
    .contentcard.list.goods > #priceTypeBlock2>#priceTypesList2{
        width: max-content;
        position: absolute;
        right: 20px;
        background: #f9f9f9;
    }

    .contentcard.smaller.goods .price {
        padding: .5em 5% 0 0;
    }
    .contentcard.smaller.goods .price > span {
        font-size: 20px;
    }
    .contentcard.smaller.goods .sale > span {
        font-size: 12px;
    }

    .ui-tooltip {top: 480px!important;}
    #callbeck{
        width: 3em;
        height: 3em;
        right: 10px;
        background-size: 33px;
        bottom: 4em;
    }
    #callbeck.my-fixed{
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 82%;
        left: 80%;
        right: 0;
        margin-right: 0px;
        bottom: 0px;
    }
    #callback_block {
        width: 95%;
    }
    .callback_title {
        font-size: 1em;
    }
    .callback_info {
        left: 14%;
    }
    .social-share_block {
        top: unset;
        right: 0;
        bottom: 0;
    }
    /************ Кнопки авторизации серез фейсбук и гугл***********************/
    .autorization_form >form>ul>li>.gSfBlock>.titleSbuttons>.buttonsBlock{
        flex-direction: column;
    }
    .autorization_form >form>ul>li>.gSfBlock>.titleSbuttons>.buttonsBlock>.auth_buttons_style {
        width: unset;
    }
    /********************************************************************************/
    /*************************Таймер Удаление позиции из корзины **************************/
    .deleteTimer {
        flex-direction: column;
    }
    .deleteTimer>.stepTimer{
        width: 100%;
        height: 30%;
    }
    .deleteTimer>.textTimer{
        width: 100%;
        height: 50%;
        justify-content: center;
        margin-left:unset;
        padding-left: unset;
    }
    .deleteTimer>.textTimer>span{
        font-size: 18px;
    }
    .deleteTimer>.backBtnTimer{
        width: 100%;
        height: 20%;
        justify-content: center;
        margin-right:unset;
        padding-bottom: 1em;
    }
    .deleteTimer>.backBtnTimer>.stopTimer{
        font-size: 18px;
    }
    /********************************************************************************/
    /* корректировка отображения галереи изображений на карточке товара*/
    #my-galery > div{
        height: 7% !important;
    }
    /****** Стрелочки для перелистывания изображений на карточке товаара *******/
    .contentcard.full.goods  .my-img-box >div.img_arrow_right {
        top: 5px;
        right: -35px;
        height: 90%;
        background-size: 40% 20%;
        background-position-x: 25px;
        width: 60px;
    }
    .contentcard.full.goods  .my-img-box >div.img_arrow_left {
        top: 5px;
        left: -35px;
        height: 90%;
        background-size: 40% 20%;
        background-position-x: 10px;
        width: 60px;
    }
    #my-galery .my-tools {
        display: block!important;
    }
    #my-galery .my-tools>li {
        display: none;
    }
    .my-tools li.left_img_arr{
        left: 10em;
        top: -200px;
        width: 6em;
        background-image: none;
        display: block!important;
    }
    .my-tools li.right_img_arr{
        left: -10em;
        top: -200px;
        width: 6em;
        background-image: none;
        display: block!important;
    }
    /*************************** Новая Почта Курьер******************************/
    .contentcard.full.bag> .my-form  #np_courier {
        display: block;
        justify-content: left;
    }
    .contentcard.full.bag> .my-form  #np_courier>#bag_street{width: 100%;}
    .contentcard.full.bag> .my-form  #np_courier>#bag_house{width: 100%;}
    /****************************************************************************/
	.action_list > ul {
        overflow-x: auto!important;
        overflow-y: hidden !important;
	}
    .contentcard.medium.goods .add_discount {
        bottom: 170px;
        left: 150px;
    }
    /*************************** нашли дешевле ******************************/
    .contentcard.small.goods .is_cheaper {
        top: 247px;
        right: 9px;
        width: 20.8px;
        height: 20.8px;
        display: block;
    }
    .contentcard.small.goods .is_cheaper_but { display: none; }
    .contentcard.medium.goods .is_cheaper {
        top: 300px;
        right: 11px;
        width: 24px;
        height: 24px;
        display: block;
    }
    .contentcard.medium.goods .is_cheaper_but {display: none;}
    .contentcard.list.goods .is_cheaper {
        width: 18px;
        height: 18px;
        top: 82px;
        right: 6px;
        display: block;
    }
    .contentcard.list.goods .is_cheaper_but{display: none;}
    .contentcard.full.goods .is_cheaper{
        display: block;
        top: 10px;
        right: 6px;
    }
    .contentcard.full.goods .is_cheaper_but{display: none;}
    .contentcard.small.goods .action_sticker_made_in_ua{
        display: block;
        top: 0px;
        right: 0px;
        width: 50px;
        height: 40px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_made_in_ua{
        display: block;
        top: -54px;
        left: 53px;
        width: 57px;
        height: 45px;
    }
    .contentcard.list.goods .action_sticker_made_in_ua{
        display: block;
        top: 103px;
        left: 0px;
        width: 50px;
        height: 40px;
    }
    .contentcard.small.goods .action_sticker_special_icon{
        display: block;
        top: 55px;
        right: 0px;
        width: 50px;
        height: 40px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_special_icon{
        display: block;
        top: -185px;
        left: 0px;
        width: 57px;
        height: 45px;
    }
    .contentcard.list.goods .action_sticker_special_icon{
        display: block;
        top: 103px;
        left: 55px;
        width: 50px;
        height: 40px;
    }
}

/***********************************************************************************************************************
                                    Планшеты в режиме portrait
***********************************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1103px)
{
    #first_search {display: none;}
    .wrapper {width: 99%; margin: 0 auto;}
    #header > div.menu_panel > div > div.dept{display: none;}
    #header .dept{
        width: auto;
        height: 17px;
        color: inherit;
        border: 1px solid #383E48;
        border-radius: 22px;
        font-size: 12px;
        font-weight: 600 !important;
        line-height: 1px;
        padding: 2px 5px 7px 10px;
        margin-top: 21px;
        margin-left: 8px;
    }

    #header {
        top:0;
        left:0;
        right:0;
        z-index: 90;
        position: fixed;
        width: 96.5%;
    }
    #second_search > ul > li > form > div > button {height: 24px; width: 24px; opacity: 0; padding-bottom: 5px; margin-left: -33px;}
    #header .find_panel .find > form {background: #005293;}
    #header .find_panel {
        left: 10.5%;
        width: 77%;
        position: relative;
    }
    #header .find_panel .find {
        margin: -11px 0em 0 0.5em;
        background: url(ico-find-white.png) no-repeat center;
        background-size: 27px;
        background-position: 99% 17px;
        height: 2.7em;
    }
    #header .find_panel .find #find {
        box-sizing: border-box;
        padding: 0.3em 2em 0.3em 1.75em;
        width: 85%;
        background: #fff url(ico-find-black.png) no-repeat right 0.5em center;
        margin: 10px 0 0 -90px;
    }
    #header .find_panel .find #find-reset {
        left: 40px;
        top: 14px;
        width: 1.5em;
    }
    #header .find_panel .find:hover {background: #005293; transition: all .3s ease 0.1s;width: 100%;}
    #header .find_panel .find:hover ~ a > .logo {display: none; transition: all .3s ease 0.1s;}
    #header .find_panel .logo {
        display: block;
        width: 6em;
        height: 35px;
        position: absolute;
        top: 5px;
        background: url(logo_white.png) no-repeat top left;
        background-size: 100% 100%;
        left: 43.5%;
    }
    #header .user_panel ul > li > #guarantee {display: none;}
    #header .user_panel #contacts_data {display: none;}
    #header .user_panel ul > li select {border: 2px solid #1a1a1a;}
    #header .user_panel ul > li > #langStyle { margin-top: -5px; }
    #header .user_panel ul > li > #langStyle #lang {margin-top: 3px;}
    #regOrEnter {display: inline-flex; margin-left: -132px; position: relative;}
    #regOrEnter > div {padding-right: 22px;}
    #regOrEnter > img {display: none;}
    #header > div.user_panel > div > ul > li {color:#F9F9F9;}
    #email_data {
        margin-top: 21px;
        margin-left: 28px;
    }
    #email_data >img{
        height: 19px;
        vertical-align: bottom;
        padding-right: 8px;
        left: 0;
        top: -3px;
        margin-left: -12px;
    }
    #email_data >a{
        font-family: Roboto;
        font-size: 18px;
    }
    #phone_select_data {margin-top: 10px;}
    #phone_select_data > a > img{ height: 24px; vertical-align: bottom; padding-left: 12px;  left: 0;top: -3px;}
    #phone_select_data >select {border: none; color: #383E48; padding: 0 1.75em 0 0; background-color: #F9F9F9; background-image: url(select_arrow_blue.png); font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; padding-left: 1em;}
    #guarantee {
        margin-top: 8px;
        margin-left: -11px;
    }
    #guarantee>img{
        height: 24px;
        vertical-align: bottom;
        padding-left: 24px;
        left: 0;
        top: -2px;
        padding-right: 6px;
    }
    #guarantee>a{
        font-family: Roboto;
        font-size: 16px;
    }
    #smallscr1 {
        border-bottom: 3px solid #D7D8DA;
        margin-top: -9px;
    }

    #smallscr2 > li > p{
        margin-left: 23px;
        margin-top: 32px;
    }
    #smallscr2 > li > p >a{
        padding-right: 26px;
    }
    #smallscr2 > li > p >a>img{
        height: 38px;
    }
    #smallscr2 > li:nth-child(4) > p > a:nth-child(2){

    }

    #smallscr2 {border-top: 3px solid #D7D8DA;}
    #header .menu_panel {
        text-align: center;
        height: 44px;
    }
    #header .menu_panel .wrapper {position: relative;}
    #header > div.menu_panel > div > ul.menu.catalog {
        background: url(catalog_list_white.png) no-repeat center center;
        margin-left: -10px;
        background-size: 26px 26px;
        font-weight: 600;

    }
    #header > div.menu_panel > div > ul.menu.catalog > li > label > span{display: none}
    #header > div.menu_panel > div > .currency_list {display: none;}
    #header .user_bag {
        right: 16px;
        background-image: url(ico-bag-white.png);
        background-size: 64%;
        width: 2.5em;
        height: 2em;
        top: 7px;
    }
    #header > div.menu_panel > div > ul.menu.catalog > li ul li > a >img {display: none;}
    #header > div.menu_panel > div > ul.menu.catalog > li ul li > a >.children{display: none;}
    #header .mainmenu {
        float: left;
        display: inline-block;
        vertical-align: top;
        text-align: initial;
        font-size: 18px;
        font-weight: 600;
        font-family: 'TT Supermolot Neue';
    }
    #header > div.menu_panel > div > ul.menu.mainmenu > li > ul {
        width: 320px;
    }

    #iconsMenu{
        box-shadow: 0px 3px 6px #848484;
        top: 64px;
        display: flex;
        background: #005293;
    }

    #iconsMenu > div {
        border-right: 1px solid #D7D8DA;
    }
    #iconsMenu > .user_menu > ul {display: none; position: absolute; top: 100%; right:0; background: #f6f6f6; height: auto; box-shadow: 0 2px 6px #848484;}
    #iconsMenu > .user_menu:hover > ul {
        display: block;
        transition: all 2s ease;
        z-index: 80;
        left: 2px;
        width: 226px;
        overflow-y: auto;
        overflow-x: hidden;
        min-height: fit-content;
        max-height: 80vh;
        top: 42px;
        border-top: 2px solid #005293;
    }
    #iconsMenu > .user_menu > ul > li {        display: block; border-bottom: 1px solid #d6d5d6; color: #1a1a1a; padding: .25em; font-size: 1.25em;    }
    #iconsMenu > .user_menu > ul > li:last-child {border: none;}
    #iconsMenu > .user_menu > ul > li > a {
        padding: 0.5em 1em;
        display: block;
        text-align: left;
        white-space: nowrap;
        font-size: 18px;
        font-weight: 600;
        font-family: 'TT Supermolot Neue';
    }

    #iconsMenu > .user_menu {
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        height: 40px;
        background: url(user_menu_smallscr.png) no-repeat center center;
        background-size: 47%;
        background-position-x: 19px;
        font-size: 14px;
        font-family: 'TT Supermolot Neue';
    }
    #iconsMenu > .favorite_block{    width: 77px;}
    #iconsMenu > .favorite_block > #favorites {
        left: 119px;
        top: 10px !important;
        height: 21px;
        width: 21px;
    }
    #iconsMenu > .language_block { width: 79px;}

    #iconsMenu > .language_block> #langStyle #circle {
        background: transparent;
        border: 2px solid #f9f9f9;
        border-radius: 50%;
        height: 18px;
        width: 18px;
        top: 10px;
        left: 28px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    #iconsMenu > .language_block> #langStyle #circle #LangPopup {
        visibility: hidden;
        width: 69px;
        height: 99px;
        background-color: #f9f9f9;
        color: #005293;
        text-align: center;
        border-radius: 0px 0px 5px 5px;
        padding: 8px 0;
        position: absolute;
        z-index: 1;
        left: 55px;
        top: 30px;
        margin-left: -80px;
        border-top: 2px solid;
        box-shadow: 2px 2px 6px #3873a1;
        display: inline-flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }

    #iconsMenu > .language_block> #langStyle #circle #LangPopup > div{
        border: 4px solid #005293;
        width: 38px;
        height: 29px;
        padding-top: 7px;
        border-radius: 50%;
        margin-top: 2px;
        font-size: 20px;
    }

    /* Toggle this class - hide and show the popup */
    #iconsMenu > .language_block> #langStyle #circle .showpopup {
        visibility: visible !important;
        -webkit-animation: fadeIn 1s !important;
        animation: fadeIn 1s;
    }

    /* Add animation (fade in the popup) */
    @-webkit-keyframes fadeIn {
        from {opacity: 0;}
        to {opacity: 1;}
    }

    @keyframes fadeIn {
        from {opacity: 0;}
        to {opacity:1 ;}
    }
    #iconsMenu > .language_block> #langStyle #langLocalization{
        color: #f9f9f9;
        font-size: 12px;
        font-weight: 600;
        position: absolute;
        left: 200px;
        top: 14px;
    }

    #iconsMenu > .phone_block {
        width: 67px;
        background: url(phone_ico_white.png) no-repeat center center;
        background-size: 31%;
        background-position-x: 27px;
        position: relative;
        display: inline-block;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    #iconsMenu > .phone_block > .popuptext {
        visibility: hidden;
        width: 184px;
        background-color: #005293;
        color: #fff;
        text-align: center;
        border-radius: 0px 0px 5px 5px;
        padding: 8px 8px;
        position: absolute;
        z-index: 1;
        top: 42px;
        left: -56px;
        margin-left: -80px;
        border-top: 2px solid #005293;
        box-shadow: 2px 2px 6px #3873a1;
        height: fit-content;
    }

    /* Toggle this class - hide and show the popup */
    #iconsMenu > .phone_block >.showpopup {
        visibility: visible !important;
        -webkit-animation: fadeIn 1s !important;
        animation: fadeIn 1s !important;
    }
    #smallscr1>li>ul{
        margin-top: 35px;
    }

    #header .inner_catalog {
        float: left;
        display: inline-block;
        vertical-align: top;
        margin: 16px 0px 16px 0px;
        text-align: left;
    }
    #header .inner_catalog > li > label {
        color: #F9F9F9;
        padding: 4px 8px 3px 50px;
        background: url(catalog_list_white.png) no-repeat left 1em center;
        border-radius: 9px;
        background-size: 19px;
        background-position: left 10px top 5px;
        border: 3px solid #005293;
        background-color: #005293;
        margin-left: 15px;
    }

    #header .inner_catalog > li > a {display: none;}
    #header .inner_catalog > li ul {display: none; background: #fff;}
    #header .inner_catalog > li > ul {display: none; position: absolute; top: 2em; left:0; border: 2px solid #005293; width: 100%; box-sizing: border-box; box-shadow: 0 2px 6px #848484; padding: .5em 0;}
    #header .inner_catalog > li ul li > a {display: block; padding: .5em 1em; margin-right: 1.5em;}

    #main_menu_list{
        margin-top: 50px;
    }
    #main_menu_list > a{
        padding-left: 16px;
    }

    #header .mainmenu > li > label {
        display: inline-block;
        width: 34px;
        height: 39px;
        background: url(burger_white_ico.png) no-repeat center center;
        background-size: 70%;
        background-position: 4px 13px;
        border-radius: 7px;
    }

    #header .mainmenu > li > ul {display: none; position: absolute; top: 2em; left:0; border: 2px solid #005293; width: 100%; box-sizing: border-box; box-shadow: 0 2px 6px #848484; padding: .5em 0; background: #fff;}
    #header .mainmenu > li > ul li > a {
        display: block;
        padding: 16px 0 0px 16px;
    }

    #main_menu_list > ul{
        margin-bottom: 16px;
    }
    /**  меню для ***/
    #header .mainmenu > li > input:checked ~ ul {
        display: block;
        width: auto;
        min-width: 318px;
        left: -10px;
        top: 49px;
        height: 100vh;
    }

    #header .catalog {float: left; display: inline-block; vertical-align: top; margin: .35em 1em 0 1em; text-align: left;}
    #header .catalog > li > label {
        border: 2px solid #fff; color: #fff; padding: .25em 1em; position: relative; border-radius: 7px; display: none;
    }
    #header .catalog > li > a {display: none;}
    #header .catalog > li ul {display: none; background: url(background_subcatalog_phone_size.png) fixed;
        background-color: #fff;
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: 0% 100%;}
    #header .catalog > li > ul {display: none; position: absolute; top: 2em; left:0; border: 2px solid #005293; width: 100%; box-sizing: border-box; box-shadow: 0 2px 6px #848484; padding: .5em 0;}
    #header .catalog > li ul li > a {display: block; padding: .5em 1em; margin-right: 1.5em;}
    #header .catalog > li > ul > li li {
        font-size: .95em;
        padding-left: 1em;
        background: rgba(197, 229, 252, 0.5);
    }
    #header .catalog > li ul li {position: relative;}
    #header .catalog > li ul li > label {
        position: absolute;
        top:.6em; right:.5em;
        width: 1em; height: 1em;
        background: url("ico-arrow_blue.png") no-repeat center center;
        background-size: 100% 100%;
    }
    #header .catalog input:checked ~ ul {
        display: block;
        left: -10px;
        top: 49px;
        max-width: 350px;
        min-width: fit-content;
        font-size: 18px;
    }
    #header .catalog input:checked ~ label {
        transform: rotate(90deg);
    }
    #header > .menu_panel > div > .catalog > li > ul{
        overflow-y: auto;
        overflow-x: hidden;
        min-height: fit-content;
        max-height: 90vh;
    }

    #smallscr2 > li > #currency_dept{
        display: inline-flex;
        margin-bottom: 51px;
    }

    #currency_dept > div > .currency_list {
        display: inline-block;
        padding: 3px 0px 3px 0px;
        border: 2px solid #005293;
        border-radius: 22px;
        background: #005293;
        height: 17px;
        width: 77px;
        margin-left: 18px;
        margin-top: 22px;
    }
    #currency_dept > div > .currency_list > select{
        background-position: right 42px top 1px;
        background-size: 18%;
        padding-left: 33px;
        padding-right: 2px;
        font-size: 16px;
    }

    #header .user_panel{
        background: #1a1a1a;
        display: none;
    }
    #header .user_panel ul > li > ul.phone_list li {display: none;}
    #header .user_panel ul > li > ul.phone_list li:nth-child(1) {display: inline-block;}
    #header .user_panel ul > li > ul.phone_list li:nth-child(2) {display: inline-block;}
    #header .user_panel ul > li > ul.phone_list li:nth-child(3) {display: inline-block;}

    #header .user_panel .user_menu {max-width: 8.5em; white-space: nowrap; overflow: hidden; background: none;}
    #header .user_panel .user_menu > ul {top: 65px;}
    #header #favorites.select {
        background: url(ico-favorite_white.png)no-repeat;
        top: 11px;
        right: 80px;
        background-size: 90%;
    }

    #content {padding-top: 3em;}

    .my-pagelist {text-align: center;}
    .action_list li.contentcard.small.goods {font-size: .62em;}

    .contentcard.small.goods .status_sticker{
        top:182px;
    }
    .contentcard.small.goods .bonus_sticker{
        text-align: left;
        position: absolute;
        top: 182px;
        right: 0;
    }
    .contentcard.small.goods .favoriteblock{top: 14.2em; }
    .section_list > ul > li > a > span {font-size: 1.25em; padding: 0 .5em; }
    .main_catalog .up_site {width: 12em; font-size: .75em; height: 4em; }
    .main_catalog .up_site.trade {right:0;}
    .main_catalog .up_site.alloid {right:12em;}
    .main_catalog .up_site.voin {right:24em;}

    .contentcard.medium.news {
        width: 48%;
        min-width: 375px;
        margin: 0.5em;
        height:27.3em;
    }
    .contentcard.medium.news>a{
        display: block;
    }
    .contentcard.medium.news img {width: 100%; height: 11.5em; float: left; margin-right: 1em;}
    .contentcard.medium.news .date{
        position: absolute;
        right: 0em;
        top: 11.6em;
    }
    .contentcard.medium.news .date > span {
        display: inline-block;
        padding: 0.5em 1em;
        font-weight: 600;
        color: #C4C4C4;
    }
    .contentcard.medium.news >a>.action_sticker{
        position: relative;
        top: 0.5em;
        left: 0.5em;
    }
    .contentcard.medium.news >a>.action_sticker>span{
        display: unset;
        position: unset;
    }
    .contentcard.medium.news .title {
        font-weight: bold;
        font-size: 20px;
        padding: 0.8em;
        white-space: pre-wrap;
        height: 1.6em;
        line-height: 1.25em;
        overflow: hidden;
    }
    .contentcard.medium.news .shorttext {
        padding: 0 1em 0 1em;
        white-space: pre-wrap;
        height: 3.3em;
        line-height: 1.1em;
        overflow: hidden;
    }
    .contentcard.medium.news .shorttext span {font-size: .9em;}.contentcard.small.news .shorttext {padding: 0 1.25em; white-space: pre-wrap; height: 4.4em; line-height: 1.1em; overflow: hidden;}
    .contentcard.medium.news .more {padding: .5em 0;}
    .contentcard.medium.news .more span {font-size: .9em; color:#3f474d; text-decoration: underline; font-style: italic;}
    .contentcard.medium.news >a>.my-button{
        margin: 1em;
        margin-right: 1em;
        position: absolute;
        bottom: 0;
        right: 0;
    }


    .contentcard.medium.goods {
        height: 13em;
    }
    .contentcard.medium.goods .goods_info {
        width: 20em;
    }
    .contentcard.medium.goods img {
        width: 9em;
        height: 9em;
        margin: 1.5em 4em 1.5em 1em;
        float: left;
    }
    .contentcard.medium.goods .buy {
        right: 0em;
    }
    .contentcard.medium.goods .wait {
        right: 0em;
    }
    .contentcard.medium.goods .await {
        right: 0em;
    }
    .contentcard.medium.goods .addtobag {
        display: block;
        right: 0em;
    }
    .contentcard.medium.goods .counter_text {
        display: none;
    }
    .contentcard.medium.goods .favoriteblock {
        top: 5.5em;
        right: 5em;
        left: unset;
    }
    .contentcard.medium.goods .action_sticker>span {
        display: none;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker>span {
        display: inline-block;
    }

    .contentcard.medium.actions{
        width: 48%;
        min-width: 375px;
        margin:0.5em;
        height: 27.3em;
    }
    .contentcard.medium.actions>a{
        display: block;
    }
    .contentcard.medium.actions img {width: 100%; height: 11.5em; float: left; margin-right: 1em;}
    .contentcard.medium.actions >a>.action_sticker{
        position: relative;
        top: 0.5em;
        left: 0.5em;
    }
    .contentcard.medium.actions >a>.action_sticker>span{
        display: unset;
        position: unset;
    }
    .contentcard.medium.actions .title {
        font-weight: bold;
        font-size: 20px;
        padding: 0.8em;
        white-space: pre-wrap;
        height: 1.6em;
        line-height: 1.25em;
        overflow: hidden;
    }
    .contentcard.medium.actions .shorttext {
        padding: 0 1em 0 1em;
        white-space: pre-wrap;
        height: 3.3em;
        line-height: 1.1em;
        overflow: hidden;
    }
    .contentcard.medium.actions .shorttext span {font-size: .9em;}

    .contentcard.medium.actions .date > b{
        padding: 0.5em 1em;
    }

    .contentcard.medium.actions .date > span {
        display: inline-block;
        padding: 0.5em 1em;
        font-weight: 600;
        color: #C4c4c4;
    }
    .contentcard.medium.actions .days_rest{
        margin-top: 1em;
        margin-left: 1em;
    }
    .contentcard.medium.actions .days_rest >span{
        border: 1px solid #c4c4c4;
        border-radius: 16px;
        padding: 8px 16px;
    }
    .contentcard.medium.actions .days_rest >span> b{
        margin-right: 0.5em;
        color: red;
        font-size: 20px;
    }
    .contentcard.medium.actions >a>.my-button{
        margin: 1em;
        margin-right: 1em;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .contentcard.medium.actions .more {padding: .5em 0;}
    .contentcard.medium.actions .more span {font-size: .9em; color:#3f474d; text-decoration: underline; font-style: italic;}

    .contentcard.list.goods .goods_info {width: 18em;}
    .contentcard.list.goods .action_sticker {
        left: 34em;
    }
    .contentcard.list.goods .favoriteblock {right:18.25em;}
    .contentcard.list.goods .counter_text {
        display: none;
    }
    .contentcard.list.goods .price_info {
        padding: 2em 2em;
        width: auto;
    }
    .contentcard.list.goods .status_sticker {
        left: 34.5em;
    }
    .contentcard.list.goods .action_sticker_userchoice {
        top: 4.3em;
        left: 34.5em;
        width: 5em;
    }
    .contentcard.list.goods .border_block {
        width: 12em;
    }
    .contentcard.full.catalog li.contentcard.small.goods {font-size: .62em;}
    .contentcard.small.goods .addtobag{display: none}
    .contentcard.small.goods:hover .addtobag{display: none}

    .contentcard.full.news > .news_info_block{
        padding: 0 30px;
    }
    .contentcard.full.news > .news_info_block >div> img { width: 100%; height: auto;border-radius: 10px;}
    .contentcard.full.news > .news_info_block >div> .title {text-align: center;}
    .contentcard.full.news > .news_info_block > div >.description_text{
        width: 100%;
        line-height: 1.5;
    }
    .contentcard.full.news > .news_info_block > div>.date {color:#c4c4c4; margin: 20px 0; font-weight: 600;}

    .contentcard.full.news >.pagetext{
        padding: 0 30px;
        width: 93.5%;
    }
    .contentcard.full.news >.pagetext>p{
        text-align: center;
    }
    .contentcard.full.news >.pagetext>p>img{
        width: 100%;
    }
    .contentcard.full.goods > .my-img-box { float: left; margin: 0 1em 1em 0; width: 18em; padding: 21em 0 0 0; height: auto;}
    .contentcard.full.goods > .goods_info { margin-left: 19em; min-height: 21em;}
    .contentcard.full.goods > .goods_info > div {padding-bottom: .5em; margin-bottom: .5em;}
    .contentcard.full.goods > .goods_info >#buy_and_status_block {
        position: relative;
        top: 1em;
        right: 1em;
    }

    .contentcard.full.goods > .goods_info > a > div.action_block {
        max-width: 60%;
        margin: 2em 1em 1em 6.5em;
    }
    .contentcard.full.goods > .goods_info > .added_links > div.action_block {
        max-width: 60%;
        margin: 2em 1em 1em 6.5em;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker{
        height: 5.5em;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>span{
        top:-23px;
    }
    .contentcard.full.actions> .actions_info_block{
        display: flex;
        padding: 0 5em;
        margin-bottom: 1em;
        flex-direction: column;
        align-items: center;
    }
    .contentcard.full.actions > .actions_info_block > img { width: 100%; height: auto;border-radius: 10px;}
    .contentcard.full.actions > .actions_info_block>.info_block {
        padding: 0 30px;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        width: 90%;
    }
    .contentcard.full.actions > .actions_info_block>.info_block> .date {
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        margin-bottom: 20px;
        justify-content: space-between;
        width: 33%;
    }

    .contentcard.full.actions > .actions_info_block>.info_block> .date .date__item {
        display: block;
        font-size: 14px;
        color: #c4c4c4;
    }
    .contentcard.full.actions > .actions_info_block>.info_block> .date .date__item-description {
        font-size: 14px;
        line-height: 18px;
        color: #c4c4c4;
    }
    .contentcard.full.actions > .actions_info_block>.info_block>.description_text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }

    .contentcard.full.actions >.pagetext{padding: 0 5em; width: 90%;}
    .contentcard.full.actions >.pagetext>p{
        width: 90%;
        text-align: center;
    }
    .contentcard.full.news>.pagetext>.contentcard.action, .contentcard.full.actions>.pagetext>.contentcard.action {
        margin: 5px;
        border: 1px solid;
        border-radius: 9px;
        width: 27%;
    }

    .contentcard.small.goods .buy {
        background-position: 25px 11px;
        bottom: 0.25em;
    }
    .contentcard.small.goods .wait {
        background-position: 25px 11px;
        bottom: 0.25em;
    }
    .contentcard.small.goods .await {
        background-position: 4px 10px;
        bottom: 0.25em;
    }
    .contentcard.small.goods {
        height: 43em;
    }
    .contentcard.small.goods .amount_sticker >span {
        left: 84px;
        top: 328px;
    }
    .contentcard.small.goods .price_line {
        top: 347px;
    }
    .contentcard.small.goods .buy:hover {
        color: #f9f9f9;
    }
    .contentcard.small.goods .wait:hover {
        color: #f9f9f9;
    }
    .contentcard.small.goods> a .info {
        font-size: 14px;
        margin-top: -5px;
    }
    .contentcard.small.goods>img{
        width: 14em;
        height: 14em;
        margin-bottom: 3em;
    }
    .contentcard.small.goods .buy {
        height: 2em;
    }
    .contentcard.small.goods .wait {
        height: 2em;
        padding: 0.35em 1.5em 0.35em 1em;
    }
    .contentcard.small.goods .await {
        height: 2em;
        padding: 0.35em 1.5em 0.35em 1.5em;
    }
    .contentcard.full.bag {
        width: 100%;
    }
    .personal_bag > li{
        border: none;
        border-top: 1px solid #D7D8DA;
        border-bottom: 1px solid #D7D8DA;
    }

    .personal_bag > li > span:nth-child(1) {
        width: 14%;
    }
    .personal_bag > li > a.bag_clear {
        top: 0.1em;
        right: 0.5em;
    }
    .personal_bag > li img {
        margin-left: 0em;
    }
    .personal_bag > li div {font-size: .8em;}
    .personal_bag > li > span:nth-child(2) {
        padding: 1em 0em 1em 1em;
    }
    .personal_bag > li > span:nth-child(3) {
        padding: 1em 0em;
    }
    .personal_bag > li > span:nth-child(3)>i {
        left: 55px;
    }
    .personal_bag > li.data > span:nth-child(4) {
        padding: 0;
        top: 4em;
    }
    .personal_bag > li.data > span:nth-child(5) {top:3em;}
    .personal_bag > li.data > span:nth-child(6) {
        padding-right: 10px;
        text-align: right;
        top: 3em;
    }
    .personal_bag .addtobag {
        height: 2.3em;
        padding: 2px 0px 0 0;
        top:-0.5em;
        left: 0em;
    }
    .personal_bag .addtobag > .inbag {
        margin-top: 2px;
        margin-left: 7px;
    }
    .contentcard.full.bag > form {
        display: flex;
        flex-wrap: wrap;
    }
    .contentcard.full.bag > form>ul:nth-child(1){
        order: 2;
    }
    .contentcard.full.bag > form>ul:nth-child(2){
        order: 3;
    }
    .contentcard.full.bag > form>ul:nth-child(3){
        order: 1;
    }
    .contentcard.full.bag > form >#code_s_summ_total {
        display: flex;
        width: 90%;

    }

    .contentcard.full.bag .my-form-box {
        padding: 1em;
        width: 45%;
    }
    .contentcard.full.bag > form > #code_s_summ_total > .promocode {
        width: 45%;
        margin-right: 2em;
    }
    .contentcard.full.bag>form>#code_s_summ_total > li>#bag_info {
        margin-top: 0em;
    }

    .contentcard.full.bag > form > #code_s_summ_total > .promocode>.confirm_promocode {
        padding: 6px 30px;
    }
    .contentcard.full.bag > form > #code_s_summ_total > .total {
        width: 55%;
    }
    div #annotation{
        right: 0;
        bottom: 20%;
        width: 47.5%;
        position: absolute;
    }
    div #liqPayBut{
        right: 0;
        bottom: 20%;
        left: 62%;
        width: 47.5%;
        position: absolute;
    }
    div #newPostBut{
        right: 0;
        bottom: 2%;
        left: 58.7%;
        width: 47.5%;
        position: absolute;
    }

    .contentcard.action2 img {
        width: 5em;
        height: 5em;
        margin-right: 10px;
        margin-top: 10px;
        float: left;
    }

    .contentcard.action2 .price {
        margin-left: 20px;
        position: absolute;
        right: 1em;
        top: 3em;
    }
    .contentcard.action2 .sale {
        right: 36%;
        top: 3em;
    }
    #footer .footer_panel .contentcard.action2 img{
        width: 5em;
        height: 5em;
        margin-right: 25px;
        margin-top: 0px;
    }
    .contentcard.action2 .title {width: 100%;}

    #alloid_links {
        height: 456px;
        position: relative;
    }

    #alloid_links>#alloid_sait {
        top: 356px;
        bottom: unset;
    }

    #alloid_links>#alloid_on_vitol {
        top: 398px;
        bottom: unset;
    }

    #footer .wrapper {
        width: 98%;
        padding-left: 15px;
        margin-left:0px;
    }
    #first_line_footer {
        text-align: center;
    }

    #third_line_footer {
        margin-bottom: 12px;
    }

    #forth_line_footer {
        margin-bottom: 44px;
    }

    #forth_line_footer>img {
        margin-left: 0px;
    }

    #footer .footer_panel {
        display: inline-block;
        vertical-align: top;
        width: 24%;
        box-sizing: border-box;
        text-align: left;
        margin-right: 4px;
        padding-bottom: 20px;
    }

    #second_line_footer {
        width: 99%;
        justify-content: space-evenly;
        margin-left: -160px;
    }

    #third_line_footer {
        width: 99%;
    }
    #third_line_footer> form >input {
        width: 30%;
    }

    #third_line_footer> form >label {
        font-size: 26px;
        top: 23px;
        width: 28%;
    }
    #third_line_footer> form >span{
        left: 36%;
    }

    #hotline_phone_in_footer >div>img {
        top: 38px;
        left: 70px;
    }

    #fifth_line_footer >.footer_panel > #soshialnetworklink > p > a > img {
        height: 35px;
        margin-right: 22px;
    }

    #hotline_phone_in_footer >.phone_list {
        font-size: 18px;
        font-weight: 600;
    }

    #fifth_line_footer > #phones_for_new_clients > ul{
        margin-top: 30px;
    }

    #fifth_line_footer > .footer_panel > ul {
        margin-top: 20px;
    }

    #fifth_line_footer> {
        display: inline-flex;
        width: 104%;
        justify-content: space-between;
        flex-direction: row;
        font-size: 14px;
    }

    #fifth_line_footer >#catalog_in_footer>.menu>ul{
        list-style-position: inside;
        -moz-column-count: 2; /* Firefox */
        -webkit-column-count: 2; /* Safari and Chrome */
        column-count: 2;

    }

    #fifth_line_footer >#catalog_in_footer{
        width: fit-content;
        display: none;
    }
    #second_line_footer>#guarantee>img{
        margin-top: -11px;
    }
    #second_line_footer>#guarantee>a {
        top: -5px;
    }
    #footer .copyright>div {
        right: 35px;
        width: 264px;
    }
    #footer::before {
        right: -36px;
    }
    /*#gototop {
        right: 5em;
    }*/
    #gototop.show{
        opacity: 1;
        position: sticky !important;
        position: -webkit-sticky !important;
        display: block;
        top: unset;
        left: 92%;
        right: 0;
        bottom: 16%;
        margin-right: -10px;
    }
    .smallscreen {
        display: none;
    }
    .mediumscreen{
        display: block;
    }
    /*****Страница регистрации *****/
    .register_form {
        width: 98%;
        margin-left: 0em;
    }
    .register_form >form>ul.half{
        width: 50%;
        padding: 0em !important;
    }

    .register_form >form>ul.last_part{
        width: 50%;
    }
    .autorization_form >form {
        width: 70%;
    }
    /********************************/
    #header #favorites {
        display: block;
        position: absolute;
        top: -59px;
        right: 43px;
        width: 1.75em;
        height: 1.75em;
        background-size: 89%;
    }
    #header #favorites >span {
        right: -12px;
    }
    #header .user_bag > iframe {
        width: 35px;
        margin-top: 1px;
    }
    /***********************Карусель брендов на главной *****************************************/
    #brands_car{margin-top: 1em;}
    .action_list.main_manufacturers  > .title {display: none;}
    .action_list.main_manufacturers.my-carousel > .my-arrow > span { border-color: #000; color: #000;}
    .main_manufacturers.my-carousel > .my-arrow.left {left: 20px;}
    .main_manufacturers.my-carousel > .my-arrow.right {
        right: 35px;
    }
    .main_manufacturers >ul {
        padding: 0!important;
        margin-left: 60px!important;
        width: 86%!important;
    }
    .main_manufacturers {
        margin-left: -28px;
    }
    .main_catalog > ul {
        list-style: none;
        min-width: 100%;
        height: 8em;
        display: flex;
        overflow-x: auto;
        padding: 15px 0;
    }
    .section_list > ul > li {
        min-width: 370px;
    }
    .main_catalog  > ul::-webkit-scrollbar {
        display: none;
    }
    .homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.first_action_card {
        width: 415px;
    }
    .homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.content_list {
        margin-left: 415px;
        height: 41em;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .homepage_actionblock >.timer_block {
        left: 6%;
        /*width: unset;*/
        bottom: 70px;
    }


    .first_action_card > a > .sale_sticker {
        top: 15px;
        right: 20px;
    }
    .first_action_card .buy {
        background-position: 120px 11px !important;
    }
    #hans_ad {
        margin-left: -9px;
        width: 102%;
    }
    #hans_on_vitol_block {
        height: 1.5em;
    }
    .main_banner {
        margin-top: 7px;
        left: -9px;
        width: 102%;
    }
    .homepage_actionblock > .tabs > div {
        margin-left: -14px;
    }
    .section_banner {
        left: 7px;
        width: 99%;
        padding-top: 36%;
        margin-top: 70px;
    }
    .main_page_corousels > .my-tabs > div {
        padding: 10px 0px 10px 0px;
    }
    .news_video_block {
        width: 99%;
        margin-left: 7px;
        margin-top: 4px;
    }
    .news_video_block > .news_block >.articles > div:first-child {
        margin-top: 16px;
    }
    .news_video_block > .news_block >.articles > div > a >.title {
        margin-top: 6px;
        font-size: 16px;
    }
    .news_video_block > .news_block >.articles > div > a >.date {
        margin-top: 0px;
    }
    .news_video_block > .news_block >.articles > div > a >.title {
        height: 1.7em;
        overflow: hidden;
    }
    .news_video_block > .video_block > .video-list > li {
        height: 100%;
    }
    .news_video_block > .news_block >.articles > div {
        margin-top: 24px;
    }
    .resized{display: none}
    .main_catalog {height: 7em;}

    #sub_menu_border {display: none;}

    .mob_menu_back{
        display: none;
        position: absolute;
        right: 0;
        width: calc(100% - 310px);
        height: 100vh;
        top: 48px;
        background: #383E48;
    }
    #header .mainmenu > li > input:checked ~ label {
        background: url(close_burger_ico.png) no-repeat center;
    }
    #header .mainmenu > li > input:checked ~ .mob_menu_back {
        display: block;
    }
    .contentcard.small.goods> #priceTypeBlock2{
        position: absolute;
        right: 45px;
        top: 147px;
        width: 20px;
        z-index: 21;
    }
    .contentcard.small.goods > #priceTypeBlock2>#priceTypesList2{
        width: max-content;
        position: absolute;
        right: -45px;
        background: #f9f9f9;
    }
    .contentcard.list.goods > #priceTypeBlock2{
        position: absolute;
        right: 275px;
        top: 76px;
        width: 20px;
    }
    .contentcard.list.goods > #priceTypeBlock2>#priceTypesList2{
        width: max-content;
        position: absolute;
        right: -30px;
        background: #f9f9f9;
    }
    .social-share_block {
        top: 8px;
        right: 0;
    }
    /****** Стрелочки для перелистывания изображений на карточке товаара *******/
    .contentcard.full.goods  .my-img-box >div.img_arrow_right {
        top: 5px;
        right: -45px;
        height: 70%;
        background-size: 40% 30%;
        background-position-x: 40px;
        width: 80px;
    }
    .contentcard.full.goods  .my-img-box >div.img_arrow_left {
        top: 5px;
        left: -45px;
        height: 70%;
        background-size: 40% 30%;
        background-position-x:5px;
        width: 80px;
    }

    .my-tools li.left_img_arr{
        position: absolute;
        cursor: pointer;
        top: -450px;
        left: -525px;
        background: url(leftArrow.png) no-repeat center #f9f9f9;
        background-color: transparent;
        background-size: 50% 30%;
        background-position: center;
        background-position-x:5px;
        height: 20em;
        width: 10em;
    }
    .my-tools li.right_img_arr{
        position: absolute;
        cursor: pointer;
        top: -450px;
        left: -1005px;
        background: url(leftArrow.png) no-repeat center #f9f9f9;
        background-color: transparent;
        background-size: 50% 30%;
        background-position: center;
        background-position-x: 5px;
        height: 20em;
        width: 10em;
    }
    #my-galery .my-tools {
        display: block!important;
    }
    #my-galery .my-tools>li {
        display: none;
    }
    .my-tools li.left_img_arr{
        top: -35em;
        left: 28em;
        display: block!important;
    }
    .my-tools li.right_img_arr{
        top: -35em;
        left: -22em;
        display: block!important;
    }
    /*************************** Новая Почта Курьер******************************/
    .contentcard.full.bag> .my-form  #np_courier {
        display: block;
        justify-content: left;
    }
    .contentcard.full.bag> .my-form  #np_courier>#bag_street{width: 100%;}
    .contentcard.full.bag> .my-form  #np_courier>#bag_house{width: 100%;}
    /****************************************************************************/
	.action_list > ul {    
        overflow-x: auto!important;
        overflow-y: hidden !important;
	}
    /*************************** нашли дешевле ******************************/
    .contentcard.small.goods .is_cheaper_but {
        top: 248px;
        left: -8px;
    }
    .contentcard.medium.goods .is_cheaper_but {
        left: 75%;
    }
    .contentcard.small.goods .is_cheaper_but { display: none; }
    .contentcard.small.goods .is_cheaper {
        display: block;
        top: 327px;
        right: 10px;
    }
    .contentcard.list.goods .bonus_sticker {
        left: unset;
        right: 121px;
        top: 10px;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker{
        top: -14px;
        left: 60px;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.is_avaliable{
        top: -28px !important;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_883,
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_188,
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_265,
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_187{
        top: -5px !important;
    }
    .contentcard.small.goods .action_sticker_made_in_ua{
        display: block;
        top: 100px;
        right: 10px;
        width: 50px;
        height: 40px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_made_in_ua{
        display: block;
        top: 163px;
        left: 17%;
        width: 57px;
        height: 45px;
    }
    .contentcard.list.goods .action_sticker_made_in_ua{
        display: block;
        top: 45px;
        left: 0px;
        width: 44px;
        height: 35px;
    }
    .contentcard.small.goods .action_sticker_special_icon{
        display: block;
        top: 30px;
        right: 10px;
        width: 50px;
        height: 40px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_special_icon{
        display: block;
        top: 8px;
        left: 17%;
        width: 57px;
        height: 45px;
    }
    .contentcard.list.goods .action_sticker_special_icon{
        display: block;
        top: 0px;
        left: 0px;
        width: 44px;
        height: 35px;
    }
    .contentcard.full.goods .is_cheaper_but{display: none;}
}

/***********************************************************************************************************************
                                    Десктоп и ноутбуки
***********************************************************************************************************************/
@media only screen and (min-width: 1104px)
{
    .wrapper {width: 91.7%; margin: 0 auto 0 4.1%;}
    #smallscr1 {display: none !important;}
    #smallscr2 {display: none !important;}
    #header {height: 192px;left: 0px; top: 0px;}
    #header .user_panel {padding: .6em 0;  font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400;}
    #header .user_panel #contacts_data { position: absolute;
        /*width: 321px;*/
        height: 24px;
        left: 4.1%;
        top: 3px;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;}
    #header .user_panel #contacts_data #email_data {position: relative; width: 165px; }
    #header .user_panel #contacts_data #email_data >img{
        height: 21px;
        vertical-align: bottom;
        padding-right: 11px;
        left: 0;
        top: -3px;}

    #header .user_panel #contacts_data #email_data >a{
        position: absolute;
        top: 2px;
        font-family: Roboto;
        font-size: 14px;
        color: #383E48;
    }
    #header .user_panel #contacts_data #phone_select_data {position: relative; width: 155px; display: flex; border-left: 3px solid #D7D8DA; top: -1px;}
    #header .user_panel #contacts_data #phone_select_data > a >img{ height: 24px;
        vertical-align: bottom;
        padding-left: 9px;
        left: 0;
        top: -3px;
        cursor: pointer;
    }

    #header .user_panel #contacts_data #phone_select_data >select {
        border: none;
        color: #383E48;
        padding: 4px 1.75em 0 0;
        background-color: #F9F9F9;
        background-image: url(select_arrow_blue.png);
        background-position-x: 115px;
        background-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        padding-left: 8px;
    }

    #header .user_panel #contacts_data #currency_rate {position: relative; width: 155px; display: flex; border-left: 3px solid #D7D8DA; top: -1px;height: 24px;left: 24px;}
    #header .user_panel #contacts_data #currency_rate> span{
        padding-left: 12px;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 2;
    }
    #header .user_panel #contacts_data #users_bonus {position: relative; width: max-content; display: flex; border-left: 3px solid #D7D8DA; top: -1px;height: 24px;left: 24px;}
    #header .user_panel #contacts_data #users_bonus> span{
        padding-left: 12px;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 2;
    }
    #header .user_panel .user_menu {
        background: url(ico-user_.png) no-repeat left center;
        background-size: 23px;
        position: relative;
        height: 24px;
        top: -7px;
        right: 158px;
        padding-top: 9px;
        max-width: 150px;
    }

    #header .user_panel ul > li >a {color: #383E48; margin-left: 8px;padding-left: 21px;text-wrap: wrap;}
    #langStyle > form {position: relative; top: -2px; margin-left: -7px;}
    #header .user_panel ul > li #circle {position: absolute;
        position: absolute;
        background: transparent;
        border: 2px solid #005293;
        border-radius: 50%;
        height: 23px;
        width: 23px;
        right: 8px;
        top: -2px;
        z-index: -1;
    }

    #header .user_panel ul > li select {
        border: none;
        background-position: right 0px top 4.5px;
        background-size: 26%;
        font-weight: 800;
        margin-top: 6px;
        margin-right: -10px;
        background-color: transparent;
        font-size: 12px;
    }

    #second_search {display: none;}
    #findgoods {height: 41px;}
    #header .find_panel {height: 2.75em; padding: 1em 0;}

    #header .find_panel .logo {
        display: block;
        width: 128px;
        height: 102px;
        position: absolute;
        top: 0px;
        background: url(logo_black.png) no-repeat top left;
        background-size: 89% 59%;
        background-position-x: -1px;
    }

    #header .user_panel ul > li > #guarantee {position: relative;
        width: 165px;
        right: 249px;}

    #header .user_panel ul > li > #guarantee >img{
        height: 24px;
        vertical-align: bottom;
        padding-right: 18px;
        left: 0;
        margin-top: -2px;
    }

    #header .user_panel ul > li > #guarantee >a{
        color: #383e48;
        position: absolute;
        font-family: Roboto;
        font-size: 14px;
        border-right: 1px solid #D7D8DA;
        padding-right: 13px;
        height: 18px;
        top: 2px;
        margin-left: -10px;
    }

    #regOrEnter {
        display: inline-flex;
        margin-left: -173px;
        position: relative;
        width: 260px;
        top: 1px;
    }
    #regOrEnter > div {padding-right: 20px;}
    #regOrEnter > img {height: 24px;padding-right: 30px; margin-top: -3px;}
    #header .user_panel {padding: .7em 0; margin-bottom: 1em;}
    #header .user_panel ul  > li >#currencyStyle {display: none;}

    #header .find_panel {height: 2.75em; padding: 10px 0; margin-bottom: 1em;}

    #header .find_panel .find > form {opacity: 1; position: relative; margin: 0 auto;}
    #header .find_panel .find {margin: 5px 0px 0px 298px;
        position: relative;
        background: #F9F9F9;}

    #header .find_panel .find #find {margin-right: 1em;
        width: 33%;
        margin-left: -0.25em;
        border-radius: 0 22px 22px 0;
        height: 13.5px !important;
        padding-bottom: 11px;
        padding-top: 13px;
        padding-right: 30px;
        padding-left: 28px;
    }

    #header .find_panel .find #find-reset {top: 7px;
        top: 7px;
        top: 5px;
        width: 1.5em;
        height: 2em;
        line-height: 2em;
        left: 166px;
    }

    #header .find_panel .find select {
        display: inline-block;
        padding: 4px 2em 0em 15px;
        border-radius: 22px 0 0 22px;
        background-color: #005293;
        color: #F9F9F9;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
        font-family: TT Supermolot Neue;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        height: 41.5px !important;
    }
    #header .find_panel .find select>option{
        background-color: #F9F9F9;
        color:#005293;
        border: none;
        font-weight: 600;
        cursor: pointer;
    }
    #header .find_panel .find .my-button {display:inline-block; background: url(ico-find-black.png) no-repeat right 0.5em center;}
    #header .find_panel .find  button {width: 22px;
        height: 22px;
        border: none;
        background: url(ico-find-blue.png) no-repeat 50% 50%;
        margin-left: -56px;
        padding-bottom: 5px;}

    #header .menu_panel {
        background: #F9F9F9;
        height: 2.35em;
        padding: 0.35em 0;
        padding-bottom: 15px;
    }
    #header .menu_panel .wrapper {position: relative;}
    #header .catalog {position: absolute;
        top: 8px;
        width: 285px;
        background: #005293;
        color: #fff;
        border-radius: 9px;
        height: 46px;
        transition: all .3s ease 0.1s;
    }
    #header .catalog:hover {position: absolute;
        border-radius: 9px 9px 0px 0px;
    }
    #header .catalog a {display: block;}
    #header .catalog > li > a {height: 33px;
        padding: 13px 0 0px 102px;
        background: url(catalog_list_white.png) no-repeat left 1em center;
        border-radius: 9px;
        background-size: 19px;
        background-position: left 26px top 15px;}

    #header > div.menu_panel > div > ul.menu.catalog > li > a > span{
        font-family: TT Supermolot Neue;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 18px;
        display: flex;
        align-items: center;
        color: #F9F9F9;
        margin-left: -43px;
        margin-top: 2px;
    }
    #header > div.menu_panel > div > ul.menu.catalog > li ul li > a >img {display: none;}
    #header > div.menu_panel > div > ul.menu.catalog > li ul li > a >.children{display: none;}

    #header .catalog > li > label {display: none;}                                                                      /*скрытая фраза "Каталог"*/
    #header.my-fixed .catalog > li ul {height:0; opacity: 0; overflow: hidden;}                                        /* точка возврата для кнопки go-to возврата к началу экрана*/
    #header .catalog > li ul {height:0; opacity: 0; overflow: hidden; transition: all 0.08s ease 0.1s; }
    #header .catalog > li:hover > ul {
        height: 538px;
        opacity: 1;
        overflow: inherit;
        background: #F9F9F9;
        border: 2px solid #005293;
        border-radius: 0px 0px 9px 9px;
        transition: all 0.08s ease 0.1s;
    }                                      /*раскрытие меню каталога при наведении мышки */

    #header .catalog > li > ul > li {
        position: relative;
        transition: all .3s ease;
    }                                     /*метод изменения при сворачивании корневого меню*/
    #header .catalog > li > ul > li > a {
        padding: 12px 0px 10px 0px;
        position: relative;
        font-family: TT Supermolot Neue;
        font-style: normal;
        font-weight: 600;
        font-size: 17px;
        line-height: 17px;
        display: flex;
        align-items: center;
        color: #383E48;
        border-bottom: 1px solid #D7D8DA;
        margin: 0px 12px 0px 12px;
    }                                                                                                                /*форма элемента корневого меню*/

    /*граница выдвижного блока меню*/
    div #sub_menu_border {
        position: absolute;
        height: 447px;
        left: 99%;
        top: 2.75em;
        width: 57em;
        display: none;
    }
    /*основной блок подменю*/
    div #sub_menu {
        position: absolute;
        top: 2px;
        left: 2px;
        right: 2px;
        bottom: 2px;
        display: inline-block;
        color: black;
        padding: 1em 1.5em;
        background: url(background_subcatalog.png);
        background-color: #fff;
        background-size: 65%;
        background-repeat: no-repeat;
        background-position: 85% 60%;
        border-radius: 0px 0px 9px 9px;
        border-top: 2px solid #005293;
        box-shadow: 3px 3px 5px #848484;
    }
    /*перва¤ линия кнопок подменю*/
    div.first_line {
        display: inline-block;
    }
    /*кнопка возврата на предыдущий уровень*/
    div.return_button {
        position: relative;
        width: 5em;
        padding: 0.2em 1em;
        cursor: pointer;
    }
    /*стрелка копки возврата*/
    div.return_button > i  {
        margin-left: 0.5em;
        color: black;
    }

    /*стиль текства кнопки возврата*/
    div.return_button > span  {
        margin-left: 1em;
        font-weight: bold;
    }
    /*реакция на наведение мыши на кнопку возврата*/
    div.return_button:hover> i{
        position: absolute;
        border: solid #005293;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 5px;
        left: 0em;
        margin-top: 0.2em;
    }

    div.return_button:hover> span {
        color: #005293;
    }
    div.return_button:hover> i.back_arrow_left {
        opacity: 1;
    }
    /*хлебные крошки на панели подменю*/
    .breadcrumbs_line {overflow: hidden; position: relative; margin-top: 1.75em;}
    .breadcrumbs_line ul {list-style: none; margin: 0; padding: 0; display: inline-block; border-bottom: 1px solid #005293; height: 100% !important; opacity: 1  !important;}
    .breadcrumbs_line ul li {display: inline-block; margin-right: .5em; white-space: nowrap; padding: .25em .5em; font-size: 1em; position: relative;}
    .breadcrumbs_line ul li::after {content: '\203A'; color:#005293;font-size: 1.5em; padding-left: .5em; position: absolute; top: 0; right: 0; display: inline-block; height: 100%; width: 1px;}
    .breadcrumbs_line ul li:last-child::after {content:'';}

    /*ссылка на страницу выбранного элемента каталога*/
    div.link_to_all{
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 1.5em;
        margin-right: 3em;
    }

    div.link_to_all>a{
        text-decoration: underline;
        text-decoration-color: #0e2fe5;
        font-style: italic;
    }
    div.link_to_all:hover>a{
        color: #005293;
    }

    /*стрелки на меню*/
    #header .catalog > li > ul > li > a.child i.arrow {
        position: absolute;
        border: solid #005293;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 5px;
        right: 7px;
        margin-top: 3px;
    }

    #header .catalog > li > ul > li:hover > a.child i.arrow {
        position: absolute;
        border: solid #005293;
        border-width:  0 2px 2px 0;
        display: inline-block;
        padding: 5px;
        right: 1.2em;
        margin-top: 0.25em;
    }

    div.sub_catalog_list
    {
        position: relative;
        margin-top: 1em;
    }

    div.sub_catalog_list >ul {
        height: 288px !important; opacity: 1  !important;
        overflow: hidden;
        position: absolute;
        color: #1a1a1a;
        background: transparent;
        z-index: 90;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;

    }

    div.sub_catalog_list >ul>li{
        height: 2em;
        padding-top: 0.5em;
        page-break-inside: avoid;
        break-inside: avoid;
        font-size: 1em;
        font-weight: bold;
        display: block;
        box-sizing: border-box;
        position: relative;
        white-space: nowrap;
        max-width: 20em;
    }

    div.sub_catalog_list >ul>li:hover {
        background: transparent;
        color:#005293;
        text-decoration: underline;
        /*box-shadow: -2px 2px 6px #3873a1;*/
        transition: all .3s ease 0.1s;
        border-radius: 9px;
    }

    div.sub_catalog_list > ul > li > a {padding: 0 2em 0 1em;}

    div.sub_catalog_list > ul > li > a{ padding-left: 0; vertical-align: auto; }
    #header .catalog > li > ul > li:hover > a {background: #fff;
        color:#005293;
        width: 91%;
        border-radius: 15px;
        text-decoration: underline;
    }

    #header .catalog > li > ul.showcatalog {
        height: 538px;
        opacity: 1;
        overflow: inherit;
        background: #F9F9F9;
        border: 2px solid #005293;
        border-radius: 0px 0px 9px 9px;
        transition: all 0.25s ease 0.3s;
    }

    #header .catalog > li > ul > li > a.select2 {
        background: #fff;
        color: #005293;
        transition: all .3s ease 0.1s;
        width: 266px;
        border-right: #fff solid thin;
        box-shadow: 5px 0px 0px #fff;
        border-radius: 15px 0px 0px 15px;
        padding-left: 12px;
        left: -10px;
    }
    /*********************************************************************/
    #header .catalog > li > ul > li ul {height: auto !important; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; position: absolute; border: 2px solid #005293; color: #1a1a1a; box-shadow: 2px 2px 6px #848484; background: #fff; z-index: 90; transition: all .5s ease-in-out 0.5s;}
    #header .catalog > li > ul li.left > ul {right:100%; background: #eee;}                                     /*основные параметы подменю*/
    #header .catalog > li > ul li.right > ul {left:100%;}
    #header .catalog > li > ul li.top.short > ul {top:0%; bottom:auto;}
    #header .catalog > li > ul li.top.long > ul {top:-9em; bottom:auto;}
    #header .catalog > li > ul li.bottom > ul {top:auto; bottom:0;}
    #header .catalog > li > ul li.long > ul {width: 40em; white-space: pre-wrap;}
    #header .catalog > li > ul li.short > ul {width: auto;}
    #header .catalog > li > ul li.long > ul > li {display: inline-block; vertical-align: top;}
    #header .catalog > li > ul li.long > ul > li:nth-child(odd) {border-right: 1px solid #e3e3e3;}
    #header .catalog > li > ul > li:hover > a{
        background: #fff;
        color: #005293;
        transition: all .3s ease 0.1s;
        width: 266px;
        padding-left: 12px;
        left: -10px;
    }
    #header .catalog > li > ul > li > a.select {background: #fff; color:#005293; text-decoration: underline; transition: all .3s ease 0.1s;}
    #header .catalog > li > ul > li:hover > ul {max-height: 100vh; max-width: 100vw; opacity: 1; z-index: +1; overflow: inherit;}
    #header .catalog > li > ul > li ul > li {display: block; min-width: 20em; padding: .5em 0; box-sizing: border-box; position: relative; white-space: nowrap; border-bottom: 1px solid #e3e3e3; }

    #header .catalog > li > ul > li ul > li:hover {background: #005293; color: #fff;}
    #header .catalog > li > ul > li ul > li > a {padding: 0 2em 0 1em;}
    #header .catalog > li > ul > li ul > li > a.child {background: url("ico-menu-arrow-black.png") no-repeat right 1em center;}
    #header .catalog > li > ul > li ul > li:hover > a.child {background-image: url("ico-menu-arrow.png");}
    #header .catalog > li > ul > li ul > li > a > span {font-weight: bold; display: inline-block; width: 16.5em; overflow: hidden;}
    #header .catalog > li > ul > li ul > li > ul {max-height: 0; max-width: 0; opacity: 0; overflow: hidden; }
    #header .catalog > li > ul > li ul > li:hover > ul {max-height: 100vh; max-width: 100vw; opacity: 1; z-index: +1; overflow: inherit;}

    #header .mainmenu {
        margin-left: 288px;
        white-space: nowrap;}

    #header .mainmenu li, #header .mainmenu ul  {display: inline-block; vertical-align: top;}
    #header .mainmenu a {
        display: inline-block;
        box-sizing: border-box;
        padding: 15px 7px;
        line-height: 1em;
        color: #383E48;
        position: relative;
        transition: all .3s ease 0.1s;
        font-size: 18px;
        font-weight: bold;
        height: 46px;
        top: 8px;
        border-radius: 9px 9px 0px 0px;
        width: 170px;
        text-align: center;
        margin-right: 3px;
    }

    #header .mainmenu a:hover{
        background: transparent;
        color: #005293;
        text-decoration: underline;
        transition: all .3s ease 0.1s;
        border-radius: 9px;
        width: 170px;
        text-align: center;
    }
    #header .mainmenu a.select {
        border-radius:9px;
        border: 2px solid #005293;
        color: #005293;
    }
    #header .mainmenu .section_98>a {
        color: #e44100;
    }
    #header .mainmenu a > span {
        font-size: 16px;
        font-weight: 600;
    }

    #header .currency_list {position: absolute;
        top: -70px;
        left: 83%;
        border: 2px solid #005293;
        border-radius: 22px;
        background: #005293;
        padding-left: 5px;
        height: 32px;
        width: 88px;}

    #header .currency_list select {position: absolute;
        top: 12px;
        right: 16px;
        background-position: right 39px top 1px;
        background-size: 25%;
        padding-left: 21px;
        padding-right: 1px;}

    #header .user_bag {
        bottom: 76px;
        right: 1%;
        background-image: url("ico-bag-blue .png");
        background-size: 78%;
        width: 2.75em;
        height: 2.75em;
    }


    #header .dept {
        position: absolute;
        top: -70px;
        left: 67%;
        width: auto;
        min-width: 137px;
        height: 35px;
        color: #272C32;
        border: 1px solid #383E48;
        border-radius: 22px;
        font-size: 14px;
        font-weight: 600 !important;
        line-height: 5px;
        padding: 0.25em 10px 0 10px;
    }
    #header .dept span {color: #555555; margin-right: 5px;}
    #brands_car{margin-top: 3em;}
    .action_list.main_manufacturers  > .title::before { border-bottom-color: #000; }
    .action_list.main_manufacturers.my-carousel > .my-arrow > span { border-color: #005293; color: #005293;}
    .action_list.main_manufacturers.my-carousel > .my-arrow.left > span::before { border-color: #000; border-bottom-color: transparent; border-right-color: transparent;}
    .action_list.main_manufacturers.my-carousel > .my-arrow.right > span::before { border-color: #000; border-top-color: transparent; border-left-color: transparent;}

    #header.my-fixed {height: 3.05em;}
    #header.my-fixed .user_panel{ display: none;}
    #header.my-fixed .find_panel{ display: none;}
    #header.my-fixed #favorites{top: 0.5em; left: 88%;}
    #header.my-fixed .user_bag{bottom: 0; left: 95%;}
    #content {min-height: 30em; padding: .25em 0 0 0;}
    #header.my-fixed ~ #content {padding-top: 10em;}

    #content .left_panel {
        display: inline-block;
        vertical-align: top;
        max-width: 285px;
        padding: 3.5em 0 2em 0;
    }

    #content .left_panel > .left_block {margin-top: -2px;}
    #content .left_panel > .left_block > .title {
        padding: 0.5em 0.5em 0px 0.5em;
        margin-bottom: 10px;
        margin-top: 0px;
        font-weight: bold;
        font-size: 1.25em;
    }
    #content .right_panel {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 285px - 1em);
        box-sizing: border-box;
    }

    .main_banner {left: -4.1%; width:109%; padding: 0; position: relative; display: block; padding-top: 26%; margin-top: 0px; margin-bottom: 56px;}
    .main_banner > li {width: 100%; height: 100%;}
    .main_banner > li img {width: 100%; height: 100%;}

    .section_banner {
        left: 2px;
        width: 100%;
        padding: 0;
        top: -25px;
        position: relative;
        display: block;
        padding-top: 25%;
        margin-top: 70px;
    }
    .section_banner > li {width: 100%; height: 100%;}
    .section_banner > li img {width: 100%; height: 100%;}
    /********************Статьи для новостей **************************/
    .contentcard.medium{
        border: black;
    }

    .contentcard.medium.news{
        width: calc(32% - 4px);
        min-width: 310px;
        margin: 0.5em 0;
        padding-bottom: 50px;
        border-radius: 9px;
    }

    .contentcard.medium.news>a{
        display: block;
    }
    .contentcard.medium.news img {width: 100%; float: left; margin-right: 1em; border-radius: 9px 9px 0 0;}

    .contentcard.medium.news .date{
        position: absolute;
        right: 0em;
        top: 60%;
    }
    .contentcard.medium.news .date > span {
        display: inline-block;
        padding: 0.5em 1em;
        font-weight: 600;
        color: #C4C4C4;
    }
    .contentcard.medium.news >a>.action_sticker{
        position: relative;
        top: 0.5em;
        left: 0.5em;
    }
    .contentcard.medium.news >a>.action_sticker>span{
        display: unset;
        position: unset;
    }
    .contentcard.medium.news .title {
        font-weight: bold;
        font-size: 20px;
        padding: 0.8em;
        white-space: pre-wrap;
        height: 1.6em;
        line-height: 1.25em;
        overflow: hidden;
    }
    .contentcard.medium.news .shorttext {
        padding: 0 1em 0 1em;
        white-space: pre-wrap;
        height: 3.3em;
        line-height: 1.1em;
        overflow: hidden;
    }
    .contentcard.medium.news .shorttext span {font-size: .9em;}.contentcard.small.news .shorttext {padding: 0 1.25em; white-space: pre-wrap; height: 4.4em; line-height: 1.1em; overflow: hidden;}
    .contentcard.medium.news .more {padding: .5em 0;}
    .contentcard.medium.news .more span {font-size: .9em; color:#3f474d; text-decoration: underline; font-style: italic;}
    .contentcard.medium.news >a>.my-button{
        margin: 1em;
        margin-right: 1em;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .contentcard.medium.actions{
        width: calc(32% - 4px);
        min-width: 310px;
        margin: 0.5em 0;
        padding-bottom: 50px;
        border-radius: 9px;
    }
    .contentcard.medium.actions>a{
        display: block;
    }
    .contentcard.medium.actions img {width: 100%; float: left; margin-right: 1em; border-radius: 9px 9px 0 0;}
    .contentcard.medium.actions >a>.action_sticker{
        position: relative;
        top: 0.5em;
        left: 0.5em;
    }
    .contentcard.medium.actions >a>.action_sticker>span{
        display: unset;
        position: unset;
    }
    .contentcard.medium.actions .title {
        font-weight: bold;
        font-size: 20px;
        padding: 0.8em;
        white-space: pre-wrap;
        height: 1.6em;
        line-height: 1.25em;
        overflow: hidden;
    }
    .contentcard.medium.actions .date > b{
        padding: 0.5em 1em;
    }

    .contentcard.medium.actions .date > span {
        display: inline-block;
        padding: 0.5em 1em;
        font-weight: 600;
        color: #C4c4c4;
    }
    .contentcard.medium.actions .days_rest{
        position: absolute;
        bottom: 7px;
        margin-bottom: 1em;
    }
    .contentcard.medium.actions .days_rest >span{
        border: 1px solid #c4c4c4;
        border-radius: 16px;
        padding: 8px 16px;
    }
    .contentcard.medium.actions .days_rest >span> b{
        margin-right: 0.5em;
        color: red;
        font-size: 20px;
    }
    .contentcard.medium.actions >a>.my-button{
        margin: 1em;
        margin-right: 1em;
        position: absolute;
        bottom: 1px;
        right: 0;
    }

    .contentcard.medium.actions .shorttext {
        padding: 0 1em 0 1em; white-space: pre-wrap; height: 3.3em; line-height: 1.1em; overflow: hidden;
    }
    .contentcard.medium.actions .shorttext span {font-size: .9em;}.contentcard.small.news .shorttext {padding: 0 1.25em; white-space: pre-wrap; height: 4.4em; line-height: 1.1em; overflow: hidden;}
    .contentcard.medium.actions .more {padding: .5em 0;}
    .contentcard.medium.actions .more span {font-size: .9em; color:#3f474d; text-decoration: underline; font-style: italic;}

    .contentcard.full.catalog li.contentcard.small.goods {font-size: .75em;}

    .contentcard.full.catalog li.contentcard.small.goods .quantity > span:nth-child(2){
        /* position: absolute;*/
        width: max-content;
    }


    .contentcard.full.actions{
        width: 100%;
    }
    .contentcard.full.actions> .actions_info_block{
        display: flex;
        margin-bottom: 1em;
        flex-direction: column;
    }
    .contentcard.full.actions > .actions_info_block > img { width: 1000px; height: auto;border-radius: 10px;}
    .contentcard.full.actions > .title {padding-right: 8em;}
    .contentcard.full.actions > .actions_info_block>.info_block {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
        border: 2px solid #F1F1F1;
        margin-left: 30px;
        width: 96%;
        max-width: 1000px;
        text-align: center;
    }
    .contentcard.full.actions > .actions_info_block>.info_block> .date {
        padding: 0px 35%;
        border-radius: 10px;
        max-width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .contentcard.full.actions > .actions_info_block>.info_block> .date .date__item {
        display: block;
        font-weight: 500;
        font-size: 16px;
        color: #555555;
    }
    .contentcard.full.actions > .actions_info_block>.info_block> .date .date__item-description {
        font-size: 14px;
        line-height: 18px;
        color: #c4c4c4;
    }
    .contentcard.full.actions > .actions_info_block>.info_block>.description_text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 40px;
    }

    .contentcard.full.actions >.pagetext>p{
        width: 90%;
    }
    .contentcard.full.actions >.pagetext>p>img{
        width: 1000px;
    }
    .contentcard.full.actions > .action_list{
        width: 125%;
    }
    .contentcard.full.news>.pagetext>.contentcard.action, .contentcard.full.actions>.pagetext>.contentcard.action {
        margin: 5px;
        border: 1px solid;
        border-radius: 9px;
        width: 17em;
    }

    .contentcard.full.news{
        width: 125%;
    }

    .contentcard.full.news> .news_info_block{
        display: flex;
        padding: 0 20.1em;
        margin-bottom: 1em;
        flex-direction: column;
        align-items: center;
        width: 900px;
    }
    .contentcard.full.news > .news_info_block >div> img { width: 900px; height: auto;border-radius: 10px;}
    .contentcard.full.news > .news_info_block >div> .title {text-align: center;}
    .contentcard.full.news > .news_info_block > div >.description_text{
        width: 900px;
        line-height: 1.5;
    }
    .contentcard.full.news > .news_info_block > div>.date {color:#c4c4c4; margin: 20px 0; font-weight: 600;}

    .contentcard.full.news >.pagetext{
        padding: 0 20.1em;
        width: 900px;
    }
    .contentcard.full.news >.pagetext>p{
        text-align: center;
    }
    .contentcard.full.news >.pagetext>p>img{
        width: 900px;
    }
    .contentcard.full.goods > .my-img-box {
        float: left;
        margin: 0 1.5em 1em 0em;
        width: 38%;
        padding: 38% 0 0 0;
        height: auto;
    }
    .contentcard.full.goods > .goods_info {
        margin-left: 37%;
        min-height: 28em;
        width: 85%;
        max-width: 1240px;
        margin-bottom: 14%;
        margin-top: 40px;
    }
    .contentcard.full.goods > .goods_info > a{
        position: absolute;
        right: 12px;
        top: 370px;
    }
    .contentcard.full.goods > .goods_info > a > div.action_block {
        width: 22em;
    }
    .contentcard.full.goods > .goods_info > .added_links{
        position: absolute;
        right: 12px;
        top: 370px;
    }
    .contentcard.full.goods > .goods_info > .added_links > div.action_block {
        width: 22em;
    }
    .contentcard.full.goods > .goods_info >#buy_and_status_block{
        width: 20em;
        right: -45px;
    }
    .contentcard.small.goods.resize:hover {
        height: 37.5em;
    }

    .contentcard.small.goods .addtobag {
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease 0.1s;
    }
    .contentcard.small.goods .buy:hover {
        background-color: #EC7A4C;
        color: #f9f9f9;
        border-color: #EC7A4C;
        filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
        margin-bottom: 2px;
    }
    .contentcard.small.goods .buy:active {
        background-color: #A02E00;
        color: #f9f9f9;
        border-color: #A02E00;
        margin-bottom: 0px;
    }
    .contentcard.small.goods .wait:hover {
        background-color: #5a99c9;
        color: #f9f9f9;
        border-color: #5a99c9;
        filter: drop-shadow(0px 3px 4px rgba(102, 102, 102, 0.35));
        margin-bottom: 2px;
    }
    .contentcard.small.goods .wait:active {
        background-color: #A02E00;
        color: #f9f9f9;
        border-color: #A02E00;
        margin-bottom: 0px;
    }
    .contentcard.small.goods.resize:hover {
        height: 43em;
    }
    .contentcard.small.goods.resize:hover .price_line {
        bottom: 98px;
    }

    .contentcard.small.goods .info {
        margin-top: 5px;
        font-size: 14px;
        color: #73777F;
        font-weight: 600;
        margin-bottom: 5px;
        padding: 0 5px;
        height: 48px;
        overflow: hidden;
    }

    .contentcard.small.good>a>.info{
        background: #00a648;
    }
    #header .catalog .section_938 {background: linear-gradient(to top right, #f50404 0%, #060606 90%); text-transform: uppercase; font-weight: bold;}
    #header .catalog .section_938> a>span{color: #f9f9f9;}
    #header .catalog .section_938:hover {background: #f9f9f9;}
    #header .catalog .section_938:hover> a {background: linear-gradient(to top right, #f50404 0%, #060606 90%);}
    #header .catalog .section_938:hover>.select2>span{color: #f9f9f9;}
    #header .catalog .section_938>.select2>span{color: black;}
    .main_catalog > ul > li.section_938 {display: none;}
    .main_catalog >ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 101%;
    }

    #header .catalog > li > ul > .section_883 > a {color: #e44100; text-transform: uppercase;}
    #header .catalog > li > ul > .section_883:hover > a {color: #e44100; text-transform: uppercase;}
    #header .catalog > li > ul > .section_4840 > a {color: #F79E1B; text-transform: uppercase;}
    #header .catalog > li > ul > .section_4840:hover > a {color: #F79E1B; text-transform: uppercase;}
    #header .catalog > li > ul > .section_5037 > a {color: #e44100; text-transform: uppercase;}
    #header .catalog > li > ul > .section_5037:hover > a {color: #e44100; text-transform: uppercase;}
    #header .catalog > li > ul > .section_5139 > a {color: #e44100; text-transform: uppercase;}

    .main_catalog {
        height: 14.3em;
        overflow: hidden;
    }


    div #annotation{
        right: 0;
        bottom: 20%;
        width: 47.5%;
        position: absolute;
    }
    div #liqPayBut{
        right: 0;
        bottom: 20%;
        left: 62%;
        width: 47.5%;
        position: absolute;
    }
    div #newPostBut{
        right: 0;
        bottom: 2%;
        left: 58.7%;
        width: 47.5%;
        min-width: 25em;
        position: absolute;
    }

    #second_line_footer>#guarantee {
        margin-top: -3px;
        margin-left: -11px;
    }

    .smallscreen {
        display: none;
    }
    .mediumscreen{
        display: none;
    }
    /********************Элементы карусели **************************/
    .action_list li.contentcard.small.goods {
        height: 33em;
        padding-left: 1em;
    }
    .action_list li.contentcard.small>a>img{

    }
    .action_list li.contentcard.small  .price{
        padding: 0.5em 16% 0 0;
    }

    .contentcard.small.goods .amount_sticker >span{
        top: 372px;
        left: 123px;
    }

    .my-carousel>ul>.contentcard.small.goods .amount_sticker >span{
        top: 416px;
        left: 190px;
    }
    .action_list li.contentcard.small .amount_sticker{
        height: 0;
    }
    .action_list li.contentcard.small.goods .buy {

        width: 95%;
    }
    .action_list li.contentcard.small.goods .bagblock{
        width: 2.5em;
        margin-right: 0.5em;
    }
    .action_list li.contentcard.small.goods .bagblock>span{
        margin-right: -0.5em;
    }
    .action_list li.contentcard.small.goods .status_sticker{
        top: 260px;
    }
    .action_list li.contentcard.small.goods .bonus_sticker {
        top: 260px;
    }
    .action_list li.contentcard.small.goods .title{
        margin-top: 10px;
    }
    .action_list li.contentcard.small.goods .gift> .title{
        margin-top: unset;
    }
    .action_list li.contentcard.small.goods .add_discount{
        display: flex;
        align-items: center;
        padding-top: 3px;
        top: 13em;
    }
    /********************Элементы карусели конец**************************/
    .homepage_actionblock > .tabs > div>.homepage_actionblock_inf{margin-left: -15px;}
    .homepage_actionblock > .tabs > div>.homepage_actionblock_inf>.content_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #hans_ad {
        margin-left: -4.1%;
        width: 108%;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker>span{
        margin-top: 1px;
    }
    .contentcard.medium.goods .bonus_sticker{
        margin-right: 15px;
    }
    #content .left_panel > .left_block > .section_list{
        padding: 0em 18px;
    }
    .footer_panel> #alloid_links{
        background-color: #9b9b9b !important;
    }
    .contentcard.small.goods > #priceTypeBlock2{
        position: absolute;
        right: 50px;
        top: 215px;
        width: 20px;
    }
    .contentcard.small.goods > #priceTypeBlock2>#priceTypesList2{
        width: max-content;
        position: absolute;
        right: -50px;
        background: #f9f9f9;
    }
    .contentcard.list.goods > #priceTypeBlock2{
        position: absolute;
        right: 335px;
        top: 5px;
        width: 20px;
    }
    .contentcard.list.goods > #priceTypeBlock2>#priceTypesList2{
        width: max-content;
        position: absolute;
        right: -30px;
        background: #f9f9f9;
    }
    .contentcard.list.goods .bonus_sticker {left: unset; right: 185px; top: 0.75em;}

    .order_blank {
        min-width: 32em;
        width: 37% !important;
    }
    .personal_bag > li .bonus_sticker {
        top: 2.5em;
    }
    #fifth_line_footer >#catalog_in_footer{
        width: 36%;
    }
    #fifth_line_footer >#catalog_in_footer>.menu>ul{
        list-style-position: inside;
        -moz-column-count: 2; /* Firefox */
        -webkit-column-count: 2; /* Safari and Chrome */
        column-count: 2;
    }
    #fifth_line_footer >#catalog_in_footer>.menu>ul>li>a{
        width: 160px;
    }
    .contentcard.small.goods .is_cheaper_but {
        top: 348px;
        left: 90px;
    }
    .contentcard.small.goods .is_cheaper_but>span {
        width: 110px;
        height: 42px;
        white-space: pre-line;
    }
    .contentcard.full.goods > .goods_info>.status_action_sticker>.action_sticker{
        top: -14px;
        left: 60px;
    }
    .contentcard.small.goods .action_sticker_made_in_ua{
        display: block;
        top: 155px;
        right: 13px;
        width: 60px;
        height: 47px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_made_in_ua{
        display: block;
        top: 160px;
        left: 26%;
        width: 60px;
        height: 47px;
    }
    .contentcard.list.goods .action_sticker_made_in_ua{
        display: block;
        top: 45px;
        left: 0px;
        width: 44px;
        height: 35px;
    }
    .contentcard.small.goods .action_sticker_special_icon{
        display: block;
        top: 8px;
        right: 8px;
        width: 66px;
        height: 47px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_special_icon{
        display: block;
        top: 8px;
        left: 22%;
        width: 66px;
        height: 47px;
    }
    .contentcard.list.goods .action_sticker_special_icon{
        display: block;
        top: 0px;
        left: 0px;
        width: 44px;
        height: 35px;
    }
}
/******************************* Конец блок для десктопов***********************************************************************************************/
/***********************************************************************************************************************
                                   ноутбуки c малым экраном
***********************************************************************************************************************/
@media only screen and (min-width: 1104px) and (max-width: 1550px){
    #header .find_panel .find #find {
        width: 25%;
    }
    #header .find_panel .find {
        margin: 5px 0px 0px 166px;
    }
    #header .dept {
        left: 60%;
    }
    #header .currency_list {
        left: 79%;
    }
    #header #favorites {
        right: 6.5%;
    }
    #header .user_panel .user_menu {
        right: 5px;
    }
    #header .user_panel ul > li > #guarantee {
        /* right: 65px;*/
        display: none;
    }
    /*   #header .find_panel .find #find-reset {
           margin-left: 40%;
       }*/
    .section_list > ul > li > a > span {
        font-size: 16px!important;
    }
    .my-tools li.left_img_arr{
        left: 170%;
    }
    .my-tools li.right_img_arr{
        left: -225%;
    }
    .contentcard.list.goods .bonus_sticker {left: unset; right: 182px;  top: 0.75em;}
    .action_list li.contentcard.small.goods .bonus_sticker {
        top: 230px;
        left: 16px;
    }

    .contentcard.small.goods .buy {
        background-position: 12px 11px;
        padding-left: 40px;
    }
    #header .mainmenu a {
        width: 150px;
    }
    .contentcard.small.goods img {
        width: 12em;
        height: 13em;
        margin-bottom: 4em;
    }
    .contentcard.small.goods > #priceTypeBlock2 {
        height: 20px;
        right: 18px;
        top: 190px;
    }
    .contentcard.medium.goods .favoriteblock {
        left: 32%;
    }
    #third_line_footer> form >label {top: 10px;}
    #third_line_footer> form >span {top: 23px; left: 37%;}
    .contentcard.medium.goods .is_cheaper_but {
        left: 70%;
    }
    .contentcard.list.goods .is_cheaper_but{
        left: 300px;
    }
    .contentcard.small.goods .is_cheaper_but { display: none; }
    .contentcard.small.goods .is_cheaper {
        display: block;
        top: 372px;
        right: 5px;
    }
    .contentcard.medium.goods .buy {top: 3em;}
    .contentcard.small.goods .bonus_sticker{
        left: 0px;
        top: 180px;
    }
    .contentcard.small.goods .action_sticker_made_in_ua{
        top: 140px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_made_in_ua {
        left: 30%;
    }
    .contentcard.small.goods .action_sticker_special_icon{
        top: 30px;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_special_icon {
        left: 30%;
        top: 50px;
    }
}
/***********************************************************************************************************************
                                   Широкоформатные мониторы
***********************************************************************************************************************/
@media only screen and (min-width: 2100px)
{
    .contentcard.full.goods {
        margin-bottom: 10em;
    }
    .my-tools li.left_img_arr{
        top: -40em;
        left: 240%;
    }
    .my-tools li.right_img_arr{
        top: -40em;
        left: -270%;
    }
    .contentcard.medium.goods .favoriteblock {
        left: 24%;
    }
    #third_line_footer> form >label {top: 28px; width: 29%;}
    #third_line_footer> form >span {top: 39px; width: 22%;}
    .contentcard.medium.goods .is_cheaper_but {
        left: 87%;
    }
    .contentcard.list.goods .is_cheaper_but {
        left: 40%;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_made_in_ua {
        left: 23%;
    }
    .contentcard.medium.goods .status_action_sticker>.action_sticker_special_icon {
        left: 20%;
    }
}