/* Jet Cache critical css: catalog/view/theme/default/stylesheet/custom.css */
@font-face {
    font-family: 'FuturaFuturisC-Bold';
    font-display: fallback;
    src: url("https://coffeestory.in.ua/catalog/view/theme/default/font/FuturaFuturisC-Bold.eot");
    src: url("https://coffeestory.in.ua/catalog/view/theme/default/font/FuturaFuturisC-Bold.eot?#iefix") format("embedded-opentype"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/FuturaFuturisC-Bold.svg#FuturaFuturisC-Bold") format("svg"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/FuturaFuturisC-Bold.ttf") format("truetype"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/FuturaFuturisC-Bold.woff") format("woff"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/FuturaFuturisC-Bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'MyriadPro-Regular';
    font-display: fallback;
    src: url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Regular.eot");
    src: url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Regular.ttf") format("truetype"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Regular.woff") format("woff"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "MyriadPro-Semibold";
    font-display: fallback;
    src: url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Semibold.eot");
    src: url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Semibold.otf") format("opentype"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Semibold.svg") format("svg"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Semibold.ttf") format("truetype"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Semibold.woff") format("woff"), url("https://coffeestory.in.ua/catalog/view/theme/default/font/MyriadPro-Semibold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-display: fallback;
    font-family: 'MyriadPro-Regular';
    src: url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-black.eot'); /* IE 9 Compatibility Mode */
    src: url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-black.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-black.woff2') format('woff2'), /* Super Modern Browsers */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-black.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-black.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-black.svg#myriadpro-black') format('svg'); /* Chrome < 4, Legacy iOS */
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-display: fallback;
    font-family: 'MyriadPro-Regular';
    src: url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-bold.eot'); /* IE 9 Compatibility Mode */
    src: url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-bold.woff2') format('woff2'), /* Super Modern Browsers */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://coffeestory.in.ua/catalog/view/theme/default/font/myriadpro-bold.svg#myriadpro-bold') format('svg'); /* Chrome < 4, Legacy iOS */
    font-weight: 600;
    font-style: normal
}

.main_page_slider_wrapper .bx-pager-item {
    display: none !important;
}

.content {
    max-width: 100%;
}

html, body {
    padding: 0px;
    margin: 0px;
    font-family: "MyriadPro-Regular", sans-serif;
    line-height: 1.3;
    color: #313131;
}

body {
    overflow-x: hidden;
}

input, textarea, select, button {
    font-family: 'Apercu Pro';
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px;
    font-family: 'Apercu Pro';
}

p {
    margin: 0px;
    line-height: 1.3;
}

ul, ol {
    margin: 0px;
}

.clear {
    width: 0px;
    height: 0px;
    float: none !important;
    clear: both !important;
}

.header div {
    box-sizing: inherit;
}

.logo {
    width: 152px;
}

.container {
    width: 100%;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
}

a {
    transition: all 0.25s ease-out;
    outline: none;
}

a:hover {
    transition: all 0.25s ease-in;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.d-flex {
    display: flex;
}

/*header*/

.header {
    width: 100%;
    background-color: #ffffff;
}

.head-top {
    width: 100%;
    padding-top: 11px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-logo {
    width: 230px;
    max-width: 230px;
    text-align: left;
}

.head-logo a {
    text-decoration: none;
}

.head-logo a div, .head-logo div {
    font-family: 'Cooper';
    font-size: 36px;
    color: #211a14;
    line-height: 130%;
    margin-bottom: -8px;
}

.head-logo a p, .head-logo p {
    font-weight: 500;
    color: #ffb865;
    font-size: 15px;
    font-family: "MyriadPro-Regular", sans-serif;
}

.header .head-search {
    max-width: 335px;
    transition: all 0.0s ease-out;
    visibility: visible;
}

.header.scrolled .head-search {
    max-width: 0px;
    overflow: hidden;
    transition: all 0.0s ease-in;
    visibility: hidden;
    display: none;
}

.head-search {
    width: 100%;
    max-width: 267px;
    font-size: 0;
}

.head-search form {
    width: 100%;
    font-size: 0;
}

.head-search input[type="text"] {
    width: 298px;
    height: 36px;
    padding: 0px;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    border: 1px solid #d7cec3;
    border-right: 0px solid #d7cec3;
    padding-left: 20px;
    color: #333;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
}

.head-search input[type="submit"], .head-search button {
    width: 37px;
    height: 36px;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
    border: 1px solid #d7cec3;
    border-left: 0px solid #d7cec3;
    display: inline-block;
    vertical-align: top;
    /*background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/search-icon.png');*/
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_search.svg');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
}

.head_delivery_info {
    padding-left: 53px;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/ico_delyvery.svg) 0 50% no-repeat;
    font-size: 14px;
    color: #887766;
    line-height: 100%;
    height: 31px;
    margin: 3px 0 0 30px;
}

.head_delivery_info > div {
    font-size: 12px;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
    padding-bottom: 2px;
    color: #211A14;
}

.header-bottom .head_delivery_info {
    display: none;
}

.head-lang {
    display: flex;
    align-items: center;
}

.head-lang .langmark a {
    font-weight: 600;
    color: #887766;
    font-size: 15px;
}

.head-lang .langmark a.langmarkactive {
    font-weight: 600;
    color: #211A14;
}

.langmark ul li {
    color: #FFB865;
}

.head-lang-la {
    padding-left: 23px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

.head-info {
    margin-left: 25px;
    max-width: 162px;
}

.head_phone a {
    text-decoration: none;
    text-align: right;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #211A14;
    display: block;
    margin-top: 14px;
}

.head_phone a:hover {
    color: #000;
}

.head-call {
    margin-top: 1px;
    text-align: right;
    line-height: 100%;
}

.head-call a {
    font-size: 13px;
    line-height: 100%;
    color: #887766;
    text-decoration: none;
}

.head-call a:hover {
    color: #756759;
}

.head-work-time {
    padding-left: 23px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/work-time-icon.png');
    font-size: 15px;
    color: #211A14;
    font-weight: 500;
}

.header-bottom_right {
    display: flex;
    height: 38px;
    justify-content: flex-end;
}

.head-account {
    position: relative;
    width: 22px;
}

.head-account > a {
    display: block;
    position: relative;
    background: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_login.svg') 0 100% no-repeat;
    width: 24px;
    height: 30px;
}

.head-account > a:hover:after {
    opacity: 1;
    transition: opacity 0.25s ease-in;
}

.head-favorites {
    width: 36px;
    margin-left: 30px;
    position: relative;
}

.head-favorites > a {
    width: 36px;
    height: 30px;
    display: block;
    position: relative;
    background: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_favorite.svg') 0 100% no-repeat;
}

.head-favorites .ha-dop-info {
    width: 370px;
    text-align: center;
    line-height: 1.5;
}

.head-favorites:hover .ha-dop-info {
    transition: all 0.25s ease-in;
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
}

.favorites-kol {
    width: 18px;
    height: 18px;
    background-color: #75706B;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    border: 1px solid #fff;
    position: absolute;
    top: -1px;
    right: -3px;
    text-align: center;
    line-height: 16px;
    border-radius: 18px;
    z-index: 1;
}

.head-compare {
    width: 40px;
    margin-left: 30px;
    position: relative;
}

.head-compare a {
    width: 40px;
    height: 30px;
    display: block;
    position: relative;
    background: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_compare.svg') 0 100% no-repeat;
}

.compare-kol {
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 10px;
    background: #FFB865;
    border: 1px solid #FFFFFF;
    position: absolute;
    top: -1px;
    right: -3px;
    text-align: center;
    line-height: 16px;
    border-radius: 18px;
    z-index: 1;
}


.ha-dop-info {
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    background-color: #fafafa;
    padding: 12px 25px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -28px;
    width: 260px;
    box-sizing: border-box;
    border-radius: 5px;
    transform: translateX(10px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
}

.head-account:hover .ha-dop-info {
    transition: all 0.25s ease-in;
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
}

.ha-dop-info:after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #fafafa;
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -6px;
}

.ha-dop-info a {
    color: #313131;
    text-decoration: none;
}

.ha-dop-info a:hover {
    color: #0060ca;
}

.acc-img {
    width: 32px;
    height: 32px;
    border: 1px solid #d5d5d5;
    border-radius: 200%;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}


.hc-dop-info {
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    background-color: #fafafa;
    padding: 12px 25px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -28px;
    width: 260px;
    box-sizing: border-box;
    border-radius: 5px;
    transform: translateX(10px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    text-align: center;
    display: none;
}

.hc-dop-info.csh {
    display: block;
}

.head-compare:hover .hc-dop-info {
    transition: all 0.25s ease-in;
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
}

.hc-dop-info:after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #fafafa;
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -6px;
}

.head-basket {
    width: 30px;
    max-width: 30px;
    margin-left: 30px;
    margin-right: 9px;
    position: relative;
    cursor: pointer;
}

.head-basket a {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    background: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_cart.svg') 100% 100% no-repeat;
}

.basket-kol {
    width: 18px;
    height: 18px;
    background-color: #ffb865;
    color: #383d40;
    font-weight: 500;
    font-size: 11px;
    border: 3px solid #383d40;
    position: absolute;
    top: -6px;
    right: -12px;
    text-align: center;
    line-height: 18px;
    border-radius: 18px;
    z-index: 1;
}

.cart_count {
    position: absolute;
    top: -1px;
    right: -6px;
    margin-left: 14px;
    margin-top: 0px;
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    font-size: 10px;
    line-height: 16px;
    background-color: #75706B;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    z-index: 5;
}

.cart_sum {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: bold !important;
    padding-left: 43px;
    line-height: 13px;
    cursor: pointer;
    min-width: 115px;
}

.hb-dop-info {
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    background-color: #fafafa;
    padding: 12px 25px;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -28px;
    width: 260px;
    box-sizing: border-box;
    border-radius: 5px;
    transform: translateX(10px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    text-align: center;
    display: none;
}

.hb-dop-info.bsh {
    display: block;
}

.head-basket:hover .hb-dop-info {
    transition: all 0.25s ease-in;
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
}

.hb-dop-info:after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #fafafa;
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -6px;
}

.hb-dop-info a {
    color: #313131;
    text-decoration: none;
    font-size: 16px;
    max-width: 204px;
    background-image: none;
}

.hb-dop-info a:hover {
    background-image: none;
}

.hb-dop-info a:hover:after {
    background-image: none;
}

.header-bottom {
    margin-top: 1px;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-menu {
    width: 100%;
    max-width: 940px; /*old 905*/
}

.menu-but {
    display: none;
}

.head-menu > ul {
    padding-left: 0px;
    margin: 0px;
    list-style-type: none;
    font-size: 0px;
}

.head-menu > ul > li {
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    margin-right: 25px;
    position: relative;
}

.head-menu > ul > li:last-child {
    margin-right: 0px;
}

.head-menu > ul > li > a {
    text-decoration: none;
    color: #211A14;
    position: relative;
}

.head-menu > ul > li > a:after {
    width: 0%;
    height: 1px;
    content: "";
    background-color: #ffb865;
    position: absolute;
    left: 0px;
    bottom: -5px;
    transition: width 0.25s ease-in;
}

.head-menu > ul > li > a:hover:after {
    width: 100%;
    transition: width 0.25s ease-out;
}

.head-menu > ul > li:first-child > a {
    padding: 10px 2px 9px 30px;
    background: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_burger.svg') 7px 12px no-repeat;
    font-weight: 500;
    border-radius: 3px;
    font-size: 15px;
    line-height: 100%;
}

.head-menu > ul > li:first-child > a:after {
    display: none;
}

.head-menu > ul > li > ul {
    position: absolute;
    width: 310px;
    background-color: #ffffffef;
    left: 0px;
    top: 41px;
    z-index: 5;
    padding-left: 0px;
    list-style-type: none;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.5s ease-out;
}

.head-menu > ul > li:hover > ul {
    transition: all 0.5s ease-in;
    max-height: 1500px;
}

.head-menu > ul > li > ul > li {
    line-height: 54px;
}

.head-menu > ul > li > ul > li > a {
    line-height: 43px;
    color: #211a14;
    text-decoration: none;
    font-size: 15px;
    box-sizing: border-box;
    padding-left: 25px;
    display: block;
}

.head-menu > ul > li > ul > li > a:hover {
    color: #FEB865;
}


/*-------*/

/*m-first-block*/

.m-first-block {
    width: 100%;
    height: 650px;
}

.m-first-box {
    width: 100%;
    height: 100%;
}

.m-first-slider {
    width: 100%;
}

.m-first-item {
    width: 100%;
    height: 650px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.m-first-item:before {
    width: 80%;
    height: calc(100% - 50px);
    content: "";
    left: 0px;
    top: 25px;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 43%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 43%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 43%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);

    opacity: 0.8;
}

.mf-title {
    font-weight: 500;
    color: #fff;
    font-size: 48px;
    text-transform: uppercase;
    text-align: left;
    /*padding-top: 180px;*/
}

.m-first-item p {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    margin-top: 20px;
    max-width: 590px;
}

.m-first-item ul {
    margin-top: 20px;
    padding-left: 30px;
    list-style-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ul-arr-first.png');
    max-width: 590px;
}

.m-first-item ul li {
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 5px;
}

.m-first-item ul li:last-child {
    margin-bottom: 0px;
}

.m-first-item .container {
    display: table;
    width: 100%;
    height: 650px;
}

.m-first-item .container .container-wr {
    display: table-cell;
    width: 100%;
    height: 650px;
    text-align: left;
    vertical-align: middle;
}

.but {
}

.but a, .but button {
    display: block;
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 56px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    border: 0px;
}

.but a:hover, .but button:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
}

.mf-but {
    margin-top: 30px;
}

.mf-but a {
    max-width: 215px;
}

/*-------*/

/*m-coffee-master*/

.m-coffee-master {
    padding: 45px 0px;
    background-color: #fbfbfb;
}

h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 28px;
    color: #211A14;
}

.common-home h2 {
    font-weight: 600;
    font-size: 28px;
    color: #211A14;
}

.catalog h2 {
    font-size: 1.675rem;
    font-weight: 600;
    font-family: "MyriadPro-Semibold", sans-serif;
    text-align: left;
}

.coffee-box {
    width: 100%;
    margin-top: 45px;
}

.coffee-type {
    width: 100%;
    font-size: 0;
    text-align: center;
    position: relative;
}

.coffee-type:after {
    content: "";
    width: 100%;
    max-width: 430px;
    height: 1px;
    background-color: #d8d8d8;
    left: 50%;
    margin-left: -215px;
    bottom: 0px;
    position: absolute;
}

.coffee-type .form-group {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 110px;
    padding: 25px 0px;
    text-align: left;
    color: #313131;
    font-size: 18px;
    font-weight: 400;
}

.coffee-type .form-group:last-child {
    margin-left: 125px;
}

.coffee-other {
    width: 100%;
    font-sizE: 0;
    text-align: center;
    margin-top: 30px;
}

.coffee-other-item {
    width: 100%;
    max-width: 570px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    color: #313131;
    text-align: left;
}

.coffee-other-item:last-child {
    margin-right: 0px;
}

.coffee-other-item p {
    font-weight: 300;
    margin-bottom: 12px;
}

.coffee-other-item p b {
    font-weight: 500;
}


.coffee-master-but {
    margin-top: 50px;
}

.coffee-master-but a {
    margin-left: auto;
    margin-right: auto;
    max-width: 220px;
}

.coffee-slider {
    margin-top: 30px;
}

.coffee-slider .slide-text {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}

.slide-container {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 265px;
    margin-left: 25px;
    margin-right: 25px;
}

.slide-container .ui-slider {
    width: 100%;
    height: 8px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    background-color: #e2e2e2;
    border-radius: 8px;
    position: relative;
    margin-top: 5px;
}

.slide-container .ui-slider-handle {
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    border-radius: 3px;
    display: block;
    background: rgb(240, 244, 251);
    background: -moz-linear-gradient(top, rgba(240, 244, 251, 1) 0%, rgba(231, 234, 238, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(240, 244, 251, 1) 0%, rgba(231, 234, 238, 1) 100%);
    background: linear-gradient(to bottom, rgba(240, 244, 251, 1) 0%, rgba(231, 234, 238, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f4fb', endColorstr='#e7eaee', GradientType=0);
    position: absolute;
    top: -8px;
    cursor: pointer;
    margin-left: -11px;
    outline: none;
}

.slide-container .ui-slider-handle:after {
    content: "";
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/slider-icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
}

.slide-container .ui-slider-range {
    background-color: #ffb865;
    height: 6px;
    border-radius: 6px;
}


/*-------*/


/*m-coffee-methods*/

.m-coffee-methods {
    padding-top: 25px;
    padding-bottom: 5px;
}

.coffee-methods {
    margin-top: 22px;
    width: 100%;
    text-align: center;
    font-size: 0;
    padding-bottom: 11px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coffee-meth-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 145px;
    text-align: center;
    margin-bottom: 15px;
}

.coffee-meth-item a {
    padding-top: 15px;
    position: relative;
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    line-height: 100%;
    text-align: center;
}

.coffee-meth-item a:hover .coffee-meth-text {
    color: #FFB865;
}

.coffee-meth-text {
    margin-top: 16px;
}


.coffee-meth-img {
    position: relative;
    width: 100%;
    max-width: 142px;
    height: 120px;
}

.coffee-meth-img:after {
    height: 120px;
    top: 0px;
    left: 0;
    right: 0;
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
}

.coffee-meth-item:nth-child(1) .coffee-meth-img:after {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_coffee_001.svg');
}

.coffee-meth-item:nth-child(2) .coffee-meth-img:after {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_coffee_002.svg');
}

.coffee-meth-item:nth-child(3) .coffee-meth-img:after {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_coffee_003.svg');
}

.coffee-meth-item:nth-child(4) .coffee-meth-img:after {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_coffee_004.svg');
}

.coffee-meth-item:nth-child(5) .coffee-meth-img:after {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_coffee_005.svg');
}

.coffee-meth-item:nth-child(6) .coffee-meth-img:after {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_coffee_006.svg');
}

.coffee-meth-item:nth-child(7) .coffee-meth-img:after {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_coffee_007.svg');
}

/*-------*/

.shema1 {
    width: 860px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: -73px;
}

.shema1 img {
    width: 100%;
    height: auto;
}

/*footer*/

.footer {
    width: 100%;
    background-color: #333B3E;
    color: #fff;
}

.foot_wrap {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px;
}

.foot_left {
    width: 230px;
    max-width: 230px;
    margin-right: 85px;
}

.foot_left .social {
    font-size: 0;
    text-align: left;
    margin-bottom: 17px;
}

.contacts_info_tabs .foot_rb_left {
    display: none;
}

.foot_rbr_bot .foo-copyright {
    display: none;
}

/*.social a.foo-fb {
	width: 30px;
	height: 30px;
	background-color: #887766;
	display: inline-block;
	vertical-align: top;
	background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_fb.svg');
	background-repeat: no-repeat;
	background-position: 9px 50%;
	margin-right: 13px;
	transition: background-color 0.3s;
	border-radius: 30px;
}
.social a.foo-fb:hover {
	background-color: #726455;
}*/
.social a.foo-fb {
    width: 26px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/facebook-icon.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-right: 13px;
    transition: all 0s;
}

.social a.foo-fb:hover {
    background-position: -26px 0px;
    transition: all 0s;
}

.social a.foo-gp {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: top;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/googe-plus-icon.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    transition: all 0s;
}

.social a.foo-gp:hover {
    background-position: -26px 0px;
    transition: all 0s;
}

.footer-logo a div, .footer-logo div {
    font-family: 'Cooper';
    font-size: 36px;
    color: #fff;
    line-height: 130%;
    margin-bottom: -8px;
}

.footer-logo a p, .footer-logo p {
    font-weight: 500;
    color: #ffb865;
    font-size: 15px;
    font-family: "MyriadPro-Regular", sans-serif;
}

.foo-copyright {
    font-size: 15px;
    line-height: 100%;
    color: #887766;
    margin-top: 19px;
}

.foot_right {
    flex-grow: 1;
}


.footer-menu {
    width: 100%;
    padding: 12px 0 35px 0;
}

.menu-but {
    display: none;
}

.footer-menu > ul {
    padding-left: 0px;
    margin: 0px;
    list-style-type: none;
    font-size: 0px;
    display: flex;
    justify-content: space-between;
}

.footer-menu > ul > li {
    line-height: 17px;
    font-size: 15px;
    position: relative;
    display: block;
}

.footer-menu > ul > li:last-child {
    margin-right: 0px;
}

.footer-menu > ul > li > a {
    text-decoration: none;
    color: #fff;
    position: relative;
}

.footer-menu > ul > li > a:after {
    width: 0%;
    height: 1px;
    content: "";
    background-color: #ffb865;
    position: absolute;
    left: 0px;
    bottom: -2px;
    transition: width 0.25s ease-in;
}

.footer-menu > ul > li > a:hover:after {
    width: 100%;
    transition: width 0.25s ease-out;
}

.foot_right_bot {
    display: flex;
    justify-content: space-between;
}

.foot_rb_left a {
    font-size: 15px;
    line-height: 100%;
    color: #FFFFFF;
}

.footer-work-time {
    font-size: 15px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 0 0 15px 25px;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/clock-1.svg) 0 0 no-repeat;
}

.footer-place {
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/adress.svg) 3px 0 no-repeat;
    padding: 0 0 11px 25px;
}

.footer-place a {
    border-bottom: 1px solid #FFB865;
}

.foot_rb_left .email {
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/ico_mail.svg) 0 5px no-repeat;
    padding: 0 0 15px 25px;
}

.foot_rbr_top {
    display: flex;
    margin-bottom: 29px;
}

.foot_phone {
    width: 187px;
    max-width: 187px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.foot_phone a {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    display: block;
}

.footer-subs {
    width: 190px;
    max-width: 190px;
}

.footer-subs a {
    height: 36px;
    background: #887766;
    line-height: 36px;
    border-radius: 3px;
    font-size: 15px;
    color: #FFFFFF;
    text-transform: inherit;
}

.footer-subs a:hover {
    background-color: #726455;
    box-shadow: none;
}

.footer-bottom {
    padding: 18px 0px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.foo-copyright {
    width: 100%;
    max-width: 760px;
    float: left;
    line-height: 26px;
}

.foo-payments {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.foo-payments span {
    font-size: 15px;
    line-height: 100%;
    color: #FFFFFF;
    display: block;
}

.foo-payments img {
    display: block;
    margin-left: 24px;
    width: 149px;
    height: auto;
}


/*feedback home*/
.feedback_block h3 {
    font-weight: 600;
    font-size: 28px;
    color: #211A14;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 117px 0 40px 0;
}

.feedback_block .owl-nav {
    position: absolute;
    width: 70px;
    height: 30px;
    top: -72px;
    right: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.feedback_block .owl-prev, .feedback_block .owl-next {
    display: block !important;
    font-size: 0 !important;
    width: 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease-out;
    box-sizing: border-box;
    background: #D7CEC3;
}

.feedback_block .owl-next:after, .feedback_block .owl-prev:after {
    content: "";
    position: absolute;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/slider_arrow_right.svg) 50% 54% no-repeat;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    transition: all 0.25s ease-out;
}

.feedback_block .owl-prev:after {
    transform: rotate(180deg);
    background-position: 50% 47%;
}

.feedback_block .owl-prev:hover, .feedback_block .owl-next:hover {
    background: #887766;
}

.feedback_item {
    display: flex;
    height: 180px;
    margin-bottom: 30px;
}

.feedback_img {
    width: 180px;
    max-width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.feedback_img .image {
    width: 180px;
}

.feedback_img img {
    max-width: 180px;
    max-height: 180px;
    object-fit: contain;
}

.feedback_info {
    padding-top: 19px;
    margin-left: 30px;
}

.feedback_info .h4-review {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #211A14;
    margin-bottom: 5px;
}

.feedback_info .reviews-description {
    font-size: 15px;
    line-height: 130%;
    color: #211A14;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.feedback_info .feedback_bot {
    display: flex;
    align-items: center;
}

.feedback_info .glyphicon-star {
    width: 23px;
    height: 23px;
    margin: 0 10px 0 0;
}

.feedback_info .reviews-sign {
    display: flex;
    line-height: 23px;
    color: #685847;
    font-size: 14px;
}

.feedback_info .reviews-author {
    margin: 0 10px;
    font-weight: 600;
}

.feedback_block .owl-dots {
    bottom: -16px;
}

.product-info .glyphicon-star {
    background-image: url(https://coffeestory.in.ua/catalog/view/theme/default/images/star-active.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 23px;
    height: 23px;
    display: inline-block;
    line-height: 1;
    font-size: 0;
}

/*m-content-block*/

.m-content-block {
    padding-top: 35px;
    padding-bottom: 63px;
}

.m-content {
    width: 100%;
    max-width: 920px;
    display: inline-block;
    vertical-align: top;
}

.m-content-block h2 {
    margin-bottom: 40px;
}

#latest_module h2 {
    margin-top: 114px;
}

.m-sidebar {
    width: 100%;
    max-width: 290px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.m-sidebar-news {
    width: 100%;
}

.m-news-items {
    width: 100%;
    margin-top: 30px;
}

.m-news-item {
    margin-bottom: 15px;
    position: relative;
}

.m-news-item:last-child {
    margin-bottom: 0px;
}

.m-news-img {
    width: 100%;
    height: 275px;
    overflow: hidden;
}

.m-news-img img {
    height: 275px;
    /*width: 100%;*/
    width: auto;
}

.m-news-text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;

}

.m-news-text a {
    display: table;
    width: 100%;
    height: 275px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
}

.m-news-t {
    display: table-cell;
    box-sizing: border-box;
    text-align: left;
    vertical-align: bottom;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
}

.m-news-text a:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.m-sidebar-faq {
    margin-top: 60px;
}

.m-faq-items {
    width: 100%;
    margin-top: 30px;
}

.m-faq-item {
    width: 100%;
    margin-bottom: 10px;
}

.m-faq-item:last-child {
    margin-bottom: 0px;
}

.m-faq-but {
    width: 100%;
    box-sizing: border-box;
    border-left: 3px solid #0060ca;
    background-color: #f2f1f1;
    padding: 20px;
    color: #313131;
    font-size: 18px;
    text-align: left;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all 0.25s ease-out;
    cursor: pointer;
}

.m-faq-but:hover, .m-faq-but.active {
    color: #fff;
    background-color: #0060ca;
    border-left: 3px solid #ffb865;
    transition: all 0.25s ease-in;
}

.m-faq-text {
    color: #313131;
    font-size: 16px;
    line-height: 1.5;
    max-height: 0px;
    opacity: 0;
    transition: all 0.25s ease-out;
    overflow: hidden;
}

.m-faq-text.open {
    max-height: 1500px;
    opacity: 1;
    transition: all 0.25s ease-in;
}

.m-faq-text p {
    padding-top: 25px;
    padding-bottom: 25px;
}


.m-top-sale {
    width: 100%;
}

.m-block-title {
    width: 100%;
    position: relative;
}

.m-block-title h2 {
    text-align: center;
}

.m-top-sale-controls {
    position: absolute;
    width: 70px;
    height: 30px;
    top: 3px;
    right: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.m-top-sale-prev, .m-top-sale-next {
    width: 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease-out;
    box-sizing: border-box;
    background: #D7CEC3;
}

.m-top-sale-prev:after, .m-top-sale-next:after {
    content: "";
    position: absolute;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/slider_arrow_right.svg) 50% 51% no-repeat;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    transition: all 0.25s ease-out;
}

.m-top-sale-prev:after {
    transform: rotate(180deg);
    background-position: 50% 47%;
}

.m-top-sale-prev:hover, .m-top-sale-next:hover {
    background: #887766;
}


.m-top-sale-box {
    margin-top: 0;
    width: 100%;
    /* box-shadow: 0px 16px 67px rgba(136, 119, 102, 0.2); */
    border-radius: 3px;
    /* background-color: #eeece957; */
    margin-bottom: 48px;
}

.m-top-sale-slider .owl-stage-outer, .m-specials-slider .owl-stage-outer, .latest_slider .owl-stage-outer {
    background: linear-gradient(0deg, #EFEDEA 0%, #f7f6f5 100%);
    box-shadow: 0px 16px 67px rgb(136 119 102 / 20%);
}

.m-top-sale-slider {
    width: 100%;
    /*max-width: 918px;*/
}

.m-top-sale-slider .product-item,
.latest_slider .product-item,
.m-top-sale .product-item {
    width: 285px;
}

.prod_more_info {
    width: 100%;
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #887766;
}

.product-attr_info {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    text-align: center;
    color: #887766;
    margin-bottom: 10px;
}

.product-item {
    width: 100%;
    background: #FFFFFF;
    border-radius: 3px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 20px;
    display: block !important;
}

.rb-tl,
.rb-tl img {
    width: 61px;
    height: 61px;
}

.cardOrigin-level {
    font-size: .875rem;
}

.cardOrigin-level .text {
    display: inline-block;
    margin-right: 3px;
}

.product-info .cardOrigin-level .scale {
    display: inline-block;
    position: relative;
    height: auto;
    white-space: nowrap;
    line-height: 1;
    font-size: 0;
}

.product-info .cardOrigin-level .scale .scale-level {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow-x: hidden;
    z-index: 2;
}

.product-info .cardOrigin-level .scale .scale-level .radial {
    background-color: #887766;
}

.product-info .cardOrigin-level .scale .radial {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #D7CEC3;
    border-radius: 7px;
    margin-right: 3px;
}


.product-flag {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 3;
}

.product-flag > div {
    margin-right: 10px;
}

.product-flag > div:last-child {
    margin-right: 0px;
}

.product-sp {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    padding: 0px 10px;
    background-color: #da342c;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.product-nw {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    padding: 0px 10px;
    background-color: #ffb865;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.product-tp {
    display: inline-block;
    vertical-align: top;
    line-height: 48px;
    padding: 0px 10px;
    background-color: #0060ca;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    border-top-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.product-info {
    width: 100%;
}

.favorine_block {
    position: absolute;
    width: 28px;
    height: 25px;
    top: 9px;
    right: 8px;
    z-index: 1;
}

.favorine_block .fvr_btn {
    width: 28px;
    height: 25px;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/ico_favorite.svg) 0 0 no-repeat;
    border: none;
    cursor: pointer;
}

.favorine_block .fvr_btn.active,
.favorine_block .fvr_btn:hover {
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/ico_favorite_active.svg) 0 0 no-repeat;
}


.favorine_block .fvr_btn_com {
    width: 35px;
    height: 25px;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/ico_compare.svg) 1px 100% no-repeat;
    border: none;
    cursor: pointer;
}

.favorine_block ..fvr_btn_com.active,
.favorine_block .fvr_btn_com:hover {
    opacity: 0.7
}

.product-img {
    width: 100%;
    padding: 0;
    text-align: center;
    height: 220px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-item .product-img img {
    max-height: 100%;
    max-width: 80%;
    object-fit: contain;
}

.product-item.none .product-img {
    opacity: 0.5;
}

.product-name {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #211A14;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 45px;
    max-height: 51px;
    height: 51px;
    overflow: hidden;
}

.product-name a {
    color: #313131;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 20px;
}

.product-name a:hover {
    color: #685847;
}

.m-content-block .owl-dots {
    position: absolute;
    bottom: -46px;
    left: 0;
    right: 0;
    height: 18px;
    display: flex;
    justify-content: center;
}

.m-content-block .owl-dots .owl-dot {
    width: 18px;
    height: 18px;
    background: #D7CEC3;
    margin: 0 4px;
    border-radius: 18px;
}

.m-content-block .owl-dots .owl-dot.active {
    background: #887766;
}

/* star rate  */
.star {
    display: flex;
    justify-content: center;
}

.star span {
    margin: 0 4px;
}

.star_count {
    font-size: 14px;
    line-height: 19px;
    height: 17px;
    color: #211A14;
    display: block;
}

.product-cost {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 0;
    min-height: 32px;
    max-height: 32px;
    overflow: hidden;
    margin-bottom: 3px;
}

.product-old-cost {
    display: inline-block;
    vertical-align: top;
    color: #313131;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
}

.product-main-cost {
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    font-size: 26px;
    line-height: 100%;
    text-align: center;
    color: #211A14;
    margin-left: 10px;
    margin-right: 10px;
}

.product-controls {
    position: absolute;
    z-index: 2;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(56, 61, 64, 0.85);
    opacity: 0;
    transition: all 0.25s ease-out;
}

.product-item .product-controls {
    background-color: rgba(180, 177, 177, 0.85);
}

/* .product-item:hover .product-controls {
	transition: all 0.25s ease-in;
	top: 0%;
	opacity: 1;
} */

.product-controls > a {
    display: block;
    padding-top: 100px;
    text-decoration: none;
}

.product-weight {
    font-size: 16px;
    color: #fff;
}

.product-attr {
    margin-top: 15px;
}

.pr-type {
    font-size: 16px;
    color: #fff;
}

.pr-type span {
    padding-left: 23px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/attr-icon1.png');
}

.product-but-buy {
    margin-top: 15px;
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
}

.product-but-buy a, .product-but-buy button {
    width: 160px;
    height: 36px;
    padding: 0 0 0 23px;
    background-color: #887766;
    border-radius: 3px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ico_btn_buy.svg');
    background-repeat: no-repeat;
    background-position: 41px 50%;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    text-align: center;
    color: #FFFFFF;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .3s ease-in-out;
}

.product-but-buy a:hover, .product-but-buy button:hover {
    background-color: #685847;
    box-shadow: none;
}

.product-but-compare {
    margin-top: 10px;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
}

.product-but-compare a, .product-but-compare button {
    font-size: 16px;
    font-weight: 400;
    background-color: #f3f1f1;
    color: #313131;
    padding-left: 30px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/compare-but-icon.png');
    background-repeat: no-repeat;
    background-position: 16px 50%;
    box-sizing: border-box;
}

.product-but-compare a:hover {
}

.product-but-none {
    margin-top: 60px;
}

.product-but-none a {
    background-color: #f3f1f1;
    max-width: 180px;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
}

.m-specials {
    width: 100%;
    margin-top: 60px;
}

.m-specials-controls {
    float: right;
    width: 100%;
    max-width: 62px;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    max-height: 25px;
    cursor: pointer;
}

.m-specials-prev, .m-specials-next {
    width: 100%;
    max-width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 3px solid #c9c9c9;
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    box-sizing: border-box;
}

.m-specials-next {
    margin-left: 10px;
}

.m-specials-prev:after {
    content: "";
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #c9c9c9;
    left: 5px;
    top: 4px;
    transition: all 0.25s ease-out;
}

.m-specials-next:after {
    content: "";
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #c9c9c9;
    left: 7px;
    top: 4px;
    transition: all 0.25s ease-out;
}

.m-specials-prev:hover, .m-specials-next:hover {
    border-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.m-specials-prev:hover:after, .m-specials-next:hover:after {
    border-left-color: #3d86d7;
    border-right-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.m-specials-box {
    margin-top: 30px;
    width: 100%;
}

.m-specials-slider {
    width: 100%;
    max-width: 918px;
}


.m-about-coffee {
    margin-top: 60px;
    background-color: #fafafa;
    padding: 30px;
    font-size: 0;
}

.m-about-text {
    width: 100%;
    max-width: 640px;
    display: inline-block;
    vertical-align: top;
}

.m-about-text h3 {
    text-transform: uppercase;
    font-size: 26px;
    color: #0060ca;
    font-weight: 500;
}

.m-about-text p {
    margin-top: 25px;
    line-height: 1.5;
    font-weight: 400;
    font-size: 18px;
    color: #313131;
}

.m-about-text p b {
    font-weight: 500;
}

.m-about-items {
    width: 100%;
    max-width: 175px;
    margin-left: 45px;
    display: inline-block;
    vertical-align: top;
}

.m-about-item {
    width: 100%;
    max-width: 175px;
    height: 162px;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 1px #e8e8e8,
    0px 0px 0px 2px #ffb865,
    0px 0px 0px 3px #e8e8e8;
    margin-bottom: 11px;
    text-align: center;
    padding: 20px 18px;
}

.m-about-item:last-child {
    margin-bottom: 0px;
}

.m-about-img {
    width: 100%;
    max-height: 52px;
}

.m-about-text {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300;
}

.m-brands {
    width: 100%;
    margin-top: 45px;
}

.m-brands h2 {
    font-weight: 600;
    font-size: 28px;
    color: #211A14;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 77px 0 30px 0;
}

.m-brands-controls {
    display: none;
}


.m-brands-box {
    width: 100%;
    margin-bottom: 97px;
}

.m-brands-slider {
    width: 100%;
}

.m-brands-item {
    width: 100%;
    max-width: 180px;
    height: 180px;
    box-sizing: border-box;
    margin: 0 auto;
}

.m-brands-wr {
    display: table;
    width: 100%;
    height: 100%;
}

.m-brands-in {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.m-brands-in img {
    width: auto !important;
    max-width: 180px !important;
    height: auto !important;
    max-height: 180px !important;
    display: inline !important;
}

.m-brands-slider .owl-dots {
    bottom: -27px;
}

/* mi-znaem */
.mi-znaem {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.mi-znaem .block-left {
    width: 495px;
    max-width: 495px;
    box-sizing: border-box;
    padding: 25px 0 0 190px;
    font-weight: 600;
    font-size: 27px;
    line-height: 130%;
    color: #685847;
    text-transform: uppercase;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/about_coffee.png) 0 0 no-repeat;
    background-size: contain;
}
.mi-znaem .block-right {
    width: 705px;
    max-width: 705px;
    padding-top: 25px;
    position: relative;
}
.mi-znaem .block-right p {
    font-size: 15px;
    line-height: 23.5px;
    padding-bottom: 6px;
    color: #211A14;
}
.mi-znaem .block-right span {
    text-transform: uppercase;
}

.mi-znaem .show_more.hide_more {
    display: none;
}
.mi-znaem + .show_more:not(.hide_more) {
    display: block;
}
.mi-znaem .show_more.hide_more:empty + #show_more {
    display: none;
}
#show_more {
    text-align: center;
    font-size: 17px;
    letter-spacing: 2px;
    background: #dddddd4d;
    color: #c69a6f;
    text-transform: uppercase;
    padding: 5px 10px;
    max-width: 200px;
    margin: 0 0 0 auto;
    cursor: pointer;
}
@media (max-width: 450px) {
    #show_more {
        bottom: -20px;
    }
}

/*breadcrumbs*/

.breadcrumbs {
    width: 100%;
    padding: 14px 0px;
    background-color: #fafafa;
}

.bread-box {
    width: 100%;
    text-align: left;
    font-size: 0;
}

.bread-box div {
    display: inline-block;
    vertical-align: top;
    /*margin-left: 26px;*/
    margin-right: 26px;
    font-size: 14px;
    position: relative;
}

.bread-box div:after {
    content: "/";
    font-size: 14px;
    color: #313131;
    position: absolute;
    right: -17px;
    top: 0px;
}

.bread-box div:last-child:after {
    display: none;
}

.bread-box div:last-child {
    margin-right: 0px;
}

.bread-box div a {
    color: #313131;
    font-weight: 500;
    text-decoration: none;
}

.bread-box div a:hover {
    color: #0060ca;
}

.bread-box div span {
    font-weight: 300;
}

/*-------*/

/*catalog-content*/

.catalog-content {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
}

.catalog-content h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: #383d40;
}

.catalog-content-box {
    margin-top: 45px;
    text-align: left;
    font-size: 0;
}

.catalog-sidebar {
    width: 100%;
    max-width: 290px;
    display: inline-block;
    vertical-align: top;
}

.filters-block {
    width: 100%;
    border: 1px solid #e0e0e0;
}

.filters-title {
    line-height: 50px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 45px;
    font-size: 16px;
    letter-spacing: 1px;
    background-repeat: no-repeat;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/filter-title-icon.png');
    background-position: 14px 50%;
    background-color: #fafafa;
    border-bottom: 1px solid #d5d5d5;
}

.filters-items {
    width: 100%;
    padding: 25px 12px;
    box-sizing: border-box;
}

.filters-item {
    width: 100%;
    margin-top: 30px !important;
    text-align: left;
}

.filters-item:first-child {
    margin-top: 0px;
}

.fi-title {
    font-size: 16px;
    color: #313131;
    font-weight: 400;
}

.fi-box {
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300;
    max-height: 15000px;
    transition: all 0.25s ease-in;
}

.fi-box.hide-all {
    /*max-height: 180px;
	transition: all 0.25s ease-out;
	overflow: hidden;*/
}

.fi-box .form-group {
    margin-top: 10px;
}

.fi-box .form-group:first-child {
    margin-top: 0px;
}

/*custom checkbox*/
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: relative;
    left: 0;
}

[data-tooltip] {
    position: relative; /* Относительное позиционирование */
}
[data-tooltip]::after {
    content: attr(data-tooltip); /* Выводим текст */
    position: absolute; /* Абсолютное позиционирование */
    width: 300px; /* Ширина подсказки */
    left: 0; top: 0; /* Положение подсказки */
    background: #ffffff;
    color: #333; /* Цвет текста */
    padding: 0.5em; /* Поля вокруг текста */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
    pointer-events: none; /* Подсказка */
    opacity: 0; /* Подсказка невидима */
    transition: 1s; /* Время появления подсказки */
}
[data-tooltip]:hover::after {
    opacity: 1; /* Показываем подсказку */
    top: 2em; /* Положение подсказки */
}

.dont-call span {
    font-size: 14px;
    font-weight: 600;
}
.dont-call p {
    margin-left: 9px;
    border-bottom: 1px dotted;
    text-decoration: none;
    display: inline-block;
    height: 1em;
    line-height: 1.05em;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 15px;
    height: 15px;
    background-color: #fafafa;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    top: 5px;
    left: 3px;
    transition: all .2s;
    background-color: #0060ca;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/*----*/

/*custom radio*/
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-left: 27px;
    cursor: pointer;
}

/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 7px;
    width: 15px;
    height: 15px;
    background-color: #fafafa;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    border-radius: 200%;
}

/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 200%;
    top: 10px;
    left: 3px;
    transition: all .2s;
    background-color: #0060ca;
}

