@import 'https://fonts.googleapis.com/css?family=Roboto';

html {
    overflow-x: hidden
}

.product_full_image img {
    image-rendering: -webkit-optimize-contrast;
}

body {
    font-family: roboto, sans-serif;
    color: #000;
    background-color: #f5f7fa;
    position: relative;
    min-width: 320px;
    overflow-x: hidden;
}

body a {
    color: #000
}

html.menu-open,
body.menu-open {
    overflow: hidden;
    height: 100vh;
}

body a:hover, body a:active, body a:focus {
    text-decoration: none;
    outline: none
}

input {
    outline: none
}

button, button:active, button:focus {
    outline: none !important
}

.form-control:focus {
    border-color: #c5a1c6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #c5a1c6;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #c5a1c6
}

.page {
    left: 0;
    position: relative;
    transition: left .3s ease-in
}

.container-fluid.top_1 {
    border-top: 3px solid #c5a1c6;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 10px;
}

.deliveries_outside a:first-of-type {
    margin-left: 20px
}

.deliveries_outside a {
    color: #000;
    margin-right: 5px
}

.deliveries_outside a:hover {
    text-decoration: none
}

.deliveries_outside a img {
    max-width: 18px;
    margin-top: -3px
}

.contact_account {
    text-align: right
}

.contact_account img {
    max-width: 20px;
    max-height: 16px;
    margin-bottom: 2px
}

.contact_account a:first-of-type {
    margin-right: 10px
}

.contact_account a {
    color: #000
}

.contact_account a:hover {
    text-decoration: none
}

.container-fluid.top_2 {
    background-color: #fff;
    padding: 15px;
    padding-bottom: 0px;
}

.logo img {
    max-width: 100%
}

.phone_chat_search {
    text-align: center;
    padding: 0
}

.phone_chat_search a {
    font-size: 20px;
    color: #5d5d5d;
    margin-right: 5px
}

.phone_chat_search a:hover {
    text-decoration: none
}

.phone_chat_search a span {
    border-bottom: 2px dotted #e9dce9
}

.phone_chat_search a img {
    max-width: 20px;
    max-height: 16px;
    box-sizing: border-box
}

.phone_chat_search .banner_top {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 40px;
    vertical-align: bottom
}

.phone_chat_search .banner_top img {
    max-width: 100%;
    vertical-align: bottom;
    display: inline
}

.phone_chat_search .banner_top img.banner_top_2 {
    display: none
}

.phone_chat_search .banner_top .orders_count {
    display: none;
    position: absolute;
    left: 1px;
    top: 2px;
    color: #fff;
    font-weight: 700;
    font-size: 15px
}

.phone_chat_search_inner {
    text-align: right
}

.row.search_cart_row {
    margin-top: 10px
}

.search {
    text-align: right;
    display: inline-block
}

.search form {
    display: inline-block
}

.top_cart {
    text-align: right;
    cursor: pointer;
    position: relative
}

.search .input-group {
    display: inline-table;
    border: 1px solid #e6e6e6;
    padding: 6px 10px;
    border-radius: 50px;
    width: 190px;
    margin-right: 5px
}

.search .input-group .form-control {
    z-index: 0
}

.search input[type=text] {
    border: none;
    box-shadow: none;
    font-size: 14px;
    padding: 0;
    padding-left: 5px;
    height: 25px
}

.search .input-group-btn {
    font-size: 16px;
    cursor: pointer
}

.search .input-group-btn:hover {
    background-color: #fff
}

.search .glyphicon.glyphicon-search {
    color: #ab0917
}

.top_cart .icon {
    float: right;
    background-color: #6e6a6d;
    width: 41px;
    height: 41px;
    border-radius: 20px;
    text-align: right;
    display: inline-block;
    position: relative
}

.top_cart .icon img {
    position: absolute;
    width: 27px;
    height: 27px;
    top: 7px;
    left: 9px
}

.top_cart .title {
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    color: #6e6a6d;
    text-align: right
}

.top_cart .title .info {
    color: #898989;
    font-weight: 400;
    text-align: left
}

.landing {
    font-weight: 700;
    text-align: center
}

.landing .landing_inner {
    text-align: right
}

.landing .landing_inner span.call {
    display: block;
    color: red
}

.container-fluid.top_3 {
    background-color: #c5a1c6;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1
}

.navbar .container {
    padding: 0
}

.collapse.navbar-collapse {
    padding-left: 0
}

.nav > li {
    padding: 10px 12.5px
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 0;
    color: #fff
}

.nav > li:first-of-type {
    padding-left: 0
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border: none
}

.dropdown:hover .dropdown-menu {
    transform: scale(1)
}

.navbar {
    position: relative;
    min-height: auto;
    margin: 0
}

ul.dropdown-menu {
    border: none;
    border-radius: 0;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all .5s ease 0s;
    display: block;
    padding: 10px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12)
}

.open > .dropdown-menu {
    transform: scale(1)
}

ul.dropdown-menu > li {
    padding: 7px 15px
}

ul.dropdown-menu > li > a {
    transition: all .3s ease-out 0s;
    padding: 0;
    position: relative
}

ul.navbar-nav li a:before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .5s ease 0s;
    visibility: hidden;
    width: 0
}

ul.dropdown-menu li a:before {
    background: #a467a5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all .5s ease 0s;
    visibility: hidden;
    width: 0
}

ul.dropdown-menu > li:hover a {
    color: #a467a5;
    background-color: transparent
}

ul.navbar-nav li:hover > a:before, ul.dropdown-menu li:hover a:before {
    visibility: visible;
    width: 100%;
    opacity: 1
}

.navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-toggle {
    background-color: #c5a1c6;
    float: left;
    margin-left: 5px;
    margin-right: 0;
    width: 30px;
    padding: 0
}