/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="radio"]:disabled:checked + label:after {
    color: #999;
}

[type="radio"]:disabled + label {
    color: #aaa;
}

/*----*/

/*custom radio*/

.coffee-type [type="radio"]:checked,
.coffee-type [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.coffee-type [type="radio"]:checked + label,
.coffee-type [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 15px;
    display: inline-block;
    color: #666;
}

.coffee-type [type="radio"]:checked + label:before,
.coffee-type [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #98a1ac;
    border-radius: 100%;
    background: #fff;
}

.coffee-type [type="radio"]:checked + label:after,
.coffee-type [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 5px;
    height: 5px;
    background: #80c452;
    position: absolute;
    top: 7px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.coffee-type [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.coffee-type [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*-------*/


.fi-show-all {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: #0060ca;
    text-decoration: underline;
    display: none;
    transition: all 0.25s ease-out;
    text-align: right;
    cursor: pointer;
}

.fi-show-all:hover {
    transition: all 0.25s ease-in;
    text-decoration: none;
    font-weight: 500;
}

.fi-show-all.show-fi-more {
    display: block;
}


.catalog-main {
    width: 100%;
    max-width: 920px;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}

.sort-line {
    width: 100%;
    height: 51px;
    box-sizing: border-box;
    padding: 0px 20px;
    background-color: #fafafa;
    line-height: 51px;
}

.products-count {
    float: left;
    text-align: left;
    color: #313131;
    font-size: 16px;
}

.products-count span {
    color: #0060ca;
}

.product-sort {
    color: #313131;
    font-size: 16px;
    float: right;
    text-align: right;
}

.product-sort span {

}

.sort-select {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.sort-select select {
    /*width: 100%;*/
    width: 165px;
    /*max-width: 118px;*/
    height: 31px;
    border-radius: 4px;
    border: 1px solid #ececec;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 14px;
    color: #313131;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/select-arr.png');
    background-repeat: no-repeat;
    background-position: 94% 50%;
}

.filter-info, .mfilter-selected-filters {
    width: 100%;
    margin-top: 20px;
}

.filter-info-items, .mfilter-selected-filters-cnt {
    font-size: 0;
    /*float: left;*/
    width: 100%;
    max-width: 780px;
    border: 0px !important;
    background-color: #fff !important;
}

.filter-info-items div, .mfilter-selected-filters-cnt a {
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    padding-left: 27px;
    box-sizing: border-box;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    position: relative;
}

.filter-info-items div:before, .mfilter-selected-filters-cnt a:before {
    width: 15px;
    height: 15px;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    background-color: #fff;
    left: 0px;
    top: 10px;
    position: absolute;
    content: "";
}

.filter-info-items div:after, .mfilter-selected-filters-cnt a:after {
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    background-color: #0060ca;
    left: 3px;
    top: 13px;
    position: absolute;
    content: "";
}

.mfilter-close {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.filter-clear {
    float: right;
    width: 100%;
    max-width: 105px;
}

.filter-clear a {
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
}

.products-list {
    width: 100%;
    font-size: 0;
    margin-top: 20px;
}

.product-item {
    display: inline-block;
    vertical-align: top;
}

.products-list .product-item {
    margin-bottom: 11px;
}

.products-list .product-item:nth-child(n+3) {
    border-left: 1px solid #dadada;
}

.product-item-banner {
    margin-top: 15px;
    margin-bottom: 26px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/items-banner.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 60px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
    color: #fff;
}

.product-item-banner:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 34%, rgba(0, 0, 0, 0.31) 46%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 34%, rgba(0, 0, 0, 0.31) 46%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 34%, rgba(0, 0, 0, 0.31) 46%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.pib-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 24px;
    position: relative;
    z-index: 1;
}

.pib-text {
    width: 100%;
    max-width: 380px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    z-index: 1;
}

.pib-but {
    margin-top: 20px;
    width: 100%;
    max-width: 290px;
    position: relative;
    z-index: 1;
}

.pib-but a {
    height: 49px;
    font-size: 16px;
    font-weight: 400;
    line-height: 49px;
}

.product-list-more {
    width: 100%;
    margin-top: 20px;
}

.product-list-more a {
    max-width: 195px;
    height: 49px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-weight: 300;
    line-height: 49px;
}

.category-about {
    width: 100%;
    margin-top: 40px;
    background-color: #fafafa;
}

.category-about p {
    background-color: #fafafa;
    padding: 0px 25px;
    box-sizing: border-box;
    margin-bottom: 25px;
    color: #313131;
    font-size: 16px;
    line-height: 2;
}

.category-about ol, .category-about ul {
    background-color: #fafafa;
    padding: 0px 25px;
    box-sizing: border-box;
    margin-bottom: 25px;
    color: #313131;
    font-size: 16px;
    line-height: 2;
    padding-left: 45px;
}

.category-about p a {
    font-size: 14px;
    font-weight: 300;
    color: #0060ca;
}

.category-about p a:hover {
    text-decoration: none;
    font-weight: 500;
}

.category-about img {
    /*max-width: 920px;*/
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
    width: 100%;
}

.category-about h2 {
    margin-bottom: 25px;
    font-size: 22px;
}

.category-about h3 {
    margin-bottom: 25px;
    font-size: 20px;
}

.category-about h4 {
    margin-bottom: 25px;
    font-size: 18px;
}


/*-------*/

/*show-products*/

.show-products {
    padding: 45px 0px;
    width: 100%;
}

.show-products-controls {
    float: right;
    width: 100%;
    max-width: 70px;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    max-height: 25px;
    cursor: pointer;
}

.show-products-prev, .show-products-next {
    width: 100%;
    max-width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 3px solid #c9c9c9;
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    box-sizing: border-box;
}

.show-products-next {
    margin-left: 10px;
}

.show-products-prev:after {
    content: "";
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #c9c9c9;
    left: 5px;
    top: 4px;
    transition: all 0.25s ease-out;
}

.show-products-next:after {
    content: "";
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #c9c9c9;
    left: 7px;
    top: 4px;
    transition: all 0.25s ease-out;
}

.show-products-prev:hover, .show-products-next:hover {
    border-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.show-products-prev:hover:after, .show-products-next:hover:after {
    border-left-color: #3d86d7;
    border-right-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.show-products-box {
    margin-top: 30px;
    width: 100%;
}

.show-products-slider {
    width: 100%;
    max-width: 1224px;
}

/*-------*/

/**/

.similar-products {
    padding: 45px 0px;
    width: 100%;
}

.similar-products-controls {
    float: right;
    width: 100%;
    max-width: 70px;
    text-align: right;
    padding-top: 4px;
    padding-bottom: 4px;
    max-height: 25px;
    cursor: pointer;
}

.similar-products-prev, .similar-products-next {
    width: 100%;
    max-width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 3px solid #c9c9c9;
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    box-sizing: border-box;
}

.similar-products-next {
    margin-left: 10px;
}

.similar-products-prev:after {
    content: "";
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #c9c9c9;
    left: 5px;
    top: 4px;
    transition: all 0.25s ease-out;
}

.similar-products-next:after {
    content: "";
    position: absolute;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #c9c9c9;
    left: 7px;
    top: 4px;
    transition: all 0.25s ease-out;
}

.similar-products-prev:hover, .similar-products-next:hover {
    border-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.similar-products-prev:hover:after, .similar-products-next:hover:after {
    border-left-color: #3d86d7;
    border-right-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.similar-products-box {
    margin-top: 30px;
    width: 100%;
}

.similar-products-slider {
    width: 100%;
    max-width: 1224px;
}


/*-------*/

/*product-dop-info*/

.product-dop-info {
    padding: 50px 0px;
    width: 100%;
    background-color: #fcfcfc;
}

.product-dop-info-box {
    width: 100%;
    font-size: 0;
    text-align: left;
}

.pdi-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 500px;
    font-size: 0;
}

.pdi-item:first-child {
    max-width: 330px;
    margin-right: 60px;
}

.pdi-item:last-child {
    max-width: 275px;
    margin-left: 60px;
}

.pdi-icon {
    width: 100%;
    max-width: 68px;
    display: inline-block;
    vertical-align: top;
}

.pdi-icon img {
    max-width: 68px;
    height: auto;
}

.pdi-text {
    width: 100%;
    max-width: calc(100% - 88px);
    display: inline-block;
    vertical-align: top;
    margin-left: 20px
}

.pdi-title {
    font-size: 24px;
    color: #313131;
    font-weight: 400;
}

.pdi-text ul {
    padding-left: 25px;
    list-style-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ul-arr2.png');
    margin-top: 15px;
}

.pdi-text ul li {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 300;
    color: #313131;
}

.pdi-text ul li:last-child {
    margin-bottom: 0px;
}

/*-------*/

/*product-block*/

.product-block {
    width: 100%;
}

.product-top {
    padding: 70px 0px;
    padding-top: 40px;
    width: 100%;
}

.product-top-box {
    width: 100%;
    font-size: 0;
    text-align: left;
}

.product-gallery {
    font-size: 14px;
    width: 100%;
    max-width: 330px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.product-gallery .product-flag {
    top: 23px;
    left: 17px;
}

.prod-gal-single {
    width: 100%;
    border: 1px solid #cfcfcf;
    max-height: 600px;
    box-sizing: border-box;
    padding: 20px;
    text-align: center;
}

.prod-gal-single img {
    max-height: 558px;
    width: auto;
    max-width: 488px;
    height: auto;
    display: inline !important;
}

.prod-gal-navs {
    margin-top: 15px;
}

.pgn-item {
    width: 100%;
    max-width: 120px;
    height: 110px;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
}

.pgn-item img {
    max-height: 98px;
    max-width: 108px;
    width: auto;
    height: auto;
    display: inline !important;
}

.product-info-box {
    width: 100%;
    max-width: 650px;
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
}

.product-info-box h1 {
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
}

.product-rating {
    font-size: 0;
    text-align: left;
    margin-top: 15px;
}

.product-rating div {
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
    width: 18px;
    height: 17px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/star-none.png');
}

.product-rating div:last-child {
    margin-right: 0px;
}

.product-rating div.star {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/star.png');
}

.product-code {
    color: #8b8a8a;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    margin-top: 20px;
}

.product-code span {
    color: #313131;
}

.product-dop-info-box {
    width: 100%;
    font-size: 0;
    text-align: left;
    margin-top: 25px;
}

.product-dop-info-left {
    width: 100%;
    max-width: 380px; /*420*/
    display: inline-block;
    vertical-align: top;
}

.product-status {
    text-align: left;
    padding-left: 23px;
    box-sizing: border-box;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: 300;
}

.product-status.in {
    color: #0060ca;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/product-in-stock.png');
}

.product-status.out {
    color: #7c7d7e;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/delete-modal.png');
}

.product-dop-controls {
    width: 100%;
    font-size: 0;
    margin-top: 25px;
}

.product-dop-favorites {
    width: 100%;
    max-width: 29px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.product-dop-favorites a, .product-dop-favorites button {
    width: 29px;
    height: 26px;
    display: block;
    position: relative;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/like-icon.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
}

.product-dop-favorites a:after, .product-dop-favorites button:after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 29px;
    height: 26px;
    content: "";
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/like-icon.png');
    background-position: -29px 0px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.25s ease-out;
}

.product-dop-favorites a:hover:after, .product-dop-favorites button:hover:after {
    opacity: 1;
    transition: opacity 0.25s ease-in;
}

.product-dop-compare {
    width: 100%;
    max-width: 30px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 20px;
}

.product-dop-compare a, .product-dop-compare button {
    width: 30px;
    height: 27px;
    display: block;
    position: relative;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/compare-icon.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0px;
    cursor: pointer;
}

.product-dop-compare a:after, .product-dop-compare button:after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 27px;
    content: "";
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/compare-icon.png');
    background-position: -30px 0px;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.25s ease-out;
}

.product-dop-compare a:hover:after, .product-dop-compare button:hover:after {
    opacity: 1;
    transition: opacity 0.25s ease-in;
}

.product-page-cost-box {
    margin-top: 25px;
    text-align: left;
    width: 100%;
}

.product-page-cost {
    font-size: 16px;
    font-weight: 300;
    color: #8b8a8a;
}

.old-cost {
    font-weight: 300;
    color: #313131;
    font-size: 18px;
    padding-left: 5px;
    text-decoration: line-through;
}

.curr-cost {
    font-weight: 500;
    font-size: 24px;
    color: #313131;
    padding-left: 5px;
}

.product-dop-info-right {
    width: 100%;
    max-width: 240px; /*180*/
    display: inline-block;
    vertical-align: top;
    margin-left: 20px; /*50*/
}

.product-dop-info-right p {
    font-size: 16px;
    font-weight: 300;
}

.product-sp-timer {
    margin-top: 22px;
    text-align: left;
    font-size: 0;
}

.timer-item {
    position: relative;
    width: 100%;
    max-width: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.timer-item:after {
    content: ":";
    color: #313131;
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    right: -10px;
    top: 0px;
    line-height: 1;
}

.timer-item:last-child:after {
    display: none;
}

.timer-number {
    font-size: 30px;
    font-weight: 400;
    color: #313131;
    line-height: 1;
}

.timer-text {
    font-size: 11px;
    font-weight: 300;
    color: #c4c4c4;
    margin-top: 7px;
}

.product-weight-box {
    margin-top: 25px;
    text-align: left;
    font-size: 16px;
    color: #313131;
    font-weight: 300;
}

.product-weight-box span {
    font-size: 16px;
}

.product-weight-box form {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.product-weight-box form .form-group, .product-weight-box .form-group {
    margin-left: 17px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.product-kol-box {
    width: 100%;
    margin-top: 25px;
    font-size: 0;
}

.pk-minus, .pk-plus {
    transition: all 0.25s ease-out;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    box-sizing: border-box;
    width: 48px;
    height: 44px;
    border: 1px solid #aaaaaa;
    background-color: #fafafa;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    color: #313131;
}

.pk-minus:hover, .pk-plus:hover {
    transition: all 0.25s ease-in;
    background-color: #efefef;
}

.product-kol-box input {
    width: 55px;
    height: 44px;
    border: 0px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
    color: #313131;
    box-sizing: border-box;
    padding: 0px;
}

.product-control-buts {
    width: 100%;
    font-size: 0;
    margin-top: 35px;
    text-align: left;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e0e0;
}

.product-cb-to-basket {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 265px;
    position: relative;
}

.product-cb-to-basket a, .product-cb-to-basket button {
    padding-left: 35px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/buy-but-icon.png');
    background-repeat: no-repeat;
    background-position: 23px 50%;
    font-size: 16px;
    font-weight: 300;
    border: 0px;
    cursor: pointer;
}

.product-cb-buy-one {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 190px;
    margin-left: 17px;
}

.product-cb-buy-one a {
    background-color: #f24841;
    font-size: 16px;
    font-weight: 300;
}

.product-char {
    margin-top: 40px;
    text-align: left;
    width: 100%;
}

.product-char-title {
    font-size: 20px;
    font-weight: 500;
}

.product-char-box {
    margin-top: 20px;
    font-size: 0;
    width: 100%;
    text-align: left;
}

.product-char-item {
    width: 100%;
    max-width: 200px;
    margin-right: 25px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
}

.product-char-item:nth-child(3n) {
    margin-right: 0px;
}

.product-char-item-title {
    font-size: 16px;
    color: #313131;
    font-weight: 500;
}

.product-char-item-content {
    font-size: 16px;
    font-weight: 300;
    color: #313131;
    margin-top: 10px;
    line-height: 20px;
    font-size: 0;
}

.product-char-item-content img {
    line-height: 20px;
    vertical-align: top;
    margin-right: 10px;
    font-size: 16px;
}

.product-char-item-content span {
    line-height: 20px;
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
}

.sost .product-char-item-content span {
    max-width: 125px;
    width: 100%;
}

.product-char-item-content a {
    color: #0060ca;
    font-weight: 300;
    line-height: 20px;
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
}

.product-char-item-content a:hover {
    font-weight: 500;
    text-decoration: none;
}

.cook1, .cook2, .cook3, .cook4, .cook5, .cook6, .cook7 {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 15px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 37px;
    background-size: auto 37px;
}

.cook1 {
    max-width: 55px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cook-way1.png');
}

.cook2 {
    max-width: 66px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cook-way2.png');
}

.cook3 {
    max-width: 30px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cook-way3.png');
}

.cook4 {
    max-width: 35px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cook-way4.png');
}

.cook5 {
    max-width: 29px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cook-way5.png');
}

.cook6 {
    max-width: 33px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cook-way6.png');
}

.cook7 {
    max-width: 33px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cook-way7.png');
}

.product-bottom {
    width: 100%;
    padding: 40px 0px;
    background-color: #f9f8f8;
}

.product-bottom-box {
    width: 100%;
}

.product-bottom-tablinks {
    width: 100%;
    font-size: 0;
}

.tablinks {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    line-height: 65px;
    border-top: 2px solid transparent;
    padding: 0px 30px;
    transition: all 0.25s ease-out;
    font-size: 18px;
    font-weight: 300;
    color: #313131;
    cursor: pointer;
}

.tablinks:hover, .tablinks.active {
    transition: all 0.25s ease-in;
    background-color: #fff;
    border-top: 2px solid #0060ca;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

.tabcontent {
    display: none;
    padding: 55px 25px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    background-color: #fff;
}

#tab1 {
    display: block;
}

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

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.tabcontent p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 2;
}

.tabcontent ol {
    padding-left: 25px;
}

.tabcontent ul {
    padding-left: 25px;
    list-style-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ul-arr2.png');
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
}

.tabcontent ul li, .tabcontent ol li {
    margin-bottom: 10px;
    line-height: 1.5;
}

.tabcontent h2 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: left;
}

.tabcontent h3 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.tabcontent h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.tabcontent h5 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 15px;
}

.tabcontent h6 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
}

#tab2 {
    padding: 0px;
}

.product-add-feed {
    width: 100%;
    text-align: center;
    padding: 55px 0px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/feedback-bg.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.paf-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: #383d40;
}

.paf-rating {
    margin-top: 35px;
    width: 100%;
    text-align: center;
}

.fg-radio-item {
    width: 18px;
    height: 17px;
    display: inline-block;
    vertical-align: top;
}

.fg-radio-item label {
    width: 100%;
    max-width: 18px;
    height: 17px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/star-none.png');
    padding-left: 0px !important;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}

.fg-radio-item.star label, .fg-radio-item.star2 label {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/star.png');
}

.fg-radio-item label:before, .fg-radio-item label:after {
    display: none !important;
}

.paf-form {
    width: 100%;
    max-width: 772px;
    margin-left: auto;
    margin-right: auto;

}

.paf-fields {
    margin-top: 20px;
}

.paf-form input[type="text"] {
    padding: 0px;
    padding-left: 25px;
    padding-right: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #cfcaca;
    width: 100%;
    height: 51px;
    margin-bottom: 7px;
    background-color: #fff;
    color: #313131;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.25s ease-out;
}

.paf-form input[type="text"].not-valid {
    border: 1px solid #f00;
    transition: all 0.25s ease-in;
}

.paf-form textarea {
    padding: 0px;
    padding: 20px 25px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #cfcaca;
    width: 100%;
    height: 165px;
    margin-bottom: 34px;
    background-color: #fff;
    color: #313131;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.25s ease-out;
}

.paf-form textarea.not-valid {
    border: 1px solid #f00;
    transition: all 0.25s ease-in;
}

.paf-form input[type="submit"], .paf-form button {
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.25s ease-out;
    max-width: 192px;
    cursor: pointer;
    border: 0px;
    padding: 0px;
}

.paf-form input[type="submit"]:hover, .paf-form button:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

.products-feeds-list {
    padding: 30px;
    padding-top: 50px;
}

.products-feeds-list p {
    font-size: 16px;
    font-weight: 300;
}

.products-feeds-item {
    padding: 30px 0px;
    border-bottom: 1px solid #ececec;
    text-align: left;
}

.products-feeds-item:last-child {
    border-bottom: 0px solid #ececec;
}

.products-feeds-item-date {
    font-size: 12px;
    color: #313131;
    font-weight: 300;
}

.products-feeds-item-info {
    margin-top: 10px;
    width: 100%;
}

.products-feeds-item-name {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
    font-size: 18px;
    color: #313131;
    font-weight: 300;
    line-height: 24px;
    vertical-align: top;
}

.products-feeds-item-rating {
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    vertical-align: top;
}

.products-feeds-item-text {
    width: 100%;
    margin-top: 30px;
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    font-style: italic;
}


/*-------*/

/*checkout-block*/

.checkout-block {
    width: 100%;
    padding: 60px 0px;
}

.checkout-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    width: 100%;
    max-width: 1170px;
    box-sizing: border-box;
}

.checkout-box form {
    width: 100%;
}

.checkout-form-box {
    background-color: #fafafa;
    width: 100%;
    padding: 75px 70px;
    box-sizing: border-box;
    font-size: 0;
}

.checkout-form-but {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.checkout-form-but input[type="submit"], .checkout-form-but a, .checkout-form-but button, .checkout-form-but input[type="button"] {
    width: 100%;
    background-color: #f24841;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.25s ease-out;
    max-width: 240px;
    cursor: pointer;
    border: 0px;
    padding: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.checkout-form-but input[type="submit"]:hover, .checkout-form-but a:hover, .checkout-form-but button:hover, .checkout-form-but input[type="button"]:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

.checkout-form-part {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: 60px 40px;
}

.checkout-form-part:last-child {
    border-bottom: 0px;
    padding-bottom: 20px;
}

.checkout-form-part-box.personal {
    margin-top: 30px;
    width: 100%;
    font-size: 0;
}

.checkout-form-part-box.personal .form-group {
    width: 100%;
    max-width: 450px;
    margin-right: 50px;
    display: inline-block;
    vertical-align: top;
}

.checkout-form-part-box.personal .form-group:nth-child(1), .checkout-form-part-box.personal .form-group:nth-child(2) {
    margin-bottom: 35px;
}

.checkout-form-part-box.personal .form-group label {
    color: #afafaf;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    padding-left: 5px;
    display: block;
}

.checkout-form-part-box.personal .form-group:nth-child(2n) {
    margin-right: 0px;
}

.checkout-form-part-box.personal .form-group input {
    height: 54px;
    border: 1px solid #e8e8e8;
    padding: 0px;
    padding-left: 25px;
    paddin-right: 15px;
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    margin-top: 10px;
}

.checkout-form-part-title {
    width: 100%;
    box-sizing: border-box;
    padding-left: 40px;
    line-height: 26px;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
}

.checkout-form-part-title:before {
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 4px;
    background-color: #0060ca;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
}

.checkout-form-part-title.count1:before {
    content: "1";
}

.checkout-form-part-title.count2:before {
    content: "2";
}

.checkout-form-part-title.count3:before {
    content: "3";
}

.checkout-form-part-title.count4:before {
    content: "4";
}

.checkout-form-part-title.count5:before {
    content: "5";
}

.checkout-form-subpart {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: 300;
}

.checkout-form-subpart .checkout-form-part-box {
    margin-top: 45px;
}

.checkout-form-subpart .checkout-form-part-box .form-group {
    margin-bottom: 20px;
}

.checkout-form-subpart .checkout-form-part-box .form-group:last-child {
    margin-bottom: 0px;
}

.checkout-form-subpart2 {
    margin-top: 60px;
    width: 100%;
}

.checkout-form-subpart2 .form-group label {
    color: #afafaf;
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
    padding-left: 5px;
    display: block;
}

.checkout-form-subpart2 .form-group:nth-child(2n) {
    margin-right: 0px;
}

.checkout-form-subpart2 .form-group input, .checkout-form-subpart2 .form-group select {
    height: 54px;
    border: 1px solid #e8e8e8;
    padding: 0px;
    padding-left: 25px;
    paddin-right: 15px;
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    margin-top: 10px;
}

.checkout-form-subpart2 .form-group {
    margin-bottom: 15px;
}

.checkout-form-subpart2 .form-group:last-child {
    margin-bottom: 0px;
}

.checkout-form-part-box.comment {
    margin-top: 35px;
    width: 100%;
}

.shipping_address_country_id {
    visibility: hidden;
}

.checkout-form-part-box.comment textarea {
    height: 142px;
    border: 1px solid #e8e8e8;
    padding: 0px;
    padding: 20px 25px;
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
}

.checkout-form-part-box.basket {
    width: 100%;
    margin-top: 35px;
}

.checkout-form-part-box.basket .li-buts {
    display: none;
}


.checkout-basket-items {
    width: 100%;
}

.checkout-basket-item {
    border: 1px solid #e8e8e8;
    padding: 0px;
    padding: 20px 0;
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    color: #313131;
    margin-bottom: 15px;
    box-sizing: border-box;
    position: relative;
}

.checkout-basket-item:before {
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    content: "";
    background-color: #fafafa;
}

.basket-item-img {
    float: left;
    margin-left: 25px;
    width: 100%;
    max-width: 85px;
}


.basket-item-img a {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table;
    text-decoration: none;
}

.basket-item-img > span {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table;
    text-decoration: none;
}

.basket-item-img a span {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.basket-item-img > span > span {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.basket-item-img img {
    width: auto;
    max-height: 100px;
    max-width: 85px;
    height: auto;
}

.basket-item-name {
    float: left;
    width: 100%;
    max-width: 260px;
    margin-left: 25px;
}

.basket-item-name a {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table;
    text-decoration: none;
    color: #313131;
    font-size: 18px;
    font-weight: 500;
}

.basket-item-name > span {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table;
    text-decoration: none;
    color: #313131;
    font-size: 18px;
    font-weight: 500;
}

.basket-item-name a:hover {
    color: #0060ca;
}

.basket-item-name a span {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;

}

.basket-item-name > span > span {
    width: 100%;
    height: 100px;
    max-height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.basket-item-single-cost {
    margin-left: 20px;
    text-align: left;
    line-height: 100px;
    width: 100%;
    max-width: 130px;
    float: left;
    font-weight: 500;
    font-size: 18px;
}

.basket-item-kol {
    margin-left: 25px;
    width: 100%;
    max-width: 114px;
    float: left;
    padding-top: 34px;
}

.basket-item-kol .pk-minus, .basket-item-kol .pk-plus {
    transition: all 0.25s ease-out;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    box-sizing: border-box;
    width: 36px;
    height: 32px;
    border: 1px solid #aaaaaa;
    background-color: #fafafa;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #313131;
}

.basket-item-kol .pk-minus:hover, .basket-item-kol .pk-plus:hover {
    transition: all 0.25s ease-in;
    background-color: #efefef;
}

.basket-item-kol input {
    width: 42px;
    height: 32px;
    border: 0px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    color: #313131;
    box-sizing: border-box;
    padding: 0px;
}

.basket-item-cost {
    margin-left: 40px; /*60*/
    text-align: left;
    line-height: 100px;
    width: 100%;
    max-width: 130px;
    float: left;
    font-weight: 500;
    font-size: 18px;
}

.basket-item-delete {
    width: 100%;
    height: 100px;
    max-width: 45px;
    background-color: #fafafa;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/delete-modal.png');
    background-repeat: no-repeat;
    background-position: center center;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.basket-item-delete:hover {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/delete-modal-h.png');
}

.checkout-basket-total {
    margin-top: 45px;
    width: 100%;
    text-align: left;
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    padding-left: 688px;
    box-sizing: border-box;
}

.checkout-basket-total span {
    font-weight: 500;
}

/*-------*/

/*thank-block*/

.thank-block {
    width: 100%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/thank-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.thank-box {
    padding: 90px 0px;
    width: 100%;
    text-align: center;
}

.thank-box h1 {
    display: inline-block;
    border-radius: 5px;
    background-color: #0060ca;
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 82px;
    padding: 0px 50px;
}

.thank-order {
    margin-top: 60px;
    font-size: 24px;
    font-weight: 500;
}

.thank-box p {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 400;
}

.thank-but {
    margin-top: 85px;
}

.thank-but a {
    max-width: 205px;
    background-color: #ffb865;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
}

/*-------*/

/*block-404*/

.block-404 {
    width: 100%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/404-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0px;
}

.box-404 {
    width: 100%;
    max-width: 600px;
    text-align: center;
}

.box-404 h1 {
    font-size: 270px;
    color: #0060ca;
    font-weight: 500;
    line-height: 1;
}

.box-404 p {
    font-weight: 500;
    font-size: 24px;
    color: #313131;
    text-transform: uppercase;
}

.but-404 {
    margin-top: 55px;
}

.but-404 a {
    max-width: 205px;
    background-color: #ffb865;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    margin-left: auto;
    margin-right: auto;
}

/*-------*/

/**/

.block-500 {
    padding-top: 100px;
    padding-bottom: 160px;
    width: 100%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/500-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.box-500 {
    width: 100%;
    max-width: 650px;
    text-align: left;
}

.box-500 h2 {
    text-align: left;
    font-size: 24px;
}

.box-500 > p {
    font-size: 18px;
    font-weight: 400;
    margin-top: 45px;
}

.contacts-500 {
    width: 100%;
    margin-top: 45px;
    font-size: 18px;
    font-weight: 300;
}

.cont-500-item {
    margin-bottom: 25px;
    width: 100%;
    text-allign: left;
}

.cont-500-item:last-child {
    margin-bottom: 0px;
}

.cont-500-item p {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 100px;
}

.cont-500-items {
    width: 100%;
    margin-left: 5px;
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
}

.cont-500-items div {
    padding-left: 23px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 5px;
}

.cont-500-items div:first-child {
    margin-top: 0px;
}

.cont-500-items div.kyivstar {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/kyivstar-icon.png');
}

.cont-500-items div.vodafone {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/vodafone-icon.png');
}

.cont-500-items div a {
    text-decoration: none;
    color: #313131;
    font-size: 18px;
    font-weight: 500;
}

.cont-500-items div a:hover {
    text-decoration: underline;
}

.cont-500-items div.email {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/email-500-icon.png');
}

.cont-500-items div.email a {
    font-weight: 300;
}

.cont-500-item.soc p {
    max-width: 220px;
    line-height: 25px;
}

.fb-500 {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 25px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/facebook-icon.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    transition: all 0s;
    margin-left: 10px
}

.fb-500:hover {
    background-position: -26px 0px;
    transition: all 0s;
}

.gp-500 {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/googe-plus-icon.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    transition: all 0s;
    margin-left: 10px
}

.gp-500:hover {
    background-position: -25px 0px;
    transition: all 0s;
}

/*-------*/

/*text-content-block*/

.text-content-block {
    width: 100%;
    padding: 30px 0px;
}

.text-content-block.about-page h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: #383d40;
    margin-bottom: 30px;
}

.article-content h3 {
    font-size: 1.25rem;
}

.about-page {
}

.text-content-box {
    margin-top: 40px;
    width: 100%;
}

.about-page .text-content-box {
    text-align: center;
}

.tcb-text {
    width: 100%;
}

.tcb-text h2 {
    font-size: 24px;
}

.tcb-text h3 {
    font-size: 22px;
}

.tcb-text h4 {
    font-size: 20px;
}

.tcb-text p, .tcb-text ul, .tcb-text ol {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 30px;
}

.tcb-text p b {
    color: #0060ca;
    font-weight: 500;
}

.tcb-text p:last-child {
    margin-bottom: 0px;
}

.tcb-preim {
    margin-top: 55px;
    text-align: center;
}

.tcb-preim .m-about-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.tcb-preim .m-about-item:last-child {
    margin-right: 0px;
}
.information-information .tcb-preim {
    text-align: initial;
}
/*-------*/

/*contacts-page*/

.contacts-page {
}

.text-content-block.contacts-page h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: #383d40;
}

.tcb-contacts {
    width: 100%;
    background-color: #fafafa;
    font-size: 0;
}

.tcb-map {
    max-width: 775px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.tcb-map iframe {
    width: 100% !important;
}

.tcb-cont-info {
    max-width: 400px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-left: 55px;
    padding-top: 100px;
}

.tcb-cont-info-item {
    margin-bottom: 27px;
    box-sizing: border-box;
    padding-left: 35px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 22px;
}

.tcb-cont-info-item:last-child {
    margin-bottom: 0px;
}

.tcb-cont-info-item a {
    text-decoration: none;
    color: #313131;
}

.tcb-cont-info-item a:hover {
    text-decoration: underline;
}

.kyivstar {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cont-kyivstar-icon.png');
    font-weight: 500;
}

.vodafone {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/cont-vodafone-icon.png');
    font-weight: 500;
}

.work-time {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/contacts-work-time.png');
    font-weight: 300;
}

.work-place {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/contacts-place.png');
    font-weight: 500;
}

.email {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/contacts-email.png');
    font-weight: 300;
}

.tcb-form {
    width: 100%;
    margin-top: 80px;
}

.tcb-form h2 {
    text-transform: none;
}

.tcb-form-box {
    width: 100%;
    max-width: 712px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.tcb-form-box form {
    width: 100%;
    text-align: center;
}

.tcb-form-box .form-group {
    font-size: 0;
}

.tcb-form-box form input[type="text"], .tcb-form-box form input[type="email"] {
    width: 100%;
    max-width: 348px;
    box-sizing: border-box;
    margin-right: 16px;
    color: #313131;
    font-size: 14px;
    font-weight: 300;
    padding: 0px;
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 5px;
    background-color: #fff;
    height: 63px;
    margin-bottom: 13px;
    border: 1px solid #bbbbbb;
}

.tcb-form-box form input:last-child {
    margin-right: 0px;
}

.tcb-form-box form textarea {
    height: 208px;
    width: 100%;
    box-sizing: border-box;
    color: #313131;
    font-size: 14px;
    font-weight: 300;
    padding: 20px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #bbbbbb;
    margin-bottom: 30px;
}

.tcb-form-box input[type="submit"], .tcb-form-box button {
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.25s ease-out;
    max-width: 204px;
    cursor: pointer;
    border: 0px;
    padding: 0px;
}

.tcb-form-box input[type="submit"]:hover, .tcb-form-box button:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

/*-------*/

/*articles-block*/

.articles-block {
    padding: 60px 0px;
    width: 100%;
    padding-top: 20px;
}

.articles-block h1 {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: #383d40;
}

.articles-box {
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top: 50px;
}

.articles-item {
    text-align: left;
    width: 100%;
    max-width: 392px;
    margin-right: 27px;
    margin-bottom: 75px;
    display: inline-block;
    vertical-align: top;
}

.articles-item:nth-child(3n) {
    margin-right: 0px;
}

.articles-img {
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.articles-img:before {
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    position: absolute;
}

.articles-img img {
    height: 100%;
    width: auto;
}

.articles-title {
    position: absolute;
    left: 0px;
    bottom: 40px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
}

.articles-date {
    font-size: 14px;
    color: #999497;
    font-weight: 300;
    text-align: left;
    margin-bottom: 30px;
}

.articles-title a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
}

.articles-title a:hover {
    color: #ffb865;
}

.articles-text {
    margin-top: 10px;
    line-height: 1.7;
    font-size: 16px;
    color: #313131;
    font-weight: 300;
    max-height: 82px;
    overflow: hidden;
}

.articles-href {
    margin-top: 15px;
}

.articles-href a {
    font-size: 16px;
    color: #0060ca;
    font-weight: 300;
}

.articles-href a:hover {
    font-weight: 500;
    text-decoration: none;
}

.articles-pagination {
    width: 100%;
    text-align: center;
}

.articles-pagination a, .articles-pagination span {
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 38px;
    line-height: 38px;
    color: #313131;
    font-size: 18px;
    font-weight: 300;
    border-radius: 4px;
    background-color: #fff;
    margin: 0px 5px;
    text-decoration: none;
}

.articles-pagination a:hover, .articles-pagination span {
    background-color: #0060ca;
    color: #fff;
    font-weight: 500;
}

/*-------*/

/*last-articles-block*/

.last-articles-block {
    background-color: #fafafa;
    padding: 70px 0px;
}

.articles-all-but {
    width: 100%;
}

.articles-all-but a {
    max-width: 204px;
    background-color: #ffb865;
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
}

/*-------*/

/*article-text-block*/

.article-text-block {
    padding: 55px 0px;
    width: 100%;
}

.article-text-box {
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.article-text-box img {
    max-width: 565px;
    width: 100%;
    height: auto;
}

.article-text-box img.alignright {
    float: right;
    margin: 0 0 2em 2em;
}

.article-text-box img.alignleft {
    float: left;
    margin: 0 2em 2em 0;
}

.article-text-box img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.article-text-box h1 {
    font-size: 26px;
    font-weight: 300;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
}

.article-text-box h2 {
    font-size: 25px;
    font-weight: 300;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
}

.article-text-box h3 {
    font-size: 24px;
    font-weight: 300;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
}

.article-text-box h4 {
    font-size: 22px;
    font-weight: 300;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
}

.article-text-box h5 {
    font-size: 20px;
    font-weight: 300;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
}

.article-text-box h6 {
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
}

.article-text-box p {
    font-size: 18px;
    font-weight: 300;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
    line-height: 1.7;
}

.article-text-box ul, .article-text-box ol {
    font-size: 18px;
    font-weight: 300;
    color: #313131;
    text-align: left;
    margin-bottom: 27px;
    padding-left: 25px;
}

.article-text-box ul {
    list-style-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/ul-arr2.png');
}

.article-text-box ul li, .article-text-box ol li {
    margin-bottom: 10px;
    line-height: 1.5;
}

.article-text-box b {
    font-weight: 500;
    color: #0060ca;
}

.article-social {
    color: #313131;
    font-weight: 400;
    font-size: 18px;
    margin-top: 40px;
    text-align: left;
}

.article-social span {
    line-height: 32px;
}

.article-social a {
    width: 100%;
    max-width: 30px;
    height: 29px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.article-social a.soc-fb {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/soc-fb.png');
}

.article-social a.soc-tw {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/soc-tw.png');
}

.article-social a.soc-gp {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/soc-gp.png');
}

/*-------*/

/**/

.alert {
    width: 100%;
    padding: 30px;
    font-size: 13px;
    color: #313131;
    transition: all 0.25s ease-in-out;
    box-sizing: border-box;
    background-color: #fafafa;
    border: 1px solid;

    max-width: 320px;
    position: absolute;
    top: 50%;
    z-index: 9999;
    margin-left: -160px;
    left: 50%;
}

.alert a {
    color: #0060ca;
}

.alert a:hover {
    color: #0060ca;
    text-decoration: none;
    font-weight: 500;
}

.alert-box {
    line-height: 25px;
}

.alert button {
    width: 25px;
    height: 25px;
    background-color: #efefef;
    color: #868686;
    border-raius: 4px;
    border: 1px solid #ddd;
    padding: 0px;
    cursor: pointer;
    top: 0px;
    right: 0px;
    position: absolute;
}

#alert {
    background-color: #fff;
}

/*-------*/

/**/

.mfilter-opts-container {
    padding: 0px !important;
    border: 0px !important;
}

.mfilter-tb-as-td {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}

.pagination-more a.load_more {
    padding: 0px !important;
    display: block;
}

.mfilter-price-inputs {
    margin-bottom: 25px;
    font-size: 0;
}

.mfilter-price-inputs input:first-child {
    margin-right: 15px;
}

.mfilter-price-inputs input {
    width: 120px;
    height: 42px;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 4px;
    max-width: 125px;
}

#mfilter-opts-price-min, #mfilter-opts-price-max {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
}

.mfilter-tb-as-td {
    border-top: 0px !important;
}

.mfilter-content {
    border: 0px solid #dddddd !important;
    border-radius: 0px !important;
}

.mfilter-tb-as-tr > label {
    visibility: hidden;
    width: 0px;
    display: none;
}

/*-------*/

/**/

#fancybox-close {
    width: 15px !important;
    height: 15px !important;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/close-modal.png') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    top: 10px !important;
    right: 10px !important;
}

#call .agPopFTitle, #call .agFreeFormReqI {
    display: none;
}

#call .modal-block {

    padding: 15px 20px;
}

#call input[type="text"], #call input[type="tel"] {
    width: 100%;
    max-width: 342px;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    height: 43px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.25s ease-out;
}

#call input[type="text"].with-error, #call input[type="tel"].with-error {
    transition: all 0.25s ease-in;
    border: 1px solid #f00;
}

#call .agFreeFormW {
    width: 100%;
    max-width: 692px;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

#call .agFreeFormLine {
    max-width: 342px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#call .agFreeFormLine:first-child {
    margin-right: 8px;
}

#call .hidden-inputs, #call .clear {
    width: 0px;
    display: inline-block;
    vertical-align: top;
}

#call .agFreeFormSubmit {

    display: inline-block;
    vertical-align: top;

    width: 100%;
}

#call .agFreeFormSubmit button {
    display: block;
    width: 100%;
    background-color: #887766;
    text-align: center;
    height: 43px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 43px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #b8b8b8;
    cursor: pointer;
    transition: all 0.25s ease-out;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 21px 50%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/modal-ph.png');
}

#call .agFreeFormSubmit button:hover {

    opacity: 0.7;
}

#call .agFormCustwrap {
    font-size: 0;
}

#thank .modal-block, #thank2 .modal-block, #thank3 .modal-block {
    width: 950px;
    padding: 30px 20px;
    text-align: center;
}

#thank .modal-block p, #thank2 .modal-block p, #thank3 .modal-block p {
    line-height: 21px;
    font-size: 30px;
    font-weight: 500;
}

#thank .modal-block p span, #thank2 .modal-block p span, #thank3 .modal-block p span {
    padding-left: 70px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/send-ok-icon.png');
}

#thank3 .modal-block > span {
    line-height: 21px;
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    display: block;
}

#login .modal-block, #reg .modal-block {

    padding: 15px 20px;
    text-align: center;
}

.login-box .h2-title {
    font-size: 26px;
    font-weight: 500;
    text-align: center;
}

.login-box form {
    width: 100%;
}

.login-box form label {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    display: block;
}

.login-box form input[type="email"], .login-box form input[type="text"], .login-box form input[type="tel"], .login-box form input[type="password"] {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    height: 42px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.25s ease-out;
    margin-bottom: 23px;
}

.login-box button {
    width: 100%;
    background-color: #887766;
    text-align: center;
    height: 43px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    line-height: 43px;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    max-width: 100%;
    border: 0;
}

.login-box button:hover {
    opacity: 0.7;
}

.other-option {
    text-align: center;
    margin-top: 25px;
}

.other-option a {
    font-size: 18px;
    font-weight: 400;
    color: #ffb865;
}

.other-option a:hover {
    font-weight: 500;
    text-decoration: none;
}

.lost-pass {
    text-align: center;
    margin-top: 25px;
}

.lost-pass a {
    font-size: 18px;
    font-weight: 400;
    color: #d11415;
}