.container.top_4 {
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.sale_banners {
    text-align: center
}

.sale_banners img {
    width: 100%;
    max-width: 615px;
    max-height: 265px
}

.testimonials {
    padding-left: 0;
    padding-right: 5px;
    padding-top: 15px;
    margin-left: -13px;
    overflow: hidden;
    max-height: 265px;
    height: 265px
}

.testimonials > .inner {
    height: 100%;
    overflow: auto
}

.testimonials > .inner::-webkit-scrollbar {
    width: 5px
}

.testimonials > .inner::-webkit-scrollbar-track {
    background: #fff
}

.testimonials > .inner::-webkit-scrollbar-thumb {
    background: #f5f7fa
}

.testimonials > .inner::-webkit-scrollbar-thumb:hover {
    background: #c5a1c6
}

.testimonial {
    color: #632f64;
    color: #632f64;
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 20px;
    display: none;
    line-height: 19px
}

.testimonial .title {
    font-weight: 700
}

.testimonial .stars img {
    width: 16px
}

.testimonial .description {
    padding-top: 5px;
    overflow: hidden
}

ul.left_menu {
    padding: 0;
    margin: 0
}

ul.left_menu li {
    list-style-type: none;
    height: 43px;
    line-height: 43px;
    padding-left: 5px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: content-box;
    overflow: hidden
}

ul.left_menu li:last-of-type {
    border-bottom: none
}

ul.left_menu li a {
    color: #632f64;
    font-family: Arial;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize
}

ul.left_menu li a:hover {
    text-decoration: none;
    color: #a367a4
}

.container.top_5 {
    margin-bottom: 0px;
    padding: 0
}

.sale_banner_full img {
    width: 100%;
    max-width: 100%
}

.banner-slider {
    list-style: none;
    margin: 0;
    padding: 0;
}

.banner-slider li {
    display: none;
    transform: translateX(-100%);
    transition: transform 2s ease-in-out;
}

.banner-slider li.active {
    display: block;
    transform: translateX(0);
}

.container-fluid.bottom_1 {
    background-color: #c5a1c6
}

.signup_text {
    color: #fff;
    font-weight: 700;
    padding: 20px 0
}

.signup_input {
    padding: 10px 0
}

.signup_input input[type=email] {
    border: none;
    box-shadow: none;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 25px;
    border-radius: 20px 0 0 20px;
    display: table-cell;
    width: 100%
}

.signup_input .input-group-btn {
    height: 25px;
    font-size: 13px;
    background-color: #6e6a6d;
    color: #fff;
    padding: 0 20px;
    border-radius: 0 20px 20px 0;
    cursor: pointer
}

span.input-group-btn:hover {
    background-color: #f5f7fa;
    color: #6e6a6d
}

.signup_social {
    padding: 10px 0;
    text-align: center
}

.signup_social div:first-of-type {
    margin-left: 0
}

.signup_social div {
    /*background-color: #fff;*/
    padding: 9px;
    width: 41px;
    height: 41px;
    border-radius: 20px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer
}

.signup_social div {
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}
.signup_social div:hover {
    transform: scale(1.3);
}
.signup_social div img {
    width: 27px;
    height: 27px
}

.icon-mb-2 {
    width: 26px;
    height: 26px;
}
.icon-mb-2 {
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}   
.icon-mb-2:hover {
    transform: scale(1.1);
}

.container-fluid.bottom_2 {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6
}

.bottom_2 .title {
    text-align: center;
    color: #b1b1b1;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px
}

.bottom_2 .landings {
    text-align: center
}

.bottom_2 .landings div:first-of-type {
    margin-left: 0
}

.bottom_2 .landings div {
    display: inline-block;
    margin-left: 15px;
}

.bottom_2 .landings div.col-xs-6 {
    margin: 0;
    text-align: left;
    height: 55px;
    padding: 10px 20px 10px 2px;
    display: list-item;
}


.bottom_2 .landings div a {
    color: #000;
    transition: all .5s;
    font-family: Arial;
    font-size: 15px;
}

.bottom_2 .landings div a:hover {
    text-decoration: none;
    color: #a367a4
}

.bottom_2 .site_map {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px
}

.bottom_2 .site_map a {
    color: #632f64;
    transition: all .5s
}

.bottom_2 .site_map a:hover {
    text-decoration: none;
    color: #a367a4
}

.bottom_2 .site_map img {
    width: 15px
}

.bottom_3 .copyright {
    text-align: center;
    color: #bdbdbd;
    margin-top: 15px;
    margin-bottom: 10px
}

.products .row {
    margin: 0 -30px
}

.products .wrapper {
}

.products .wrapper .inner {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 10px;
    height: 440px;
    margin-bottom: 20px;
    position: relative;
    transition: all .05s;
    transition-timing-function: linear
}

.sale_image {
    width: 70px;
    margin-left: -5px; 
    position: absolute; 
}

.sale_image_detail {
    width: 90px;
    margin-left: -8px;
    position: absolute;
}

.products .wrapper .inner:hover {
    box-shadow: 0 4px 9px rgba(0, 0, 0, .08)
}

.products .wrapper .inner a.product-link {
    width: 100%;
    transition: all .03s;
    transition-timing-function: linear;
}

.products .wrapper .inner .product-link .product-title {
    width: 100%;
    height: 32px;
    text-align: center;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}

.products .wrapper .inner a.product-link:hover {
    color: #a367a4;
    text-decoration: none
}

.products .wrapper .inner .stars {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}

.products .wrapper .inner .stars img {
    max-width: 20px;
    max-height: 20px
}

.products .wrapper .inner .rating {
    display: inline-block;
    font-size: 11px;
    color: #5b5b5b
}

.products .wrapper .inner .based {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #5b5b5b
}

.products .wrapper .inner .old_product_list {
    font-size: 17px;
    text-align: center;
}

.products .wrapper .inner .old_price_list {
    color: #d60d1e;
    font-size: 16px;
    text-align: center;
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    width: 100%;
    margin-left: 2%;
}

.your_save {
    color: #d60d1e;
    font-size: 16px;
    text-align: center;
    width: 100%;
    margin-left: 2%;
}

.shop_compare_save {
    color: #d60d1e;
    font-size: 15px;
    text-align: center;
    width: 90%;
    margin-left: 3%;
    margin-top: 10px;
    font-weight: bolder;
}

.shop_compare {
    color: #d60d1e;
    font-size: 18px;
    width: 100%;
    margin-top: 10px;
    font-weight: bolder;
}

.products .wrapper .inner .real_price_list {
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin-left: 2%;
    font-weight: bolder;
}

.products .wrapper .inner .old_price {
    color: #d60d1e;
    font-size: 18px;
    text-align: center;
    display: block;
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    bottom: 88px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    position: absolute
}

.products .wrapper .inner .price {
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    display: block;
    bottom: 60px;
    left: 0;
    margin: 0 auto;
    width: 100%;
    position: absolute
}

.products .wrapper .inner .product-image {
    width: 100%;
    height: 262px;
    text-align: center
}

.products .wrapper .inner .product-image .product_image_loader {
    height: 100%;
    background: #fff url(../images/image_loader.gif) center center no-repeat
}

.products .wrapper .inner .product-image .product_image_real {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    max-height: 262px
}

.products .wrapper .inner .add {
    height: 40px;
    width: 70%;
    background-color: #ab0917;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    max-width: 153px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    cursor: pointer
}

.products .wrapper .inner .add:hover {
    background-color: #cb0b1b
}

.add {
    height: 40px;
    width: 70%;
    background-color: #ab0917;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    max-width: 153px;
    left: 0;
    right: 0;
}

.add:hover {
    background-color: #cb0b1b
}

.bottom_category.obituary {
    margin-top: 15px
}

.bottom_category .title {
    border-bottom: 2px solid #c5a1c6;
    padding: 0;
    color: #632f64;
    font-weight: 700;
    font-size: 20px
}

.bottom_category .title h1, .landing_title {
    color: #632f64;
    font-weight: 700;
    font-size: 25px;
    display: inline
}

.bottom_category .title .flower {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #c5a1c6;
    text-align: center;
    padding-top: 5px
}

.bottom_category .title .flower img {
    max-width: 80%
}

.bottom_category .description {
    padding: 10px 0;
    color: #632f64;
    font-size: 14px;
    line-height: 18px
}

.mobile_menu {
    position: fixed;
    width: 270px;
    min-height: 100vh;
    left: -270px;
    top: 0;
    background: #fff;
    z-index: 99999;
    transition: left .3s ease-in;
    overflow: hidden;
    overflow-y: auto;
    max-height: 100vh;
}

.mobile_menu_toggle {
    background-color: #c5a1c6;
    margin-left: 5px;
    margin-right: 0;
    padding: 0;
    position: relative;
    margin-top: 8px;
    margin-bottom: 8px;
    border: none;
    outline: 0;
    color: #fff;
    font-size: 18px;
    text-align: left
}

.mobile_menu_toggle img {
    width: 20px;
    margin-top: -4px
}

a.navbar-link {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin: 8px 5px
}

a.navbar-link:hover {
    text-decoration: none
}

a.navbar-link img {
    width: 20px
}

a.navbar-link .icon {
    background-color: #6e6a6d;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    text-align: right;
    display: inline-block;
    position: relative
}

a.navbar-link .icon img {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 6px
}

.container > .navbar-header {
    float: none
}

.mobile_menu .container {
    padding: 0
}

.mobile_menu li {
    list-style-type: none
}

.mobile_menu ul.wrapper {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.mobile_menu ul.inner {
    display: none;
    padding: 10px 0;
    background-color: #f5f7fa;
    overflow: hidden
}

.mobile_menu ul.wrapper > li:first-of-type {
    background-color: #c5a1c6;
    color: #fff;
    line-height: 45px;
    height: 45px;
    padding-left: 10px;
    font-weight: 700
}

.mobile_menu ul.wrapper > li:first-of-type > a {
    color: #fff;
    font-weight: 700
}

.mobile_menu ul.wrapper > li:first-of-type div.remove {
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    width: 20px;
    height: 20px;
    background-image: url(../images/close_white.svg);
    cursor: pointer;
    transition: all .05s;
    transition-timing-function: linear
}

.mobile_menu ul.wrapper > li:first-of-type div.remove:hover {
    opacity: .7
}

.mobile_menu ul.wrapper li {
    display: block;
    border-top: 1px solid #f0f0f0;
    width: 100%;
    float: left;
    margin-left: 0;
    padding-left: 0;
    position: relative
}

.mobile_menu ul.wrapper li > a {
    display: block;
    overflow: hidden;
    white-space: normal;
    color: #000;
    text-decoration: none;
    padding: 0 10px;
    font-weight: 400;
    width: 200px;
    font-size: 15px;
    font-family: Arial;
    line-height: 45px
}

.mobile_menu ul.wrapper li > span {
    padding-left: 50px;
    padding-right: 10px;
    color: #660c69;
    font-size: 20px;
    font-weight: 700;
    float: right;
    width: 70px;
    height: 45px
}

.mobile_menu ul.wrapper li > span.plus:before {
    content: url(../images/next-001.svg);
    vertical-align: bottom;
    margin-right: 15px
}

.mobile_menu ul.wrapper li > span.minus {
    display: none
}

.mobile_menu ul.wrapper li > span.minus:before {
    content: url(../images/next-002.svg);
    vertical-align: bottom;
    margin-right: 15px
}

.mobile_menu ul.wrapper li li > a {
    padding-left: 15px;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 35px
}

.mobile_menu ul.inner li {
    background-color: #f5f7fa;
    border: none;
    height: 35px
}

.mobile_menu ul.inner li > a {
    padding: 0;
    width: 100%;
    height: 100%
}

.mobile_menu_wrapper {
    display: none;
    opacity: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, .2);
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s ease-in
}

ul.mobile_left_menu {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.mobile_left_menu li {
    height: 46px;
    overflow: hidden
}

.mobile_left_menu li > a {
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
    background-color: #c5a1c6;
    height: 100%;
    width: 100%;
    display: block;
    line-height: 45px;
    font-family: Arial;
    font-size: 15px;
    padding-left: 10px;
    color: #fff
}

div.mobile_search {
    display: none;
    padding: 10px;
    background-color: #fff
}

div.mobile_search .input-group {
    display: inline-table;
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
    border-radius: 50px;
    background-color: #fff
}

div.mobile_search input[type=text] {
    border: none;
    box-shadow: none;
    font-size: 14px;
    padding: 0;
    padding-left: 5px;
    height: 25px
}

div.mobile_search .input-group-btn {
    font-size: 16px;
    cursor: pointer
}

div.mobile_search .input-group-btn {
    background-color: #fff
}

div.mobile_search .glyphicon.glyphicon-search {
    color: #ab0917
}

.container.breadcrumbs_wrapper {
    padding: 14px 0
}

div.breadcrumb_div {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-right: 10px
}

div.breadcrumb_div h1 {
    font-size: 16px;
    margin: 0
}

span.breadcrumb_active {
    color: #c5a1c6
}

div.breadcrumbs_slash {
    display: inline-block;
    color: #7c587e
}

a.breadcrumb_link {
    color: #7c587e
}

div.breadcrumbs_slash {
    display: inline-block;
    margin-right: 10px
}

div.bottom_4 > div.row > div.item {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
    padding: 15px
}

div.bottom_4 > div.row > div.item > a {
    border-bottom: 2px solid #c5a1c6;
    display: block;
    color: #632f64;
    font-size: 25px;
    font-weight: 700;
    transition: color .3s ease-in
}

div.bottom_4 > div.row > div.item > a:hover {
    text-decoration: none;
    color: #c5a1c6
}

div.bottom_4 > div.row > div.item > a > div.title {
}

div.bottom_4 > div.row > div.item > div.description {
    margin-top: 15px
}

div.bottom_4 > div.row > div.item > div.description ul {
    padding-left: 16px;
    margin: 0
}

div.container.product_details_wrapper {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 30px
}

div.container.product_details_wrapper div.image {
    text-align: center
}

div.container.product_details_wrapper div.image > img {
    max-width: 80%
}

div.container.product_details_wrapper div.name > h1 {
    color: #632f64;
    font-size: 25px;
    font-weight: 700
}

div.container.product_details_wrapper div.name > h2 {
    color: #632f64;
    font-size: 25px;
    font-weight: 700
}

div.container.product_details_wrapper div.image .description {
    text-align: justify
}

div.container.product_details_wrapper div.rating {
}

div.container.product_details_wrapper div.rating > div.stars {
    display: inline
}

div.container.product_details_wrapper div.rating > div.stars img {
    width: 20px;
    height: 20px;
    max-width: 20px;
    margin-right: 7px
}

div.container.product_details_wrapper div.rating div.info {
    display: block;
    font-size: 10px;
    color: #818181
}

div.container.product_details_wrapper div.price div.new {
    display: block;
    font-weight: bold;
    font-size: 16px;
}

div.container.product_details_wrapper div.old {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

div.container.product_details_wrapper div.price div.save {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #d60d1e;
}

div.container.product_details_wrapper div.price div.new > span.new_price {
    color: #d60d1e;
    margin-left: 1%;
}

div.container.product_details_wrapper div.price div.old > span.old_price  {
    color: #d60d1e;
    margin-left: 1%;
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
}

div.container.product_details_wrapper div.price div.save > span.save_price {
    color: #000;
    margin-left: 1%;
    font-size: 18px;
    text-transform: uppercase
}

div.container.product_details_wrapper div.sku {
    color: #9f9f9f;
    display: inline;
    float: right;
    margin-right: 30px;
    font-size: 13.5px
}

div.container.product_details_wrapper div.sizes {
    color: #9f9f9f;
    margin-top: 5px;
    overflow: hidden
}

div.container.product_details_wrapper div.size {
    display: inline-block;
    width: 100%;
    max-width: 230px;
    height: 30px;
    line-height: 30px;
    background-color: #f3f3f3;
    margin-bottom: 10px;
    border-radius: 15px;
    color: #434343;
    cursor: pointer
}

div.container.product_details_wrapper div.sizes div.size.active {
    background-color: #fff;
    border: 2px solid #f3f3f3;
    box-sizing: border-box;
    line-height: 26px
}

div.container.product_details_wrapper div.sizes div.size span.name {
    float: left;
    margin-left: 15px
}

div.container.product_details_wrapper div.sizes div.size span.price {
    float: right;
    margin-right: 15px
}

div.container.product_details_wrapper div.sizes div.size.active span.name {
    margin-left: 13px
}

div.container.product_details_wrapper div.sizes div.size.active span.price {
    margin-right: 13px
}

div.container.product_details_wrapper div.sizes div.help {
    display: inline-block;
    background: #fff url(../images/help.svg) center center no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-bottom: 15px;
    line-height: 25px;
    cursor: pointer
}

div.container.product_details_wrapper div.sizes div.help div {
    display: none;
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 10px;
    color: #a3a3a3;
    width: 200px;
    position: absolute;
    z-index: 2;
    margin-top: 25px
}

div.container.product_details_wrapper div.sizes div.help div > span {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    display: block;
    position: absolute;
    top: -5px;
    height: 12px;
    z-index: 2;
    width: 12px;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

div.container.product_details_wrapper div.add_wrapper {
    float: left;
    clear: both;
}

.products .wrapper .inner a .add,
div.container.product_details_wrapper div.add_wrapper a div.add {
    background-color: #6E6A6D;
}

div.container.product_details_wrapper div.add_wrapper div.add {
    display: inline-block;
    width: 160px;
    max-width: 160px;
    text-align: center;
    text-transform: uppercase;
    height: 40px;
    background-color: #ab0917;
    border-radius: 20px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear
}

div.container.product_details_wrapper div.add_wrapper div.add:hover {
    background-color: #cb0b1b
}

div.container.product_details_wrapper div.product_details_wrapper {
}

div.container.product_details_wrapper div.surprise img {
    max-width: 100%
}

div.container.product_details_wrapper div.step {
    font-weight: 700;
    font-size: 20px;
    margin-top: 17px;
    margin-bottom: 10px
}

div.container.product_details_wrapper div.step img {
    padding-right: 10px
}

div.container.product_details_wrapper div.bouquets {
    overflow: hidden;
    position: relative
}

div.container.product_details_wrapper div.bouquets .wrapper {
    float: left;
    width: 90px;
    height: 185px;
    margin-right: 9px;
    border: 1px solid #eee;
    text-align: center;
    position: relative
}

div.container.product_details_wrapper div.bouquets .wrapper .inner {
    padding: 7px
}

div.container.product_details_wrapper div.bouquets .wrapper .inner .image {
    height: 86px;
    position: relative
}

div.container.product_details_wrapper div.bouquets .wrapper .inner .image img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

div.container.product_details_wrapper div.bouquets .container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    margin: 0
}

div.container.product_details_wrapper div.bouquets .container input {
    display: none;
    position: absolute;
    opacity: 0
}

div.container.product_details_wrapper div.bouquets .checkmark {
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #bababa;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 13px
}

div.container.product_details_wrapper div.bouquets .container:hover input ~ .checkmark {
}

div.container.product_details_wrapper div.bouquets .container input:checked ~ .checkmark {
    background-color: #ab0917;
    border: none
}

div.container.product_details_wrapper div.bouquets .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

div.container.product_details_wrapper div.bouquets .container input:checked ~ .checkmark:after {
    display: block
}

div.container.product_details_wrapper div.bouquets .container .checkmark:after {
    display: none;
    width: 8px;
    height: 9px;
    margin: 3px 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

div.container.product_details_wrapper div.bouquets .wrapper .inner span.title {
    color: #818181;
    font-weight: 700;
    font-size: 13.5px;
    line-height: 20px;
    margin-top: 10px;
    display: block
}

div.container.product_details_wrapper div.subscribes {
    overflow: hidden
}

div.container.product_details_wrapper div.subscribes .wrapper {
    float: left;
    width: 90px;
    height: 185px;
    margin-right: 9px;
    border: 1px solid #eee;
    text-align: center
}

div.container.product_details_wrapper div.subscribes .wrapper .inner {
    padding: 7px
}

div.container.product_details_wrapper div.subscribes .wrapper .inner .image {
    height: 86px;
    position: relative
}

div.container.product_details_wrapper div.subscribes .wrapper .inner .image img {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

div.container.product_details_wrapper div.subscribes .container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    margin: 0
}

div.container.product_details_wrapper div.subscribes .container input {
    display: none;
    position: absolute;
    opacity: 0
}

div.container.product_details_wrapper div.subscribes .checkmark {
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #bababa;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 13px
}

div.container.product_details_wrapper div.subscribes .container:hover input ~ .checkmark {
}

div.container.product_details_wrapper div.subscribes .container input:checked ~ .checkmark {
    background-color: #ab0917;
    border: none
}

div.container.product_details_wrapper div.subscribes .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

div.container.product_details_wrapper div.subscribes .container input:checked ~ .checkmark:after {
    display: block
}

div.container.product_details_wrapper div.subscribes .container .checkmark:after {
    display: none;
    width: 8px;
    height: 9px;
    margin: 3px 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

div.container.product_details_wrapper div.subscribes .wrapper .inner span.title {
    color: #818181;
    font-weight: 700;
    font-size: 13.5px;
    line-height: 20px;
    margin-top: 10px;
    display: block
}

.extra_products {
}

.extra_products .wrapper .inner {
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px;
    height: 450px;
    margin-bottom: 20px;
    position: relative;
    transition: all .05s;
    transition-timing-function: linear
}

.extra_products .wrapper .inner a.product-link-extra {
    width: 100%;
    text-align: center;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .03s;
    transition-timing-function: linear;
    outline: none
}

.extra_products .wrapper .inner a.product-link-extra:hover {
    color: #a367a4;
    text-decoration: none
}

.extra_products .wrapper .inner .stars {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 5px
}

.extra_products .wrapper .inner .stars img {
    max-width: 20px;
    display: inline-block
}

.extra_products .wrapper .inner .rating {
    display: inline-block;
    font-size: 11px;
    color: #8b8b8b
}

.extra_products .wrapper .inner .based {
    display: block;
    text-align: center;
    font-size: 10px;
    color: #8b8b8b
}

.extra_products .wrapper .inner .old_price {
    color: #d60d1e;
    font-size: 18px;
    text-align: center;
    display: block;
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    position: absolute;
    bottom: 98px;
    left: 0;
    margin: 0 auto;
    width: 100%
}

.extra_products .wrapper .inner .price {
    color: #3b3b3b;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 65px;
    left: 0;
    margin: 0 auto;
    width: 100%
}

.extra_products .wrapper .inner .product-image {
    width: 100%;
    height: 250px;
    text-align: center
}

.extra_products .wrapper .inner .product-image .product_image_loader {
    height: 100%;
    background: #fff url(../images/image_loader.gif) center center no-repeat
}

.extra_products .wrapper .inner .product-image .product_image_real {
    max-width: 100%;
    max-height: 100%;
    display: unset
}

.extra_products .wrapper .inner .add {
    height: 35px;
    width: 50%;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    color: #ab0917;
    line-height: 35px;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    max-width: 153px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.extra_products .wrapper .inner .add:hover {
}

div.row.extra div {
    font-size: 25px;
    font-weight: 700;
    color: #632f64
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -22px;
    right: 35px;
    display: block;
    width: 27px;
    height: 27px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #ee1818;
    border: none;
    outline: none;
    background: #fff url(../images/extra-back.svg) center center no-repeat;
    background-size: cover
}

.slick-next {
    right: 0;
    background: #fff url(../images/extra-next.svg) center center no-repeat;
    background-size: cover
}

div.container.subcategories div.row {
    margin: 0 -30px
}

div.container.subcategories div.inner {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 10px;
    height: 300px;
    margin-bottom: 20px;
    position: relative;
    transition: all .05s;
    transition-timing-function: linear;
    text-align: center
}

div.container.subcategories div.inner:hover {
    box-shadow: 0 4px 9px rgba(0, 0, 0, .08)
}

div.container.subcategories div.inner div.image {
    width: 100%;
    height: 200px;
    text-align: center;
    margin-bottom: 20px
}

div.container.subcategories div.inner div.image img {
    max-width: 100%;
    max-height: 100%
}

div.container.subcategories div.inner div.image .subcategory_image_loader {
    height: 100%;
    background: #fff url(../images/image_loader.gif) center center no-repeat
}

div.container.subcategories div.inner > a {
    display: inline-block;
    color: #000;
    font-weight: 700
}

div.container.subcategories div.inner > a:hover {
    text-decoration: none;
    color: #a367a4
}

div.container.subcategories div.inner div.count {
    /*border: 1px solid #e6e6e6;*/
    text-align: center;
    /*color: #767676;*/
    color: #999;
    font-size: 13px;
    display: block;
    padding: 0 3px
}

.extra_products .wrapper .inner .add .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.extra_products .wrapper .inner .add .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.extra_products .wrapper .inner .add .container .checkmark {
    position: absolute;
    top: 4px;
    left: 5px;
    height: 25px;
    width: 25px;
    border: 2px solid #bababa;
    border-radius: 5px
}

.extra_products .wrapper .inner .add .container:hover input ~ .checkmark {
    background-color: #c5a1c6
}

.extra_products .wrapper .inner .add .container input:checked ~ .checkmark {
    background-color: #c5a1c6
}

.extra_products .wrapper .inner .add .container .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.extra_products .wrapper .inner .add .container input:checked ~ .checkmark:after {
    display: block
}

.extra_products .wrapper .inner .add .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.container.cart_wrapper {
    padding: 0
}

table.table.cart {
    background-color: #fff;
    margin: 0
}

table.table.cart th:nth-child(1) {
    width: 70%
}

table.table.cart th:nth-child(2) {
    width: 10%
}

table.table.cart th:nth-child(3) {
    width: 15%
}

table.table.cart th:nth-child(4) {
    width: 5%
}

table.table.cart th:nth-child(5) {
    width: 5%
}

table.table.cart tr {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    display: table-row
}

table.table.cart td, table.table.cart th {
    padding: 15px;
    vertical-align: middle;
    color: #777
}

table.table.cart > thead > tr > th {
    font-weight: 400;
    text-transform: uppercase;
    color: #b6b6b6;
    border: none
}

table.table.cart tr td .image {
    width: 80px;
    display: inline-block;
    padding-right: 10px
}

table.table.cart tr td .image > img {
    max-width: 100%
}

table.table.cart tr td .name {
    display: inline-block;
    color: #000
}

table.table.cart tr td .name a {
    color: #000;
    transition: all .5s
}

table.table.cart tr td .name a:hover {
    text-decoration: none;
    color: #a367a4
}

table.table.cart tr td .name span {
    color: #878787
}

table.table.cart tr td .quantity {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    display: inline-block;
    user-select: none
}

table.table.cart tr td .quantity span {
    width: 25px;
    height: 30px;
    background-color: #f3f3f3;
    text-align: center;
    display: inline-block;
    font-size: 23px;
    line-height: 30px;
    cursor: pointer;
    color: #777;
    transition: all .05s;
    transition-timing-function: linear
}

table.table.cart tr td .quantity span:hover {
    background-color: #c5a1c6;
    color: #fff
}

table.table.cart tr td .quantity input {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: none;
    line-height: 30px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    font-size: 20px;
    color: #777;
    text-align: center
}

table.table.cart tr td .remove {
    width: 25px;
    height: 25px;
    background-image: url(../images/close.svg);
    cursor: pointer;
    transition: all .05s;
    transition-timing-function: linear
}

table.table.cart tr td .remove:hover {
    opacity: .7
}

table.table.cart tr.subtotal {
    text-transform: uppercase;
    text-align: right
}

table.table.cart tr.subtotal span.price {
    color: #000;
    font-weight: 700
}

table.table.cart td {
    display: table-cell
}

table.table.cart th, table.table.cart td {
}

table.table.cart td:before {
    content: attr(data-th);
    text-transform: uppercase;
    width: 6.5em;
    display: none;
    font-weight: 400;
    color: #b6b6b6;
    border: none;
    vertical-align: top
}

table.table.cart tbody {
    background-color: #f5f7fa
}

.container.cart_wrapper .buttons {
    text-align: right;
    margin: 25px 0
}

.container.cart_wrapper .buttons a {
    height: 35px;
    background-color: #ab0917;
    color: #fff;
    line-height: 35px;
    border-radius: 20px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 10px
}

.container.cart_wrapper .buttons a.continue {
    background-color: #b4b4b4
}

.container.cart_wrapper .buttons a:hover {
    background-color: #cb0b1b;
    text-decoration: none
}

.container.cart_wrapper .buttons a.continue:hover {
    background-color: #544f4f
}

.container.cart_wrapper h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0
}

.container.cart_wrapper div.coupon_field {
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px;
    font-weight: 700
}

.container.cart_wrapper div.coupon_field div.show_field {
    display: none
}

.container.cart_wrapper div.coupon_field div.hide_field a {
    color: #c5a1c6
}

.container.cart_wrapper div.coupon_field div.show_field .form-control {
    max-width: 200px;
    border-radius: 30px
}

.container.cart_wrapper div.coupon_field div.show_field button {
    height: 34px;
    background-color: #ab0917;
    color: #fff;
    line-height: 34px;
    border-radius: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 30px;
    border: none
}

.container.cart_wrapper div.coupon_field div.show_field button:hover {
    background-color: #cb0b1b
}

.checkout_login_form {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px
}

.checkout_login_form .form-control {
    border-radius: 30px
}

.checkout_login_form div.wrapper div.inner {
    width: 80%;
    margin: 0 auto
}

.checkout_login_form div.wrapper div.inner a {
    color: #b181b2
}

.checkout_login_form div.wrapper div.inner h3 {
    text-transform: capitalize
}

.checkout_login_form div.wrapper div.inner hr {
    margin: 0
}

.checkout_login_form div.wrapper div.inner span {
    margin-bottom: 20px;
    font-size: 16px;
    color: #8b8b8b;
    margin-top: 10px;
    display: block
}

.checkout_login_form div.wrapper div.inner button {
    height: 35px;
    background-color: #ab0917;
    color: #fff;
    line-height: 35px;
    border-radius: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: block;
    padding: 0 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: none
}

.checkout_login_form div.wrapper div.inner button:enabled:hover {
    background-color: #cb0b1b
}

div.container.search_error > div.row > div.error {
    text-align: center;
    padding: 20px;
    margin: 20px 0;
    background-color: #fff;
    border: 1px solid #e6e6e6
}

div.container.billing_wrapper {
    background-color: #fff;
    padding: 20px;
}

div.container.billing_wrapper h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

div.container.billing_wrapper div.billing_row {
    margin-top: 5px
}

div.container.billing_wrapper div.billing_row span.title {
    font-weight: 700
}

div.container.billing_wrapper hr {
    margin: 0
}

div.container.billing_wrapper button {
    height: 40px;
    background-color: #ab0917;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 13.5px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 20px;
    border: none;
    margin: 10px 0
}

div.container.billing_wrapper button:hover {
    background-color: #cb0b1b
}

div.update_billing_info_wrapper {
    display: none;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    padding: 15px;
    position: relative
}

div.update_billing_info_wrapper div.close_form {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../images/close.svg);
    cursor: pointer;
    transition: all .05s;
    transition-timing-function: linear
}

div.update_billing_info_wrapper div.close_form:hover {
    opacity: .7
}

div.update_billing_info_wrapper .form-control {
    border-radius: 30px
}

div.container.shipping_wrapper {
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px
}

div.container.shipping_wrapper h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

div.container.shipping_wrapper hr {
    margin: 0
}

div.container.shipping_wrapper span.shipping_info_text {
    display: block;
    margin: 10px 0
}

div.container.shipping_wrapper button.add_shipping_address {
    height: 40px;
    background-color: #ab0917;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 13.5px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 20px;
    border: none;
    margin: 10px 0
}

div.container.shipping_wrapper button.add_shipping_address:hover {
    background-color: #cb0b1b
}

.shipping_addresses .radio_container {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.shipping_addresses .radio_container input {
    cursor: pointer;
    display: none
}

.shipping_wrapper .shipping_addresses .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #a1a1a1;
    border-radius: 50%;
    box-sizing: border-box
}

.shipping_addresses .radio_container:hover input ~ .checkmark {
    background-color: #c5a1c6
}

.shipping_addresses .radio_container input:checked ~ .checkmark {
    background-color: #fff
}

.shipping_addresses .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.shipping_addresses .radio_container input:checked ~ .checkmark:after {
    display: block
}

.shipping_addresses .radio_container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ab0917
}

table.table.shipping_addresses {
    border-collapse: collapse;
    margin-bottom: 5px
}

table.table.shipping_addresses tr td {
    border: 1px solid #e6e6e6;
    padding: 10px 15px;
    vertical-align: middle
}

table.table.shipping_addresses tr td:first-of-type {
    width: 50px;
    background-color: #f5f7fa;
    text-align: center
}

table.table.shipping_addresses tr td div.data {
    display: inline-block
}

table.table.shipping_addresses tr td div.data span {
    font-weight: 700
}

table.table.shipping_addresses tr td div.actions {
    display: inline-block;
    float: right
}

table.table.shipping_addresses tr td div.actions button {
    height: 30px;
    background-color: #ab0917;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    width: 80px;
    border: none;
    margin-right: 5px
}

table.table.shipping_addresses tr td div.actions button:hover {
    background-color: #cb0b1b
}

table.table.shipping_addresses tr td div.actions button.remove_shipping_address {
    background-color: #b4b4b4;
    margin-right: 0
}

table.table.shipping_addresses tr td div.actions button.remove_shipping_address:hover {
    background-color: #544f4f
}

div.update_shipping_info_wrapper {
    display: none;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    padding: 15px;
    position: relative
}

div.update_shipping_info_wrapper div.close_form {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../images/close.svg);
    cursor: pointer;
    transition: all .05s;
    transition-timing-function: linear
}

div.update_shipping_info_wrapper div.close_form:hover {
    opacity: .7
}

div.update_shipping_info_wrapper .form-control {
    border-radius: 30px
}

div.update_shipping_info_wrapper button {
    height: 40px;
    background-color: #ab0917;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 13.5px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 20px;
    border: none;
    margin: 10px 0
}

div.update_shipping_info_wrapper button:hover {
    background-color: #cb0b1b;
    color: #fff
}

div.container.delivery_wrapper {
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px
}

div.container.delivery_wrapper h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

div.container.delivery_wrapper hr {
    margin: 0
}

div.container.delivery_wrapper .delivery_inner {
}

div.container.delivery_wrapper .delivery_inner .form-control {
    border-radius: 30px;
    max-width: 50%
}

div.container.delivery_wrapper .delivery_inner span.title {
    display: block;
    padding: 10px 0 5px;
    font-weight: 700
}

div.container.delivery_wrapper .delivery_inner span.title.h {
    font-weight: 700
}

div.container.delivery_wrapper .delivery_date_wrapper {
    position: relative;
    display: block;
    height: 34px;
    max-width: 50%;
    box-sizing: border-box;
    border-radius: 30px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

div.container.delivery_wrapper .delivery_date_wrapper input {
    max-width: 40%;
    padding-left: 10px;
    display: inline-block;
    background-color: transparent;
    border: none;
    box-shadow: none;
    height: auto
}

div.container.delivery_wrapper .delivery_date_wrapper button {
    background-color: #ab0917;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    border: none;
    margin-top: 1px;
    margin-right: 2px;
    float: right
}

div.container.delivery_wrapper .delivery_date_wrapper button:hover {
    background-color: #cb0b1b;
    color: #fff
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper {
    display: none;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 20px;
    padding: 15px;
    position: relative;
    overflow: hidden
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper div.close_form {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 10px;
    margin-right: 15px;
    width: 20px;
    height: 20px;
    background-image: url(../images/close.svg);
    cursor: pointer;
    transition: all .05s;
    transition-timing-function: linear;
    z-index: 1
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper div.close_form {
    opacity: .7
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar {
    border: 1px solid #e6e6e6;
    padding: 10px;
    border-radius: 5px
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_of_week {
    display: inline-block;
    width: calc((100% - 2px) / 7);
    text-align: center;
    font-weight: 700;
    padding-bottom: 5px
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper {
    display: inline-block;
    width: calc((100% - 2px) / 7);
    height: 70px;
    position: relative;
    padding-bottom: 5px;
    padding-left: 2.5px;
    padding-right: 2.5px
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: all .05s;
    transition-timing-function: linear
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_valentine {
    background-color: rgb(240, 127, 193) !important;
    color: white;
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .alert span {
    display: inline-block;
    background-color: rgb(240, 127, 193) !important;
    color: white;
    padding: 2px 5px;
}

/*div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_double {*/
/*    width: calc((100% - 2px) * 2 / 7); !*calc(100% / 7);*!*/
/*}*/

/* Set "value" for calc with duplicate classes with deffrent .day-wrap-{1} for better browser support */
/* "calc" has better browser support than css variables */
div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_days.day-wrap-1 {
    width: calc((100% - 2px) * 1 / 7) !important;
}
div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_days.day-wrap-2 {
    width: calc((100% - 2px) * 2 / 7) !important;
}
div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_days.day-wrap-3 {
    width: calc((100% - 2px) * 3 / 7) !important;
}
div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_days.day-wrap-4 {
    width: calc((100% - 2px) * 4 / 7) !important;
}
div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_days.day-wrap-5 {
    width: calc((100% - 2px) * 5 / 7) !important;
}
div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_days.day-wrap-6 {
    width: calc((100% - 2px) * 6 / 7) !important;
}
div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_days.day-wrap-7 {
    width: calc((100% - 2px) * 7 / 7) !important;
}

/*div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_double {*/
/*    width: calc((100% - 2px) * var(--daysAmount) / 7);*/
/*}*/

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper_tripple {
    width: calc((100% - 2px) * 3 / 7); /*calc(100% / 7);*/
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner.ready:hover,
.calendar .delivery_calendar .day_wrapper .day_inner.day_wrapper_valentine.hovered {
    border-color: #f01 !important;
    border-width: 2px !important;
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner:hover span.day_number,
.calendar .delivery_calendar .day_wrapper .day_inner.day_wrapper_valentine.hovered span.day_number {
    color: #f01
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner.past:hover {
    border-color: #cdcdcd
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner.past:hover span.day_number {
    color: #000
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner.now {
    background-color: #fffaff
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner.past {
    background-color: #cdcdcd !important;
    cursor: no-drop
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner span.day_number {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 0;
    font-size: 17px
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .day_wrapper .day_inner span.day_price {
    display: block;
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #714672;
    font-size: 13px
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .title {
    margin-bottom: 10px
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .pre_month {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 15px;
    background-image: url(../images/icon-back.svg);
    background-size: 100% 100%;
    cursor: pointer;
    vertical-align: middle
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .now_month {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    width: calc(100% - 90px)
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .next_month {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    background-image: url(../images/icon-next.svg);
    background-size: 100% 100%;
    cursor: pointer;
    float: right
}

div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .pre_month:hover, div.container.delivery_wrapper .delivery_inner .calendar_wrapper .calendar .delivery_calendar .next_month:hover {
    opacity: .8
}

.delivery .delivery_options .radio_container {
    position: relative;
    cursor: pointer;
    padding-left: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400
}

.delivery .delivery_options .radio_container input {
    cursor: pointer;
    display: none
}

.delivery .delivery_options .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #a1a1a1;
    border-radius: 50%;
    box-sizing: border-box
}

.delivery .delivery_options .radio_container:hover input ~ .checkmark {
    background-color: #c5a1c6
}

.delivery .delivery_options .radio_container input:checked ~ .checkmark {
    background-color: #fff
}

.delivery .delivery_options .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.delivery .delivery_options .radio_container input:checked ~ .checkmark:after {
    display: block
}

.delivery .delivery_options .radio_container .checkmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c90411
}

.delivery .delivery_options div.step {
    padding: 5px 0px;
    font-weight: 700
}

.delivery .delivery_options div.step:first-of-type {
    margin-top: 10px;
    margin-bottom: 15px
}

.delivery .delivery_options div.step span.number {
    display: initial;
    padding: 0;
    color: #ab0917
}

.delivery .delivery_options div.methods {
    padding: 15px 0
}

.delivery .delivery_options div.delivery_date {
    display: none;
    float: right;
    background-color: #f5f7fa;
    color: #f01;
    font-weight: 700;
    text-align: left;
    padding: 3px;
    font-size: 15px
}

.delivery .delivery_options div.truck {
    width: 100%;
    height: 40px;
    background-image: url(../images/truck.png);
    background-size: cover;
    background-repeat: no-repeat
}

.calendar_wrapper .calendar div.title {
    font-weight: 700
}

.calendar_wrapper .calendar div.title:first-of-type {
    margin-top: 10px;
    margin-bottom: 15px
}

.calendar_wrapper .calendar div.text {
    margin-bottom: 5px
}

.delivery .delivery_options span.delivery_express {
    display: block;
    width: 50px;
    height: 21.5px;
    background-image: url(../images/truck_express.png);
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin-right: 5px
}

div.container.delivery_wrapper .delivery_inner textarea {
    resize: none
}

.delivery_inner .container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    margin-top: 12px;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.delivery_inner label.container {
    padding-right: 0;
    width: auto;
}

.delivery_inner .container .label_text  input {
    position: absolute;
    opacity: 0;
}

.delivery_inner .checkmark {
    position: absolute;
    left: 0px;
    height: 20px;
    width: 20px;
    border: 1px solid #8e8e8e;
    border-radius: 5px
}

.delivery_inner .container .label_text:hover input ~ .checkmark {
    background-color: #c5a1c6;
    cursor: pointer;
}
.delivery_inner .container .label_text:hover .label_text2 {
    font-size: 14px;
}

.delivery_inner .container input:checked ~ .checkmark {
    background-color: #fff
}

.delivery_inner .container .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.delivery_inner .container input:checked ~ .checkmark:after {
    display: block
}

.delivery_inner .container .checkmark:after {
    left: 7px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #00a651;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#ajaxloader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/ajax_loader.gif);
    background-position: center center;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-color: rgba(243, 243, 243, .6);
    z-index: 2
}

.hidden_images {
    display: none
}

div.container.payment_wrapper {
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px
}

div.container.payment_wrapper div.payment_method_inner, div.container.payment_wrapper div.payment_inner {
}

div.container.payment_wrapper div.payment_method_inner {
    padding-bottom: 10px
}

div.container.payment_wrapper .payment_inner .form-control {
    border-radius: 30px;
    max-width: 50%
}

div.container.payment_wrapper .payment_inner label#expire_label {
    width: 100%
}

div.container.payment_wrapper .payment_inner select#expire_month, div.container.payment_wrapper .payment_inner select#expire_year {
    display: inline-block;
    width: 100px;
    margin-right: 10px
}

div.container.payment_wrapper .payment_inner div.attention {
    font-weight: 700
}

div.container.payment_wrapper .payment_inner div.attention div.title {
    color: #632f64;
    font-size: 18px;
    padding-bottom: 5px;
    padding-top: 10px
}

div.container.payment_wrapper .payment_method_inner div.payment_method {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    margin-right: 10px
}

div.container.payment_wrapper .payment_method_inner div.payment_method.active {
    border: 2px solid #f01
}

div.container.payment_wrapper .payment_method_inner div.payment_method img {
    max-height: 50px
}

div.container.payment_wrapper .payment_method_inner div.payment_method.unactive img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

div.container.price_wrapper {
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px
}

div.container.price_wrapper div.price_inner div {
    padding-bottom: 7px
}

div.container.price_wrapper div.price_inner div span.title {
    font-weight: 700;
    width: 200px;
    display: inline-block
}

div.container.price_wrapper div.price_inner div span.price {
    font-weight: 700
}

div.container.checkout_buttons_wrapper {
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 15px
}

div.container.checkout_buttons_wrapper button {
    height: 40px;
    background-color: #ab0917;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 13.5px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 20px;
    border: none;
    margin-right: 10px;
    margin-bottom: 5px
}

div.container.checkout_buttons_wrapper button:hover {
    background-color: #cb0b1b;
    color: #fff
}

div.coupon_field div.result {
    display: none;
    margin: 0 10px;
    background-color: #f3f3f3;
    height: 34px;
    padding: 0 20px;
    line-height: 34px
}

div.coupon_field div.result.success {
    background-color: #c5a1c6
}

div.checkout_buttons_wrapper div.result {
    display: none;
    margin: 0 10px;
    background-color: #ffc7c7;
    padding: 0 20px;
    line-height: 40px;
    color: #6e6a6d
}

div.update_shipping_info_wrapper span.result {
    margin: 0 10px;
    background-color: #ffc7c7;
    height: 40px;
    padding: 10px 20px;
    line-height: 40px;
    color: #6e6a6d;
    font-size: 14px;
    font-weight: 700
}

div.container.thankyou_page_wrapper {
    background-color: #fff;
    border: 1px solid #e6e6e6
}

div.container.thankyou_page_wrapper div.inner {
    padding: 15px
}

div.container.thankyou_page_wrapper div.inner h3 {
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    font-size: 14px;
    padding-top: 15px
}


div.container.thankyou_page_wrapper div.inner div.title {
    text-transform: uppercase;
    color: #d12626;
    padding: 15px 0;
    font-weight: 700;
    font-size: 14px
}

div.container.thankyou_page_wrapper div.inner a.dotted {
    color: #a367a4;
    text-decoration-style: dotted
}

div.container.thankyou_page_wrapper div.inner a.follow {
    text-decoration: underline;
}

div.container.thankyou_page_wrapper div.inner a.follow:hover {
    color: #a367a4
}

div.container.thankyou_page_wrapper div.inner img.banner {
    margin-bottom: 15px;
    max-width: 100%
}

div.container.thankyou_page_wrapper div.inner .thank_you_review img, div.container.thankyou_page_wrapper div.inner .thank_you_review .foot_review_container > img {
    max-width: 100%
}

div.container.thankyou_page_wrapper div.inner .thank_you_review div.inner_image {
    margin-top: 20px;
    width: 50%;
    float: left;
    text-align: right
}

div.container.thankyou_page_wrapper div.inner .thank_you_review div.inner_image.right {
    text-align: left
}

div.container.thankyou_page_wrapper div.inner .thank_you_review div.inner_image img {
    max-width: 100%
}

div.cart_modal_wrapper {
    display: none;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    cursor: pointer
}

div.cart_modal_wrapper .cart_modal_inner {
    position: absolute;
    top: calc(50% - 175px);
    left: calc(50% - 350px);
    background-color: #fff;
    width: 700px;
    height: 350px;
    cursor: initial;
    z-index: 3;
    box-shadow: 0 0 15px #000;
    padding: 20px 30px
}

div.cart_modal_wrapper .cart_modal_inner div.remove {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 15px;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    background-image: url(../images/close.svg);
    cursor: pointer;
    z-index: 1
}

div.cart_modal_wrapper .cart_modal_inner div.remove:hover {
    opacity: .7
}

div.cart_modal_wrapper .cart_modal_inner div.title {
    color: #62c526
}

div.cart_modal_wrapper .cart_modal_inner div.title img {
    margin-right: 10px
}

div.cart_modal_wrapper .cart_modal_inner div.product {
    margin-top: 16px;
    overflow: hidden
}

div.cart_modal_wrapper .cart_modal_inner div.product div.product_image {
    height: 150px;
    display: inline-block;
    float: left
}

div.cart_modal_wrapper .cart_modal_inner div.product div.product_image img {
    max-height: 100%
}

div.cart_modal_wrapper .cart_modal_inner div.product div.product_info {
    display: inline-block;
    float: left;
    margin-top: 15px;
    padding: 0 15px;
    line-height: 28px
}

div.cart_modal_wrapper .cart_modal_inner div.product div.product_info div.quantity {
    color: #848484
}

div.cart_modal_wrapper .cart_modal_inner div.product div.product_info div.total {
    font-size: 20px;
    color: #848484
}

div.cart_modal_wrapper .cart_modal_inner div.product div.product_info div.total span {
    color: #000;
    font-weight: 700
}

div.cart_modal_wrapper .cart_modal_inner hr {
    margin: 10px 0
}

div.cart_modal_wrapper .cart_modal_inner div.items {
    color: #848484;
    font-size: 19px
}

div.cart_modal_wrapper .cart_modal_inner div.total {
    color: #848484;
    font-size: 25px
}

div.cart_modal_wrapper .cart_modal_inner div.total span {
    color: #000;
    font-weight: 700
}

div.cart_modal_wrapper .cart_modal_inner div.buttons {
    margin-top: 7px
}

div.cart_modal_wrapper .cart_modal_inner div.buttons button {
    height: 40px;
    background-color: #b4b4b4;
    color: #fff;
    line-height: 40px;
    border-radius: 20px;
    font-size: 13.5px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 20px;
    border: none;
    margin-right: 10px
}

div.cart_modal_wrapper .cart_modal_inner div.buttons button.proceed {
    background-color: #ab0917;
    float: right
}

div.cart_modal_wrapper .cart_modal_inner div.buttons button img {
    max-width: 10px;
    margin-bottom: 3px
}

div.cart_modal_wrapper .cart_modal_inner div.buttons button.continue img {
    transform: scale(-1, 1)
}

div.cart_modal_wrapper .cart_modal_inner div.buttons button:hover {
    background-color: #8e8a8a
}

div.cart_modal_wrapper .cart_modal_inner div.buttons button.proceed:hover {
    background-color: #cb0b1b;
    color: #fff
}

div.hover_cart_wrapper {
    position: absolute;
    display: none;
    right: 11px;
    z-index: 2;
    width: 320px;
    text-align: left
}

div.hover_cart_wrapper .hover_cart_inner {
    background-color: #fff;
    margin-top: 55px;
    box-shadow: 0 1px 7px 1px #969696;
    padding: 15px
}

div.hover_cart_wrapper .hover_cart_inner::before {
    content: '';
    position: absolute;
    top: 48px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

div.hover_cart_wrapper .hover_cart_inner div.buttons button {
    height: 40px;
    background-color: #f3f3f3;
    color: #434343;
    line-height: 40px;
    border-radius: 20px;
    font-size: 13.5px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: inline-block;
    padding: 0 20px;
    border: none;
    margin-right: 10px
}

div.hover_cart_wrapper .hover_cart_inner div.buttons button:hover {
    background-color: #cecbcb
}

div.hover_cart_wrapper .hover_cart_inner div.buttons button.proceed {
    background-color: #ab0917;
    color: #fff;
    float: right
}

div.hover_cart_wrapper .hover_cart_inner div.buttons button.proceed:hover {
    background-color: #cb0b1b;
    color: #fff
}

div.hover_cart_wrapper .hover_cart_inner div.total {
    font-size: 18px;
    color: #979797
}

div.hover_cart_wrapper .hover_cart_inner div.span {
    float: right;
    color: #000;
    font-weight: 700
}

div.hover_cart_wrapper .hover_cart_inner hr {
    margin: 15px 0
}

div.hover_cart_wrapper .hover_cart_inner .products .product {
    overflow: hidden
}

div.hover_cart_wrapper .hover_cart_inner .products .product .image {
    height: 100px;
    width: 70px;
    display: inline-block;
    float: left
}

div.hover_cart_wrapper .hover_cart_inner .products .product .image img {
    max-height: 100%;
    max-width: 100%
}

div.hover_cart_wrapper .hover_cart_inner .products .product .info {
    width: 200px;
    display: inline-block;
    float: left;
    padding-left: 10px
}

div.hover_cart_wrapper .hover_cart_inner .products .product .info .price {
    padding: 10px 0;
    font-size: 16px
}

div.hover_cart_wrapper .hover_cart_inner .products .product .info .price span {
    font-weight: 700
}

div.hover_cart_wrapper .hover_cart_inner .total span {
    float: right;
    color: #000;
    font-weight: 700
}

.top_cart:hover div.hover_cart_wrapper {
    display: block
}

div.md_search_wrapper {
    display: none;
    text-align: center;
    background-color: #fff;
    padding: 10px 0
}

div.md_search_wrapper .input-group {
    display: inline-table;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding: 6px 10px;
    border-radius: 50px;
    width: 80%;
    margin-right: 5px
}

div.md_search_wrapper input[type=text] {
    border: none;
    box-shadow: none;
    font-size: 14px;
    padding: 0;
    padding-left: 5px;
    height: 25px
}

div.md_search_wrapper .input-group-btn {
    font-size: 16px;
    cursor: pointer
}

div.md_search_wrapper .glyphicon.glyphicon-search {
    color: #ab0917
}

a#md_search {
    cursor: pointer
}

.content_title_wrapper {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 10px
}

.content_wrapper {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px
}

div.account_login_form {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px
}

div.account_login_form .form-control {
    border-radius: 30px;
    width: auto
}

div.account_login_form button {
    height: 35px;
    background-color: #ab0917;
    color: #fff;
    line-height: 35px;
    border-radius: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    bottom: 15px;
    user-select: none;
    cursor: pointer;
    transition: background-color .05s;
    transition-timing-function: linear;
    display: block;
    padding: 0 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: none
}

div.account_login_form button:hover {
    background-color: #cb0b1b;
    color: #fff
}

.container.blog {
    margin-top: 20px
}

#bar_on_map {
    position: absolute;
    bottom: 15px;
    background-color: #a40001;
    right: 40px;
    padding: 10px;
    opacity: .8
}

#bar_on_map h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 5px 10px;
    margin: 0
}

div.add-ons {
    padding: 0
}

div.add-ons h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0
}

.social {
    text-align: center;
    margin: 15px 0
}

.social_mobile {
    display: none
}

.a2a_default_style a {
    float: none !important;
    display: inline-block;
    line-height: 16px;
    padding: 0 2px
}

.info_mobile {
    text-align: left
}

.info_mobile .price {
    margin-top: 10px
}

.extra_products_new {
    overflow: hidden;
}


.extra_products_new .wrapper .product-title-extra {
    color: #959595;
    height: 60px;
    display: block;
    overflow: hidden;
    font-size: 12px;
    padding-top: 5px;
    text-align: center;
}

.extra_products_new .wrapper {
    border: 1px solid #eee;
    height: 240px
}

.extraProductBox {
    cursor: pointer;
    margin-bottom: 8px;
}


.extra_products_new .wrapper .inner .product-link-extra {
    color: #959595;
    height: 60px;
    display: block;
    overflow: hidden;
    font-size: 12px;
    padding-top: 8px;
    text-align: center
}

.extra_products_new .wrapper .inner .price {
    color: #959595;
    font-weight: 700;
    display: block;
    margin: 10px 0;
    text-align: center
}

.extra_products_new .wrapper .inner .product-image {
    height: 90px
}

.extra_products_new .wrapper .inner .product-image img {
    max-width: 100%;
    max-height: 100%
}

.extra_products_new .wrapper .inner .container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    width: 100%;
    margin: 0
}

.extra_products_new .wrapper .inner .container input {
    display: none;
    position: absolute;
    opacity: 0
}

.extra_products_new .wrapper .inner .checkmark {
    position: relative;
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #bababa;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 13px
}

.extra_products_new .wrapper .inner .container:hover input ~ .checkmark {
}

.extra_products_new .wrapper .inner .container input:checked ~ .checkmark {
    background-color: #ab0917;
    border: none
}

.extra_products_new .wrapper .inner .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.extra_products_new .wrapper .inner .container input:checked ~ .checkmark:after {
    display: block
}

.extra_products_new .wrapper .inner .container .checkmark:after {
    display: none;
    width: 8px;
    height: 9px;
    margin: 3px 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

#block-for-slider {
    width: 100%;
    margin: 0 auto;
    max-width: 615px;
    max-height: 265px
}

#viewport {
    width: 100%;
    height: 100%;
    max-width: 615px;
    max-height: 265px;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    background-color: #e6d4e6
}

#slidewrapper {
    position: relative;
    width: calc(100% * 4);
    -webkit-transition: -webkit-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transition-timing-function: cubic-bezier(.67, .01, .23, 1);
    -o-transition-timing-function: cubic-bezier(.67, .01, .23, 1);
    transition-timing-function: cubic-bezier(.67, .01, .23, 1)
}

#slidewrapper, #slidewrapper ul, #slidewrapper li {
    margin: 0;
    padding: 0
}

.slide {
    width: calc(100% / 4);
    list-style: none;
    display: inline;
    float: left
}

.slide a {
    width: 100%;
    height: 100%
}

.slide-img {
    width: 100%
}

.slider_arrow {

    position: absolute;
    width: 6px;
    height: 6px;
    top: calc(59% - 15px);
    background-color: transparent;
    box-sizing: border-box;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
}


.slider_arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 5px;
}

.slider_arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 5px;
}

#prev-btn {
    border-left: none;
    border-radius: 0 50% 50% 0/0 50% 50% 0;
}

/*#prev-btn {
#next-btn {
    right: 0;
    border-radius: none;
    border-radius: 50% 0 0 50%/50% 0 0 50%;
}
    border-left: none;
#prev-btn,#next-btn {
    position: absolute;
    width: 20px;
    height: 100px;
    top: calc(35% - 15px);
    background-color: transparent;
    border: 1px solid #fff;
    box-sizing: border-box
}

#prev-btn:hover,#next-btn:hover {
    cursor: pointer;
    background-color: #c5a1c6
}

/*#prev-btn {
    border-left: none;
    border-radius: 0 100% 100% 0/0 50% 50% 0
}

#next-btn {
    right: 0;
    border-right: none;
    border-radius: 100% 0 0 100%/50% 0 0 50%
}*/

#nav-btns {
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 0;
    margin: 0;
    text-align: center
}

.slide-nav-btn {
    position: relative;
    display: inline-block;
    list-style: none;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    margin: 3px
}

.slide-nav-btn:hover {
    cursor: pointer
}

.container.discount_group {
    background-color: #fff;
    padding: 15px;
    color: #c5a1c6;
    font-weight: 700;
    border: 1px solid #e6e6e6
}

#donation_label {
    font-weight: 400
}

#donation_label .amount, #donation_label .name {
    color: red
}

.partner_links .row div {
    height: 200px;
    text-align: center
}

.partner_links .row div img {
    max-width: 100%;
    max-height: 200px
}

.container.news_wrapper {
    padding: 0
}

.left_blog .post_each {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 10px
}

.right_blog .popular, .right_blog .date_box {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 10px
}

.post_title {
    border-top: 1px solid #c5a1c6;
    margin-top: 10px;
    padding-top: 5px
}

.popular_posts, .date_posts {
    border-top: 1px solid #c5a1c6;
    padding-top: 8px;
    font: 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif
}

.left_blog {
    margin-top: 20px
}

.right_blog {
    margin-top: 20px
}

.filter_wrapper_all {
    width: 100%;
    margin-top: 20px
}

.filter_wrapper {
    float: right;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 130px;
    height: 30px
}

.filter_title, .filter_select {
    display: inline-block
}

.filter_title {
    font-size: 15px;
    font-weight: 700
}

.product_ordering_active {
    border: 2px solid #767675;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 15px;
    color: #767675;
    height: 25px;
    box-sizing: border-box
}

.product_ordering_active:hover, .product_ordering_active.active {
    background-color: #f5f5f5;
    cursor: pointer
}

.product_ordering_active img {
    vertical-align: middle
}

.product_ordering_wrapper {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 2;
    margin-top: -3px;
    margin-left: -55px;
    width: 156px;
    box-shadow: 0 16px 16px 0 rgba(0, 0, 0, .2), 0 2px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 3px
}

.product_ordering {
    font-size: 15px;
    padding: 10px;
    text-align: right
}

.product_ordering:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.product_ordering img {
    vertical-align: middle
}

.product_ordering.active {
    background-color: #f5f5f5
}

.product_ordering_title {
    display: inline-block;
    float: left
}

.product_ordering_image {
    display: inline-block;
    float: right
}

.product_ordering_active {
    float: right;
    width: 130px;
    border: none;
    z-index: 3
}

.product_ordering_active.asc {
    background: #f5f7fa url(../images/sort_by_price_asc.png) center center no-repeat
}

.product_ordering_active.desc {
    background: #f5f7fa url(../images/sort_by_price_desc.png) center center no-repeat
}

.product_ordering_active.fr.asc {
    background: #f5f7fa url(../images/sort_by_price_fr_asc.png) center center no-repeat
}

.product_ordering_active.fr.desc {
    background: #f5f7fa url(../images/sort_by_price_fr_desc.png) center center no-repeat
}

.contact_wrapper {
    margin: 10px 0
}

.contact_wrapper .contact_inner {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.contact_wrapper .contact_inner .data {
    height: 100px
}

.contact_wrapper .contact_inner .contact_google_map {
    max-width: 100%;
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden
}

img.social_login:hover {
    cursor: pointer;
    opacity: .8
}

div.container.white {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 10px
}

a#mobile_search {
    margin-left: 10px
}

.mobile_phone {
    display: none;
    width: 100%;
    background-color: transparent;
    text-align: right;
    padding: 0 10px
}

.mobile_phone a {
    display: inline;
    background-color: rgba(255, 255, 255, .7)
}

.mobile_phone a span {
    border-bottom: 2px dotted #e9dce9
}

.mobile_phone img {
    max-width: 20px;
    max-height: 16px;
    box-sizing: border-box
}

.ddate_btn {
    display: inline;
    cursor: pointer;
}

.ddate_tooltip {
    top: 0;
    left: calc(100% + 10px);
    position: absolute;
    background-color: #fff;
    color: #444242;
    opacity: .9;
    padding: 0 6px;
    width: auto;
    white-space: pre;
    display: none;
    border: 1px solid #f5a3a3;
    height: 34px;
    line-height: 34px;
    border-radius: 30px;
    pointer-events: none;
}

.partner {
    margin-top: 10px;
    height: 200px;
    vertical-align: middle
}

.partner > a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}

.partner > a > img {
    max-width: 100%;
    max-height: 100%
}

.partners_table td {
    width: 25%;
    text-align: center;
}

.partners_table a img {
    max-width: 80%;
    max-height: 80%;
}

#map {
    display: none
}

#map_canvas {
    width: 100%;
    height: 100%
}

.checkout_processing {
    display: none
}

.checkout_processing > span {
    display: inline-block;
    background-color: #e8c9e8;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    color: #6e6a6d
}

span.landing_content_more_btn, .sameAsBillingBtn {
    color: #A40001;
    cursor: pointer
}

span.landing_content_more {
    display: none
}

.tooltripDiv {
    display: none;
    background-color: #000;
    padding: 17px;
    border-radius: 10px;
    color: #fff;
    width: 200px;
    position: absolute;
    z-index: 10;
    font-size: 12px;
    top: 0;
    left: 0;
    opacity: .8;
    word-break: break-word;
    text-align: justify;
}

a.customform {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 150px
}

a.customform > img {
    max-width: 100%
}

.autocomplete {
    border: 1px solid green
}

#place_result {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 10px;
    margin-top: 6px;
    display: none
}

.place_result_item {
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 5px
}

.filter_select.landing {
    position: absolute;
    right: 0;
    top: 23px
}

.close_tooltrip_popup {
    position: absolute;
    right: -1px;
    top: -1px;
    color: #000;
    font-size: 16px;
    padding: 0 6px;
    background: #fff;
    border-radius: 10px;
    cursor: pointer
}

.bouquet_info_icon, .bouquet_info, .hide_tooltrip {
    display: none
}

.track_order_status {
    text-decoration: underline;
    cursor: pointer;
    text-transform: uppercase
}

span.real_time {
    font-family: Lucida Handwriting
}

.shipping_info_country {
    display: inline;
    margin-left: 10px;
    color: #a40001;
    font-weight: 700
}

.mobile_popup {
    display: none
}

.attention_thank_you {
    font-size: 18px;
    color: #ff4f58;
    font-weight: 700
}

.click_here_thank_you, .click_here_thank_you a {
    color: red;
    text-decoration: underline
}

div.call_for_pricing {
    color: blue !important;
    text-align: center;
    display: none
}

.checkout_login_form div.wrapper div.inner .help-block.error {
    display: none;
    color: #a94442;
    font-size: 12px;
    margin-bottom: 0
}

#registration_form #email.loading {
    background-color: #fff;
    background-image: url(../images/image_loader.gif);
    background-size: 25px 25px;
    background-position: right center;
    background-repeat: no-repeat
}

.ddate_tooltip {
    top: 0;
    left: calc(100% + 10px);
    position: absolute;
    background-color: #fff;
    color: #444242;
    opacity: .9;
    padding: 0 6px;
    width: auto;
    white-space: pre;
    display: none;
    border: 1px solid #f5a3a3;
    height: 34px;
    line-height: 34px;
    border-radius: 30px
}

.product_sold_out, .product_out_of_season {
    top: 120px;
    left: 0;
    width: 100%;
    height: 50px;
    position: absolute;
    color: #fff;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px
}

.product_sold_out img, .product_out_of_season img {
    width: 100%
}

.corporate_account_form {
    width: 50%;
    margin: 0 auto
}

.grecaptcha-badge {
    bottom: 50% !important
}

.sort_by_select {
    color: #632F64;
    font-size: 16px;
    padding: 0px;
    float: right;
    margin-bottom: 10px;
    cursor: pointer;
}

.custom_accordion_header {
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 5px;
}

.custom_accordion_header h2 {
    margin: 0;
    display: contents;
    font-size: 22px;
    font-weight: bold;

}

.custom_accordion_header .glyphicon {
    top: 4px;
    margin-right: 5px;
}

.description-footer .container {
    min-height: 380px;
}

.description-footer {
    color: #632F64;
}

.description-footer h2 {
    color: #632F64;
    border-bottom: 2px solid #C5A1C6 !important;
}

.corporate_account_form {
    width: 50%;
    margin: 0 auto;
}

.grecaptcha-badge {
    bottom: 50% !important;
}

.logo_order_details img {
    max-width: 100%;
}

/* MARGINS & PADDINGS */
.p-xxs {
    padding: 5px !important;
}

.p-xs {
    padding: 10px !important;
}

.p-sm {
    padding: 15px !important;
}

.p-m {
    padding: 20px !important;
}

.p-md {
    padding: 25px !important;
}

.p-lg {
    padding: 30px !important;
}

.p-xl {
    padding: 40px !important;
}

.m-xxs {
    margin: 2px 4px;
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-xl {
    margin: 50px;
}

.m-n {
    margin: 0 !important;
}

.m-l-none {
    margin-left: 0;
}

.m-l-xs {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

.m-l-lg {
    margin-left: 30px;
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-t-none {
    margin-top: 0;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-xxl {
    margin-top: 50px;
}

.m-t-xxxl {
    margin-top: 60px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-r-none {
    margin-right: 0;
}

.m-r-xxs {
    margin-right: 1px;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-xxs {
    margin-bottom: 1px;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.space-15 {
    margin: 15px 0;
}

.space-20 {
    margin: 20px 0;
}

.space-25 {
    margin: 25px 0;
}

.space-30 {
    margin: 30px 0;
}

.attention_thank_you {
    font-size: 18px;
    color: #ff4f58;
    font-weight: 700
}

.click_here_thank_you, .click_here_thank_you a {
    color: red;
    text-decoration: underline
}

#delivery_date_2 {
    max-width: 50%;
    position: relative;
    z-index: 10;
    cursor: pointer;
    background-color: white;
}

.total_item_saved_price {
    color: red;
}

.zip_wrapper .form-control, .state_wrapper .form-control, .delivery_date_wrapper .form-control, #update_billing_info_form .form-control {
    border-radius: 30px;
}
/* Грид-сетка для адресов */
.address-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Блок адреса */
.address-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(33.33% - 10px); /* Три колонки на ПК */
    border: 2px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

/* При наведении */
.address-item:hover {
    background: #f5f5f5;
}

/* Контент адреса */
.address-content {
    padding-left: 10px;
    margin: 0 20px;
    line-height: 1.4;
}

/* Скрытые адреса */
.hidden-address {
    display: none;
}

/* Скрываем стандартный radio */
.radio-hidden {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}

/* Чекбокс (radio) */
.checkmark {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #aaa;
    background-color: white;
    transition: 0.2s;
    margin: 0 10px;
}

.radio-hidden:checked + .checkmark {
    background-color: white;
    border-color: #8e8e8e;
}

.radio-hidden:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #00a651; /* Зелёная галочка */
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

/* Медиа-запрос для телефонов */
@media (max-width: 768px) {
    .address-item {
        width: 100%; /* Один столбец на мобильных */
    }
}

#terms {
    font-size: 12px;
}

#terms a {
    color: #808080;
}

.banner_covid {
    max-width: 100%;
}

/*mosmsg quickfix*/
.message {
    display: none;
}

div.container-survey {
    width: 550px;
    margin: 0 auto;
}

div.container-survey .logo-survey {
    width: 40%;
    margin: 0 auto;
}

div.container-survey .logo-survey img {
    width: 100%;
}

div.body-survey {
    padding: 0 0 0 0;
}

.text-center {
    text-align: center;
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    margin: 10px;

    -moz-user-select: none;
    -webkit-user-select: none;
}

.rating-stars ul > li.star {
    display: inline-block;

}

.rating-stars ul > li.star > i.fa {
    font-size: 2.5em; /* Change the size of the stars */
    color: #ccc; /* Color on idle state */
}

.rating-stars ul > li.star.hover > i.fa {
    color: #FFCC36;
}

.rating-stars ul > li.star.selected > i.fa {
    color: #FF912C;
}

table.survey_table td {
    border: 1px solid #797171
}

table.survey_table tr td {
    background: #cccccc38;
}

table.survey_table tr td:first-child {
    background: #ccc;
    padding: 0 10px
}

.rating-radio label {
    width: 100%;
    font-weight: normal;
    margin-bottom: 10px;
}

.rating-radio input[type="radio"] {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 10px 0 0;
}

.survey_section_title {
    margin: 25px 0 10px 0;
}

.rate-survey-body section {
    padding: 10px 0;
}

.padding-0 {
    padding: 0 !important;
}

.rate-survey-body #Submit {
    margin: 15px auto;
    display: block;
    padding: 8px;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: linear-gradient(#a23232, red);
    cursor: pointer;
}

.rate-survey-body #comments {
    padding: 10px;
}

span.help-survey {
    display: none;
    color: #de63cb;
}

.thankyou_box_border {
    border: 3px solid #ccc;
    border-radius: 15px;
    margin-top: 10px;
    padding: 5px;
}

#phoneNumberModal .modal-dialog {
    width: 350px;
}

.updates_mobile_icon span, .attention_text {
    width: 70%;
    display: block;
    float: right;
}

.attention_text {
    padding-top: 10px;
}

.updates_mobile_icon img, .attention_icon {
    width: 25%;
    display: inline-block;
}

.updates_mobile_icon img, #savePhoneNumber {
    cursor: pointer;
}

.updates_mobile_icon {
    font-size: 18px;
    color: #ff4f58;
    font-weight: 700;
    width: 80%;
    margin: 0 auto;
    height: 80px;
    padding: 5px;
}

.margin_0 {
    margin: 0;
}

.mobile_attention_box div {
    width: 49%;
    height: 155px;
}

.mobile_attention_box div:first-child {
    margin-right: 2%;
}

.savePhoneNumberForm input {
    width: 80%;
    float: left;
}

#savePhoneNumber {
    margin-left: 2%;
    float: left;
    height: 34px;
}

#savePhoneNumberMsg {
    clear: both
}

.btn-autcomplete {
    margin-top: -2px;
    font-weight: bold;
    font-family: sans-serif;
    color: #fff !important;
    background-color: darkred;
    border: 1px solid red;
    padding: 3px 15px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px;
}

.btn-autcomplete:hover {
    opacity: 0.9;
    color: #fff;
}

.btn-autcomplete.active {
    color: #fff;
    background-color: red;
}

.delivery_options .methods .method:not(.checked) {
    color: rgba(50, 50, 50, 0.7) !important;
}
.delivery_options .methods .method.checked .delivery-price {
    transition: color .3s ease;
}
.delivery_options .methods .method.checked .delivery-price.accent {
    color: red !important;
    transition: color .1s ease;
}
.extra-touch-image {
    cursor: pointer;
    width: 10%;
    margin-left: 10px;

}
.extra-touch-wrapper {
    cursor: pointer;
    margin: 10px;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.before-you-leave-body{
    padding-top: 10px;
}
.exit-title {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.grow-text {
    display: inline-block;
    width: 100%;
    font-size: xxx-large;
    color: #fff;
    font-family: -webkit-body, sans-serif;
}
.before-you-leave-content {
    background-color: #A40001;
    height: 100%;
    padding: 10px 15px;
}
.exit-popup-image-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
}
.exit-popup-text {
    flex: 1;
    padding-right: 20px;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    font-family:serif;
    text-align: center;
    letter-spacing: 5px;
    margin-bottom: 50px;
}
.exit-popup-text-title {
    line-height: 1.4;
}
.exit-popup-image {
    flex: 0;
    max-width: 40%;
    height: auto;
}
.before-you-leave-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    margin: 0px 0px 10px 0px;
}
.center-button {
    margin-top: auto;
    margin-right: 40%;
    margin-bottom: 10px;
}
.btn-exit-title {
    font-size: 20px;
    font-family: fantasy;
    padding: 0px;
    margin: 0px auto;
    color: #000;
}
.btn-coupon {
    background-color: #fff;
    border-radius: 31px;
    box-shadow: 2px 6px 8px rgba(0, 0, 0.2, 0.3);
}
.btn-coupon:hover {
    box-shadow: 3px 9px 12px rgba(0, 0.2, 0.3, 0.4);
}
.exit-popup-href {
    text-decoration: none;
    color: inherit;
}
.exit-popup-href:hover {
    color: #999;
}
.exit-popup-text-free {
    text-decoration: underline;
}
.href-exit-title {
    color: #000;
    font-size: 20px;
    font-family: fantasy;
    padding: 0px;
    margin: 0px auto;
}