.lost-pass a:hover {
    font-weight: 500;
    text-decoration: none;
}

#subscribe .modal-block {
    max-width: 320px;
    padding: 15px 20px;
    text-align: center;
    margin: 0 auto;
}

#subscribe form {
    width: 100%;
    font-size: 0;
    margin-top: 20px;
}

#subscribe input[type="email"] {
    width: 100%;
    max-width: 322px;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    height: 43px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.25s ease-out;
    margin-bottom: 20px;
}

#subscribe input[type="email"].with-error {
    transition: all 0.25s ease-in;
    border: 1px solid #f00;
}

#subscribe button {
    width: 100%;
    background-color: #685847;
    text-align: center;
    height: 43px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 43px;
    text-decoration: none;
    box-sizing: border-box;
    border: 0px solid #b8b8b8;
    cursor: pointer;
    transition: all 0.25s ease-out;


}

#subscribe button:hover {
    opacity: 0.7;
}


#oneclickbuy .modal-block {
    width: 950px;
    padding: 30px 20px;
    text-align: center;
}

#oneclickbuy .basket-item-kol {
    font-size: 0;
}

#oneclickbuy .agPopFTitle, #oneclickbuy .agFreeFormReqI {
    display: none !important;
}

#oneclickbuy form input[type="text"], #call form input[type="tel"] {
    width: 100%;
    max-width: 342px;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    height: 62px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.25s ease-out;
}

#oneclickbuy form input[type="text"].with-error, #call form input[type="tel"].with-error {
    transition: all 0.25s ease-in;
    border: 1px solid #f00;
}

#oneclickbuy .agFreeFormW {
    width: 100%;
    max-width: 692px;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

#oneclickbuy .agFreeFormLine {
    max-width: 342px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#oneclickbuy .agFreeFormLine:first-child {
    margin-right: 8px;
}

#oneclickbuy .hidden-inputs, #oneclickbuy .clear {
    width: 0px;
    display: inline-block;
    vertical-align: top;
}

#oneclickbuy .agFreeFormSubmit {
    max-width: 245px;
    display: inline-block;
    vertical-align: top;
    margin-left: 13px;
    width: 100%;
}

#oneclickbuy .agFreeFormSubmit button {
    display: block;
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 62px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #b8b8b8;
    cursor: pointer;
    transition: all 0.25s ease-out;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 21px 50%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/modal-ph.png');
}

#oneclickbuy .agFreeFormSubmit button:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

#oneclickbuy .agFormCustwrap {
    font-size: 0;
    margin-top: 25px;
}

/*-------*/

/**/

.tcb-form-box .agPopFTitle, .tcb-form-box .agFreeFormReqI {
    display: none !important;
}

.tcb-form-box form input[type="text"], .tcb-form-box form input[type="email"] {
    transition: all 0.25s ease-out;
    margin-right: 0px;
}

.tcb-form-box form input[type="text"].with-error, .tcb-form-box form input[type="email"].with-error {
    border: 1px solid #f00;
    transition: all 0.25s ease-in;
}

.tcb-form-box .agFreeFormW {
    font-size: 0;
}

.tcb-form-box .agFreeFormW .agFreeFormLine:nth-child(1), .tcb-form-box .agFreeFormW .agFreeFormLine:nth-child(2) {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 348px;
}

.tcb-form-box .agFreeFormW .agFreeFormLine:nth-child(1) {
    margin-right: 16px;
}

/*-------*/

/**/

#cart .modal-block {
    width: 950px;
    padding: 30px 20px;
    text-align: center;
}

#cart .basket-item-kol {
    font-size: 0;
}

.pr-info-box ul {
    padding-left: 0px;
    list-style-type: none;
}

.pr-info-box ul li {
    display: block;
}

.basket-controls {
    margin-top: 20px;
}

.basket-close {
    float: left;
    width: 100%;
    max-width: 255px;
}

.basket-next-step {
    float: right;
    width: 100%;
    max-width: 195px;
}

.basket-close button {
    font-size: 16px;
    background-color: #ffb865;
    height: 58px;
    font-weight: 400;
    cursor: pointer;
}

.basket-next-step a {
    font-size: 16px;
    font-weight: 300;
    height: 58px;
}

.go-to-catalog {
    margin-top: 20px;
}

.go-to-catalog a {
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
}

/*-------*/

/**/

.compare-block {
    width: 100%;
    padding: 40px 0px;
}

.compare-block h1 {
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.compare-box {
    margin-top: 40px;
}

.compare-box table {
    width: 100%;
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
    font-size: 16px;
}

.compare-box table td {
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 400;
    box-sizing: border-box;
    padding: 15px 15px;
    padding-left: 40px;
}

.compare-box table tr td:first-child {
    background-color: #fafafa;
    color: #a0a0a0;
    font-weight: 400;
    width: 250px;
}

.compare-box table tbody:first-child tr:first-child td:first-child {
    background-color: #fff;
    border-right: 1px solid #cdcdcd;
    position: initial;
}

.compare-box table td strike {
    color: #a0a0a0;
    font-size: 14px;
}

.comp-img {
    max-height: 170px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 170px;
}

.comp-img img {
    max-height: 170px;
    max-width: 170px;
    width: auto;
    height: auto;
}

.comp-name {
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
    padding: 0px 10px;
    min-height: 45px;
}

.comp-name a {
    color: #313131;
    font-weight: 300;
    text-decoration: none;
}

.comp-name a:hover {
    color: #0060ca;
    textdecoration: undeline;
}

.compare-box table tbody:first-child tr:first-child td {
    position: relative;
}

.delete-item {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 25px;
    top: 13px;
    z-index: 2;
}

.delete-item a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/account-delete-icon.png');
    text-decoration: none;
}

.add-item {
    width: 20px;
    height: 22px;
    position: absolute;
    right: 24px;
    top: 46px;
    z-index: 2;
}

.add-item span {
    width: 100%;
    height: 100%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/account-buy-icon.png');
    display: block;
    cursor: pointer;
}

.comp-butt {
    margin-top: 25px;
}

.comp-butt a {
    max-width: 180px;
}

/*-------*/

/**/

.showed-products {
    padding: 40px 0px;
}

.showed-products .m-top-sale-controls {
    font-size: 0;
}

.showed-products .m-top-sale-slider {
    max-width: 100%;
}

.m-showed-slider {
    max-width: 100%;
    width: 100%;
    font-size: 0;
}

/*-------*/

/**/

.related-products {
    padding: 40px 0px;
}

.related-products .m-top-sale-controls {
    font-size: 0;
}

.related-products-box {
    margin-top: 30px;
    width: 100%;
}

.related-products-slider {
    max-width: 100%;
    width: 100%;
    font-size: 0;
}

/*-------*/

/*account*/

.account-block {
    padding: 40px 0px;
}

.account-block h2 {
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.account-box {
    font-size: 0;
    text-align: left;
    width: 100%;
    margin-top: 30px;
}

.account-left-sidebar {
    width: 100%;
    max-width: 290px;
    display: inline-block;
    vertical-align: top;
}

.account-navigation {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
}

.account-navigation ul {
    padding-left: 0px;
    list-style-type: none;
    margin: 0px;
}

.account-navigation ul li {
    display: block;
    font-size: 18px;
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 15px;
}

.account-navigation ul li a {
    line-height: 50px;
    color: #313131;
    font-weight: 300;
    text-decoration: none;
}

.account-navigation ul li a:hover {
    font-weight: 500;
}

.account-main-content {
    width: 100%;
    max-width: 920px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.account-main-content h3 {
    line-height: 70px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    background-color: #fafafa;
}

.account-data-box {
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
}

.acc-data-fields {
    width: 100%;
    margin-top: 35px;
}

.acc-data-fields .form-group {
    position: relative;
    margin-bottom: 25px;
}

.acc-data-fields .form-group label {
    line-height: 20px;
    display: block;
    text-align: left;
    color: #908c8c;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}

.acc-data-fields .form-group input {
    height: 53px;
    border: 1px solid #dadada;
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    border-radius: 5px;
}

.over-field {
    width: 100%;
    height: 53px;
    background-color: #fff;
    line-height: 53px;
    text-align: left;
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    z-index: 2;
    box-sizing: border-box;
    padding-right: 28px;
    transition: all 0.1s ease-out;
    opacity: 1;
    visibility: visible;
}

.over-field.of-edit-this {
    transition: all 0.1s ease-in;
    opacity: 0;
    visibility: hidden;
}

.of-edit {
    width: 18px;
    height: 53px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/edit-icon.png');
    background-position: 0px 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.of-edit:hover {
    background-position: -18px 50%;
}

.account-pass-box {
    margin-top: 15px;
}

.account-pass-box h3 {
    padding: 0px;
    background-color: #fff;
}

.acc-pass-fields {
    width: 100%;
    margin-top: 0px;
}

.acc-pass-fields .form-group {
    position: relative;
    margin-bottom: 25px;
}

.acc-pass-fields label {
    line-height: 20px;
    display: block;
    text-align: left;
    color: #908c8c;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}

.acc-pass-fields input {
    height: 53px;
    border: 1px solid #dadada;
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    border-radius: 5px;
    max-width: 355px;
}

.account-but-box button {
    max-width: 178px;
    height: 51px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    line-height: 51px;
}


.account-subs-box {
    width: 100%;
}

.account-subs-box h3 {
    line-height: 70px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    background-color: #fafafa;
}

.acc-subs-fields {
    font-size: 16px;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 25px;
}

.acc-subs-fields .form-group {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}

.account-orders-block {
    width: 100%;
}

.account-orders-block h3 {
    line-height: 70px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    background-color: #fafafa;
}

.acc-orders-box {
    width: 100%;
    margin-top: 25px;
}

.acc-orders-box > p {
    text-liagn: left;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 400;
}

.order-continue {
    margin-top: 30px;
}

.order-continue a {
    max-width: 200px;
    font-size: 16px;
    height: 58px;
    line-height: 58px;
}

.acc-order-item {
    border-radius: 5px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 45px;
    overflow: hidden;
}

.acc-order-item:last-child {
    margin-bottom: 0px;
}

.acc-order-info {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.acc-order-total {
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #d6d6d6;
}

.acc-order-total .basket-item-name a {
    font-weight: 400;
}

.basket-item-count {
    margin-left: 20px;
    text-align: center;
    line-height: 100px;
    width: 100%;
    max-width: 105px;
    float: left;
    font-weight: 500;
    font-size: 18px;
}

.acc-order-cost {
    margin-top: 15px;
    padding-bottom: 15px;
}

.acc-order-cos-item {
    line-height: 40px;
    font-size: 0;
    text-align: right;
}

.acc-order-cos-item div {
    display: inline-block;
    vertical-align: top;
}

.acc-order-cos-item div:first-child {
    font-size: 16px;
    font-weight: 300;
}

.acc-order-cos-item div:last-child {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    max-width: 330px;
}

.acc-order-status-info {
    line-height: 60px;
    background-color: #fafafa;
    width: 100%;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 400;
}

.acc-order-status-date {
    float: left;
    width: 100%;
    text-align: left;
    max-width: 110px;
}

.acc-order-status-number {
    float: left;
    width: 100%;
    text-align: left;
    max-width: 140px;
    margin-left: 50px;
}

.acc-order-status-status {
    margin-left: 65px;
    float: left;
    width: 100%;
    text-align: left;
    max-width: 310px;
}

.acc-order-status-status span {
    font-weight: 500;
}

.acc-order-status-re {
    float: right;
    text-align: right;
    width: 100%;
    max-width: 140px;
}

.acc-order-status-re a {
    text-decoration: none;
    color: #0060ca;
    font-weight: 500;
}

.acc-order-status-re a:hover {
    text-decoration: underline;
}

.account-likes-block {
    width: 100%;
}

.account-likes-block h3 {
    line-height: 70px;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    background-color: #fafafa;
}

.acc-likes-box {
    width: 100%;
    margin-top: 25px;
}

.delete-item {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 25px;
    top: 13px;
    z-index: 2;
}

.delete-item a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/account-delete-icon.png');
    text-decoration: none;
}

.add-item {
    width: 20px;
    height: 22px;
    position: absolute;
    right: 24px;
    top: 46px;
    z-index: 2;
}

.add-item span {
    width: 100%;
    height: 100%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/account-buy-icon.png');
    display: block;
    cursor: pointer;
}

.acc-likes-box .product-item {
    margin-bottom: 20px;
}

.acc-likes-box .product-item:nth-child(4n+3), .acc-likes-box .product-item:nth-child(4) {
    border-left: 1px solid #dadada;
}

/*-------*/

/**/

.simplecheckout-left-column {
    float: none !important;
    margin-right: 0px !important;
    min-width: 280px !important;
    max-width: 100% !important;
    width: 100% !important;
}

.simpleregister-block-content {
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.simpleregister-block-content fieldset {
    border: 0px;
}

.checkout-form-part-box fieldset {
    width: 100%;
    margin: 0px;
    border: 0px;
}

.simplecheckout-button-block {
    clear: both !important;
    overflow: auto !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    background: none repeat scroll 0 0 transparent !important;
    text-align: center !important;
}

.checkout-form-subpart2 {
    margin-top: 20px;
}

.checkout-form-subpart2 .simplecheckout-block-content {
    padding: 0px !important;
}

.checkout-form-subpart2 .simplecheckout-block-content fieldset {
    width: 100%;
    margin: 0px;
    border: 0px;
}

.checkout-basket-total {
    padding-right: 110px;
    text-align: right;
    padding-left: 0px;
}

.checkout-basket-total span {
    padding-left: 10px;
}

/*-------*/

/**/

.mfilter-button-more {
    text-align: right;
    border-top: 0px solid #EEEEEE !important;
    padding: 2px !important;
    margin-top: 0px !important;
}

.mfilter-button-more a {
    width: 100%;
    font-size: 14px;
    font-weight: 300 !important;
    color: #0060ca;
    text-decoration: underline !important;
    transition: all 0.25s ease-out;
    text-align: right;
    cursor: pointer;
}

.mfilter-button-more a:hover {
    font-weight: 500 !important;
}

.mfilter-close {
    display: none;
}

.filters-item[data-id="23"] {
    display: none;
}

.mfilter-button-bottom {
    width: 100%;
    max-width: 105px;
    border: 0px !important;
    margin-top: 30px;
}

.mfilter-button-bottom a {
    display: block;
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 45px;
    text-decoration: none;
    box-sizing: border-box;
    border: 0px;
    margin-left: 0px;
}

.mfilter-button-bottom a:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
}

.mfilter-reset-icon {
    display: none !important;
}

.s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7 {
    display: none;
}

.nv {
    display: none;
}

.simplecheckout .content {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.simplecheckout-button-block {
    margin-top: 25px;
}

.simplecheckout-button-block > div {
    width: 100%;
}

.simplecheckout-button-block a {
    width: 100%;
    background-color: #f24841;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.25s ease-out;
    max-width: 240px;
    cursor: pointer;
    border: 0px;
    padding: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.simplecheckout-button-block a:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

/*-------*/

/*opt*/

.header2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 10;
    background-color: transparent;
    transition: all 0.25s ease-out;
}

.header2.scrolled {
    background-color: #383d40;
    transition: all 0.25s ease-in;
}

.head-href {
    float: left;
    width: 100%;
    max-width: 145px;
    padding-top: 15px;
    padding-left: 265px;
    transition: all 0.0s ease-out;
}

.head-href a {
    padding-left: 40px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    color: #fff;
}

.head-href a:before {
    width: 21px;
    height: 24px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/mag-but-icon.png');
    background-position: 0px 0px;
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12px;
}

.head-href a:after {
    width: 21px;
    height: 24px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/mag-but-icon.png');
    background-position: -21px 0px;
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
    opacity: 0;
    transition: all 0.25s ease-out;
}

.head-href a:hover {
    color: #ffb865;
}

.head-href a:hover:after {
    transition: all 0.25s ease-in;
    opacity: 1;
}

.header2 .header-bottom {
    max-height: 0px;
    overflow: hidden;
    width: 100%;
    max-width: 1px;
    overflow: hidden;
    float: right;
    border-top: 0px;
}

.header2 .head-menu > ul > li:first-child > a {
    padding-left: 0px;
    background-image: none;

}


.header2.scrolled .head-phones, .header2.scrolled .head-info {
    display: none;
}

.header2.scrolled {
    height: 96px;
    max-height: 96px;
}

.header2 {
    height: 96px;
    max-height: 96px;
}

.header2.scrolled .head-href {
    padding-left: 25px;
    transition: all 0.0s ease-in;
}

.header2 .head-top {
    float: left;
    max-width: calc (100% -1px);
    width: 100%;
    transition: all 0.75s ease-out;
    height: 96px;
    padding-top: 10px;
}

.header2.scrolled .head-top {
    float: left;
    max-width: 500px;
    width: 100%;
    transition: all 0.75s ease-in;
}

.header2.scrolled .header-bottom {
    max-width: 710px;
    float: right;
    max-height: 1500px;
    transition: all 0.25 ease-out;
}

.header2 .header-bottom {
    margin-top: 10px;
}

.header2 .header-bottom .head-menu {
    text-align: right;
}

.header2 .head-info {
    float: right;
}

.head-logo-bottom {
    display: none;
    max-width: 265px;
    padding-top: 10px;
}

.head-logo.head-logo-bottom a div, .head-logo.head-logo-bottom div {
    font-size: 33px;
}

.head-logo.head-logo-bottom a p, .head-logo.head-logo-bottom p {
    font-weight: 300;
    color: #ffb865;
    font-size: 14px;
}

.header.scrolled {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 10;
    transition: all 0.25s ease-out;
}

.header .head-top {
    max-height: 1500px;
    transition: all 0.25s ease-out;
}

.header.scrolled .head-top {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.0s ease-in;
    padding-top: 0px;
}

.header.scrolled .header-bottom {
    transition: all 0.25s ease-in;
    margin-top: 0px;
    border: 0px;
}


.header.scrolled .head-menu {
    float: right;
}

.header.scrolled .head-logo-bottom {
    display: block;
}

body {
    transition: all 0.0s ease-out;
}

body.padding-top {
    transition: all 0.0s ease-out;
    padding-top: 98px;
}

/*-------*/

/*opt-first-block*/

.opt-first-block {
    padding-top: 190px;
    padding-bottom: 100px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/opt-bg1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.opt-first-block:before {
    width: 100%;
    height: 100%;
    content: "";
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: rgba(56, 61, 64, 0.83);
}

.opt-first-box {
    width: 100%;
    font-size: 0;
}

.opt-first-text {
    width: 100%;
    max-width: 700px;
    display: inline-block;
    vertical-align: top;
}

.opt-first-text h1 {
    color: #fff;
    font-size: 48px;
    font-weight: 500;
    text-transform: none;
    line-height: 1;
}

.opt-first-text h1 span {
    font-size: 86px;
    font-family: 'Cooper';
    color: #ffb865;
    line-height: 1;
}

.opt-first-text p {
    margin-top: 25px;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.5;
}

.opt-first-text ul {
    font-size: 24px;
    color: #0060ca;
    font-weight: 400;
    margin-top: 25px;
}

.opt-first-text ul li span {
    color: #fff;
}

.opt-first-form {
    max-width: 475px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    background-color: #f9f9f9;
    box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.14);
    box-sizing: border-box;
    padding: 50px 40px;
    border-radius: 1px;
    margin-top: 40px;
    margin-left: 55px;
}

.opt-first-form .opt-form-title {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.opt-first-form p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-top: 10px;
}

.opt-first-form-box {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.opt-first-form-box input[type="text"], .opt-first-form-box input[type="tel"] {
    margin-bottom: 10px;
    width: 100%;
    height: 59px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    padding-left: 16px;
    padding-right: 10px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    transition: all 0.25s ease-in;
}

.opt-first-form-box input[type="text"].with-error, .opt-first-form-box input[type="tel"].with-error {
    border: 1px solid #f00;
    transition: all 0.25s ease-out;
}

.opt-first-form-box input[type="submit"], .opt-first-form-box button {
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    transition: all 0.25s ease-out;
    max-width: 165px;
    cursor: pointer;
    border: 0px;
    padding: 0px;
    margin-top: 10px;
}

.opt-first-form-box input[type="submit"]:hover, .opt-first-form-box button:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

/*-------*/

/*opt-categories*/

.opt-categories {
    border-top: 2px solid #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/opt-bg2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.opt-categories:before {
    width: 100%;
    height: 100%;
    content: "";
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: rgba(56, 61, 64, 0.83);
}

.opt-categories-box {
    width: 100%;
    text-align: center;
    font-size: 0;
}

.opt-cat-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 80px;
}

.opt-cat-item:last-child {
    margin-right: 0px;
}

.opt-cat-item a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    line-height: 65px;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 0px 35px;
    padding-left: 70px;
    background-position: 35px 50%;
    background-repeat: no-repeat;
    text-align: center;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/zerno.png');
}

.opt-cat-item:nth-child(2) a {
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/stakan.png');
}

.opt-cat-item a:hover {
    background-color: #0060ca;
    border: 1px solid #0060ca;
}

/*-------*/

/*opt-preim*/

.opt-preim {
    width: 100%;
    background-color: #fafafa;
    padding: 80px 0px;
}

/*-------*/

/**/

.opt-coffee-items {
    padding: 50px 0px 20px 0px;
}

.opt-coffee-products {
    margin-top: 35px;
    font-size: 0;
    text-align: left;
}

.opt-coffee-products .product-info .pr-type {
    font-size: 14px;
    color: #313131;
    margin-top: 10px;
    min-height: 19px;
    max-height: 19px;
}

.opt-coffee-products .product-info .pr-type span {
    background-image: none;
    padding-left: 0px;
}

.opt-coffee-products .product-info .product-main-cost {
    font-size: 24px;
}

.opt-coffee-products .product-info .product-roz-cost {
    font-size: 12px;
    margin-top: 5px;
    color: #313131;
}

.opt-coffee-products .product-info .product-but-buy a {
    padding-left: 0px;
    background-image: none;
}

.product-opt-info {
    margin-top: 15px;
    font-size: 16px;
    max-height: 21px;
    overflow: hidden;
}

.opt-coffee-products .product-item:nth-child(5), .opt-coffee-products .product-item:nth-child(5n+4) {
    border-left: 1px solid #dadada;
}

.opt-coffee-products .product-item {
    margin-bottom: 20px;
}

.opt-coffee-products .product-cost {
    min-height: 52px;
    max-height: 52px;
}

/*-------*/

/*opt-scheme*/

.opt-scheme {
    padding: 75px 0px;
    position: relative;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/opt-bg3.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.opt-scheme:before {
    width: 100%;
    height: 100%;
    content: "";
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: rgba(56, 61, 64, 0.83);
}

.opt-scheme h2 {
    color: #fff;
}

.opt-scheme-box {
    margin-top: 55px;
    text-align: center;
    font-size: 0;
}

.opt-scheme-item {
    width: 100%;
    max-width: 270px;
    margin-right: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.opt-scheme-item:last-child {
    margin-right: 0px;
}

.opt-scheme-img {
    position: relative;
    width: 100%;
    height: 85px;
}

.opt-sch-num {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #ffb865;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 35px;
    border-radius: 200%;
    box-shadow: 0px 0px 0px 6px #4b4b48;
    left: 75px;
    top: 0px;
}

.opt-scheme-title {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 40px;
    color: #fff;
}

.opt-scheme-text {
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 300;
    box-sizing: border-box;
    padding: 0px 10px;
}

/*-------*/

/*opt-dop-info*/

.opt-dop-info {
    background-color: #fcfcfc;
    padding: 75px 0px;
}

.opt-dot-info-box {
    text-align: center;
    font-size: 0;
    width: 100%;
}

.opt-dot-info-box .pdi-item {
    max-width: 400px;
    text-align: left;
}

.opt-dot-info-box .pdi-item p {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #313131;
}

.opt-dot-info-box .pdi-item:first-child {
    margin-right: 15px;
}

.opt-dot-info-box .pdi-item:last-child {
    margin-left: 15px;
}


/*-------*/

/*opt-our-buyers*/

.opt-our-buyers {
    padding: 85px 0px;
    position: relative;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/opt-bg3.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.opt-our-buyers:before {
    width: 100%;
    height: 100%;
    content: "";
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: rgba(56, 61, 64, 0.83);
}

.opt-our-buyers h2 {
    color: #fff;
}

.opt-our-buyers .m-about-item {
    background-color: #ffb865;
    border-color: #ffb865;
    box-shadow: 0px 0px 0px !important;
}


/*-------*/

/*opt-feeds*/

.opt-feeds {
    width: 100%;
    padding: 55px 0px;
}

.opt-feeds-box {
    margin-top: 50px;
    position: relative;
}

.opt-feeds-slider {
    width: 100%;
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
}

.opt-feeds-item {
    width: 100%;
    max-width: 545px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.opt-feeds-item:last-child, .opt-feeds-item:nth-child(2n) {
    margin-right: 0px;
}

.opt-feeds-name {
    display: inline-block;
    line-height: 44px;
    padding: 0px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    background-color: #0060ca;
    border-radius: 5px;
}

.opt-feeds-city {
    width: 100%;
    margin-top: 10px;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #818080;
}

.opt-feeds-text {
    padding: 40px 20px;
    border: 1px solid #f2f2f2;
    background-color: #fafafa;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    margin-top: 35px;
    position: relative;
    border-radius: 10px;
    border-top-left-radius: 5px;
}

.opt-feeds-text:before {
    border-bottom: 26px solid #f2f2f2;
    border-left: 26px solid transparent;
    border-right: 26px solid transparent;
    position: absolute;
    left: 8px;
    top: -26px;
    content: "";
    z-index: 1;
}

.opt-feeds-text:after {
    border-bottom: 26px solid #fafafa;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    position: absolute;
    left: 9px;
    top: -25px;
    content: "";
    z-index: 1;
}

.opt-feeds-prev, .opt-feeds-next {
    width: 100%;
    max-width: 32px;
    height: 32px;
    border-radius: 200%;
    border: 3px solid #c9c9c9;
    position: relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    box-sizing: border-box;
}

.opt-feeds-prev {
    left: 0px;
    top: 50%;
    margin-top: -16px;
    position: absolute;
}

.opt-feeds-next {
    right: 0px;
    top: 50%;
    margin-top: -16px;
    position: absolute;
}

.opt-feeds-prev:after {
    content: "";
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #c9c9c9;
    left: 6px;
    top: 6px;
    transition: all 0.25s ease-out;
}

.opt-feeds-next:after {
    content: "";
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #c9c9c9;
    left: 10px;
    top: 6px;
    transition: all 0.25s ease-out;
}

.opt-feeds-prev:hover, .opt-feeds-next:hover {
    border-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.opt-feeds-prev:hover:after {
    border-right-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.opt-feeds-next:hover:after {
    border-left-color: #3d86d7;
    transition: all 0.25s ease-in;
}

#oneclickbuy_opt .modal-block {
    width: 950px;
    padding: 30px 20px;
    text-align: center;
}

#oneclickbuy_opt .basket-item-kol {
    font-size: 0;
}

#oneclickbuy_opt .agPopFTitle, #oneclickbuy .agFreeFormReqI {
    display: none !important;
}

#oneclickbuy_opt form input[type="text"] {
    width: 100%;
    max-width: 342px;
    border-radius: 5px;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    height: 62px;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.25s ease-out;
}

#oneclickbuy_opt form input[type="text"].with-error {
    transition: all 0.25s ease-in;
    border: 1px solid #f00;
}

#oneclickbuy_opt .agFreeFormW {
    width: 100%;
    max-width: 692px;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

#oneclickbuy_opt .agFreeFormLine {
    max-width: 342px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#oneclickbuy .agFreeFormLine:first-child {
    margin-right: 8px;
}

#oneclickbuy_opt .hidden-inputs, #oneclickbuy_opt .clear {
    width: 0px;
    display: inline-block;
    vertical-align: top;
}

#oneclickbuy_opt .agFreeFormSubmit {
    max-width: 245px;
    display: inline-block;
    vertical-align: top;
    margin-left: 13px;
    width: 100%;
}

#oneclickbuy_opt .agFreeFormSubmit button {
    display: block;
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 62px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #b8b8b8;
    cursor: pointer;
    transition: all 0.25s ease-out;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: 21px 50%;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/modal-ph.png');
}

#oneclickbuy_opt .agFreeFormSubmit button:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

#oneclickbuy_opt .agFormCustwrap {
    font-size: 0;
    margin-top: 25px;
}

/*-------*/

/**/

.login-reg-block {
    padding: 50px 0px;
}

.login-reg-block .login-box {
    margin-top: 30px;
}

.login-reg-block .login-box form {
    width: 100%;
    max-width: 570px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.login-reg-block .login-box a {
    font-size: 18px;
    font-weight: 400;
    color: #d11415;
    margin-bottom: 25px;
    display: block;
}

.login-reg-block .login-box .other-option a {
    color: #ffb865;
}


.login-box input[type="submit"] {
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    max-width: 150px;
    border: 0px;
}

.login-box input[type="submit"]:hover {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

.login-subtitle {
    margin-top: 20px;
    text-align: center;
    font-weight: 300;
}

.back-href {
    margin-top: 25px;
}

.login-reg-block .alert {
    margin-top: 25px;
}

.login-reg-block .login-box .simpleregister-have-account a {
    display: inline-block;
}

.simpleregister-button-block a {
    color: #fff !important;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.login-box form .has-error input[type="email"], .login-box form .has-error input[type="text"], .login-box form .has-error input[type="tel"], .login-box form .has-error input[type="password"] {
    border-color: #f00;
    transition: all 0.25s ease-in;
}

.login-box .simplecheckout-error-text {
    display: none !important;
}

.checkout-block .checkout-form-subpart2 .form-group.has-error input {
    border-color: #f00;
    transition: all 0.25s ease-in;
}

#reg .simpleregister-have-account {
    display: none;
}

/*-------*/

/**/

.share42-item {
    margin-bottom: 0px !important;
}

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

/*-------*/

/**/

.account-orders-block > p {
    font-size: 16px;
    text-align: left;
    margin-top: 25px;
}

.account-password-content form {
    width: 100%;
    max-width: 300px;
    /*text-align: center;*/
}

.account-password-content .form-group input {
    height: 53px;
    border: 1px solid #dadada;
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: left;
}

.account-password-content input[type="submit"] {
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    max-width: 150px;
    border: 0px;
    margin-top: 20px;
}

.account-password-content input[type="submit"]:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

.account-password-content form a {
    font-size: 18px;
    font-weight: 400;
    color: #d11415;
    margin-top: 25px;
    display: block;
}

.account-data-box .simpleregister-button-block a {
    color: #fff !important;
    max-width: 180px;
    margin-left: 0px;
    margin-right: auto;
}

.acc-data-fields .form-group.has-error input {
    border-color: #f00;
    transition: all 0.25s ease-in;
}

.acc-data-fields .form-group.has-error .simplecheckout-rule-group {
    font-size: 12px;
    color: #f00;
    font-weight: 300;
    margin-top: 5px;
}

.account-main-addr {
    font-size: 16px;
    margin-top: 25px;
}

.addr-butts {
    margin-top: 25px;
}

.addr-butts a {
    display: inline-block;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 400;
    color: #d11415;
}

.addr-butts a:last-child {
    margin-left: 15px;
    color: #ffb865;
}

.edit-addr {
    margin-top: 25px;
}

.edit-addr .form-group input {
    height: 53px;
    border: 1px solid #dadada;
    width: 100%;
    padding-left: 20px;
    padding-right: 10px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: left;
}

.simpleregister-button-block {
    padding: 0px !important;
    margin-top: 15px;
    overflow: initial !important;
}

.subscr-butss a {
    font-size: 18px;
    font-weight: 400;
    color: #d11415;
    margin-top: 20px;
    display: inline-block;
}

.subscr-butss input[type="submit"] {
    width: 100%;
    background-color: #0060ca;
    text-align: center;
    height: 58px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    line-height: 58px;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.25s ease-out;
    max-width: 150px;
    border: 0px;
    margin-top: 25px;
}

.subscr-butss input[type="submit"]:hover {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
    font-weight: 500;
    transition: all 0.25s ease-in;
}

/*-------*/

/**/

.welcome-p {
    font-size: 16px;
}

.simplecheckout-block-content .radio img {
    display: none;
}

.checkout-basket-total img {
    display: none;
}

.simplecheckout-block-content .radio {
    line-height: 30px;
}

/*-------*/

/**/

.checkout-delivery {
    display: none;
}

.search-controls {
    font-size: 0;
    padding-bottom: 30px;
}

.search-controls input[type="text"] {
    width: calc(100% - 56px);
    height: 50px;
    padding: 0px;
    box-sizing: border-box;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-right: 0px solid #e0e0e0;
    padding-left: 20px;
    color: #313131;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
}

.search-controls input[type="submit"], .search-controls input[type="button"], .search-controls button {
    width: 56px;
    height: 50px;
    box-sizing: border-box;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-left: 0px solid #e0e0e0;
    display: inline-block;
    vertical-align: top;
    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/search-icon2.png');
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0px;
}

/*-------*/

/**/

.product-weight-box [type="radio"]:not(:checked) + label:before, .product-weight-box [type="radio"]:checked + label:before {
    top: 2px;
}

.product-weight-box [type="radio"]:not(:checked) + label:after, .product-weight-box [type="radio"]:checked + label:after {
    top: 5px;
}

.checkout-form-part-box .form-group input {
    transition: all 0.25s ease-out;
}

.checkout-form-part-box .form-group.has-error input {
    border-color: #f00;
    transition: all 0.25s ease-in;
}

.go-to-but {
    margin-top: 30px;
}

.go-to-but a {
    max-width: 200px;
}

/*-------*/

/**/

.acc-subs-fields [type="radio"]:not(:checked) + label:before, .acc-subs-fields [type="radio"]:checked + label:before {
    top: 2px;
}

.acc-subs-fields [type="radio"]:not(:checked) + label:after, .acc-subs-fields [type="radio"]:checked + label:after {
    top: 5px;
}

/*-------*/

/**/

.aos-head {
    line-height: 40px !important;
}

.aos-price {
    margin-left: 405px;
    text-align: left;
    width: 100%;
    max-width: 130px;
    float: left;
    font-weight: 400;
    font-size: 14px;
}

.aos-kol {
    margin-left: 20px;
    text-align: center;
    width: 100%;
    max-width: 105px;
    float: left;
    font-weight: 400;
    font-size: 14px;
}

.aos-cost {
    margin-left: 40px;
    text-align: left;
    width: 100%;
    max-width: 130px;
    float: left;
    font-weight: 400;
    font-size: 14px;
}

/*-------*/

/**/

.product-cb-to-basket-info {
    line-height: 32px;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
    padding: 12px 25px;
    position: absolute;
    left: -10px;
    top: 70px;
    margin-top: 0px;
    width: 350px;
    box-sizing: border-box;
    border-radius: 5px;
    transform: translateY(0px);
    transition: all 0.25s ease-out;
    visibility: hidden;
    opacity: 1;
    z-index: 2;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.product-cb-to-basket:hover .product-cb-to-basket-info {
    transition: all 0.25s ease-in;
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}

.product-cb-to-basket-info:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #fff;
    content: "";
    position: absolute;
    left: 15px;
    top: -9px;
}

/*-------*/

/**/

#simplecheckout_payment_form p {
    margin-top: 20px;
    font-size: 18px;
    text-align: center;
}

.cook-method {
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    color: #383d40;
    padding: 0px;
    margin: 0px;
    font-family: 'Apercu Pro';
}

.length-1 {
    margin-right: 121px;
}

@media screen and (max-width: 360px) {
    .length-1 {
        margin-right: -55px;
        margin-top: -29px;
    }

    #flycart-widget {
        position: fixed;
    }
}