.alert-success {
    position: fixed;
    z-index: 9999;
    padding: 15px 23px 15px 20px;
    background-color: #20c997;
    color: white;
    text-align: center;
    border-radius: 4px;
    right: 0;
    margin: 43px 20px;
}

.closebtn {
    position: absolute;
    right: 0;
    margin-top: -14px;
    padding-right: 8px;
    color: white;
    cursor: pointer;
}

.success {
    margin-right: 70px;
    background-color: #4CAF50;
}

.alert-success-subscribe {
    text-align: center;
    background: #198754;
    color: white;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 18px;
    padding: 11px;
}
.close-subscribe {
    position: relative;
    color: #ffffff;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#___ratingbadge_0 {
    position: fixed !important;;
    z-index: 1 !important;
}

/** modal overlay-capture **/
.overlay-capture {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 24, 24, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9990;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease;
    padding-bottom: 150px;
}

/* Modal window */
.modal-capture {
    background-color: rgba(50, 50, 50, 0.85);
    padding: 18px;
    width: 450px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    position: relative;
    font-family: 'Sour Gummy', sans-serif;
}

/* Close button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

/* Modal content */
.modal-capture h1 {
    font-size:48px;
    padding: 0;
    margin: 0;
}

.modal-capture p {
    font-size: 19px;
    padding: 5px;
    margin: 10px 0;
}