@media screen and (max-width: 420px) {
    .length-1 {
        margin-right: -55px;
        margin-top: -29px;
    }
}


/* Атрибуты в каталоге, поиске */

.catalog_atr {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    height: 44px;
}

.showed-products .coffee_item,
.catalog_page .coffee_item {
    width: 100%;
    background-color: #fff;
    padding: 0px 0px;
    margin-top: -5px;
}


/* Блоки УТП на главной странице */

.utp_block {
    display: inline-block;
    width: 100%;
}

.top_utp_item {
    width: 25%;
    float: left;
    text-align: center;
}

.top_utp_item_head {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #685847;
    margin-bottom: 6px;
}

.top_utp_item_text {
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #211A14;
}

.bottom_utp {
    margin-bottom: 25px;
}

.bottom_utp_head {
    font-weight: 600;
    font-size: 28px;
    color: #211A14;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 95px 0 41px 0;
}

.top_utp_item .top_utp_image img {
    width: 100%;

}

.bottom_utp_item {
    width: 33%;
    float: left;
    text-align: center;
}

.bottom_utp_item_head {
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 10px;
}

.bottom_utp_item_text {
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    color: #383D40;
}

.top_utp_image,
.bottom_utp_image {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

@media (min-width: 320px) and (max-width: 768px) {
    .top_utp_item {
        margin-bottom: 20px;
    }

    .top_utp_item,
    .bottom_utp_item {
        width: 100%;
    }

    .bottom_utp_image img {
        max-width: 100%;
        margin-top: 20px;
    }
    .col-md-4.col-sm-12.flex-wrap.grid__item {
        display: block;
        padding: 25px 10px;
        margin-bottom: 20px !important;
        border: 1px solid #e6ecef;
    }
    .text-content-block.about-page h1 {
        margin-bottom: 30px;
        margin-top: 30px !important;
    }


}

/* акции */
.akcii_slider h2 {
    margin: 70px 0 40px 0;
}

.akcii_slider .product-flag {
    display: none;
}

/* Модуль Новинки */

#latest_module {
    margin-top: 30px;
    margin-bottom: 100px;
}

.latest_slider_prev, .latest_slider_next {
    width: 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    transition: all 0.25s ease-out;
    box-sizing: border-box;
    background: #D7CEC3;
}

.latest_slider_prev:hover, .latest_slider_next:hover {
    background: #887766;
}

.latest_slider_next:after,
.latest_slider_prev:after {
    content: "";
    position: absolute;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/slider_arrow_right.svg) 50% 54% no-repeat;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    transition: all 0.25s ease-out;
}

.latest_slider_prev:after {
    transform: rotate(180deg);
    background-position: 50% 47%;
}

.latest_slider_prev:hover, .latest_slider_next:hover {
    border-color: #3d86d7;
    transition: all 0.25s ease-in;
}

.latest_slider_prev:hover:after, .latest_slider_next:hover:after {
    border-left-color: #3d86d7;
    border-right-color: #3d86d7;
    transition: all 0.25s ease-in;
}

/*страница акции*/
.akciya-main {
    width: 100%;
    display: block;
}

.ackciya-left {
    width: 55%;
    height: auto;
    float: left;
    margin-right: 20px;
}

@media (max-width: 500px) {
    .img-ackciya-left {
        width: 100%;
        height: auto;
    }
}

.img-ackciya-left {
    width: 55%;
    height: auto;
    float: left;
    margin-right: 20px;
}

@media (max-width: 500px) {
    .img-ackciya-left {
        width: 100%;
        height: auto;
    }
}

.ackciya-right {
    width: 40%;
    height: 370px;
    text-align: left;
    display: grid;
}

@media (max-width: 500px) {
    .ackciya-right {
        width: 100%;
        text-align: left;
        padding-top: 20px;
    }
}

.akciya-3 {
    text-align: left;
    margin-top: 35px;
}

@media (max-width: 500px) {
    .akciya-3 {
        text-align: left;
        margin-top: 76px;
    }
}


/*Способы приготовления кофе - блок*/
.subcats-item {
    width: auto;
    margin: 5px;
    -webkit-box-shadow: 0 0 8px rgb(193 193 193 / 60%);
    box-shadow: 0 0 8px rgb(193 193 193 / 60%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    font-size: .875rem;
    border-radius: 5px;
}

.filterABTESTT .form-check label {
    float: left;
    height: 140px;
    width: 88px;
    display: block;
    margin: 0;
    font-size: 0.85em;
    padding-left: 0;
    padding-top: 10px;
    position: relative;
}

.filterABTESTT .form-check-label {
    text-align: center;
}

.form-check label {
    cursor: pointer;
    padding-left: 40px;
    position: relative;
}

.pr-2, .px-2 {
    padding-right: .5rem !important;
}


*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.active a {
    /*text-decoration: underline;*/
}

a {
    color: #211A14;
    text-decoration: none;
}

.lang-active {
    text-decoration: underline;
}

.prod-t-rate {
    font-size: 1rem;
    font-weight: 600;
    font-family: "MyriadPro-Regular", sans-serif;
}

.prod-t1-block {
    font-size: 1rem;
    margin-bottom: .5rem;
    font-weight: 600;
    font-family: "MyriadPro-Regular", sans-serif;
}

.product-delivery-title {
    font-size: 1rem;
    margin-bottom: .5rem;
    font-weight: 600;
    font-family: "MyriadPro-Regular", sans-serif;
}


/*-------*/

.head_prod_wrapper .prod_popup {
    position: absolute;
    top: 30px;
    right: 0;
    width: 290px;
    background: #F8F8F8;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    padding: 25px 0px 14px;
    display: none;
    z-index: 300;
}

.head_prod_wrapper .head_prod_cart .prod_popup {
    right: -20px;
}

.head_prod_wrapper .head_prod_wish .prod_popup {
    left: 50%;
    margin-left: -145px;
}

.head_prod_wrapper .head_prod_comp .prod_popup {
    left: 50%;
    margin-left: -145px;
}

.head_prod_wrapper .prod_popup .popup_free_dost {
    line-height: 20px;
    font-size: 13px;
    color: #000;
    text-align: center;
    padding: 0px 18px;
}

.head_prod_wrapper .prod_popup .popup_free_dost .line {
    width: 100%;
    height: 5px;
    border-radius: 2.5px;
    background: #E1E1E1;
    margin: 3px 0px 22px 0px;
}


/*NEW73*/

.head_prod_wrapper .prod_popup .popup_free_dost .line > div {
    height: 5px;
    background: #ed5564;
    border-radius: 2.5px;
}

.head_prod_wrapper .prod_popup .popup_name {
    font: 13px 'OpenSans';
    line-height: 20px;
    color: #000;
    text-align: center;
    padding: 4px 18px 0px;
    margin: 0px 0px 27px 0px;
}

.head_prod_wrapper .prod_popup .prod_popup_list {
    border: 1px solid #EFEBE8;
    background: #fff;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li {
    padding: 10px 30px 9px 10px;
    position: relative;
    border-top: 1px solid #EFEBE8;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li:first-child {
    border-top: 0px;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .img {
    float: left;
    margin: 0px 13px 0px 0px;
    width: 60px;
    text-align: center;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .name {

    line-height: 16px;
    font-weight: 600;
    color: #000;
    padding: 5px 0px 0px 0px;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .name a {
    color: #3A3937;
    text-decoration: none;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .name a:hover {
    text-decoration: underline;
    color: #FC6A00
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .price {
    text-align: center;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .price .col {
    line-height: 22px;
    font-style: italic;
    color: #A68370;
    margin: 0px 2px 0px 0px;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .price .p {
    line-height: 22px;
    color: #000;
    text-align: center;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li .price .b {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #5D5D5B;
    padding: 0px 0px 0px 18px;
    margin: 0px 0px 0px 9px
}

.head_prod_wrapper .close {
    width: 15px;
    height: 15px;
    background: url(https://coffeestory.in.ua/catalog/view/theme/default/images/popup_prod_close.png) no-repeat center center;
    top: 7px;
    right: 7px;
    position: absolute;
    cursor: pointer;
}

.head_prod_wrapper .prod_popup .popup_free_dost_full .line > div {
    background: #0EA74D;
}

.head_prod_wrapper .prod_popup .prod_popup_list > li:hover .close {
    display: block;
}

.head_prod_wrapper .prod_popup .view_link {
    display: block;
    width: 175px;
    border: 1px solid #887766;
    border-radius: 3px;
    background: #887766;
    line-height: 15px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 5px 5px;
    text-decoration: none;
    margin: 14px auto 0px;
    font-size: 12px;
}

.head_prod_wrapper .prod_popup .view_link:hover:after {
    background-image: none;
}

.head_prod_wrapper .prod_popup .view_link:after {
    background-image: none;
}

.head-basket:hover .prod_popup {
    display: block;
}

.head_prod_wrapper .prod_popup .view_link:hover {
    border-color: #96694C;
    background: #96694C;
}

.free {
    margin-bottom: 15px;
}

.free .info_block {
    list-style: none;
    padding-left: 0;
}

.free .not {
	text-align: center;
	background: #fcedee;
	border-radius: 0;
	border: none;
	padding: 10px 20px;
	line-height: 20px;
	color: #111111;
	font-size: 17px;
}

.delivery-info__block {
    text-align: center;
    background: #fcedee;
    border-radius: 0;
    border: none;
    padding: 10px 20px;
    line-height: 20px;
    color: #111111;
    font-size: 17px;
}


.free .nor_upper {
    text-transform: uppercase;
    font-weight: 700;
}

.free .full {
    background: #f2fdf7;
    border-radius: 24px;
    border: 1px solid #3db870;
    padding: 0 14px;
    line-height: 30px;
    color: #111111;
    text-align: center;
    font-size: 18px;
}

/*Заказ в один клик*/
.btn-quick-order {
    width: auto;
}

.btn-quick {
    display: inline-block;
    font-weight: 400;
    color: #000;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .75rem;
    line-height: 1.46;
    border-radius: .25rem;
    box-sizing: initial;
    height: auto;
    text-transform: none;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    background: #876;
    color: #ffffff;
}

.head-menu .head-search,
.head-menu .head-lang,
.head-menu .head-info {
    display: none;
}


.product-item .product-img-link {
    display: block;
    max-width: 80%;
}

.product-item .product-img-link img {
    max-width: none;
    width: 100%;
}


form#form-sobfeedback43 {
    width: 100%;
    max-width: 320px;
}

.contacts_form .agPopFContent {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}
.agPopFContent .text-danger {
	padding-bottom: 10px;
    display: inline-block;
    color: #ad0000;
}
.contacts_form .agPopFSubTitle {
	display: none;
}

#call input[type="text"], #call input[type="tel"] {
    margin: 15px 0;
}


.modal-header {
    font-weight: 600;
    font-size: 28px;
    color: #211A14;
    text-align: center;
}


.b-container {
    width: 200px;
    height: 150px;
    background-color: #ccc;
    margin: 0px auto;
    padding: 10px;
    font-size: 30px;
    color: #fff;
}

.b-popup {
    width: 100%;
    height: 2000px;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: fixed;
    top: 0px;
    z-index: 999999999;
}

.b-popup .b-popup-content {
    margin: 40px auto 0px auto;
    width: 320px;
    padding: 30px;
    position: relative;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #000;
}

.closeppp {
    width: 15px !important;
    height: 15px !important;
    background-image: url(https://coffeestory.in.ua/catalog/view/theme/default/images/close-modal.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    top: 10px !important;
    right: 10px !important;
    position: absolute;
    z-index: 999999999999;
}


.cardMin-likea:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(https://coffeestory.in.ua/catalog/view/theme/default/images/ico_compare.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.cardMin-likea {
    cursor: pointer;
    z-index: 2;
    position: relative;

    display: inline-block;
    color: #D7CEC3;
    font-size: .875rem;
    margin-bottom: 30px;
}

.cardMin-likea.js-wishlist-add.has-svoistva::after {
    left: auto;
    right: -33px;
    top: -4px;
}

.cardOrigin .cardMin-like {
    margin-bottom: 10px !important;
}

#add-comment {
    overflow: hidden;
}

#form-comment .btn.btn-primary {
    position: relative;
    cursor: pointer;
    line-height: 28px;
    padding-left: 40px;
    font-size: 1.125rem;
    color: #75706B;
}

#form-comment .btn.btn-primary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://coffeestory.in.ua/catalog/view/theme/default/images/commentBtn-ic.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 28px;
}

#add-comment {
    position: relative;
}

#add-comment.collapse {
    display: none;
}

#add-comment.collapse.in {
    display: block;
}

#add-comment .form-group label {
    font-size: .75rem;
    line-height: 1;
    margin-bottom: 10px;
}

#add-comment .alert {
    margin-top: -42px;
}

#add-comment .form-group input {
    height: 40px;
    border: 1px solid #D7CEC3;
    width: 100%;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 0;
}

#add-comment .form-group textarea {
    border: 1px solid #D7CEC3;
    width: 100%;
    margin-bottom: 2px;
    padding: 10px;
    border-radius: 0;
    height: 136px;
    min-height: 100px;
    max-height: 160px;
    resize: vertical;
}

#add-comment #button-comment {
    color: #fff;
    background-color: #876;
    border-color: #876;
    font-size: .9375rem;
    line-height: 1.5;
    font-family: "Open Sans", sans-serif !important;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    border: none;
    padding: 13px 1rem;
}

#add-comment .form-rating {
    overflow: hidden;
    display: block;
}

#comment p {
    font-size: 1rem;
    color: #211A14;
    word-break: break-word;
}

#comment i.fa-stack-2x {
    color: #ffcc81;
}

#comment i.fa-star-o:before {
    color: #ffcc81;
}

#add-comment [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before, #add-comment [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
    opacity: 0 !important;
}


/*language*/

.langmark {
    margin-top: 0;
    color: #888;
}

.langmark ul {
    margin: 0;
    padding: 0;
}

.langmark a {
    color: #888;
}

.langmark a:hover {
    color: #333;
}

.langmark a.langmarkactive {
    color: #555;
    font-weight: bold;
}

.langmark ul li {
    display: inline;
    margin-left: 4px;
}

/*information page*/
.about-page .tcb-text li, .about-page .tcb-text p {
    text-align: left;
}

/*popups*/
#fancybox-wrap {
    min-width: 400px;
}

#fancybox-content {
    width: 100% !important;
    padding: 0 !important;
}

#fancybox-content .other-option, #fancybox-content .lost-pass {
    margin-top: 15px;
}

.reg-block .simpleregister-block-content fieldset {
    padding: 0;
}

.reg-block .simpleregister-button-block {
    margin-top: 0;
}

.reg-block #simpleregister_button_confirm {
    background-color: #887766;
    text-align: center;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    line-height: 40px;
    max-width: 100%;
}

.login-box input[type="submit"] {
    background-color: #887766;
    text-align: center;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
    line-height: 40px;
}

@media (min-width: 768px) {
    .ocf-scroll-y {
        overflow-x: scroll!important;
    }
    .ocf-scroll-y::-webkit-scrollbar {
        width: 2px !important;
        height: 2px !important;
        margin-right: -5px;
    }
}
.filter-body {
    display: none;
}
.filter-body.active {
    display: block;
}
.ocf-filter.ocf-slider.ocf-has-input {
    flex: 100%;
}
.ocf-filter.ocf-slider.ocf-has-input .ocf-filter-body {
    width: 38%;
}
@media (min-width: 768px) {
    .ocf-filter-list.ocf-clearfix {
        max-width: 100% !important;
    }
}


.information_cities_page, .information_cities_page .tcb-preim {
    margin: 0;
}
.information_cities_page .main_page_slider_wrapper {
    padding-top: 0;
}
.information_cities_page .tcb-text p {
    margin-bottom: 0;
}




.new_delivery .grid.row {
    flex-wrap: wrap;
    display: flex;
}
.col-md-4.col-sm-12.flex-wrap.grid__item {
    display: flex;
    padding: 25px 30px;
    border-bottom: 1px solid #e6ecef;
    border-right: 1px solid #e6ecef;
    margin-bottom: 50px;
}
.grid__item .col-12.col-xl-3 {
    width: 25%;
}
.grid__item h5 {
    font-size: 18px;
    line-height: 21px;
    text-align: left;
    margin-bottom: 0.5rem;
    font-weight: 500;
    min-height: 45px;
}
.grid__item p {
    font-size: 15px;
    line-height: 18px;
    color: rgba(0,0,0,.6);
}
span.label.label-pill-danger {
    padding: 4px 14px;
    background-color: #fff2f2;
    color: #ff6c6c;
    font-size: 12px;
    text-align: left;
    display: block;
    border-radius: 6px;
}
.col-md-4.col-sm-12.flex-wrap.grid__item .icon {
    display: block;
    width: 60px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 15px;
}
.last .col-md-4.col-sm-12.flex-wrap.grid__item {
    margin-bottom: 0;
}
.new_delivery .grid.row.last {
    margin-bottom: 50px;
}
.icon-novaposhta {
    background-image: url(/catalog/view/theme/default/images/delivery-np.png);
}
.icon-delivery-home {
    background-image: url(/catalog/view/theme/default/images/delivery-address.png);
}
.icon-delivery-bag {
    width: 45px !important;
    background-image: url(/catalog/view/theme/default/images/delivery-point.svg);
}
.icon-mono {
    background-image: url(/catalog/view/theme/default/images/icon-mono.svg);
}
.icon-wayforpay {
    background-image: url(/catalog/view/theme/default/images/icon-wayforpay.svg);
}
.icon-wallet {
    background-image: url(/catalog/view/theme/default/images/payment-person.png);
}
.icon-privat {
    width: 215px !important;
    background-image: url(/catalog/view/theme/default/images/icon-privat.svg);
}
.icon-apay {
    background-image: url(/catalog/view/theme/default/images/icon-apay.svg);
}
.icon-gpay {
    background-image: url(/catalog/view/theme/default/images/icon-gpay.svg);
}
.head_phone.mob {
    display: none;
}
/* Jet Cache critical css: catalog/view/theme/default/stylesheet/responsive.css */
@media(max-width: 767px) {
	.container {
		max-width: calc(100% - 52px);
		padding-right: 26px;
		padding-left: 26px;
	}	
	
	.header {
		z-index: 10;
		position: relative;
	}
	
	.header2 {
		z-index: 10;
	}
	


	
	.head-account {
        margin-left: -3px;
		margin-top: 12px;
    }
	

	.head-top {
        padding-top: 10px;
		float: right;
		max-width: 260px;
	}
	
	#bannerreviews .item .feedback_item:last-child {
		display: none;
	}

	.mf-title {
        font-size: 24px;
        text-align: center;
	    padding-top: 35px;
	}
	
	.m-first-item p {
		font-size: 16px;
	}
	
	.m-first-item ul li {
		font-size: 16px;
	}
	
	.m-first-item .container .container-wr {
		height: 450px;
		text-align: center;
		vertical-align: top;
	}
	
	.mf-but a {
		margin-left: auto;
		margin-right: auto;
	}
	
	.m-first-item .container {
		height: 450px;
	}
	
	.m-first-item {
		height: 450px;
	}
	
	.m-first-block {
		height: 450px;
	}
	
	h2 {
		font-size: 28px !important;
	}
	
	.m-coffee-master {
		padding: 30px 0px;
    }
	
	.coffee-box {
		margin-top: 30px;
	}
	
	.coffee-type .form-group:last-child {
		margin-left: 40px;
	}
	
	.coffee-type .form-group {
		padding-top: 0px;
	}
	
	.coffee-type:after {
        max-width: 310px;
		left: 0%;
		margin-left: 0px;
    }
	
	.coffee-other-item {
		margin-right: 0px;
	}
	
	.coffee-slider .slide-text {
		font-size: 12px;
	}
	
	.slide-container {
		max-width: 175px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.coffee-other-item:last-child {
		margin-top: 25px;
	}
	
	.coffee-other-item p:first-child {
		text-align: center;
	}
	
	.m-coffee-methods {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.coffee-methods {
		margin-top: 30px;
		padding-bottom: 20px;
	}
	
	.coffee-meth-item {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.m-content-block {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.m-top-sale-slider, .m-specials-slider, .latest_slider {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.m-about-coffee {
		margin-top: 30px;
		padding: 15px;
	}
	
	.m-about-text {
		margin-top: 0px;
	}
	
	.m-about-text h3 {
		font-size: 20px;
	}
	
	.m-about-items {
		max-width: 100%;
		margin-left: 0px;
		display: inline-block;
		vertical-align: top;
		margin-top: 25px;
		text-align: center;
	}
	
	.m-about-item {
		max-width: 130px;
		height: 130px;
    	padding: 10px 10px;
		display: inline-block;
		vertical-align: top;
		margin: 5px 5px;
	}
	
	.m-sidebar {
		max-width: 100%;
        margin-left: 0px;
		margin-top: 30px;
	}
	
	.m-sidebar-faq {
		margin-top: 30px;
	}
	
	.m-faq-text p {
		padding-left: 10px;
		padding-right: 10px;
	}
	

	
	.footer-phones {
		margin-left: auto;
		float: none;
        margin-top: 20px;
		margin-right: auto;
		max-width: 195px;
	}
	
	.footer-info {
		float: none;
		max-width: 246px;
		margin-left: 0px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.footer-info2 .footer-place {
		padding-left: 0px;
		margin-left: 0px;
	}
	

	.footer-info2 {
		float: none;
        text-align: center;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.social {
		margin-top: 10px;
        text-align: center;
	}
	
	.footer-menu {
		float: none;
	}
	
	.footer-menu > ul > li {
		line-height: 35px;
		display: block;
		margin-right: 0px;
		text-align: center;
	}
	

	
	.foo-copyright {
		float: none;
		line-height: 26px;
		text-align: center;
	}
	
	.footer-bottom {
		font-size: 16px;
	}
	
	.foo-payments {
		float: none;
		text-align: center;
        margin-top: 15px;
	}
	
	.opt-first-block {
		padding-top: 80px;
		padding-bottom: 30px;
	}
	
	.opt-first-text h1 {
	    font-size: 24px;
		text-align: center;
	}
	
	.opt-first-text h1 span {
		font-size: 34px;
	}
	
	.opt-first-text p {
		margin-top: 15px;
        font-size: 16px;
        line-height: 1.3;
		text-align: center;
	}
	
	.opt-first-text ul {
		font-size: 16px;
		color: #fff;
        margin-top: 15px;
		text-align: center;
		padding-left: 0px;
	}
	
	.opt-first-form {
		max-width: 310px;
        box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.14);
        padding: 20px 15px;
    	margin-top: 25px;
		margin-left: 0px;
	}
	
	.opt-first-form .opt-form-title {
		font-size: 24px;
	}
	
	.opt-first-form p {
		font-size: 16px;
		font-weight: 400;
	}
	
	.opt-categories {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.opt-cat-item {
	    margin-right: 0px;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.opt-cat-item:last-child {
		margin-bottom: 0px;
	}
	
	.opt-cat-item a {
		font-size: 14px;
		text-align: left;
	}
	
	.opt-preim {
		padding: 30px 0px;
	}
	
	.tcb-preim {
		margin-top: 30px;
	}
	
	.tcb-preim .m-about-item {
		margin-right: 0px;
	}
	
	.opt-coffee-items {
		padding: 30px 0px 0px 0px;
	}
	
	.opt-coffee-products {
		margin-top: 35px;
		text-align: center;
	}
	
	.opt-scheme {
		padding: 30px 0px;
	}
	
	.opt-scheme-box {
		margin-top: 30px;
	}
	
	.opt-scheme-item {
		width: 100%;
		max-width: 150px;
		margin-right: 10px;
		margin-bottom: 25px;
	}
	
	.opt-scheme-item:nth-child(2n) {
		margin-right: 0px;
	}
	
	.opt-dop-info {
		padding: 30px 0px;
	}
	
	.pdi-icon {
		max-width: 100%;
        text-align: center;
	}
	
	.pdi-text {
		max-width: 100%;
        margin-left: 0px;
		margin-top: 10px;
	}
	
	.pdi-title {
		text-align: center;
	}
	
	.opt-dot-info-box .pdi-item p, .pdi-item p {
		font-size: 16px;
	}
	
	.pdi-text ul li {
		font-size: 16px;
	}
	
	.pdi-item {
		margin-right: 0px !important;
		margin-left: 0px !important;
		margin-bottom: 25px;
	}
	
	.pdi-item:last-child {
		margin-bottom: 0px;
	}
	
	.opt-our-buyers {
		padding: 30px 0px;
	}
	
	.opt-feeds {
		padding: 30px 0px;
	}
	
	.opt-feeds-box {
		margin-top: 50px;
	}
	
	.opt-feeds-text {
		padding: 20px 10px;
	}
	
	.opt-feeds-prev {
		left: 100px;
		top: 0%;
		margin-top: -45px;
    }
	
	.opt-feeds-next {
		right: 100px;
		top: 0%;
		margin-top: -45px;
    }
	
	.footer-middle2 .head-href a {
		padding-left: 40px;
		display: block;
		font-size: 16px;
	}
	
	.footer-middle2 .head-href {
		float: none;
        max-width: 205px;
        margin-left: auto;
		margin-right: auto;
	}
	
	.footer-middle2 .head-call {
		float: none;
        margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		max-width: 150px;
	}
	.feedback_bot {
		flex-wrap: wrap;
	}
	.m-brands .m-block-title h2 {

	}
	
	.m-brands-wr {
		width: 100%;
	}
	
	.m-brands-in {
		width: 100%;
	}
	
	.catalog-content-box {
		margin-top: 45px;
	}
	
	.catalog-sidebar {
		max-width: 100%;
	}
	
	.filters-title {
		cursor: pointer;
	}
	
	.filters-items {
		transition: all 0.25s ease-out;
		max-height: 0px;
		overflow: hidden;
		padding: 0px 12px;
	}
	
	.filters-items.shf {
		max-height: 15000px;
		padding: 25px 12px;
		transition: all 0.25s ease-in;
	}
	
	.catalog-main {
		margin-left: 0px;
	}
	
	.sort-line {
		height: auto;
		line-height: 35px;
		padding: 0px 0px;
	}
	
	.products-count {
		float: none;
		text-align: center;
	}
	
	.product-sort {
		font-size: 16px;
		float: none;
		text-align: center;
	}
	
	.sort-select {
		margin-left: 10px;
	}
	
	.category-about {
		margin-top: 30px;
	}
	
	.category-about p {
		padding: 10px;
        margin-bottom: 25px;
        line-height: 1.5;
	}
	
	.catalog-content {
		padding-bottom: 30px;
	}
	
	.bread-box div {
		line-height: 25px;
	}
	
	.product-top {
		padding: 30px 0px;
	}
	
	.prod-gal-single .slick-slide div {
		height: 250px;
	}
	
	.prod-gal-single .slick-slide div a {
		height: 250px;
		display: block;
	}
	
	.pgn-item {
		height: 75px;
		max-width: 76px;
	}
	
	.pgn-item img {
		max-height: 65px;
		max-width: 108px;
		width: 100%;
    }
	
	.product-info-box {
		margin-left: 0px;
		margin-top: 25px;
	}
	
	.product-info-box h1 {
		text-align: center;
		font-size: 24px;
	}
	
	.product-rating {
		text-align: center;
	}
	
	.product-code {
		text-align: center;
	}
	
	.product-dop-info-box {
		text-align: center;
	}
	
	.product-status {
	    text-align: center;
		max-width: 150px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	
	.product-dop-info-box {
		text-align: center;
	}
	
	.product-page-cost-box {
		text-align: center;
	}
	
	.product-dop-info-right {
		margin-left: 0px;
		margin-top: 20px;
	}
	
	.product-weight-box {
		text-align: center;
	}
	
	.product-kol-box {
		text-align: center;
	}
	
	.product-control-buts {
		text-align: center;
		margin-top: 30px;
		padding-bottom: 30px;
	}
	
	.product-cb-buy-one {
		max-width: 265px;
		margin-left: 0px;
		margin-top: 20px;
	}
	
	.product-char {
		text-align: center;
	}
	
	.product-char-box {
		text-align: center;
	}
	
	.product-char-item {
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.tablinks {
		line-height: 50px;
        padding: 0px 17px;
        font-size: 16px;
    }
	
	.tabcontent {
		padding: 20px 10px;
	}
	
	.products-feeds-list {
		padding: 10px;
        padding-top: 10px;
	}
	
	.products-feeds-item {
		padding: 15px 0px;
    }
	
	.product-add-feed {
		padding: 30px 0px;
	}
	
	.product-dop-info {
		padding: 30px 0px;
	}
	
	.showed-products .m-block-title h2 {
		max-width: 240px;
		text-align: left;
	}

	.text-content-block {
		padding: 30px 0px;
	}
	
	.tcb-cont-info {
		margin-left: 0px;
		padding-top: 40px;
		padding-bottom: 15px;
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.tcb-cont-info-item {
        font-size: 18px;
	}
	
	.tcb-form {
		width: 100%;
		margin-top: 30px;
	}
	
	.tcb-form-box .agFreeFormW .agFreeFormLine:nth-child(1) {
		margin-right: 0px;
	}
	
	#thank .modal-block, #thank2 .modal-block, #thank3 .modal-block {
		width: 100%;
		padding: 10px 10px;
        box-sizing: border-box;
	}
	
	#thank .modal-block p span, #thank2 .modal-block p span, #thank3 .modal-block p span {
		padding-left: 40px;
	}
	
	#thank .modal-block p, #thank2 .modal-block p, #thank3 .modal-block p {
		font-size: 18px;
	}
	
	#subscribe .modal-block {
		width: 100%;
		padding: 10px 10px 14px 10px;
		text-align: center;
	}
	
	.login-box .h2-title {
		font-size: 20px;
        text-align: center;
		padding-top: 20px;
	}
	
	#subscribe input[type="email"] {
		height: 50px;
	}
	
	#subscribe button {
		height: 50px;
        font-size: 15px;
        line-height: 50px;
        max-width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}
	
	.thank-box {
		padding: 40px 0px;
	}
	
	.thank-box h1 {
		font-size: 22px;
        line-height: 55px;
		padding: 0px 35px;
	}
	
	.thank-order {
		margin-top: 30px;
		font-size: 20px;
	}
	
	.thank-but {
		margin-top: 40px;
	}
	
	.block-404 {
		padding: 40px 0px;
	}
	
	.box-404 h1 {
		font-size: 85px;
	}
	
	.box-404 p {
		font-size: 18px;
	}
	
	.but-404 {
		margin-top: 40px;
	}
	
	#login .modal-block, #reg .modal-block {
		width: 100%;
		padding: 0px 0px;
	}
	
	.login-box form input[type="email"], .login-box form input[type="text"], .login-box form input[type="tel"], .login-box form input[type="password"] {
		height: 50px;
		margin-bottom: 10px;
	}
	
	.login-box button {
		height: 50px;
        font-size: 16px;
        line-height: 50px;
        transition: all 0.25s ease-out;
		max-width: 100%;
		border: 0px;
	}
	
	.other-option {
		margin-top: 15px;
	}
	
	.lost-pass {
		margin-top: 10px;
		paddin-bottom: 10px;
	}
	
	.simpleregister-button-block a {
		max-width: 100%;
	}
	
	#cart .modal-block {
		width: 100%;
		padding: 0px 0px;
	}
	
	.basket-item-img {
		display: none;
	}
	
	.basket-item-name {
		float: none;
		width: 100%;
		max-width: 100%;
		margin-left: 0px;
		text-align: center;
	}
	
	.basket-item-name a span {
        height: auto;
		text-align: center;
	}
	
	.basket-item-name a {
		height: auto;
        font-size: 16px;
    }
	
	.basket-item-single-cost {
		display: none;
	}
	
	.basket-item-kol {
		margin-left: 0px;
        max-width: 100%;
		float: none;
		padding-top: 0px;
		margin-top: 15px;
	}
	
	.basket-item-cost {
	    margin-left: 0px;
		text-align: center;
		line-height: 1;
        max-width: 100%;
		float: none;
        font-size: 18px;
		margin-top: 15px;
	}
	
	.basket-item-delete {
		height: 30px;
		max-width: 100%;
        float: none;
        margin-top: 10px;
	}
	
	.checkout-basket-item:before {
		display: none;
	}
	
	.checkout-basket-item {
		padding: 10px 0;
	}
	
	.basket-close {
		float: none;
        max-width: 100%;
	}
	
	.basket-close button {
		height: 50px;
        line-height: 50px;
	}
	
	.basket-next-step {
		float: none;
		max-width: 100%;
		margin-top: 10px;
	}
	
	.basket-next-step a {
		height: 50px;
		line-height: 50px;
    }
	
	#oneclickbuy .modal-block, #oneclickbuy_opt .modal-block {
		width: 100%;
		padding: 0px 0px;
		overflow-y: hidden;
	}
	
	.basket-item-name > span {
		height: auto;
        font-size: 16px;
	}
	
	.basket-item-name > span > span {
		height: auto;
		text-align: center;
	}
	
	#oneclickbuy form input[type="text"], #oneclickbuy form input[type="tel"], #oneclickbuy_opt form input[type="text"], #oneclickbuy_opt form input[type="tel"] {
		height: 50px;
	}
	
	#oneclickbuy .agFreeFormLine:first-child, #oneclickbuy_opt .agFreeFormLine:first-child {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	#oneclickbuy .agFreeFormSubmit, #oneclickbuy_opt .agFreeFormSubmit {
		max-width: 100%;
        margin-left: 0px;
	}
	

	#oneclickbuy .agFreeFormSubmit button, #oneclickbuy_opt .agFreeFormSubmit button {
		height: 50px;
		font-size: 16px;
		line-height: 50px;
		margin-top: 10px;
	}
	
	#oneclickbuy .agFormCustwrap, #oneclickbuy_opt .agFormCustwrap {
		margin-top: 0px;
	}
	
	.h2-title {
		margin-bottom: 10px;
	}
	
	#oneclickbuy .agPopFContent {
		overflow-y: hidden;
	}
	
	.checkout-block {
		padding: 30px 0px;
	}
	
	.checkout-form-box {
		padding: 10px 10px;
	}
	
	.checkout-box {
		margin-top: 30px;
	}
	
	.checkout-form-part {
		padding: 20px 0px;
	}
	
	.checkout-form-part-box.personal .form-group:nth-child(1), .checkout-form-part-box.personal .form-group:nth-child(2), .checkout-form-part-box.personal .form-group:nth-child(3) {
		margin-bottom: 15px;
	}
	
	.checkout-form-part-box.personal .form-group {
		margin-right: 0px;
	}
	
	.checkout-form-part-box.personal {
		margin-top: 30px;
	}
	
	.checkout-form-part-box.basket {
		margin-top: 30px;
	}
	
	.checkout-form-part-box.basket ul {
		padding-left: 0px;
	}
	
	.checkout-form-part-box.basket .basket-item-kol {
		text-align: center;
	}
	
	.checkout-basket-total {
		padding-right: 0px;
		text-align: center;
		padding-left: 0px;
	}
	
	.checkout-form-subpart {
		width: 100%;
	}
	
	.checkout-form-subpart .checkout-form-part-box {
		margin-top: 30px;
	}
	
	.checkout-form-subpart2 {
		margin-top: 0px;
	}
	
	.account-block {
		padding: 30px 0px;
	}
	
	.account-left-sidebar {
		max-width: 100%;
	}
	
	.account-main-content {
		margin-left: 0px;
		margin-top: 30px;
	}
	
	.account-data-box .simpleregister-button-block a {
		margin-left: auto;
		margin-right: auto;
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
	
	.account-password-content .pull-right, .account-password-content .pull-left {
		text-align: center;
	}
	
	.account-password-content input[type="submit"] {
		height: 50px;
		font-size: 16px;
		line-height: 50px;
	}
	
	.account-password-content form {
		max-width: 100%;
	}
	
	.addr-butts {
		margin-top: 25px;
		text-align: center;
	}
	
	.acc-orders-box .basket-item-single-cost {
		display: block;
		margin-left: 0px;
		text-align: center;
		line-height: 1;
        max-width: 100%;
		float: none;
		font-weight: 500;
		font-size: 18px;
		margin-top: 15px;
	}
	
	.basket-item-count {
		margin-left: 0px;
		text-align: center;
		line-height: 1;
        max-width: 100%;
		float: none;
		font-weight: 500;
		font-size: 18px;
		margin-top: 15px;
	}
	
	.acc-order-cos-item {
		line-height: 40px;
		font-size: 0;
		text-align: center;
	}
	
	.acc-order-cos-item div:last-child {
	    width: auto;
		font-size: 18px;
        margin-left: 10px;
	}
	
	.acc-order-status-info {
		line-height: 45px;
        padding-left: 20px;
		padding-right: 20px;
	}
	
	.acc-order-status-number {
		float: right;
		width: 100%;
		text-align: right;
		max-width: 140px;
		margin-left: 0px;
	}
	
	.acc-order-status-status {
		margin-left: 0px;
		float: left;
		width: 100%;
		text-align: center;
		max-width: 310px;
	}
	
	
	.account-subs-box .pull-right, .account-subs-box .pull-left {
		text-align: center;
	}
	
	.account-subs-box input[type="submit"] {
		height: 50px;
		font-size: 16px;
		line-height: 50px;
	}

	#call .modal-block {
		width: 100%;
		padding: 0px 0px;
		padding-top: 25px;
		overflow: hidden;
	}
	
	#call form input[type="text"], #call form input[type="tel"] {
		height: 50px;
		margin-bottom: 10px;
	}
	
	#call .agFreeFormSubmit {
		max-width: 100%;
		margin-left: 0px;
	}
	
	#call .agFreeFormSubmit button {
		height: 50px;
		font-size: 16px;
		line-height: 50px;
		/*margin-top: 10px;*/
	}

	.header2 .head-top {
		height: auto;;
	}
	
	.header2.scrolled .head-top {
        max-width: 260px;
	}
	
	.header2 .header-bottom {
		float: left;
		margin-top: 0px;
	}
	
	.header2.scrolled .header-bottom {
		max-width: 40px;
		float: left;
	}
	
	.header2.scrolled {
		height: 50px;
		max-height: 50px;
	}

	
	.header2 {
		background-color: #383d40;
	}
	
	.header2 {
		height: 60px;
		max-height: 60px;
	}
	
	.head-menu > ul > li {
		margin-right: 0px;
    }
	
	#menu2 {
		text-align: left;
	}
	
	.product-item-banner {
		padding: 20px;
	}
	
	.articles-item {
		margin-right: 0px;
	}
	
	.aos-head {
		display: none;
	}
	
	.article-text-box img {
		max-width: 100%;
		height: auto;
	}

}