.modal-capture form input[type="text"],
.modal-capture form input[type="email"],
.modal-capture form input[type="tel"] {
    width: 100%;
    padding: 10px;
    margin: 0;
    border: 1px solid #555;
    border-radius: 3px;
    background: #222;
    color: #fff;
    font-size: 14px;
}

/* Small text */
.modal-capture .small-text {
    font-size: 14px;
    color: #bbb;
    margin-top: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
}

/** form modal-capture **/
.form-capture-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    width: 100%;
}

.form-capture-group input {
    margin: 0 !important;
}

.form-capture-group label {
    width: 100px;
    text-align: right;
    font-size: 15px;
    font-weight: 550;
}

.form-capture-group input {
    width: 150px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Submit button */
.form-capture-button {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 12px 0;
    width: 300px;
    font-size: 20px;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 4px;
    border: 2px solid #fff;
}

.error-message {
    color: red;
    font-size: 0.9em;
    margin-top: 4px;
    display: block;
}

.overlay_capture_welcome {
    font-family: 'Playwrite HR Lijeva', sans-serif, cursive;
}
@media(max-width: 410px) {
    .products .wrapper .inner .old_product_list {
        font-size: 15px;
        text-align: center;
    }
    .products .wrapper .inner .real_price_list {
        font-size: 17px;
    }
    .products .wrapper .inner .old_product_list {
        font-size: 15px;
        text-align: center;
    }
}

@media(max-width:480px) {
    .mobile {
        display: block !important;
    }
    .products .wrapper .inner .old_product_list {
        font-size: 16px;
        text-align: center;
    }
    .products .wrapper .inner .real_price_list {
        font-size: 16px;
    }
}

@media(max-width: 365px) {
    .products .wrapper .inner .old_product_list {
        font-size: 14px;
        text-align: center;
    }
    .products .wrapper .inner .real_price_list {
        font-size: 16px;
    }
}