@media (max-width: 1229.92px) {
	.container {
		max-width: calc(100% - 84px);
		padding-left: 0;
		padding-right: 0;
	}
	.head-top .head_delivery_info {
		display: none;
	}
	.header .head-search {
		max-width: 260px;
	}
	.m-top-sale-box {
		box-shadow: none;
		background: none;
	}
	.m-top-sale-slider .owl-stage-outer, .m-specials-slider .owl-stage-outer, .latest_slider .owl-stage-outer {
		margin-right: -42px;
	}

	.head-search input[type="text"] {
		max-width: 100%;
		width: 223px;
		color: #2e3234;
    }
	.head-info {
		margin-left: 30px;
		max-width: 145px;
    }
  	.head_phone a {
		font-size: 16px;
    }
	.head-call a {
		font-size: 13px;
	}
	.head-lang-la {
		padding-left: 0;
	}



	.menu-but, .menu-but2 {
		display: block;
		width: 32px;
		height: 20px;
		box-sizing: border-box;
		background-position: center center;
		background-repeat: no-repeat;
		background-image:url('https://coffeestory.in.ua/catalog/view/theme/default/images/mob_burger.svg');
		cursor: pointer;
	}
	#menu {
		max-height: 0px;
		/*overflow: hidden;*/
		transition: all 0.5s ease-out;
		max-height: 0px;
		position: absolute;
		overflow: hidden;
		left: 0px;
		top: 60px;
		width: 310px;
		background-color: #fff;
		z-index: 3;
		box-sizing: border-box;
		padding-left: 14px;
		padding-right: 14px;
	}
	
	#menu.show {
		max-height: 1500px;
		opacity: 1;
		transition: all 0.5s ease-in;		
		
	}
	
	.head-menu > ul > li {
		line-height: 35px;
		display: block;
	}
	
	.head-menu > ul > li:first-child {
		padding-top: 15px;
		padding-bottom: 0;
	}
	
	.head-menu > ul > li:last-child {
		padding-bottom: 15px;
	}
	.head-menu > ul > li:first-child > a {
		background: #fff url(https://coffeestory.in.ua/catalog/view/theme/default/images/ico_burger.svg) 0 11px no-repeat;
		font-weight: bold;
		font-size: 15px;
		line-height: 100%;
		padding: 7.5px 0 10.5px 20px;
		color: #887766;
	}

	.head-menu > ul > li > ul {
		position: relative;
		width: 100%;
		left: auto;
		top: auto;
		z-index: 5;
		padding-left: 20px;
		list-style-type: none;
		max-height: 1500px;
		overflow: hidden;
		transition: all 0.5s ease-out;
		padding-top: 5px;
	}
	
	.head-menu > ul > li > ul > li {
		line-height: 35px;
	}
	
	.head-menu > ul > li > ul > li > a {
		font-size: 16px;
		line-height: 100%;

		padding: 7.5px 0;
		color: #211A14;
	}
	
	.head-menu > ul > li > a {
		text-decoration: none;
		color: #211A14;
		position: relative;
	}
	.head-menu > ul > li {
		font-size: 16px;
		line-height: 100%;
		padding: 7.5px 0;
    }
	.head-href {
		float: right;
		max-width: 40px;
		padding-top: 18px;
		padding-left: 0px;
		font-size: 0;
	}
	
	.head-href a {
		padding-left: 40px;
		display: block;
		font-size: 0px;
	}
	
	#menu2 {
		max-height: 0px;
		/*overflow: hidden;*/
		transition: all 0.5s ease-out;
		max-height: 0px;
		position: absolute;
		overflow: hidden;
		left: 0px;
		top: 56px; /*60*/
		width: 310px;
		background-color: #383d40;
		z-index: 3;
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#menu2.show {
		max-height: 1500px;
		opacity: 1;
		transition: all 0.5s ease-in;		
		
	}
	
	.header2 .header-bottom {
		overflow: initial;
	}
	
	.header-bottom .head_delivery_info {
		display: block;
		margin-left: 40px;
	}

	.head-menu {
		max-width: inherit;
		position: relative;
		width: auto;
	}
	.head_menudelivery {
		display: flex;
		align-items: center;
	}
	.head-logo-bottom {
        max-width: 200px;
	}
	.head-work-time {
        font-size: 15px;
	}

	.header.scrolled .head-logo-bottom {
		max-width: 130px;
		padding-top: 15px;
	}
	
	.header.scrolled .head-logo-bottom a div, .header.scrolled .head-logo-bottom div {
		font-size: 17px;
	}
	
	.header.scrolled .head-logo-bottom a p, .header.scrolled .head-logo-bottom p {
		display: none;
	}
	
	.header2.scrolled .header-bottom {
		max-width: 450px;
	}
	
	.head-href a {
		font-size: 0px;
	}
	
	.head-href {
        max-width: 33px;
		padding-top: 20px;
	}
	
	.header2.scrolled .head-top {
		float: left;
		max-width: 280px;
	}
	
	.header2 .header-bottom {
		margin-top: 5px;
	}
	
	.header2.scrolled {
		height: 65px;
		max-height: 65px;
	}
	
	.header2 .head-href {
        padding-left: 100px;
	}
	
	.opt-first-block {
		padding-top: 100px;
		padding-bottom: 30px;
	}
	
	.opt-first-text {
        max-width: 400px;
	}
	
	.opt-first-text h1 {
        font-size: 28px;
	}
	
	.opt-first-text h1 span {
		font-size: 46px;
	}
	
	.opt-first-text p {
        font-size: 19px;
	}
	
	.opt-first-text ul {
		font-size: 19px;
	}
	
	.opt-first-form {
		max-width: 335px;
        padding: 20px;
        margin-top: 20px;
		margin-left: 15px;
	}
	
	.opt-first-form .opt-form-title {
		font-size: 26px;
	}
	
	.opt-cat-item a {
        line-height: 50px;
        font-size: 16px;
        padding: 0px 20px;
        padding-left: 40px;
		background-position: 10px 50%;
		background-size: 20px auto;
    }
	
	.opt-cat-item {
        margin-right: 15px;
	}
	
	.opt-preim {
        padding: 40px 0px;
	}
	
	.m-about-item {
        margin-bottom: 25px;
	}
	
	.m-about-item:nth-child(3n) {
		margin-right: 0px;
	}
	
	.opt-coffee-items {
		padding: 30px 0px 10px 0px;
	}
	
	.opt-coffee-products {
		margin-top: 30px;
		text-align: center;
	}
	
	.opt-scheme {
		padding: 40px 0px;
	}
	
	.opt-scheme-box {
		margin-top: 30px;
	}
	
	.opt-scheme-item:nth-child(2n) {
		margin-right: 0px;
	}
	
	.opt-scheme-item:nth-child(1), .opt-scheme-item:nth-child(2) {
		margin-bottom: 30px;
	}
	
	.opt-dop-info {
        padding: 40px 0px;
	}
	
	.opt-dot-info-box .pdi-item:first-child {
		margin-right: 0px;
	}
	
	.opt-dot-info-box .pdi-item {
		max-width: 100%;
		text-align: left;
		margin-bottom: 25px;
	}
	
	.opt-dot-info-box .pdi-item:last-child {
		margin-left: 0px;
		margin-bottom: 0px;
	}
	
	.opt-our-buyers {
		padding: 40px 0px;
	}
	
	.tcb-preim {
		margin-top: 30px;
	}
	
	.opt-feeds {
        padding: 40px 0px;
	}
	
	.opt-feeds-box {
		margin-top: 30px;
	}
	
	
	.footer-phones {
		margin-left: 45px;
        margin-top: 0px;
	}
	
	.footer-info {
        margin-top: 0px;
	}
	
	.footer-info2 {
		float: right;
		max-width: 100%;
	}
	.contacts_info_tabs {
		padding-top: 30px !important;
	}
	
	.footer-middle2 .head-href {
		padding-left: 0px;
		font-size: 16px;
	}
	
	.footer-middle2 .head-href a {
		font-size: 16px;
	}
	
	.foo-copyright {
		width: 100%;
		max-width: 405px;
	}
	
	#oneclickbuy_opt .modal-block, #oneclickbuy .modal-block {
		width: 670px;
		padding: 30px 10px;
		box-sizing: border-box;
	}
	
	.basket-item-name {
        max-width: 340px;
	}
	
	.basket-item-kol {
		margin-left: 330px;
        padding-top: 5px;
	}
	
	.basket-item-cost {
        line-height: 43px;
	}
	
	#oneclickbuy_opt .agFreeFormLine, #oneclickbuy .agFreeFormLine {
		max-width: 315px;
	}
	
	#oneclickbuy_opt .agFreeFormLine:first-child, #oneclickbuy .agFreeFormLine:first-child {
		margin-right: 15px;
	}
	
	#oneclickbuy_opt .agFreeFormSubmit {
        margin-left: 0px;
        margin-top: 15px;
	}
	
	#call .modal-block {
		width: 342px;
		padding: 30px 20px;
	}
	
	#call .agFreeFormLine:first-child {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	#call .agFreeFormLine {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	#call .agFreeFormSubmit {
        margin-left: 0px;
		max-width: 100%;
	}
	
	.mf-title {
        font-size: 38px;
	}
	
	.m-first-item ul li {
		font-size: 18px;
	}
	
	.m-first-item p {
		font-size: 18px;
	}
	
	.m-first-item .container .container-wr {
        height: 500px;
	}
	
	.m-first-item .container {
        height: 500px;
	}
	
	.m-first-item {
        height: 500px;
	}
	
	.m-first-block {
        height: 500px;
	}
	
	.coffee-box {
        margin-top: 30px;
	}
	
	.coffee-other-item {
        max-width: 360px;
	}
	
	.coffee-slider .slide-text {
        font-size: 12px;
	}
	
	.slide-container {
        max-width: 220px;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.coffee-master-but {
		margin-top: 30px;
	}
	
	.product-item {
        max-width: 100%;
	}
	
	.m-content {
        max-width: 500px;
	}
	
	.m-sidebar {
        max-width: 230px;
		margin-left: 30px;
	}
	
	h2 {
        font-size: 24px;
	}
	.feedback_block {
		max-width: 100% !important;
	}
	.feedback_block h3 {
		margin-top: 127px;
	}
	
	.m-news-img {
        height: 205px;
	}
	
	.m-news-text a {
        height: 205px;
	}
	
	.m-about-items {
        max-width: 100%;
		margin-left: 0px;
		margin-top: 30px;
		text-align: center;
    }
	
	.m-about-item {
		display: inline-block;
		vertical-align: top;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.m-brands-in {
        width: 158px;
	}
	.footer-menu {
		padding: 25px 0 47px 0;
	}
	.contacts_info_tabs .foot_rb_left {
		display: block;
	}
	.footer-menu > ul > li {
		line-height: 17px;
        margin-right: 0;
		margin-left: 0;
	}

	.footer-menu > ul {
		text-align: center;
	}
	.foot_rb_right {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		width: 100%;
		height: 36px;
		align-items: center;
	}
	.foot_rbr_top {
		margin-bottom: 0;
	}
	.foot_wrap {
		padding-bottom: 52px;
	}
	
	.footer-subs a {
		max-width: 240px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.tcb-cont-info {
		max-width: 330px;
        margin-left: 20px;
		padding-top: 50px;
	}
	
	.tcb-map {
		max-width: 410px;
	}
	
	.tcb-map iframe {
		height: 350px !important;
	}
	

	
	.catalog-sidebar {
        max-width: 240px;
	}
	
	#mfilter-opts-price-min, #mfilter-opts-price-max {
		width: 100px !important;
		min-width: 100px !important;
		max-width: 100px !important;
	}
	
	.catalog-main {
        max-width: 500px;
		margin-left: 20px;
	}
	
	.sort-select {
        margin-left: 5px;
	}
	
	.product-sort {
        font-size: 14px;
    }
	
	.products-count {
        font-size: 14px;
	}
	
	.sort-line {
        padding: 0px 15px;
	}
	
	#cart .modal-block {
		width: 100%;
		padding: 0px 0px;
		overflow-y: hidden;
		padding-top: 20px;
	}
	
	#cart .basket-item-single-cost {
		margin-left: 10px;
    }
	
	.checkout-basket-item {
		padding-top: 0px;
	}
	
	.basket-item-delete {
		position: absolute;
		right: 0px;
		top: 0px;
		height: 100%;		
	}
	
	.checkout-basket-total {
		margin-top: 20px;
		padding-right: 0px;
	}
	
	.deliv-cost-line {
		margin-top: 10px;
	}
	
	.product-top-box {
		text-align: center;
	}
	
	.product-info-box {
        max-width: 650px;
        margin-left: 0px;
		margin-top: 30px;
		text-align: left;
	}
	
	.product-info-box h1 {
		text-align: center;
	}
	
	.product-control-buts {
        text-align: center;
	}
	
	.product-top {
		padding: 40px 0px;
	}
	
	.product-dop-info {
		padding: 40px 0px;
	}
	
	.pdi-item:first-child {
		max-width: 100%;
		margin-right: 0px;
		margin-bottom: 25px;
	}
	
	.pdi-item {
        max-width: 100%;
	}
	
	.pdi-item:last-child {
		max-width: 100%;
		margin-left: 0px;
		margin-top: 25px;
	}
	
	.checkout-form-box {
        padding: 30px 30px;
    }
	
	.checkout-form-part {
        padding: 20px 0px;
	}
	
	.checkout-form-part-box {
		margin-top: 30px;
	}
	
	.checkout-form-part-box.personal .form-group:nth-child(1), .checkout-form-part-box.personal .form-group:nth-child(2) {
		margin-bottom: 20px;
	}
	
	.checkout-form-part-box.personal .form-group {
		max-width: 330px;
		margin-right: 20px;
	}
	
	.checkout-basket-items ul {
		padding-left: 0px;
	}
	
	.block-404 {
        padding: 50px 0px;
	}
	
	.box-404 {
        max-width: 100%;
	}
	
	.box-404 h1 {
		font-size: 100px;
	}
	
	.box-404 p {
        font-size: 20px;
        margin-top: 30px;
	}
	
	.but-404 {
		margin-top: 30px;
	}
	
	.thank-box {
		padding: 50px 0px;
    }
	
	.thank-order {
		margin-top: 30px;
	}
	
	.thank-but {
		margin-top: 30px;
	}
	
	.compare-box table tr td:first-child {
        width: auto;
	}
	
	.compare-box table td {
        padding-left: 15px;
	}
	
	.account-left-sidebar {
        max-width: 230px;
	}
	
	.account-navigation ul li {
        font-size: 16px;
        padding-left: 15px;
	}
	
	.account-navigation ul li a {
		line-height: 40px;
	}
	
	.account-main-content {
        max-width: 510px;
	}
	
	.account-orders-block .basket-item-name {
		max-width: 330px;
	}
	
	.account-orders-block .basket-item-single-cost {
        line-height: 40px;
	}
	
	.account-orders-block .basket-item-count {
        line-height: 40px;
	}
	
	.account-orders-block .basket-item-cost {
		line-height: 40px;
	}

	.acc-order-status-info {
		line-height: 50px;
        padding-left: 20px;
		padding-right: 20px;
		font-size: 14px;
	}
	
	.acc-order-status-date {
        max-width: 75px;
	}
	
	.acc-order-status-number {
        margin-left: 20px;
		max-width: 100px;
	}
	
	.acc-order-status-status {
		margin-left: 20px;
        max-width: 250px;
	}
	.mi-znaem {
		display: block;
	}
	.mi-znaem .block-left {
		margin: 0 auto;
		height: 255px;
		padding: 24px 0 0 182px;
	}
	.mi-znaem .block-right {
		width: 100%;
		max-width: 100%;
		padding-top: 38px;
	}
	.acc-order-item {
        margin-bottom: 25px;
	}
	
	.product-item-banner {
		padding: 20px;
	}
	.mi-znaem .block-left {

	}
	.aos-head {
		display: none;
	}

	.foot_wrap {
		flex-direction: column;
	}
	.foot_left {
		width: 100% !important;
		max-width: 100%;
		margin-right: 0;
		display: flex;
		justify-content: space-between;
	}
	.foot_right_bot .foot_rb_left {
		display: none;
	}
}
@media(max-width: 1249.92px) {
	.owl-stage-outer:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		left: 915px;
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	}
	.feedback_block .owl-stage-outer:after,
	.m-brands-slider .owl-stage-outer:after {
		display: none;
	}
}
@media(max-width: 985.92px) {
	.owl-stage-outer:after {
		left: 620px;
	}
}
@media(max-width: 645.92px) {
	.owl-stage-outer:after {
		left: 325px;
	}
}
@media(max-width: 600px) {
	.m-brands-slider .owl-stage-outer:after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		left: calc(50% + 90px);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 20%, rgba(255,255,255,1) 100%);
		z-index: 1;
	}
	.m-brands-slider .owl-stage-outer:before {
		content: "";
		display: block;
		position: absolute;
		right: calc(50% + 90px);
		top: 0;
		bottom: 0;
		left: 0;
		background: linear-gradient(270deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 20%, rgba(255,255,255,1) 100%);
		z-index: 1;
	}
}
@media(max-width: 1199.92px) {
	.coffee-methods {
		padding-top: 22px;
		padding-bottom: 5px;
		margin-top: 0;
		justify-content: center;
		width: 750px;
		max-width: 100%;
		margin: 0 auto;
	}
	.m-coffee-methods h2 {
		margin-bottom: 0;
	}

	.coffee-meth-item {
		margin: 0 19px 22px 19px;
	}
	.utp_block.top_utp {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 600px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
	}
	.utp_block.top_utp .top_utp_item {
		width: 285px;
		max-width: 285px;
		flex: 0 0 285px;
		margin-bottom: 40px;
	} 
	.main_page_slider_wrapper {
		padding: 40px 0px 42px;
	}
	.feedback_info .glyphicon-star {
		width: 17px;
		height: 17px;
		margin: 0 6px 0 0;
	}
	
}
@media(max-width: 835px) { 
	.container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		width: 750px;
	}
}
@media (max-width: 1199.92px) and (min-width: 992px) { 
	.utp_block.top_utp {
		width: 100%;
		flex-wrap: nowrap;
	}
	.utp_block.top_utp .top_utp_item {
		width: auto;
		max-width: inherit;
		flex: 0 0 25%;
	}
	.top_utp_item_head {
		font-size: 22px;
		line-height: 25px;
	}
	.top_utp_item_text br {
		display: none;
	}
}
@media(max-width: 767px) { 
	.head_phone.mob {
	    display: block !important;
	    position: relative;
	    width: 30px;
	    margin-right: 15px;
	}
	.head_phone.mob .phone:before {
		width: 25px;
	    height: 25px;
	    background-image: url('https://coffeestory.in.ua/catalog/view/theme/default/images/icon-phone.svg');
	    background-position: 0px 0px;
	    content: "";
	    position: absolute;
	    left: 3px;
	    top: 5px;
        background-size: contain;
	}
	.head_phone.mob a {
        height: 35px;
	    margin: 0;
	    width: 35px;
	}
	.container {
		max-width: calc(100% - 30px);
		padding-left: 0;
		padding-right: 0;
		width: auto;
	}
	.m-brands {
/*		margin: 0 -27px;
		width: calc(100% + 54px)*/;
		margin: 0;
    	width: 100%;
	}
	.head-phones, .head-info, .head-favorites, .head-compare, .head-search, .head-lang, .head-account, .head-top {
		display: none;
	}
	.head-menu .head-search,
	.head-menu .head-lang,
	.head-menu .head-info {
		display: block;
	}
	.head-menu .head-search {
		max-width: 100%;
	}
	.head-search input[type="text"] {
		width: calc(100% - 37px);
	}
	.head-menu > ul > li.search_mob {
		padding-top: 32px;
		padding-bottom: 16px;
	}
	.head-menu > ul > li.contacts_mob {
		padding-top: 16px;
		padding-bottom: 32px;
	}
	.contacts_mob .d-flex {
		justify-content: center;
		align-items: center;
	}
	.contacts_mob .head_phone a {
		margin-top: -2px;
	}
	.head-logo-bottom {
		display: block;
		order: 2;
		width: 128px;
		padding-top: 0;
	}
	.head_menudelivery {
		order: 1;
	}
	.header-bottom_right {
		order: 3;
		margin-right: 10px;
	}
	.head-logo.head-logo-bottom a div, .head-logo.head-logo-bottom div {
		font-size: 20px;
		margin-bottom: -6px;
	}
	.head-logo.head-logo-bottom a p, .head-logo.head-logo-bottom p {
		font-size: 9px;
	}
	.head-basket {
		margin-left: 0;
		margin-right: 0;
	}
	.common-home .main_page_slider_wrapper {
		padding-top: 110px;
	}
	.head-menu {
		position: inherit;
	}
	#menu.show {
		box-shadow: 0px 10000px 0px 10000px #887766;
		overflow: scroll;
		max-height: 100vh !important;
	}
	#menu {
		top: 80px;
		right: -14px;
		left: -14px;
		width: calc(100% + 28px);
	}
	.header {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index: 10;
	}
	.header-bottom .head_delivery_info {
		display: none;
	}
	.search_mob,
	.contacts_mob {
		display: block;
	}
}
@media(max-width:767px) { 
	.m-top-sale-slider .owl-stage-outer, .m-specials-slider .owl-stage-outer, .latest_slider .owl-stage-outer {
		margin-right: -27px;
	}
	.foot_left {
		flex-direction: column;
		width: 230px;
		margin: 0 auto;
	}
	.foot_left .foo-copyright {
		display: none;
	}
	.foot_left .social {
	    float: right !important;
	}
	.contacts_info_tabs {
		padding-top: 40px;
	}
	.footer-menu > ul {
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-menu > ul > li {
	    margin: 5px 9px;
	}
	.footer-menu {
		padding-bottom: 20px;
		padding-top: 15px;
		max-width: 100%;
		width: 384px;
		margin: 0 auto;
	}
	.foot_rb_right {
		display: block;
		height: auto;
	}
	.foot_rbr_top {
		display: block;
	}
	.footer-subs {
		padding-bottom: 12px;
		margin-right: auto;
		margin-left: auto;
	}
	.foot_phone {
		display: block;
		text-align: center;
		width: 100%;
		max-width: 100%;
	}
	.foo-payments {
		justify-content: center;
		margin: 25px 0;
	}
	.foot_wrap {
		padding: 20px 0 !important;
	}
	.foot_rbr_bot .foo-copyright{
		display: block;
		text-align: center;
		width: 100%;
		max-width: 100%;
		float: none;
	}
	.header-bottom .head_delivery_info {
		display: none;
	}
	#latest_module h2,
	.sale_lider h2,
	.akcii_slider h2 {
		text-align: left;
		max-width: calc(100% - 85px);
	}
	.feedback_block h3 {
		margin-top: 113px;
		font-size: 28px;
	}
	.bottom_utp_head {
		font-size: 28px;
	}
	.m-brands {
		margin-top: 0;
	}
	.m-brands h2 {
		text-align: center;
		font-size: 28px;
		width: 248px;
		margin-left: auto;
		margin-right: auto;
		line-height: 130%;
		margin-top: 26px;
		margin-bottom: 15px;
	}
	.shema1 {
		margin-top: -50px;
	}
}







@media(max-width: 620px) {
	#bannerreviews .owl-nav {
		display: none;
	}
	.feedback_item {
		display: block;
		height: 335px;
	}
	.feedback_item > div {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		padding-top: 0;
	}
	.mi-znaem .block-left {
		max-width: 100%;
	}
	.mi-znaem .block-left {
		width: 360px;
		height: 208px;
		margin: 0 auto;
		font-size: 18px;
		background-size: 110%;
		padding: 30px 0 0 160px;
	}
	.coffee-methods {
		justify-content: space-around;
	}
	.coffee-meth-item {
		margin: 0 0 22px 0;
		max-width: 142px;
	}
	.caption.reviews-caption {
		margin-top: 15px;
	}
}
@media(max-width: 420px) {
	.mi-znaem .block-left {
		width: 100%;
		padding: 0;
		background: none;
		height: auto;
		text-align: center;
	}
	.mi-znaem .block-right {
		padding-top: 15px;
	}

}
@media(min-width: 1170px) {
	
}