.slideone,
.slidethree,
.slidetwo {
    min-height: 520px!important
}

.slidethree .slide-info ul.features,
.slidetwo .slide-info {
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase
}

.home-slider,
body.mobile-menu-active,
body.search-active,
footer,
section {
    overflow: hidden
}

irs,
js-irs-0 {
    display: none!important
}

.slideone {
    background: url(/image/catalog/bufon-header-banner-main-2.png) 50% bottom no-repeat;
    background-size: cover
}
.slidepromo1 {
    background: url(/image/catalog/bufon-header-banner-main-2.png) 50% bottom no-repeat;
    background-size: cover
}


.slidetwo {
    background: url(/image/catalog/banner1-background.png) center bottom no-repeat;
    position: relative;
    align-items: center
}

.slidetwo:before {
    background: url(/image/catalog/magniflex-label.svg) center center no-repeat;
    width: 200px;
    height: 100px;
    content: '';
    display: block;
    position: absolute;
    left: -62px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg)
}

.slidetwo .slide-info {
    display: flex;
    text-align: left;
    color: #425b7a;
    font-size: 35px;
    max-width: 1000px!important;
    margin-bottom: 90px
}

@media (min-width:1050px) {
    .slidetwo .slide-info {
        transform: translate(-100px, -120px)!important
    }
}

.slidetwo .slide-info .info {
    display: flex;
    flex-direction: column;
    margin-left: -70px;
    margin-top: 50px
}

.slidethree:before,
.slidetwo .slide-info:before {
    content: '';
    display: block
}

.slidetwo .slide-info:before {
    background: url(/image/catalog/banner1-pillow.png) center center no-repeat;
    width: 410px;
    height: 297px;
    margin-left: -110px
}

.slidetwo .slide-info span {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300
}

.slidetwo .slide-info span b {
    font-size: 35px
}

.slidethree {
    background: url(/image/catalog/banner2-eco.png) 45% bottom no-repeat;
    position: relative
}

.slidethree:before {
    background: url(/image/catalog/eco-label.svg) center center no-repeat;
    width: 150px;
    height: 200px;
    position: absolute;
    left: 200px;
    top: -6px
}

.slidefour,
.slidezero {
    min-height: 520px!important;
    position: relative
}

.slidethree .slide-info ul.features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #2e5d73;
    font-size: 32px;
    font-weight: 900
}

.slidethree .slide-info ul.features li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -12px 0
}

.slidethree .slide-info ul.features li img {
    max-width: none;
    width: auto;
    margin: 0
}

.slidethree .slide-info ul.features li span {
    font-weight: 300
}

.slidefour {
    background: url(/image/Dual-Core-banner-home-page-1920x885.jpg) 45% bottom no-repeat;
    background-size: cover
}

.slidezero {
    background: url(/image/catalog/magnistretch-home-slider.jpg) 45% bottom no-repeat;
    background-size: cover
}

@media (min-width:1900px) {
    .slidethree,
    .slidetwo {
        background-size: cover
    }
}

@media (max-width:1050px) {
    .slidefour,
    .slidefirst,
    .slideone,
    .slidethree,
    .slidetwo,
    .slidezero{
        min-height: 520px!important
    }

    .slidezero {
        background: url(/image/catalog/magnistretch-mobile-banner.jpg) center center no-repeat;
        background-size: cover
    }
    .slideone {
        background: url(/image/catalog/bufon-header-banner-main-2-mobile.png) center center no-repeat;
        background-size: cover
    }
    .slidetwo {
        background: url(/image/catalog/banner1-background-small.png) left center no-repeat;
        background-size: cover
    }
    .slidethree {
        background: url(/image/catalog/banner2-eco-small.png) left center no-repeat;
        background-size: cover
    }
    .slidefour {
        /*background: url(/image/catalog/eco-banner-responsive.png) left center no-repeat;*/
        background: url(/image/Dual-Core-banner-home-page-1185x1600.jpg) center center no-repeat;
        background-size: cover
    }
    .slidethree:before {
        left: 0;
        right: 0;
        margin: auto;
        width: 100px;
        height: 140px
    }
    .slidethree .slide-info {
        margin-top: 150px!important
    }
    .slidethree .slide-info ul.features {
        font-size: 22px
    }
    .slidethree .slide-info ul.features li img {
        max-width: 100px
    }
}

@media (max-width:950px) {
    .slidetwo .slide-info,
    .slidetwo .slide-info .info span b {
        font-size: 25px
    }
    .slidetwo .slide-info:before {
        width: 513px;
        height: 231px;
        background-size: contain
    }
    .slidetwo .slide-info .info {
        margin-left: -150px;
        margin-top: 30px
    }
    .slidetwo .slide-info .info span {
        margin-bottom: 15px
    }
}

@media (max-width:590px) {
    .slidetwo {
        overflow: hidden
    }
    .slidetwo:before {
        left: auto;
        top: -13px;
        transform: translateY(0) rotate(0)
    }
    .slidetwo .slide-info {
        font-size: 20px;
        margin-top: 150px!important
    }
    .slidetwo .slide-info:before {
        width: 463px;
        height: 181px;
        background-size: contain;
        margin-left: -230px
    }
    .slidetwo .slide-info .info {
        margin-left: -160px;
        margin-top: 18px
    }
    .slidetwo .slide-info .info span {
        margin-bottom: 7px
    }
    .slidetwo .slide-info .info span b {
        font-size: 20px
    }
    .slidethree .slide-info {
        max-width: 310px!important;
        margin-top: 120px!important
    }
    .slidethree .slide-info ul.features {
        font-size: 18px
    }
    .slidethree .slide-info ul.features li {
        margin: -8px 0
    }
    .slidethree .slide-info ul.features li img {
        max-width: 90px
    }
    .slidethree .slide-info ul.features li span {
        text-align: left
    }
}

* {
    outline: 0
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.mobile-view-all {
    color: #23a1d1!important;
    font-size: 11px!important;
    line-height: normal!important;
    padding-top: 5px!important;
    padding-bottom: 20px!important
}

.styled,
.subtitle {
    line-height: 1.5em
}

.mobile-view-all span {
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.styled:before,
body:after {
    content: '';
    display: block
}

a {
    text-decoration: none!important
}

body {
    font-family: Roboto, sans-serif
}

#menu .nav-actions .phone-header,
.action-call,
.main .benefits .made-in-italy,
.main .slick-slide .slide-info .discount-bg div,
body h1,
body h2,
body h3 {
    font-family: 'Roboto Slab', serif
}

body:after {
    position: fixed;
    background: rgba(5, 8, 9, .2);
    left: 0;
    right: 0;
    top: 70px;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease;
    z-index: 400
}

@media (max-width:600px) {
    body:after {
        top: 50px
    }
}

body.mobile-menu-active:after,
body.search-active:after {
    opacity: .85
}

body.mobile-menu-active #menu .nav {
    left: 0!important
}

body.mobile-menu-active .mobile-menu-toggle span:first-child {
    opacity: 0;
    transform: translateX(-15px)
}

#menu #search .search-box .close-search:hover,
#menu #search .toggle-search:hover,
#menu #search a span {
    opacity: .7
}

body.mobile-menu-active .mobile-menu-toggle span:nth-child(2) {
    transform: rotate(45deg);
    top: 15px
}

body.mobile-menu-active .mobile-menu-toggle span:last-child {
    transform: rotate(-45deg);
    top: 15px
}

body h1,
body h2,
body h3 {
    text-transform: uppercase;
    color: #124761
}

body h1,
body h2 {
    font-size: 30px
}

@media (max-width:768px) {
    body h1,
    body h2 {
        font-size: 20px
    }
}

.text-icon {
    max-width: 30px;
    margin: 0 auto 20px
}

.styled {
    font-size: 30px;
    position: relative;
    margin-bottom: 20px
}

.styled:before {
    width: 100px;
    height: 14px;
    margin: 0 auto 20px;
    background: url(/image/catalog/styled-icon.svg) center center no-repeat
}

.styled.white:before {
    background: url(/image/catalog/styled-icon-white.svg) center center no-repeat
}

.subtitle {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #333!important;
    max-width: 800px;
    margin: 0 auto
}

.action-call {
    line-height: 55px;
    padding: 0 40px;
    vertical-align: middle;
    border-radius: 100px;
    color: #fff!important;
    background: #124761;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-top: 20px;
    text-transform: uppercase;
    transition: transform .3s ease
}

.action-call img {
    width: 21px;
    display: inline-block;
    margin-top: -3px;
    margin-left: 5px
}

.action-call:hover:active {
    transform: scale(.97, .97)
}

@media (min-width:992px) {
    .action-call:hover {
        background: #fff;
        box-shadow: 0 10px 50px -10px rgba(0, 0, 0, .25)
    }
}

.action-call:hover span {
    color: #124761
}

.action-call:hover img {
    filter: brightness(0)
}

.body-container {
    width: auto;
    margin: 0;
    padding: 0
}

.mobile-menu-toggle {
    width: 23px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 65px;
    cursor: pointer
}

@media (max-width:600px) {
    .mobile-menu-toggle {
        top: 10px;
        left: 55px
    }
}

@media (min-width:1050px) {
    .mobile-menu-toggle {
        display: none
    }
}

.mobile-menu-toggle span {
    transition: all .3s ease
}

.mobile-menu-toggle span:first-child {
    position: absolute;
    top: 50%;
    left: 0;
    width: 80%;
    margin: auto;
    height: 2px;
    background: #1b3247;
    transform: translateY(-50%);
    border-radius: 10px
}

.mobile-menu-toggle span:last-child,
.mobile-menu-toggle span:nth-child(2) {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1b3247;
    border-radius: 10px
}

.mobile-menu-toggle span:nth-child(2) {
    top: 6px
}

.mobile-menu-toggle span:last-child {
    top: 22px
}

#menu {
    height: 70px;
    top: 28px;
    border: 0;
    margin: 0;
    border-radius: 0;
    background: #fff;
    vertical-align: middle;
    line-height: 70px;
    box-shadow: 0 0 80px -10px rgba(18, 71, 97, .2);
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    padding: 0 15px
}

#menu .logo-header {
    width: 160px;
    display: inline-block
}

@media (min-width:1300px) {
    #menu .logo-header {
        vertical-align: middle
    }
}

#menu .logo-header .mobile-logo {
    display: none
}

@media (max-width:1300px) {
    #menu .logo-header .desktop-logo {
        display: none
    }
    #menu .logo-header .mobile-logo {
        display: inline-block
    }
    #menu .logo-header {
        width: 40px
    }
    #menu .logo-header img {
        max-height: none!important
    }
}

#menu .nav,
#menu .nav>li {
    display: inline-block;
    float: none
}

@media (max-width:600px) {
    #menu {
        height: 50px;
        line-height: 50px
    }
    .main {
        margin-top: 50px!important
    }
    #menu .logo-header {
        width: 35px
    }
}

#menu .logo-header img {
    max-height: 30px
}

#menu .nav {
    margin-left: 20px
}

@media (max-width:1300px) {
    #menu .nav {
        margin-left: 10px
    }
}

#menu .nav>li {
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 67px;
    height: 70px
}

#menu .nav>li.dream-club {
    border-radius: 0;
    border: 0;
    padding: 0;
    margin: 0
}

#menu .nav>li.dream-club a {
    color: #6abbda;
    padding: 15px 30px
}

@media (min-width:500px) {
    #menu .nav>li.dream-club {
        display: none
    }
}

#menu .nav>li.active>a,
#menu .nav>li.open>a,
#menu .nav>li:hover>a {
    color: #124761;
    background: #e9f0f4
}

@media (min-width:1050px) {
    #menu .nav>li:hover>a:hover {
        background: #e9f0f4
    }
}

@media (max-width:1050px) {
    #menu .nav>li.open>a:hover {
        background: #e9f0f4
    }
}

#menu .nav>li.action a {
    padding: 0 20px 0 15px;
    background: #124761;
    color: #fff;
    text-shadow: 0 0 13px #fff
}

#menu .nav>li.action a:hover {
    color: #124761;
    background: #e9f0f4
}

#menu .nav>li.action a:hover span {
    color: #124761;
    text-shadow: 0 0 6px #fff
}

#menu .nav>li.action a span {
    font-size: 15px;
    margin-right: 4px;
    transform: none!important;
    transition: none!important
}

@media (max-width:1050px) {
    #menu .nav>li.action a {
        background: #124761;
        color: #fff;
        text-shadow: 0 0 13px rgba(255, 255, 255, .6);
        padding: 20px 30px!important
    }
    #menu .nav>li.action a span {
        color: #fff;
        text-shadow: 0 0 6px #fff
    }
}

#menu .nav>li>a {
    color: #3c4d5a;
    font-size: 13px;
    border-radius: 100px;
    line-height: 38px;
    display: inline-block;
    padding: 0 15px;
    height: 38px
}

@media (max-width:1050px) {
    #menu .nav>li>a {
        font-size: 13px;
        padding: 0 13px
    }
}

#menu .nav>li>a span {
    font-size: 9px;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    margin-left: 2px;
    transition: all .5s cubic-bezier(.27, .09, .25, .97)
}

#menu .nav>li>a:hover {
    background: 0 0
}

#menu li .dropdown-menu {
    top: 68px;
    border: 0;
    padding: 0;
    background: #fff;
    border-radius: 0;
    border-top: 1px solid #f2f2f2;
    box-shadow: none
}

@media (max-width:1050px) {
    #menu .nav>li.open>a>span {
        transform: rotate(-180deg)
    }
    #menu li .dropdown-menu.desktop {
        display: none!important
    }
    #menu li .dropdown-menu.normal ul li a {
        padding: 7px 30px!important;
        line-height: normal!important
    }
    #menu li .dropdown-menu.normal ul li:last-child a {
        padding-bottom: 15px!important
    }
    #menu .nav li a {
        text-shadow: none!important;
        font-weight: 500
    }
}

@media (min-width:1050px) {
    #menu .nav>li:hover>a>span {
        transform: rotate(-180deg)
    }
    #menu li .dropdown-menu.mobile {
        display: none!important
    }
}

#menu li .dropdown-menu.mobile {
    position: static;
    float: none;
    margin-bottom: -1px
}

#menu li .dropdown-menu.mobile .dropdown-inner {
    display: block
}

#menu li .dropdown-menu.mobile ul li a {
    padding: 10px 30px
}

#menu li .dropdown-menu.mobile ul li a h2 {
    font-size: 12px;
    margin: 0
}

#menu .dropdown-menu ul li a {
    min-width: 160px;
    display: block;
    padding: 0 20px;
    clear: both;
    line-height: 40px;
    color: #58727f;
    font-size: 12px
}

#menu .dropdown-menu ul li a:hover {
    background-color: #e9f0f4;
    color: #3c4d5a;
    background-image: none
}

#menu .nav>li .dropdown-menu.menu-categories {
    position: fixed;
    z-index: 110;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0;
    border-radius: 0;
    text-align: center;
    float: none;
    padding: 10px;
    border-top: 1px solid #eaf5f9
}

#menu .nav>li .dropdown-menu.menu-categories:after,
#menu .nav>li .dropdown-menu.menu-categories:before {
    content: '';
    background-color: #fff;
    position: absolute;
    left: 0;
    margin: auto;
    display: block;
    right: 0
}

#menu .nav>li .dropdown-menu.menu-categories:before {
    width: 10px;
    height: 100%;
    top: 0;
    bottom: 0
}

#menu .nav>li .dropdown-menu.menu-categories:after {
    width: 100%;
    height: 10px;
    top: 50%;
    transform: translateY(-50%)
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner {
    display: block
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul {
    display: flex;
    flex-wrap: wrap
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li {
    flex: 1 0 50%;
    min-height: 45.4vh;
    background: #f3f9fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li.mattress-category {
    background: url(/image/catalog/mattress-category-bg.png) 0 center no-repeat #f3f9fb;
    background-size: 59%
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li.pillow-category {
    background: url(/image/catalog/pillow-category-bg.png) 5% center no-repeat #f3f9fb;
    background-size: 45%
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li.products-category {
    background: url(/image/catalog/all-products.png) 5% center no-repeat #f3f9fb;
    background-size: 45%
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li.hotel-category {
    background: url(/image/catalog/hotel-category-bg.png) 8% center no-repeat #f3f9fb;
    background-size: 45%
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner a {
    padding: 0!important;
    background: 0 0!important;
    transition: all .3s ease
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li .category-info {
    margin-left: 45%;
    margin-top: -30px;
    padding: 0
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li .category-info img {
    max-width: 30px;
    opacity: .7
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li .category-info h2 {
    font-size: 23px;
    margin: 10px 0 0
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li .category-info span {
    font-size: 14px;
    color: #96c1d6
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li .category-info span i {
    color: #96c1d6;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    font-weight: 900;
    font-size: 10px
}

#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li .category-info span:hover,
#menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li .category-info span:hover i {
    color: #4f7384
}

#menu .nav-actions .phone-header {
    font-size: 17px;
    color: #404e54;
    font-weight: 700;
    margin-right: 20px
}

#menu .nav-actions .phone-header * {
    color: #404e54!important
}

#menu .nav-actions .phone-header span {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -5px;
    display: inline-block;
    margin-right: 6px;
    font-weight: 500;
    color: #a2bfc9!important
}

#menu .dream-club {
    font-size: 13px;
    border-radius: 100px;
    line-height: 35px;
    display: inline-block;
    padding: 0 20px;
    height: 35px;
    border: 1px solid #daeaf0;
    text-transform: uppercase;
    color: #6abbda;
    margin-right: 10px;
    text-decoration: none
}

@media (min-width:1050px) {
    #menu .nav>li .dropdown-menu.menu-categories .dropdown-inner ul li:hover a {
        transform: scale(.97)
    }
}

@media (max-width:1050px) {
    #menu .dream-club {
        font-size: 11px;
        padding: 0 15px;
        line-height: 34px
    }
}

@media (max-width:500px) {
    #menu .dream-club {
        display: none
    }
}

#menu #search {
    display: none;
    margin: 0 10px
}

#menu #search .toggle-search {
    transition: all .3s ease
}

#menu #search .search-box {
    position: fixed;
    top: 0;
    left: 200px;
    right: 0;
    height: 70px;
    z-index: 200;
    display: none
}

@media (max-width:1300px) {
    #menu #search .search-box {
        left: 65px
    }
}

#menu #search .search-box .search-icon {
    position: absolute;
    font-size: 18px;
    z-index: 210;
    top: 27px
}

#menu #search .search-box.active {
    display: block
}

#menu #search .search-box input {
    height: 70px;
    line-height: 70px;
    border: 0;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 15px;
    padding-left: 30px;
    background: #fff;
    margin-left: -2px
}

#menu #search .search-box .close-search {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 210;
    cursor: pointer;
    transition: all .3s ease
}

#menu #search .search-box .close-search:after,
#menu #search .search-box .close-search:before {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 9px;
    margin: auto;
    background: #b5b5b5;
    display: block;
    border-radius: 4px;
    content: ''
}

#menu #search .search-box .close-search:before {
    transform: rotate(45deg)
}

#menu #search .search-box .close-search:after {
    transform: rotate(-45deg)
}

#menu #search a span {
    font-size: 18px;
    vertical-align: middle;
    line-height: 70px;
    margin-top: -2px;
    display: inline-block;
    color: #3e4f5c;
    font-weight: 900
}

@media (max-width:1300px) {
    #menu #search {
        margin: 0 5px
    }
    #menu #search a span {
        font-size: 17px
    }
}

#menu #search .toggle-search img {
    width: 20px;
    margin-top: -5px;
    opacity: .6;
    margin-left: 10px
}

#menu #search>input {
    display: none
}

@media (max-width:600px) {
    #menu #search .search-box {
        height: 50px;
        left: 55px
    }
    #menu #search .search-box input {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        padding-left: 22px
    }
    #menu #search .search-box .search-icon {
        font-size: 15px;
        top: 18px
    }
}

#menu .language-switcher {
    display: inline-block
}

#menu .language-switcher>li .dropdown-menu {
    min-width: 100%;
    top: 52px
}

#menu .language-switcher>li .dropdown-menu li a {
    min-width: 100%
}

#menu .language-switcher>li>a {
    display: block;
    font-size: 15px;
    padding: 0 15px;
    color: #4c5b67;
    height: 35px;
    line-height: 35px;
    border-radius: 100px;
    margin-left: 10px;
    border: 1px solid #e8e8e8
}

#menu .store-actions,
#menu .store-actions li {
    height: 70px;
    line-height: 70px;
    display: inline-block
}

#menu .language-switcher>li>a i {
    font-size: 15px;
    font-weight: 900;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    color: #a1cbdc
}

#menu .language-switcher>li>a div {
    display: inline-block;
    margin: 0 4px
}

@media (max-width:1300px) {
    #menu .language-switcher>li>a div {
        display: none
    }
}

#menu .language-switcher>li>a:hover {
    opacity: .7
}

#menu .language-switcher>li>a>span {
    font-size: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px
}

#menu .store-actions li {
    font-size: 22px;
    margin: 0 10px;
    vertical-align: middle
}

@media (max-width:1300px) {
    #menu .store-actions li {
        font-size: 20px;
        margin: 0 3px
    }
}

#menu .store-actions li a {
    color: #3c4d5a
}

#menu .store-actions li.profile {
    font-size: 19px
}

@media (max-width:1300px) {
    #menu .store-actions li.profile {
        font-size: 18px
    }
}

#menu .store-actions li.cart-icon {
    font-size: 23px;
    line-height: 60px
}

#menu .store-actions li.cart-icon #cart {
    margin-bottom: 0;
    position: relative
}

#menu .store-actions li.cart-icon #cart.item-in:after {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 60px;
    display: block;
    position: absolute;
    top: 14px;
    right: -6px;
    background: #e37872;
    border: 3px solid #fff;
    pointer-events: none
}

@media (max-width:1050px) {
    #menu .nav {
        position: fixed;
        top: 70px;
        left: -550px;
        width: 350px;
        background: #fff;
        height: 100vh;
        z-index: 220;
        margin: 0!important;
        transition: all .4s ease;
        box-shadow: 0 20px 110px -10px rgba(0, 0, 0, .2)
    }
    #menu .nav:after {
        content: '';
        positioN: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        height: 100%;
        display: block
    }
    #menu .nav li,
    #menu .nav li.action {
        display: block;
        line-height: normal;
        height: auto;
        border-bottom: 1px solid #e9f0f4
    }
    #menu .nav li a,
    #menu .nav li.action a {
        display: block;
        width: 100%;
        border-radius: 0;
        line-height: normal;
        height: auto;
        padding: 15px 30px
    }
    #menu .nav li.action a {
        padding: 15px 20px!important;
        max-width: 330px!important;
        border-radius: 50px;
        text-align: center;
        margin: 10px
    }
    #menu .nav li.dropdown.open>a {
        padding-bottom: 5px
    }
    #menu .nav li .dropdown-menu {
        width: 100%;
        top: 46px
    }
    #menu .nav li .dropdown-menu .dropdown-inner {
        display: block
    }
    #menu .nav li .dropdown-menu .dropdown-inner ul {
        display: block;
        padding-bottom: 10px
    }
    #menu li .dropdown-menu.mobile ul,
    #menu li .dropdown-menu.normal ul {
        background: #e9f0f4;
        margin-top: -1px
    }
}

@media (max-width:400px) {
    #menu .nav {
        width: 250px
    }
    #menu .nav li.action a {
        max-width: 230px!important
    }
}

#menu #search .input-group-btn {
    display: inline-block
}

@media (max-width:600px) {
    #menu .nav {
        top: 50px
    }
    #menu .store-actions li.cart-icon #cart.item-in:after {
        top: 9px;
        pointer-events: none
    }
    .nav-actions {
        height: 50px;
        line-height: 50px
    }
    .nav-actions .store-actions,
    .nav-actions .store-actions li.cart-icon,
    .nav-actions .store-actions li.profile {
        height: 50px!important;
        line-height: 50px!important
    }
    .nav-actions .store-actions li.cart-icon #cart {
        margin-top: -8px
    }
    .nav-actions #search>a>span {
        line-height: 50px!important
    }
    #menu .language-switcher>li>a {
        transform: translateY(2px)
    }
    #menu {
        padding: 0 10px
    }
}

#menu .action-call {
    margin-top: 13px;
    float: right;
    line-height: 45px
}

.main {
    margin-top: 45px
}

.main .slider {
    margin-top: -18px!important
}

.main .home-slider .slick-dots {
    bottom: 45px
}

.main .slick-dots li {
    width: 22px;
    height: 6px;
    border-radius: 20px;
    background: #f8fafb;
    opacity: .4;
    vertical-align: middle
}

.main .slick-dots li.slick-active {
    width: 28px;
    height: 8px;
    opacity: 1
}

.main .home-slider .slick-slide {
    min-height: 87vh!important;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #fff
}

.main .slick-slide .slide-info {
    max-width: 850px;
    padding: 0 20px
}

@media (min-width:1050px) {
    .main .slick-slide .slide-info {
        transform: translate(150px, -20px)
    }
}

.main .slick-slide .slide-info .discount-bg {
    background: url(/image/catalog/discount-bg.png) center center no-repeat;
    width: 327px;
    height: 247px;
    color: #fff;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.main .slick-slide .slide-info .discount-bg div {
    font-size: 70px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 5px
}

.main .slick-slide .slide-info .discount-bg strong {
    display: block;
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 33px;
    font-weight: 400;
    margin-top: -5px;
    color: #a7c1e5
}

.main .slick-slide .slide-info .discount-bg div>span {
    font-size: 70px;
    color: #fff;
    display: inline-block;
    margin-left: -10px
}

.main .slick-slide .slide-info .discount-bg span {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    margin-top: 15px;
}

.main .slick-slide .slide-info img {
    max-width: 35px;
    margin: 0 auto 20px
}

.main .slick-slide .slide-info h2 {
    font-size: 55px;
    color: #1e395d;
    font-weight: 400
}

.main .slick-slide .slide-info span.name {
    font-size: 30px;
    color: #124761;
    font-weight: 400;
    margin: 30px 0 20px;
    display: block
}

.main .slick-slide .slide-info p {
    font-size: 18px;
    color: #77909c;
    max-width: 100%;
    font-style: italic;
    margin: 0 auto 15px
}

.perfect-mattress {
    min-height: 770px;
    background: url(/image/catalog/perfect-mattress.png) center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center
}

.perfect-mattress.baby {
    background: url(/image/catalog/perfect-mattress-baby2.png) center bottom no-repeat #e6f2f7;
    min-height: 550px!important;
    position: relative;
    z-index: 20;
    cursor: pointer
}

.perfect-mattress.baby h2 {
    font-size: 23px
}

.perfect-mattress.baby .subtitle {
    font-size: 14px;
    max-width: 510px
}

.perfect-mattress.baby.cart-call {
    max-height: 360px;
    position: relative
}

@media (min-width:992px) {
    .perfect-mattress.baby.cart-call {
        min-height: 300px!important
    }
}

@media (max-width:768px) {
    .onepagecheckout-checkout .perfect-mattress.baby.cart-call {
        display: none
    }
    .onepagecheckout-checkout .main {
        margin-top: 130px
    }
}

.perfect-mattress.baby.cart-call:after {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    box-shadow: 0 0 160px 0 rgba(0, 0, 0, .3)
}

.perfect-mattress.baby.cart-call h2 {
    margin: 0 0 10px
}

.perfect-mattress.baby.cart-call p.subtitle {
    max-width: none
}

@media (max-width:1200px) {
    .perfect-mattress {
        min-height: 680px!important
    }
}

@media (max-width:992px) {
    .perfect-mattress.baby.cart-call {
        min-height: 680px!important;
        padding-top: 120px!important
    }
    .perfect-mattress {
        background: url(/image/catalog/perfect-mattress-mobile.png) center center no-repeat;
        min-height: 670px!important;
        align-items: flex-start;
        background-size: cover
    }
    .perfect-mattress.baby {
        min-height: 930px!important;
        background: url(/image/catalog/perfect-mattress-baby-mobile.png) center bottom no-repeat #e6f2f7;
        background-size: cover
    }
}

@media (max-width:600px) {
    .perfect-mattress.baby h2 {
        max-width: 80%!important;
        margin: 0 auto 10px!important
    }
    .perfect-mattress.baby h2:before {
        margin: 0 auto 12px!important
    }
    .perfect-mattress.baby {
        min-height: 450px!important
    }
}

.perfect-mattress .info-box {
    text-align: center;
    max-width: 740px;
    margin: 0 0 0 auto
}

.perfect-mattress.baby .info-box {
    max-width: 670px
}

@media (max-width:1050px) {
    .main .slick-slide .slide-info .discount-bg strong {
        margin-bottom: 5px;
        font-size: 23px
    }
    .main .home-slider .slick-slide {
        justify-content: flex-start;
        padding-top: 7vh
    }
    .main .slick-slide .slide-info {
        margin: 0 auto;
        max-width: 600px
    }
    .main .slick-slide .slide-info .discount-bg {
        width: 227px;
        height: 147px;
        background-size: contain
    }
    .main .slick-slide .slide-info .discount-bg>div {
        font-size: 50px;
        margin-bottom: 0
    }
    .main .slick-slide .slide-info .discount-bg>span {
        font-size: 15px
    }
    .main .slick-slide .slide-info h2 {
        font-size: 35px
    }
    .main .slick-slide .slide-info span.name {
        font-size: 25px;
        margin: 10px 0
    }
    .main .slick-slide .slide-info p {
        font-size: 16px;
        margin: 0 auto 5px
    }
}

@media (max-width:600px) {
    .main .slick-slide .slide-info .discount-bg strong {
        margin-bottom: -8px;
        font-size: 19px
    }
    .main .home-slider .slick-slide {
        justify-content: flex-start;
        padding-top: 4vh
    }
    .main .slick-slide .slide-info {
        margin: 0 auto;
        max-width: 420px
    }
    .main .slick-slide .slide-info .discount-bg {
        width: 137px;
        height: 97px;
        background-size: contain
    }
    .main .slick-slide .slide-info .discount-bg>div {
        font-size: 35px;
        margin-bottom: -12px
    }
    .main .slick-slide .slide-info .discount-bg>div>span {
        font-size: 25px;
        margin-left: -7px
    }
    .main .slick-slide .slide-info .discount-bg>span {
        font-size: 10px
    }
    .main .slick-slide .slide-info h2 {
        font-size: 25px
    }
    .main .slick-slide .slide-info span.name {
        font-size: 20px;
        margin: 5px 0
    }
    .main .slick-slide .slide-info p {
        font-size: 14px;
        margin: 0 auto 5px;
        max-width: 280px
    }
    .main .slick-slide .slide-info img {
        max-width: 30px
    }
}

@media (max-width:400px) {
    .main .slick-slide .slide-info h2 {
        font-size: 21px;
        margin-bottom: 5px;
        margin-top: 7px
    }
    .main .slick-slide .slide-info span.name {
        font-size: 18px
    }
    .main .slick-slide .slide-info p {
        font-size: 12px;
        line-height: 1.2em
    }
    .main .slick-slide .slide-info img {
        max-width: 25px
    }
}

@media (max-width:350px) {
    .main .slick-slide .slide-info h2 {
        font-size: 19px
    }
}

@media (min-width:1400px) {
    .main .perfect-mattress .info-box {
        transform: translateX(110px)
    }
}

.main .home-categories {
    padding: 10px!important;
    min-height: 270px
}

.main .home-categories-mobile {
    display: none
}

@media (max-width:768px) {
    .main .home-categories-mobile {
        display: block;
        padding: 5px!important;
        text-align: center
    }
    .main .home-categories-mobile .slider-categories {
        margin-bottom: 0
    }
    .main .home-categories-mobile .home-category {
        min-height: 380px;
        background: #f4f6f7;
        cursor: pointer
    }
    .main .home-categories-mobile .home-category.mattress {
        background: url(/image/catalog/mattress-category-bg.png) center 180px no-repeat #f4f6f7;
        background-size: 320px
    }
    .main .home-categories-mobile .home-category.pillow {
        background: url(/image/catalog/pillow-category-bg.png) center 170px no-repeat #f4f6f7;
        background-size: 290px
    }
    .main .home-categories-mobile .home-category.accessories {
        background: url(/image/catalog/all-products.png) center 130px no-repeat #f4f6f7;
        background-size: 290px
    }
    .main .home-categories-mobile .home-category.hotel {
        background: url(/image/catalog/hotel-category-bg.png) center 140px no-repeat #f4f6f7;
        background-size: 250px
    }
    .main .home-categories-mobile .home-category .category-info {
        margin-top: 30px
    }
    .main .home-categories-mobile .home-category .category-info .text-icon {
        margin-bottom: 10px
    }
    .main .home-categories-mobile .home-category .category-info h2 {
        margin-top: 10px
    }
    .main .home-categories-mobile .slick-dots {
        bottom: 15px
    }
    .main .home-categories-mobile .slick-dots li {
        background: #9cbac6
    }
    .main .home-categories-mobile .home-category h2 {
        font-size: 25px
    }
}

@media (max-width:400px) {
    .main .home-categories-mobile .home-category.mattress {
        background: url(/image/catalog/mattress-category-bg.png) center 150px no-repeat #f4f6f7;
        background-size: 100%
    }
    .main .home-categories-mobile .home-category.pillow {
        background: url(/image/catalog/pillow-category-bg.png) center 140px no-repeat #f4f6f7;
        background-size: 90%
    }
    .main .home-categories-mobile .home-category.accessories {
        background: url(/image/catalog/all-products.png) center 140px no-repeat #f4f6f7;
        background-size: 70%
    }
    .main .home-categories-mobile .home-category.hotel {
        background: url(/image/catalog/hotel-category-bg.png) center 130px no-repeat #f4f6f7;
        background-size: 70%
    }
    .main .home-categories-mobile .home-category .category-info h2 {
        font-size: 22px;
        margin-bottom: 5px
    }
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .main .home-categories {
        flex-wrap: wrap;
        min-height: 500px!important;
        position: relative
    }
    .main .home-categories:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #fff
    }
    .main .home-categories .home-category {
        flex: 1 0 50%!important;
        margin-right: 0!important
    }
    .main .home-categories .home-category:nth-child(1),
    .main .home-categories .home-category:nth-child(2) {
        margin-bottom: 10px
    }
}

@media (min-width:768px) {
    .main .home-categories {
        display: flex
    }
}

@media (max-width:768px) {
    .main .home-categories {
        display: none
    }
}

.main .home-categories .home-category {
    flex: 1;
    background: #f4f6f7;
    margin-right: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 50px;
    cursor: pointer
}

.main .home-categories .home-category.mattress {
    background: url(/image/catalog/home-category-mattress-bg.png) -20% bottom no-repeat #f4f6f7
}

.main .home-categories .home-category.pillow {
    background: url(/image/catalog/home-category-pillow-bg.png) -20% bottom no-repeat #f4f6f7
}

.main .home-categories .home-category.accessories {
    background: url(/image/catalog/accessories-category-bg.png) -20% bottom no-repeat #f4f6f7
}

.main .home-categories .home-category.hotel {
    background: url(/image/catalog/home-category-hotel-bg.png) -20% bottom no-repeat #f4f6f7
}

.main .home-categories .home-category:last-of-type {
    margin-right: 0
}

.main .home-categories .home-category .category-info {
    text-align: center
}

.main .home-categories .home-category .category-info img {
    max-width: 25px
}

.main .home-categories .home-category .category-info h2 {
    font-size: 22px;
    margin: 10px 0 5px
}

.main .home-categories .home-category .category-info a {
    font-size: 13px;
    color: #96c1d6
}

.main .home-categories .home-category .category-info a i {
    color: #96c1d6;
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    font-size: 10px
}

.main .why-magniflex {
    min-height: 610px;
    background: url(/image/catalog/why-magniflex-top-bg.png) center top no-repeat;
    padding-top: 120px;
    margin-top: 10px;
    margin-bottom: -70px;
    background-size: cover
}

.main .why-magniflex .features {
    display: flex;
    justify-content: space-around;
    max-width: 1400px;
    margin: 100px auto 0;
    padding: 0 40px
}

.main .why-magniflex .features .feature {
    text-align: left;
    display: flex;
    align-items: center
}

.main .why-magniflex .features .feature .feature-info {
    margin-left: 15px
}

.main .why-magniflex .features .feature .feature-info h3 {
    margin-top: 0;
    margin-bottom: 5px
}

.main .why-magniflex .features .feature .feature-info span {
    font-size: 16px;
    color: #7aabc5
}

@media (max-width:1300px) {
    .main .why-magniflex .features {
        margin: 60px auto 0
    }
    .main .why-magniflex .features .feature img {
        max-width: 75px
    }
    .main .why-magniflex .features .feature .feature-info h3 {
        font-size: 16px
    }
    .main .why-magniflex .features .feature .feature-info span {
        font-size: 14px
    }
    .main .why-magniflex .features .feature .feature-info {
        margin-left: 10px
    }
}

@media (max-width:992px) {
    .main .why-magniflex .features {
        flex-wrap: wrap;
        margin: 60px auto 0
    }
    .main .why-magniflex .features .feature {
        flex-direction: column;
        flex: 1 0 50%;
        text-align: center
    }
    .main .why-magniflex .features .feature img {
        margin-bottom: 20px
    }
    .main .why-magniflex .features .feature:nth-child(1),
    .main .why-magniflex .features .feature:nth-child(2) {
        margin-bottom: 30px
    }
}

.main .why-bottom {
    background: url(/image/catalog/why-magniflex-bottom-bg.png) center top no-repeat;
    min-height: 730px;
    display: flex;
    align-items: center;
    background-size: cover
}

@media (max-width:992px) {
    .main .why-bottom {
        background: url(/image/catalog/why-magniflex-bottom-bg-mobile.png) center bottom no-repeat;
        background-size: cover;
        min-height: 800px!important;
        align-items: flex-start
    }
}

@media (max-width:600px) {
    .main .why-magniflex .features {
        padding: 0 20px
    }
    .main .why-magniflex .features .feature {
        margin-bottom: 30px
    }
    .main .why-magniflex .features .feature .feature-info {
        margin-left: 0;
        line-height: 1.4em
    }
    .main .why-magniflex .features .feature .feature-info span {
        font-size: 13px
    }
    .main .why-bottom {
        background: url(/image/catalog/why-magniflex-bottom-bg-mobile.png) center bottom no-repeat;
        background-size: cover;
        min-height: 600px!important;
        align-items: flex-start
    }
}

.main .why-bottom .why-bottom-info {
    max-width: 700px;
    margin: 0 auto 0 0;
    text-align: center
}

@media (min-width:1450px) {
    .main .why-bottom .why-bottom-info {
        transform: translate(-20%, -30%)
    }
}

@media screen and (min-width:768px) and (max-width:1450px) {
    .main .why-bottom .why-bottom-info {
        transform: translate(0, -30%)
    }
}

.main .why-bottom .why-bottom-info h2 {
    font-size: 23px
}

.main .why-bottom .why-bottom-info p {
    font-size: 15px
}

.main .benefits {
    background: url(/image/catalog/home-benefits-bg.png) center top no-repeat;
    padding: 130px 0;
    color: #fff!important;
    text-align: center;
    background-size: cover;
    margin-top: 10px;
    position: relative
}

.main .benefits .made-in-italy {
    background: url(/image/catalog/made-in-italy.svg) center center no-repeat;
    width: 280px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    padding-top: 13px
}

.main .benefits .made-in-italy span {
    font-size: 13px
}

.main .benefits .made-in-italy img {
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
    margin-right: 2px;
    max-width: 22px
}

.main .benefits h2 {
    color: #fff;
    margin: 0 auto 20px;
    font-size: 25px;
    font-weight: 300
}

.main .benefits p {
    color: #9fb2bc;
    max-width: 900px;
    margin: 0 auto
}

.main .benefits .benefits-box {
    margin: 130px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.main .benefits .benefits-box .benefit {
    background: url(/image/catalog/benefit-bg.png) center center no-repeat;
    width: 362px;
    height: 257px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20px
}

.main .benefits .benefits-box .benefit span {
    font-size: 35px;
    color: #fff;
    margin-bottom: 17px
}

.main .benefits .benefits-box .benefit p {
    font-size: 13px;
    text-transform: uppercase;
    color: #a0b5c1;
    line-height: 1.5em;
    max-width: 180px
}

@media (max-width:768px) {
    .main .benefits {
        margin-top: 5px
    }
}

@media (max-width:600px) {
    .main .benefits {
        padding: 90px 0 40px!important
    }
    .main .benefits .benefits-box {
        margin: 30px auto 0
    }
    .main .benefits .benefits-box .benefit {
        width: 272px;
        height: 167px;
        background-size: contain
    }
    .main .benefits .benefits-box .benefit>span {
        font-size: 25px;
        margin-bottom: 5px
    }
    .main .benefits .benefits-box .benefit>p {
        font-size: 10px;
        max-width: 140px
    }
}

.featured-products {
    padding: 130px 40px;
    margin-bottom: 10px;
    background: #deeaf1;
    background: -moz-linear-gradient(top, #deeaf1 0, #f4f6f7 100%);
    background: -webkit-linear-gradient(top, #deeaf1 0, #f4f6f7 100%);
    background: linear-gradient(to bottom, #deeaf1 0, #f4f6f7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#deeaf1', endColorstr='#f4f6f7', GradientType=0)
}

.blog-posts h2,
.description-container h2,
.featured-products h2,
.materials-container h2 {
    margin-bottom: 20px
}

.blog-posts h2:before,
.blog-posts h1:before,
.description-container h2:before,
.featured-products h2:before,
.materials-container h2:before,
.tag h3:before {
    content: '';
    background: url(/image/catalog/before-icon.png) center center no-repeat;
    width: 34px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
    margin-top: -5px
}

.blog-posts h2:after,
.blog-posts h1:after,
.description-container h2:after,
.featured-products h2:after,
.materials-container h2:after,
.tag h3:after {
    content: '';
    background: url(/image/catalog/after-icon.png) center center no-repeat;
    width: 34px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px;
    margin-top: -5px
}

.featured-products .featured-products-box {
    display: flex;
    flex-wrap: wrap;
    max-width: 1600px;
    margin: 50px auto 0;
    justify-content: space-between
}

.featured-products .featured-products-box .product-layout {
    flex-basis: 31.5%
}
/*.transition{width:514px;}*/
.product-thumb {

    background: #fff;
    border: 0;
    text-align: center;
    padding: 40px 20px;
    min-height: 580px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 70px -10px rgba(0, 0, 0, .1)
}

@media (max-width:600px) {
    .product-thumb {
        min-height: 500px;
        padding: 25px 20px
    }
    .transition{width:100% !important;}
}

.product-thumb .product-info .text-icon {
    max-width: 30px;
    margin-bottom: 0
}

.product-thumb .product-info h3 {
    margin-top: 10px
}

.product-thumb .product-info h3 a {
    font-size: 22px;
    color: #124761
}

.product-thumb .product-info .price,
.product-thumb .product-info .price .price-new {
    font-size: 25px;
    font-weight: 300;
    color: #124761;
    margin-top: 10px
}

.product-thumb .product-info .price .second_part {
    font-size: 16px;
    color: #a0a0a0;
    margin-left: 3px;
    font-weight: 400
}

.product-thumb .product-info .price .price-old {
    font-size: 20px;
    opacity: .7
}

.product-thumb .product-info .badges-holder {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.product-thumb .product-info .discount,
.product-thumb .product-info .new {
    margin-top: 10px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif
}

.product-thumb .product-info .new {
    width: 95px;
    height: 55px;
    background: url(/image/catalog/new-badge-bg.svg) center center no-repeat;
    font-size: 15px;
    color: #124761;
    padding-top: 18px
}

.product-thumb .product-info .discount {
    width: 91px;
    height: 50px;
    background: url(/image/catalog/sale-badge-bg.svg) center center no-repeat;
    font-size: 16px;
    color: #c37788;
    padding-top: 16px
}

.product-thumb .image a {
    min-height: 350px;
    max-height: 350px;
    overflow: hidden;
    position: relative;
    outline: 0
}

@media (max-width:600px) {
    .product-thumb .image a {
        min-height: 300px;
        max-height: 300px
    }
}

.product-thumb .image a img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-53%)
}

@media (min-width:600px) {
    .product-thumb .image a img {
        width: 90%
    }
}

.product-thumb .button-group {
    background: 0 0;
    border: 0!important;
    text-align: center
}

.product-thumb .button-group a button {
    width: auto;
    background: #e8eef1;
    padding: 0 30px;
    border-radius: 100px;
    line-height: 55px;
    color: #124761;
    font-size: 14px;
    font-family: 'Roboto Slab', serif;
    margin: 0 auto;
    float: none
}

.product-thumb .button-group a button span {
    font-size: 18px;
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
    margin-right: 5px
}

.product-thumb .button-group a button:hover {
    background: #124761;
    color: #fff
}

.featured-products .featured-products-box.mobile .slick-dots li,
.related.featured-products-box ul.slick-dots li {
    background: #9cbac6
}

.product-thumb .button-group a button:hover span {
    color: #fff
}

.featured-products .featured-products-box.mobile {
    display: none
}

.featured-products .featured-products-box.mobile .slick-slide {
    margin: 0 10px;

}

.featured-products .featured-products-box.mobile .slick-dots {
    bottom: -12px;
}

.product-details .featured-products {
    margin-bottom: 10px
}

.related.featured-products-box ul.slick-dots {
    bottom: -40px!important
}

.related.featured-products-box {
    margin: 70px auto 0!important
}

.related.featured-products-box .slick-list {
    overflow: visible
}

.product-details .main {
    margin: 0
}

@media (max-width:1050px) {
    .main .featured-products {
        padding: 40px
    }
    .main .featured-products .featured-products-box.mobile {
        display: block;
        margin: 70px auto 0;
        max-width: 600px
    }
    .main .featured-products .featured-products-box .product-layout .product-thumb .button-group a button {
        line-height: 45px;
        font-size: 12px
    }
    .main .featured-products .featured-products-box {
        display: none
    }
}

@media (max-width:600px) {
    .related.featured-products-box ul.slick-dots {
        bottom: -12px!important
    }
    .main .featured-products {
        padding: 40px 0;
        margin-top: 5px
    }
    .main .featured-products h2 {
        margin-bottom: 10px;
        font-size: 18px
    }
    .main .featured-products .featured-products-box.mobile {
        margin: 20px auto 0!important
    }
    .main .featured-products .featured-products-box .product-layout .product-thumb .product-info .text-icon {
        margin-bottom: 5px
    }
    .main .featured-products .featured-products-box .product-layout .product-thumb .product-info h3 {
        margin-top: 5px
    }
    .main .featured-products .featured-products-box .product-layout .product-thumb .product-info h3 a {
        font-size: 20px
    }
    .main .featured-products .featured-products-box .product-layout .product-thumb {
        padding: 20px
    }
    .main .featured-products .featured-products-box .product-layout .product-thumb .product-info {
        margin-bottom: 10px
    }
}

@media (max-width:400px) {
    .product-thumb .image a {
        min-height: 210px;
        max-height: 210px
    }
    .main .featured-products .featured-products-box.mobile .product-layout .product-thumb .image a {
        min-height: 180px;
        max-height: 180px
    }
}

@media (min-width:1430px) {
    body.d_blog_module-category .main>.container,
    body.d_blog_module-search .main>.container {
        width: 1400px
    }
}

.main .blog-posts {
    padding: 130px 0;
    position: relative;
    background: #fff;
    min-height: 450px
}

.main .blog-posts:after,
.main .blog-posts:before {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px
}

.main .blog-posts:before {
    top: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.main .blog-posts:after {
    bottom: 30px;
    background: url(/image/catalog/product-listing-header-bg-after.png) top center no-repeat;
    background-size: cover
}

.main .blog-posts .bm-posts {
    max-width: 1320px;
    margin: 80px auto 0;
    position: relative;
    z-index: 10
}

.main .blog-posts .bm-posts article {
    margin-bottom: 30px
}

.main .blog-posts .bm-posts article:last-of-type {
    margin-bottom: 0
}

.main .blog-posts .bm-posts article .post-thumb {
    display: flex;
    border-radius: 10px;
    background: #eff4f6;
    overflow: hidden
}

.main .blog-posts .bm-posts article .post-thumb .image {
    flex: 0 0 48%
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info {
    flex: 0 0 52%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info {
    max-width: 550px;
    margin: 0 auto;
    padding: 0 30px
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info .text-icon {
    margin: 0
}

.main .blog-posts .bm-posts article:nth-child(2n) .post-thumb .image {
    order: 1
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info img {
    max-width: 30px
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info h3 {
    font-size: 19px;
    line-height: 1.5em;
    max-width: 80%;
    margin: 10px auto 5px
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info h3 a {
    color: #124761
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info .date-published {
    color: #9fb1ba;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
    display: block
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info .short-description {
    color: #7c8c94;
    font-size: 15px;
    margin-bottom: 20px
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info .post-thumb-footer a {
    background: #fff;
    padding: 0 30px;
    border-radius: 100px;
    line-height: 45px;
    color: #124761;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    box-shadow: 0 11px 35px -10px rgba(0, 0, 0, .15)
}

.main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info .post-thumb-footer a:hover {
    color: #fff;
    background: #124761
}

.main .blog-posts .blog-post-view-more {
    display: block;
    margin-top: 20px
}

.main .blog-posts .blog-post-view-more .action-call:hover {
    background: #10364c
}

.main .blog-posts .blog-post-view-more .action-call:hover img {
    filter: none
}

@media (max-width:992px) {
    .main .blog-posts .bm-posts {
        margin: 70px auto 0
    }
    .main .blog-posts .bm-posts article .post-thumb {
        flex-direction: column
    }
    .main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info {
        padding: 30px
    }
    .main .blog-posts .bm-posts article .post-thumb .post-thumb-info .info>img {
        margin-bottom: 0
    }
    .main .blog-posts .bm-posts article:nth-child(2n) .post-thumb .image {
        order: 0
    }
}

.product-listing,
.questionnaire {
    margin-top: 0px
}

@media (max-width:600px) {
    .blog-posts h2 {
        font-size: 20px
    }
    .blog-posts h2:after,
    .blog-posts h2:before {
        display: none
    }
    .product-listing,
    .questionnaire {
        margin-top: 50px
    }
}

.product-listing .product-listing-container {
    position: relative;
    background: #d5e2e7;
    background: -moz-linear-gradient(top, #d5e2e7 0, #f0f3f4 41%, #f0f3f4 41%);
    background: -webkit-linear-gradient(top, #d5e2e7 0, #f0f3f4 41%, #f0f3f4 41%);
    background: linear-gradient(to bottom, #d5e2e7 0, #f0f3f4 41%, #f0f3f4 41%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d5e2e7', endColorstr='#f0f3f4', GradientType=0)
}

.product-listing .product-listing-container:after,
.product-listing .product-listing-container:before {
    position: absolute;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px;
    left: 0;
    content: '';
    pointer-events: none
}

.product-listing .product-listing-container:before {
    top: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.product-listing .product-listing-container:after {
    bottom: 30px;
    background: url(/image/catalog/product-listing-header-bg-after.png) top center no-repeat;
    background-size: cover
}

.product-listing .product-listing-container .categories-header {
    padding-top: 50px;
    position: relative;
    z-index: 20;
    overflow: hidden
}

.product-listing .product-listing-container .categories-header.mattresses {
    background: url(/image/catalog/matress-header-bg.png) left -150px no-repeat;
    background-size: cover;
    min-height: 650px;
    padding-top: 50px
}

.product-listing .product-listing-container .categories-header.pillow {
    background: url(/image/catalog/pillow-header-bg.png) right -150px no-repeat;
    background-size: cover;
    min-height: 650px;
    padding-top: 50px;
    margin-top: -3px
}

.product-listing .product-listing-container .categories-header.accessories {
    background: url(/image/catalog/accessories-header-bg.png) center -150px no-repeat;
    background-size: cover;
    min-height: 650px;
    padding-top: 50px;
    margin-top: -3px
}

.product-listing .product-listing-container .categories-header.hotel {
    background: url(/image/catalog/hotel-header-bg.png) right -150px no-repeat;
    background-size: cover;
    min-height: 650px;
    padding-top: 50px;
    margin-top: -3px
}

.product-listing .product-listing-container .categories-header.cat121 {
    background: url(/image/catalog/promotions-detailed-page-banner.png) right -150px no-repeat;
    background-size: cover;
    min-height: 600px;
    padding-top: 50px;
    margin-top: -3px
}

body.product-category-59 .product-listing-container .filters-holder,
body.product-category-60 .product-listing-container .filters-holder,
body.product-category-61 .product-listing-container .filters-holder,
body.product-category-63 .product-listing-container .filters-holder {
    z-index: 100;
    margin-top: -250px
}

@media (max-width:1200px) {
    body.product-category-59 .product-listing-container .filters-holder,
    body.product-category-60 .product-listing-container .filters-holder,
    body.product-category-61 .product-listing-container .filters-holder,
    body.product-category-63 .product-listing-container .filters-holder {
        margin-top: -300px
    }
}

body.product-category-60 .product-listing-container .filters-holder .mfilter-box,
body.product-category-61 .product-listing-container .filters-holder .mfilter-box {
    width: 50%
}

body.product-category-63 .product-listing-container .filters-holder .mfilter-box {
    width: 60%
}

body.product-category-60 .product-listing-container .filters-holder .default-filter-container,
body.product-category-61 .product-listing-container .filters-holder .default-filter-container {
    width: 49.3%
}

body.product-category-63 .product-listing-container .filters-holder .default-filter-container {
    width: 39.5%
}

ul.category-features {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: left;
    max-width: 800px;
    margin: 80px auto 0
}

.filters-toggle {
    text-align: center;
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    color: #124761;
    font-weight: 600;
    line-height: 55px;
    background: #fff;
    max-width: 350px;
    margin: 40px auto 0;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15)
}

@media (max-width:410px) {
    .filters-toggle {
        margin: 40px 20px 0
    }
}

.filters-toggle span {
    font-size: 22px;
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
    font-weight: 600;
    color: #97b1ba
}

body.product-category-66 .filters-toggle {
    margin-top: 40px
}

body.filters-active .filters-toggle span {
    font-size: 19px
}

@media (max-width:900px) {
    .product-listing .product-listing-container .categories-header {
        padding-top: 50px!important
    }
    .filters-toggle {
        display: block
    }
    .product-listing .product-listing-container .categories-header.accessories,
    .product-listing .product-listing-container .categories-header.cat121,
    .product-listing .product-listing-container .categories-header.hotel,
    .product-listing .product-listing-container .categories-header.mattresses,
    .product-listing .product-listing-container .categories-header.pillow {
        min-height: 350px;
        max-height: 350px
    }
}

@media (max-width:653px) {
    .product-listing .product-listing-container .categories-header.accessories,
    .product-listing .product-listing-container .categories-header.cat121,
    .product-listing .product-listing-container .categories-header.hotel,
    .product-listing .product-listing-container .categories-header.mattresses,
    .product-listing .product-listing-container .categories-header.pillow {
        min-height: 350px;
        max-height: 420px
    }
}

@media (max-width:455px) {
    .product-listing .product-listing-container .categories-header.accessories,
    .product-listing .product-listing-container .categories-header.cat121,
    .product-listing .product-listing-container .categories-header.hotel,
    .product-listing .product-listing-container .categories-header.mattresses,
    .product-listing .product-listing-container .categories-header.pillow {
        min-height: 350px;
        max-height: 540px
    }
}

ul.category-features li.category-feature {
    display: flex;
    align-items: center
}

ul.category-features li.category-feature .category-feature-info {
    margin-left: 15px
}

ul.category-features li.category-feature .category-feature-info .bottom-text {
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    font-size: 13px;
    color: #124761
}

ul.category-features li.category-feature .category-feature-info h3 {
    margin: 0
}

.product-listing .product-listing-container .categories-header .text-container>img {
    max-width: 40px;
    margin-top: 35px;
}

.product-listing .product-listing-container .categories-header .text-container>h2 {
    margin-top: 10px;
    font-size: 35px;
    font-weight: 300
}

@media (max-width:992px) {
    .product-listing .product-listing-container .categories-header .text-container>h2 {
        font-size: 25px
    }
}

@media (max-width:768px) {
    .main .blog-posts {
        padding-left: 10px;
        padding-right: 10px
    }
    .product-listing .product-listing-container .categories-header .text-container>h2 {
        font-size: 20px
    }
}

@media (max-width:900px) {
    ul.category-features {
        justify-content: space-around;
        margin-top: 60px
    }
    ul.category-features li.category-feature img {
        max-width: 75px
    }
    ul.category-features li.category-feature .category-feature-info .bottom-text {
        font-size: 12px
    }
    ul.category-features li.category-feature .category-feature-info h3 {
        font-size: 17px;
        font-weight: 600
    }
}

@media (max-width:700px) {
    ul.category-features {
        justify-content: flex-start;
        align-items: center;
        margin-top: 50px;
        flex-wrap: wrap;
        margin-bottom: 320px;
        max-width: 230px
    }
    ul.category-features li.category-feature {
        display: flex;
        align-items: center;
        margin: 0 10px 20px
    }
}

.product-listing .product-listing-container .categories-header .text-container>h2 b {
    font-weight: 500
}

.product-listing .product-listing-container .categories-header .product-categories-box {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 40px
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile {
    display: none
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile .product-category.mattress>img {
    max-width: 80%!important
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile .product-category.accessories>img {
    max-width: 48%!important
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile .product-category.pillow>img {
    max-width: 66%!important
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile .product-category.hotel>img {
    max-width: 53%!important
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile .slick-dots {
    bottom: -35px
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile .slick-dots li {
    width: 22px;
    height: 6px;
    border-radius: 20px;
    background: #9cbac6;
    opacity: .4;
    vertical-align: middle
}

.product-listing .product-listing-container .categories-header .product-categories-box.mobile .slick-dots li.slick-active {
    width: 28px;
    height: 8px;
    opacity: 1
}

@media (max-width:768px) {
    .product-listing .product-listing-container .categories-header .product-categories-box {
        display: none
    }
    .product-listing .product-listing-container .categories-header .product-categories-box.mobile {
        display: block;
        padding: 0
    }
    .product-listing .product-listing-container .categories-header .product-categories-box .product-category>img {
        margin: 0 auto!important
    }
}

@media (max-width:1050px) {
    .product-listing .product-listing-container .categories-header .product-categories-box {
        flex-wrap: wrap
    }
}

.product-listing .product-listing-container .categories-header .product-categories-box h2 {
    font-size: 18px;
    position: relative;
    z-index: 20
}

.product-listing .product-listing-container .categories-header .product-categories-box a {
    position: relative;
    z-index: 20
}

.product-listing .product-listing-container .categories-header .product-categories-box .product-category {
    width: 320px;
    position: relative;
    cursor: pointer
}

@media (min-width:768px) {
    .product-listing .product-listing-container .categories-header .product-categories-box .product-category:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        margin: auto;
        z-index: 1;
        opacity: 0;
        box-shadow: 0 0 140px 70px #fff;
        transition: all .5s ease
    }
    .product-listing .product-listing-container .categories-header .product-categories-box .product-category:hover:before {
        opacity: .8
    }
}

.mfilter-box .mfilter-counter .mfilter-box .mfilter-counter.mfilter-close:hover,
footer .copyright .footer-container a:hover {
    opacity: .7
}

.product-listing .product-listing-container .categories-header .product-categories-box .product-category.mattress>img {
    max-width: 100%;
    position: relative;
    z-index: 20;
    transform: translateY(15px)
}

.product-listing .product-listing-container .categories-header .product-categories-box .product-category.accessories>img {
    max-width: 80%;
    position: relative;
    z-index: 20;
    margin-bottom: -20px!important
}

.product-listing .product-listing-container .categories-header .product-categories-box .product-category.pillow>img {
    max-width: 80%;
    position: relative;
    z-index: 20
}

.product-listing .product-listing-container .categories-header .product-categories-box .product-category.hotel>img {
    max-width: 70%;
    position: relative;
    z-index: 20
}

.product-listing .product-listing-container .filters-holder {
    max-width: 1500px;
    margin: 110px auto 0;
    padding: 0 20px;
    position: relative
}

.product-listing .product-listing-container .filters-holder h3 {
    margin-bottom: 30px;
    text-align: left;
    font-size: 20px
}

.product-listing .product-listing-container .filters-holder h3:before {
    content: '';
    background: url(/image/catalog/before-icon.png) center center no-repeat;
    width: 34px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
    margin-top: -5px
}

.product-listing .product-listing-container .filters-holder h3:after {
    visibility: hidden;
    content: '';
    background: url(/image/catalog/after-icon.png) center center no-repeat;
    width: 34px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 11px;
    margin-top: -5px
}

.product-listing .product-listing-container .mfilter-box {
    width: 70%
}

.product-listing .product-listing-container .mfilter-box .mfilter-content {
    border: 0
}

.product-listing .product-listing-container .mfilter-box .mfilter-button-top {
    position: absolute;
    top: -10px;
    right: 25px;
    padding: 0 20px;
    border: 1px dashed #124761;
    line-height: 35px;
    height: 36px;
    border-radius: 100px
}

.product-listing .product-listing-container .mfilter-box .mfilter-button-top:hover {
    background: #fff;
    border-color: #fff
}

.product-listing .product-listing-container .mfilter-box .mfilter-button-top a {
    margin-left: 0;
    color: #124761;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700
}

.product-listing .product-listing-container .mfilter-box .mfilter-button-top i {
    background: url(/image/catalog/filter-clear-all.png) center center no-repeat;
    width: 8px;
    height: 8px;
    float: right;
    vertical-align: middle;
    margin-top: 13px;
    margin-left: 5px
}

.product-listing .product-listing-container .mfilter-box ul {
    display: flex;
    height: 80px;
    line-height: 50px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 100px -20px rgba(23, 49, 61, .4)
}

.product-listing .product-listing-container .mfilter-box ul li {
    flex: 1 0 20%;
    position: relative;
    display: block;
    border-top: 0 none;
    padding: 15px 0;
    cursor: pointer
}

.product-listing .product-listing-container .mfilter-box ul li:nth-child(3) {
    flex: 1 0 30%
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-heading {
    border-right: 0 none;
    border-top: 0 none;
    background: 0 0;
    width: auto;
    display: block
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-heading .mfilter-heading-content {
    padding: 0
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-heading .mfilter-heading-content .mfilter-heading-text {
    margin: 0
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-heading .mfilter-heading-content .mfilter-heading-text span {
    display: block;
    padding: 0 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #124761;
    border-right: 1px solid rgba(231, 234, 237, .5);
    cursor: pointer;
    position: relative
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-heading .mfilter-heading-content .mfilter-heading-text span i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #8ba5b1;
    font-weight: 900;
    transition: transform .3s ease
}

.product-listing .product-listing-container .mfilter-box ul li.active .mfilter-heading .mfilter-heading-content .mfilter-heading-text span i {
    transform: rotate(180deg) translateY(5px);
    transform-origin: 50% 50%
}

.product-listing .product-listing-container .mfilter-box ul li:last-child .mfilter-heading .mfilter-heading-content .mfilter-heading-text span {
    border-right: 0 none
}

.product-listing .product-listing-container .mfilter-box ul li:nth-child(1) .mfilter-content-opts .mfilter-options-container>.mfilter-tb {
    flex-direction: row;
    flex-wrap: wrap
}

.product-listing .product-listing-container .mfilter-box ul li:nth-child(1) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb {
    flex-basis: 50%;
    border-right: 1px solid #e7eaed;
    text-align: center
}

@media (min-width:900px) {
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(1) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:last-of-type {
        flex-basis: 100%
    }
}

.product-listing .product-listing-container .mfilter-box ul li:nth-child(1) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:last-of-type label {
    text-align: center;
    display: inline-block;
    margin: 0
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts {
    position: absolute;
    display: none;
    z-index: 200;
    top: 90px;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #e7eaed;
    box-shadow: 0 40px 120px -40px rgba(23, 49, 61, .46)
}

.product-listing .product-listing-container .mfilter-box ul li:first-child .mfilter-content-opts {
    box-shadow: 0 10px 60px 0 rgba(23, 49, 61, .2)
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts.active {
    display: block
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options,
.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-opts-container {
    padding: 0
}

.scroll-wrapper>.scroll-content {
    height: auto!important;
    max-height: 500px!important
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb {
    display: flex;
    flex-direction: column
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb {
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    color: #99a8b2;
    font-weight: 500;
    position: relative;
    text-transform: uppercase
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option {
    width: 100%;
    padding: 0 20px;
    display: block;
    border-bottom: 1px solid #e7eaed;
    line-height: 50px
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option.active {
    background-color: #f1f6f9;
    color: #124761
}

@media (min-width:900px) {
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:hover {
        background-color: #f1f6f9;
        color: #124761
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:last-of-type .mfilter-option {
        border-bottom: 0 none
    }
}

.mfilter-box .mfilter-counter.mfilter-close {
    background: url(/image/catalog/filter-clear.png) center center no-repeat;
    width: 10px;
    height: 10px;
    margin: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option label {
    width: 100%;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    display: block;
    margin: 0
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option>div:first-of-type {
    display: none!important
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option .mfilter-tb-as-td input {
    position: absolute;
    left: -10000px
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:first-child {
    position: relative
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-price-inputs {
    width: 100%;
    display: flex;
    flex-direction: column
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-price-inputs .input-holder {
    border-bottom: 1px solid #e7eaed;
    height: auto;
    padding: 10px 20px
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-price-inputs .input-holder .price-label {
    font-size: 10px;
    color: #a1aeb7;
    pointer-events: none;
    line-height: normal
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-price-inputs .input-holder input {
    width: 100%!important;
    min-width: 100%!important;
    max-width: 100%!important;
    height: 40px;
    border-color: #ccd8db;
    box-shadow: none;
    color: #124761;
    font-size: 14px
}

#ajax-filter-container>p {
    text-align: center;
    font-size: 15px;
    font-family: 'Roboto Slab', serif
}

.product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-price-inputs .input-holder input:focus {
    border-color: #23a1d1
}

.default-filter-container {
    position: absolute;
    top: 53px;
    width: 30%;
    right: 7px;
    height: 80px;
    padding: 0 17px
}

.default-filter-container .filter-box {
    background: #fff;
    border-radius: 10px;
    height: 80px;
    line-height: 50px;
    flex: 1;
    box-shadow: 0 0 100px -20px rgba(23, 49, 61, .4)
}

.default-filter-container .filter-box:first-child {
    margin-right: 10px
}

.default-filter-container .filter-box:last-child {
    margin-left: 10px
}

.default-filter-container .filter-box:last-child .form-group {
    padding-left: 10px
}

.default-filter-container .filter-box .form-group {
    display: flex;
    position: relative;
    margin-bottom: 0
}

.default-filter-container .filter-box .form-group:after {
    content: '';
    position: absolute;
    right: 14px;
    width: 26px;
    z-index: 150;
    top: 50%;
    transform: translateY(-50%);
    height: 13px;
    pointer-events: none;
    transition: transform .3s ease;
    background: url(/image/catalog/select-arrow.png) center center no-repeat
}

.default-filter-container .filter-box .form-group label {
    flex-basis: 30%;
    margin-bottom: 0;
    height: 80px;
    line-height: 80px;
    border: 0;
    background: 0 0;
    font-weight: 500;
    font-size: 16px;
    color: #124761;
    text-transform: uppercase;
    padding: 0;
    max-width: 70px
}

.default-filter-container .filter-box .form-group .nice-select {
    flex-basis: 100%;
    height: 80px;
    line-height: 80px;
    border-radius: 0 15px 15px 0;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    box-shadow: none!important;
    color: #afafaf;
    padding: 0;
    position: relative;
    z-index: 100;
    text-transform: uppercase
}

.default-filter-container .filter-box .form-group .nice-select.open:after {
    transform: translateY(-50%) rotate(180deg);
    right: 10px
}

.default-filter-container .filter-box .form-group .nice-select .list {
    z-index: 100;
    background: #fff;
    border-radius: 7px;
    margin: 0;
    top: 110%;
    right: 0;
    font-weight: 700;
    transform: scale(1) translateY(0) translateX(-16%);
    box-shadow: 0 20px 90px -25px rgba(23, 49, 61, .46);
    width: 120%;
    border: 1px solid #e7eaed
}

.default-filter-container .filter-box .form-group .nice-select .list li {
    border-bottom: 1px solid #e7eaed
}

.default-filter-container .filter-box .form-group .nice-select .option.focus,
.default-filter-container .filter-box .form-group .option:hover,
.nice-select .option.selected.focus {
    background-color: #f1f6f9;
    color: #124761
}

.default-filter-container .filter-box:first-child .form-group label {
    flex-basis: 60%;
    padding: 0;
    max-width: 130px
}

.default-filter-container .filter-box:first-child .form-group .nice-select {
    flex: 1;
    padding: 0
}

#ajax-filter-container .default-filter-container {
    display: none!important
}

#mfilter-content-container {
    padding-bottom: 150px;
    margin-bottom: 10px
}

.all-product-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    padding: 0 20px;
    position: relative;
    z-index: 20;
    margin-bottom: 10px
}

@media (max-width:900px) {
    .all-product-listing {
        margin-top: 20px
    }
}

.all-product-listing .product-list {
    flex-basis: 31%;
    margin: 0 10px
}

.footer-products {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 10px
}

.footer-products:after {
    content: '';
    width: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    position: absolute;
    background: #fff
}

.footer-products li {
    flex: 1 0 50%;
    min-height: 45.4vh;
    background: #f3f9fb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer
}

.footer-products li .category-info {
    margin-left: 45%;
    margin-top: -30px;
    text-align: center
}

.footer-products li .category-info img {
    max-width: 30px;
    opacity: .7
}

.footer-products li .category-info h2 {
    font-size: 23px;
    margin: 10px 0
}

.footer-products li .category-info span {
    font-size: 14px;
    color: #96c1d6
}

.footer-products li .category-info span i {
    color: #96c1d6;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    font-weight: 900;
    font-size: 10px
}

.footer-products li .category-info span:hover,
.footer-products li .category-info span:hover i {
    color: #4f7384
}

.footer-products li.mattress-category {
    background: url(/image/catalog/mattress-category-bg.png) 0 center no-repeat #f3f9fb;
    background-size: 59%
}

.footer-products li.accessories-category {
    background: url(/image/catalog/all-products.png) 14% center no-repeat #f3f9fb;
    background-size: 37%
}

.footer-products li.pillow-category {
    background: url(/image/catalog/pillow-category-bg.png) 5% center no-repeat #f3f9fb;
    background-size: 45%
}

@media (max-width:1300px) {
    .product-listing .product-listing-container .mfilter-box {
        width: 100%;
        margin-bottom: 120px;
        padding: 0 6px
    }
    body.product-category-59 .default-filter-container,
    body.product-category-66 .default-filter-container {
        top: 153px;
        right: auto;
        left: 0;
        width: 100%;
        padding: 0 27px
    }
    .all-product-listing {
        padding: 0 10px
    }
}

@media (max-width:800px) {
    .default-filter-container {
        width: 100%
    }
}

@media (max-width:1250px) {
    .all-product-listing .product-list {
        flex-basis: 47%
    }
}

@media (max-width:900px) {
    .all-product-listing .product-list {
        flex-basis: 100%
    }
}

.all-product-listing .product-list .product-thumb {
    display: flex;
    flex-direction: column
}

footer {
    margin-top: 0;
    background: #124761;
    padding-top: 100px
}

footer .footer-container {
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 30px 90px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

footer .footer-container .logo-box {
    flex-basis: 20%;
    text-align: center
}

footer .footer-container .logo-box img {
    max-width: 280px;
    margin-bottom: 30px
}

footer .footer-container .logo-box .findshop {
    line-height: 55px;
    border-radius: 200px;
    padding: 0 30px;
    border: 2px solid #35667e;
    display: inline-block;
    width: 100%
}

footer .footer-container .logo-box .findshop span:first-child {
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-right: 5px;
    color: #bdd6e2
}

footer .footer-container .logo-box .findshop span:last-child {
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    color: #fff!important
}

footer .footer-container .logo-box .findshop img {
    max-width: 25px;
    margin-bottom: 0;
    margin-right: 10px;
    vertical-align: middle
}

footer .footer-container .logo-box .findshop:hover {
    background: #fff;
    border-color: #fff
}

footer .footer-container .logo-box .findshop:hover span {
    color: #35667e!important;
    font-weight: 900
}

footer .footer-container .column-box {
    flex-basis: 70%;
    display: flex
}

footer .footer-bottom h2:before,
footer .footer-container .column-box .foother-column h3:before,
footer .footer-container .column-box .footer-column p:before,.footer-bottom-column a:nth-child(1) p:before {
    width: 21px;
    height: 6px;
    display: inline-block;
    margin-right: 10px;
    content: '';
    vertical-align: middle
}

footer .footer-container .column-box .footer-column {
    flex: 1;
    padding-right: 45px
}

footer .footer-container .column-box .footer-column:last-of-type {
    padding-right: 0
}

footer .footer-container .column-box .footer-column h3,
footer .footer-container .column-box .footer-column p {
    color: #fff;
    font-size: 16px;
    margin-top: 0;
    transform: translateX(-31px)
}

footer .footer-container .column-box .footer-column h3:before,
footer .footer-container .column-box .footer-column p:before,.footer-bottom-column a:nth-child(1) p:before {
    margin-top: -2px;
    background: url(/image/catalog/footer-title-icon.png) center center no-repeat
}

footer .footer-container .column-box .footer-column ul li {
    line-height: 25px;
    color: #fff
}

footer .footer-container .column-box .footer-column ul li a {
    color: #d1d6d9
}

footer .footer-container .column-box .footer-column ul li:hover a {
    color: #fff
}

footer .footer-bottom {
    background: url(/image/catalog/footer-bottom-bg.png) center 15px no-repeat #104058;
    background-size: cover;
    padding: 90px 0
}

footer .footer-bottom h2 {
    color: #fff;
    font-size: 16px;
    margin-top: 0;
    transform: translateX(-31px);
    margin-bottom: 20px
}

footer .footer-bottom h2:before {
    margin-top: -2px;
    background: url(/image/catalog/footer-title-icon.png) center center no-repeat
}

footer .footer-bottom .footer-container {
    align-items: flex-end;
    padding: 0 30px
}

footer .footer-bottom .footer-container .first-row {
    padding-bottom: 0;
    justify-content: space-evenly;
    display: flex;
    flex-basis: 60%;
    align-items: flex-end
}

footer .footer-bottom .first-row .footer-bottom-column {
    max-width: 250px
}

footer .footer-bottom .first-row .footer-bottom-column p {
    color: #fff;
    font-size: 14px
}

footer .footer-bottom .first-row .footer-bottom-column p.title {
    color: #97b6c5;
    font-size: 12px
}

footer .footer-bottom .second-row {
    flex-basis: 40%;
    text-align: center
}

footer .footer-bottom .second-row .footer-bottom-input-column input {
    width: 100%;
    border-radius: 200px;
    line-height: 55px;
    background-color: #124761;
    padding: 0 30px;
    font-size: 15px;
    border: 0;
    color: #fff
}

footer .footer-bottom .second-row .footer-bottom-input-column input::placeholder {
    color: #7799a9!important
}

footer .footer-bottom .second-row .footer-bottom-input-column p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 20px
}

footer .footer-bottom .second-row .footer-bottom-input-column .input-box {
    position: relative
}

footer .footer-bottom .second-row .footer-bottom-input-column span {
    line-height: 45px;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 200px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    padding: 0 30px;
    background: #17516e;
    cursor: pointer
}

footer .footer-bottom .second-row .footer-bottom-input-column span:hover {
    color: #17516e;
    background: #fff;
    font-weight: 600
}

footer .copyright {
    background: #0f3a4f
}

footer .copyright .footer-container {
    padding: 25px 40px;
    align-items: center;
    display: flex
}

footer .copyright .footer-container a {
    width: 170px;
    transition: all .3s ease
}

footer .copyright .footer-container p {
    margin-bottom: 0;
    color: #4f7b90
}

footer .copyright .footer-container ul li a {
    color: #fff;
    opacity: .5
}

footer .copyright .footer-container ul li a:hover {
    opacity: 1
}

footer .footer-top .footer-accordion {
    display: none;
    margin-bottom: 0
}

footer .footer-top .footer-accordion .panel {
    background: 0 0;
    border-top: 0 none;
    border-right: 0 none;
    border-left: 0 none;
    border-bottom: 1px solid #185674;
    border-radius: 0;
    color: #fff;
    margin: 0!important
}

footer .footer-top .footer-accordion .panel .panel-heading {
    background: 0 0;
    border: 0;
    border-radius: 0!important;
    padding: 0;
    line-height: 40px
}

footer .footer-top .footer-accordion .panel .panel-heading .panel-title {
    color: #fff;
    font-size: 13px;
    position: relative;
    transform: translateX(40px);
    line-height: 40px
}

footer .footer-top .footer-accordion .panel .panel-heading .panel-title .collapse-btn {
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 10;
    right: 40px;
    top: 3px;
    pointer-events: none;
    transform: rotate(45deg);
    transition: all .3s ease
}

footer .footer-top .footer-accordion .panel .panel-heading .panel-title .collapse-btn:after,
footer .footer-top .footer-accordion .panel .panel-heading .panel-title .collapse-btn:before {
    content: '';
    width: 13px;
    height: 1px;
    background-color: #5a8da6;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    display: block
}

footer .footer-top .footer-accordion .panel .panel-heading .panel-title .collapse-btn:before {
    transform: rotate(90deg)
}

footer .footer-top .footer-accordion .panel .panel-heading .panel-title a.collapsed+.collapse-btn {
    transform: rotate(0)
}

footer .footer-top .footer-accordion .panel .panel-heading .panel-title:before {
    content: '';
    width: 21px;
    height: 6px;
    display: inline-block;
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle;
    position: absolute;
    left: -30px;
    top: 19px;
    background: url(/image/catalog/footer-title-icon.png) center center no-repeat
}

footer .footer-top .footer-accordion .panel .panel-heading .panel-title a {
    display: block
}

footer .footer-top .footer-accordion .panel .panel-collapse .panel-body {
    border-top: 1px solid #185674
}

footer .footer-top .footer-accordion .panel .panel-collapse .panel-body ul li a {
    display: block;
    line-height: 30px
}

@media (max-width:1300px) {
    footer .footer-bottom .second-row .footer-bottom-input-column p,
    footer .footer-container .logo-box .findshop span:nth-child(2) {
        font-size: 14px
    }
    footer .footer-container .logo-box {
        flex-basis: 25%
    }
    footer .footer-bottom .footer-container .first-row {
        flex-basis: 65%
    }
    footer .footer-bottom .second-row {
        flex-basis: 35%
    }
}

@media (max-width:1150px) {
    footer {
        padding-top: 80px
    }
    footer .footer-container {
        padding: 0 30px 50px
    }
    footer .footer-container .logo-box img {
        max-width: 210px;
        margin-bottom: 20px
    }
    footer .footer-container .logo-box .findshop {
        line-height: 45px;
        width: auto
    }
    footer .footer-container .logo-box .findshop span:first-child {
        font-size: 15px
    }
    footer .footer-container .logo-box .findshop span:nth-child(2) {
        font-size: 13px
    }
    footer .footer-container .column-box .footer-column h3 {
        font-size: 14px
    }
    footer .footer-container .column-box .footer-column ul li a {
        font-size: 11px
    }
    footer .footer-bottom .footer-container {
        flex-wrap: wrap
    }
    footer .footer-bottom .second-row {
        flex-basis: 100%;
        margin-top: 50px
    }
    footer .footer-bottom .footer-container .first-row {
        flex-basis: 100%
    }
    footer .footer-bottom h2 {
        font-size: 14px
    }
    footer .footer-bottom .first-row .footer-bottom-column p {
        font-size: 13px
    }
    footer .footer-bottom .second-row .footer-bottom-input-column .input-box {
        max-width: 750px;
        margin: 0 auto
    }
}

@media (min-width:1050px) {
    #menu .dropdown:hover .dropdown-menu.normal {
        display: block!important
    }
}

@media (max-width:992px) {
    section {
        min-height: auto!important;
        padding-top: 80px!important;
        padding-bottom: 80px!important
    }
    .styled {
        font-size: 25px;
        margin-bottom: 10px
    }
    p.subtitle {
        font-size: 14px!important
    }
    footer .footer-container {
        display: block
    }
    footer .footer-container .logo-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 50px
    }
    footer .footer-container .column-box {
        flex-basis: 100%;
        display: flex;
        transform: translateX(50px)
    }
}

@media (max-width:768px) {
    footer {
        padding-top: 60px
    }
    footer .footer-container .column-box {
        display: none
    }
    footer .footer-top .footer-accordion {
        display: block
    }
    footer .footer-container {
        padding: 0 20px 50px
    }
    footer .footer-bottom {
        padding: 40px 0
    }
    footer .footer-bottom .footer-container .first-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }
    footer .footer-bottom .footer-container .first-row h2 {
        transform: translateX(0);
        margin-bottom: 10px
    }
    footer .footer-bottom .footer-container .first-row h2:before {
        display: block;
        margin: 0 auto 10px
    }
    footer .footer-bottom .footer-container .second-row {
        margin-top: 10px
    }
    footer .copyright .footer-container {
        flex-direction: column
    }
    footer .copyright .footer-container p,
    footer .copyright .footer-container ul {
        margin-bottom: 30px
    }
}

@media (max-width:1050px) {
    .footer-products {
        flex-direction: column
    }
    .footer-products:after {
        display: none
    }
    .footer-products li {
        min-height: 300px;
        justify-content: flex-start;
        padding-top: 50px
    }
    .footer-products li:first-of-type {
        margin-bottom: 10px
    }
    .footer-products li .category-info {
        margin-top: 0;
        margin-left: 0
    }
    .footer-products li.mattress-category {
        background: url(/image/catalog/mattress-category-bg.png) center 150px no-repeat #f3f9fb;
        background-size: 340px
    }
    .footer-products li.pillow-category {
        background: url(/image/catalog/pillow-category-bg.png) center 130px no-repeat #f3f9fb;
        background-size: 340px
    }
    .footer-products li.accessories-category {
        background: url(/image/catalog/accessories-category-bg.png) center 150px no-repeat #f3f9fb;
        background-size: 200px
    }
    .footer-products li .category-info h2 {
        font-size: 21px!important
    }
}

@media (max-width:400px) {
    .footer-products li .category-info h2 {
        font-size: 17px!important
    }
    .footer-products li.mattress-category {
        background: url(/image/catalog/mattress-category-bg.png) center 150px no-repeat #f3f9fb;
        background-size: 290px
    }
    .footer-products li.pillow-category {
        background: url(/image/catalog/pillow-category-bg.png) center 130px no-repeat #f3f9fb;
        background-size: 290px
    }
    .footer-products li.accessories-category {
        background: url(/image/catalog/accessories-category-bg.png) center 150px no-repeat #f3f9fb;
        background-size: 240px
    }
}

@media (max-width:600px) {
    section {
        min-height: auto!important;
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }
    .styled {
        font-size: 20px!important
    }
    .styled:before {
        width: 65px;
        height: 10px
    }
    p.subtitle {
        font-size: 12px!important
    }
    .action-call {
        line-height: 45px;
        padding: 0 30px;
        font-size: 12px
    }
    .action-call img {
        width: 16px
    }
    footer .copyright .footer-container a {
        width: 110px
    }
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(20px)
}

.pagination>li.active>span,
.pagination>li>a {
    border: 0;
    margin: 0 5px;
    border-radius: 100px!important;
    padding: 0;
    width: 33px;
    height: 33px;
    font-size: 14px;
    line-height: 35px;
    font-weight: 700;
    color: #a5c0cb
}

.pagination>li.first a,
.pagination>li.last a,
.pagination>li.next a,
.pagination>li.prev_1 a {
    background: 0 0;
    margin: 0;
    color: #193349
}

.pagination>li.first a span,
.pagination>li.last a span,
.pagination>li.next a span,
.pagination>li.prev_1 a span {
    font-weight: 900
}

.pagination>li.active>span,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background: rgba(197, 221, 229, .7);
    font-weight: 700;
    color: #124761
}

.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background: rgba(197, 221, 229, .7);
    cursor: not-allowed;
    color: #124761
}

@media (max-width:900px) {
    .product-listing .product-listing-container .filters-holder {
        position: fixed!important;
        top: 70px;
        right: auto;
        width: 407px;
        z-index: 400;
        margin: 0!important;
        height: 100%;
        background: #f9fdff;
        background: rgba(255, 255, 255, .98);
        display: block;
        left: -200%;
        transition: left .5s ease;
        box-shadow: 0 0 400px -50px #1d291e;
        padding-top: 10px
    }
    .product-listing .product-listing-container .filters-holder .filters-toggle {
        position: absolute;
        bottom: 100px;
        left: 30px;
        right: 30px;
        background: #224252;
        color: #fff;
        margin: 0
    }
    .product-listing .product-listing-container .filters-holder.active {
        display: block;
        left: 0
    }
    .product-listing .product-listing-container .filters-holder h3.box-heading {
        font-size: 18px;
        padding-bottom: 20px;
        margin-bottom: 3px;
        border-bottom: 1px solid #daeaf0;
        font-weight: 600
    }
    .product-listing .product-listing-container .mfilter-box {
        margin: 0;
        width: 100%!important
    }
    .product-listing .product-listing-container .mfilter-box ul {
        flex-direction: column;
        height: auto;
        background: 0 0;
        box-shadow: none;
        line-height: 35px
    }
    .product-listing .product-listing-container .mfilter-box ul li {
        padding: 0
    }
    .product-listing .product-listing-container .mfilter-box .mfilter-button-top {
        top: 16px;
        right: 20px
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-heading .mfilter-heading-content .mfilter-heading-text span {
        font-size: 14px;
        padding: 0;
        border-right: 0 none;
        border-bottom: 1px solid #daeaf0
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-heading .mfilter-heading-content .mfilter-heading-text span i {
        right: 5px
    }
    .product-listing .product-listing-container .default-filter-container {
        display: none
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts {
        position: static;
        background: 0 0;
        box-shadow: none!important;
        border: 0
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option {
        padding: 0;
        line-height: 35px
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option label {
        font-size: 13px;
        text-transform: capitalize;
        padding: 0 0 0 15px
    }
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option,
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb .mfilter-option label {
        padding: 0
    }
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts {
        border-left: 1px solid #daeaf0;
        border-radius: 0;
        border-right: 1px solid #daeaf0
    }
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts .mfilter-counter.mfilter-close {
        top: 5px;
        right: 2px;
        transform: none;
        width: 7px;
        height: 8px
    }
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb {
        flex-basis: 33.2%
    }
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:last-of-type,
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:nth-child(3n) {
        border-right: 0 none
    }
    .product-listing .product-listing-container .mfilter-box ul li:nth-child(3) .mfilter-content-opts .mfilter-options-container>.mfilter-tb .mfilter-tb:last-of-type {
        flex-basis: 100%
    }
    .product-listing .product-listing-container .mfilter-box ul li.active .mfilter-heading .mfilter-heading-content .mfilter-heading-text span i {
        transform: rotate(180deg) translateY(8px)
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-price-inputs .input-holder .price-label {
        margin-bottom: 5px
    }
    .product-listing .product-listing-container .mfilter-box ul li .mfilter-content-opts .mfilter-price-inputs .input-holder {
        padding: 10px 0 15px
    }
}

@media (max-width:600px) {
    .product-listing .product-listing-container .filters-holder {
        top: 50px
    }
    .product-listing .product-listing-container .filters-holder h3.box-heading {
        font-size: 16px
    }
    .product-listing .product-listing-container .filters-holder .filters-toggle {
        bottom: 75px
    }
}

@media (max-width:410px) {
    .product-listing .product-listing-container .filters-holder {
        width: 85%
    }
    body.filters-active .filters-toggle {
        max-width: auto
    }
    .product-listing .product-listing-container .filters-holder .filters-toggle {
        bottom: 77px;
        left: 30px;
        right: 30px
    }
}

.product-details {
    margin-top: 70px
}

@media (max-width:600px) {
    .product-details {
        margin-top: 50px
    }
}

.details-top {
    background: #d3e0e5;
    background: -moz-linear-gradient(-220deg, #d3e0e5 30%, #f8f9f9 90%);
    background: -webkit-linear-gradient(-220deg, #d3e0e5 30%, #f8f9f9 90%);
    background: linear-gradient(-220deg, #d3e0e5 30%, #f8f9f9 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d3e0e5', endColorstr='#f8f9f9', GradientType=0);
    position: relative
}

.details-top:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.product-details .gallery-container .discount,
.product-details .gallery-container .labelnew {
    font-weight: 600;
    margin-top: 5px;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase
}

.product-details .gallery-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 0
}

.product-details .gallery-container .badges-holder {
    position: absolute;
    top: 150px;
    left: 78px;
    z-index: 110
}
@media(max-width: 1490px){
    .product-details .gallery-container .badges-holder {
    position: absolute;
    top: 200px;
    left: 78px;
    z-index: 110
}
}
@media(max-width: 600px){
    .product-details .gallery-container .badges-holder {
    position: absolute;
    top: 60px !important;
    left: 78px;
    z-index: 110
}
}

.product-details .gallery-container .labelnew {
    width: 95px;
    height: 55px;
    background: url(/image/catalog/new-badge-bg-detail.svg) center center no-repeat;
    font-size: 15px;
    color: #124761;
    display: block;
    padding-top: 18px
}

.product-details .gallery-container .discount {
    width: 91px;
    height: 50px;
    background: url(/image/catalog/sale-badge-bg.svg) center center no-repeat;
    font-size: 16px;
    display: block;
    color: #c37788;
    padding-top: 16px;
    margin-left: 1px
}

.product-details .gallery-container .guarantee {
    position: absolute;
    top: 0;
    left: 70px;
    display: block;
    width: 110px
}

.product-details .gallery-container .product-gallery {
    flex-basis: 60%;
    max-width: 60vw;
    position: relative;
    transform: translateY(-40px)
}

.product-details .gallery-container .product-gallery .slider-for .slick-slide {
    max-height: 550px;
    min-height: 550px
}

.product-details .gallery-container .product-gallery .slider-for .slick-slide img {
    width: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    min-width: 800px;
    margin: auto
}

@media (max-width:1300px) {
    .product-details .gallery-container .product-info .info-box {
        padding: 30px!important
    }
    .product-details .gallery-container .product-gallery .slider-for .slick-slide img {
        min-width: 100%
    }
}

.product-details .gallery-container .product-gallery .slider-nav {
    position: relative;
    margin: auto;
    max-height: 60px;
    left: 0;
    right: 0;
    top: -70px
}

@media screen and (min-width:992px) and (max-width:1500px) {
    .product-details .gallery-container .product-gallery .slider-nav {
        top: -120px
    }
}

@media screen and (min-width:600px) and (max-width:850px) {
    .product-details .gallery-container .product-gallery .slider-nav {
        top: -120px
    }
}

.product-details .gallery-container .product-gallery .slider-nav .slick-list.draggable {
    padding: 0!important
}

.product-details .gallery-container .product-gallery .slider-nav .slick-track {
    display: flex;
    justify-content: center;
    width: 100%!important
}

.product-details .gallery-container .product-gallery .slider-nav .slick-list {
    overflow: visible
}

.product-details .gallery-container .product-gallery .slider-nav .slick-track .slick-slide {
    max-width: 100px;
    margin: 0 10px;
    background: rgba(255, 255, 255, .5);
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s ease;
    max-height: 60px;
    min-height: 60px;
    position: relative;
    box-shadow: 0 0 100px 0 rgba(18, 71, 97, .2)
}

.product-details .gallery-container .product-gallery .slider-nav .slick-track .slick-slide.slick-current,
.product-details .gallery-container .product-gallery .slider-nav .slick-track .slick-slide:hover {
    background: #fff
}

.product-details .gallery-container .product-gallery .slider-nav .slick-track .slick-slide img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: auto;
    max-width: 90%
}

.product-details .gallery-container .product-info {
    flex-basis: 40%;
    max-width: 40vw
}

.product-details .gallery-container .product-info .info-box {

    max-width: 470px;
    margin: 0 20px 20px 0;
    background: rgba(255, 255, 255, .73);
    padding: 35px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 0 170px 0 rgba(18, 71, 97, .2);
    z-index: 20;
    position: relative;
    display: flex;
    flex-direction: column
}

.product-details .gallery-container .product-info .info-box>h1 {
    margin-top: 0
}

.product-details .gallery-container .product-info .info-box>h1>img {
    margin-bottom: 5px!important;
    display: block
}

.product-details .gallery-container .product-info .info-box div {
    margin: 0!important
}

.product-details .gallery-container .product-info .info-box div.text-danger {
    margin-top: 10px!important
}

.product-details .gallery-container .product-info .info-box div>p {
    color: #698491;
    font-size: 13px;
    line-height: 1.4em;
    margin-bottom: 0
}

.product-details .gallery-container .product-info .info-box .product-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 20px 0 30px;
    font-family: 'Roboto Slab', serif
}

.product-details .gallery-container .product-info .info-box .product-price .price h2 {
    margin: 0 10px 0 0;
    font-size: 35px
}

.product-details .gallery-container .product-info .info-box .product-price .price h2 .first_part {
    font-weight: 300
}

.product-details .gallery-container .product-info .info-box .product-price .price h2 .second_part {
    font-size: 20px;
    font-weight: 900;
    margin-left: 3px
}

.product-details .gallery-container .product-info .info-box .product-price .old-price {
    font-size: 25px;
    color: #90afbe;
    font-weight: 300
}

.product-details .gallery-container .product-info .info-box .qty-box {
    display: flex;
    align-items: center;
    margin: 0 0 5px!important;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(186, 215, 230, .8);
    border-top: 1px dashed rgba(186, 215, 230, .8)
}

.product-details .gallery-container .product-info .info-box .qty-box label {
    flex: 1;
    text-transform: uppercase;
    color: #124761;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
    margin: 0!important
}

.product-details .gallery-container .product-info .info-box .qty-box input {
    flex: 1;
    max-width: 80px;
    text-align: center;
    font-weight: 900;
    box-shadow: none;
    border: 1px solid #cde1e8;
    background: #fff;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 100px
}

.product-details .slick-arrow {
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    font-weight: 900;
    right: -28px;
    z-index: 10;
    border: 1px solid rgba(245, 245, 245, .96);
    box-shadow: 0 0 90px 0 rgba(0, 0, 0, .08)
}

.product-details .slick-arrow:before {
    font-weight: 900;
    font-size: 18px;
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: rgba(18, 71, 97, .7)
}

.product-details .slick-arrow.slick-prev:before {
    content: '\e875';
    margin-left: -5px
}

.product-details .slick-arrow.slick-next:before {
    content: '\e876';
    margin-right: -5px
}

@media (max-width:600px) {
    .product-details .slick-arrow {
        display: none!important
    }
    .product-details .gallery-container .product-info .info-box .product-price .price h2 {
        font-size: 30px
    }
    .product-details .gallery-container .product-info .info-box .product-price .price h2.second_part {
        font-size: 16px
    }
    .product-details .gallery-container .product-info .info-box .product-price .old-price {
        font-size: 20px
    }
}

.product-details .gallery-container .product-info .info-box .qty-box input:focus {
    border: 1px solid #71c2e0
}

.product-details .gallery-container .product-info .info-box .product-main-info p {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px dashed rgba(186, 215, 230, .8);
    line-height: 30px
}

.product-details .gallery-container .product-info .info-box .product-main-info p:last-of-type {
    border: 0
}

.product-details .gallery-container .product-info .info-box .product-main-info p span {
    font-size: 13px;
    color: #124761;
    text-transform: uppercase;
    font-weight: 400
}

.product-details .gallery-container .product-info .info-box .product-main-info p span.info-title {
    margin-right: 20px;
    display: inline-block
}

.product-details .gallery-container .product-info .info-box .product-main-info p span.info-value {
    font-weight: 900;
    flex: 1;
    text-align: right
}

.product-details .gallery-container .product-info .info-box #product .size {
    border-top: 1px dashed rgba(186, 215, 230, .8)
}

.product-details .gallery-container .product-info .info-box #product .nice-select {
    height: 50px;
    line-height: 50px;
    border-radius: 150px;
    padding: 0 30px;
    box-shadow: 0 0 120px -10px rgba(18, 71, 97, .2);
    margin: 15px 0!important;
    border: 1px solid #ededed;
    text-align: center!important;
    background: #fff;
    margin-bottom: 35px !important;
    margin-top:35px !important;
}

.nice-select:after {
    border-bottom: 1px solid #8ba5b1;
    border-right: 1px solid #8ba5b1;
    height: 8px;
    width: 8px;
    right: 30px;
    transition: all .3s ease
}

.product-details .gallery-container .product-info .info-box #product .nice-select .current {
    color: #124761;
    font-size: 13px;
    font-weight: 900
}

.product-details .gallery-container .product-info .info-box #product .nice-select .list {
    width: 100%;
    transform: scale(1) translateY(0);
    box-shadow: 0 20px 90px -25px rgba(23, 49, 61, .46);
    font-weight: 900;
    border: 1px solid #e7eaed;
    margin-top: 15px
}

.product-details .gallery-container .product-info .info-box #button-cart:hover:active,
.questionnaire-info .actions a:hover:active {
    transform: scale(.97)
}

.nice-select .list {
    transition: none;
    width: 100%
}

.product-details .gallery-container .product-info .info-box #product .nice-select .list li {
    border-bottom: 1px solid #e7eaed
}

.product-details .gallery-container .product-info .info-box #product .nice-select .list li.selected.focus,
.product-details .gallery-container .product-info .info-box #product .nice-select .list li:hover {
    background-color: #f1f6f9;
    color: #124761
}

.product-details .gallery-container .product-info .info-box #product .extra-info {
    color: #698491;
    font-size: 13px;
    line-height: 1.4em;
    margin: 10px 0;
    display: inline-block
}

.product-details .gallery-container .product-info .info-box #button-cart {
    border: 0;
    line-height: 60px;
    border-radius: 100px;
    background: #124761;
    color: #fff;
    text-transform: uppercase;
    padding: 0 30px;
    margin-top: 30px;
    outline: 0;
    width: 100%;
    box-shadow: none;
    transition: transform .3s ease
}

.product-details .gallery-container .product-info .info-box #button-cart span {
    font-size: 20px;
    vertical-align: middle;
    margin-top: -5px;
    display: inline-block
}

@media (min-width:992px) {
    .product-details .gallery-container .product-info .info-box #button-cart:hover {
        background: #fff;
        color: #124761;
        box-shadow: 0 10px 50px -10px rgba(0, 0, 0, .25)
    }
}

.product-details .description-container .subtitle {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px
}

@media (max-width:992px) {
    .product-details .gallery-container {
        flex-direction: column;
        padding: 0 20px
    }
    .product-details .gallery-container .product-gallery {
        flex-basis: 100%;
        width: 100%;
        max-width: 100vw;
        transform: none
    }
    .product-details .gallery-container .product-gallery .slider-for .slick-slide img {
        min-width: auto;
        width: 100%
    }
    .product-details .gallery-container .product-info {
        flex-basis: 100%;
        max-width: 100vw
    }
    .product-details .gallery-container .product-info .info-box {
        padding-right: 0;
        max-width: 650px;
        width: 100%
    }
    .product-details .gallery-container .product-info .info-box .product-main-info p span.info-title {
        display: inline-block
    }
    .product-details .gallery-container .product-info .info-box .product-main-info p span.info-value {
        width: 70%;
        display: inline-block;
        text-align: right
    }
}

@media (max-width:600px) {
    .product-details .gallery-container .guarantee {
        display: none
    }
    .product-details .gallery-container .product-gallery .slider-for .slick-slide {
        min-height: 400px!important
    }
    .product-details .gallery-container .badges-holder {
        left: 0;
        right: 0;
        margin: auto;
        top: 25px;
        text-align: center
    }
    .product-details .gallery-container .badges-holder span {
        display: inline-block
    }
    .product-details .gallery-container .product-gallery .slider-nav {
        top: -30px;
        height: 20px
    }
    .product-details .gallery-container .product-gallery .slider-nav .slick-track {
        align-items: center
    }
    .product-details .gallery-container .product-gallery .slider-nav .slick-track .slick-slide {
        width: 25px!important;
        height: 7px;
        min-height: auto;
        min-width: 20px;
        border-radius: 100px;
        margin: 0 5px;
        transition: none
    }
    .product-details .gallery-container .product-gallery .slider-nav .slick-track .slick-slide.slick-current {
        height: 11px;
        width: 30px!important
    }
    .product-details .gallery-container .product-gallery .slider-nav .slick-track .slick-slide img {
        display: none
    }
    .product-details .gallery-container .product-gallery .slider-for .slick-slide img {
        transform: translateY(-47%) scale(1.15)
    }
    .product-details .gallery-container {
        padding: 0 10px
    }
}

@media (max-width:400px) {
    .product-details .gallery-container .product-gallery .slider-for .slick-slide {
        min-height: 280px!important
    }
    .product-details .gallery-container .badges-holder {
        top: 5px
    }
}

.product-details .benefits ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 70px auto 20px;
    max-width: 1400px;
    flex-wrap: wrap
}

.product-details .benefits ul li {
    margin: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: help
}

.product-details .benefits ul li .name {
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
    color: #124761;
    font-weight: 600;
    text-transform: capitalize;
    max-width: 100px;
    text-align: left
}

.product-details .benefits ul li .benefit-icon {
    width: 109px;
    height: 109px;
    margin-right: 15px;
    display: inline-block
}

.product-details .benefits ul li.case .benefit-icon {
    background: url(/image/catalog/benefits/outlast.png) center center no-repeat
}

.product-details .benefits ul li.dual-core-chose .benefit-icon {
    background: url(/image/catalog/benefits/dual-core-chose.png) center center no-repeat
}

.product-details .benefits ul li.five-layer .benefit-icon {
    background: url(/image/catalog/benefits/five-layer.png) center center no-repeat
}

.product-details .benefits ul li.memory-foam-dual .benefit-icon {
    background: url(/image/catalog/benefits/gel-foam.png) center center no-repeat
}

.product-details .benefits ul li.threed-board .benefit-icon {
    background: url(/image/catalog/benefits/threed-board.png) center center no-repeat
}

.product-details .benefits ul li.silver-sleep .benefit-icon {
    background: url(/image/catalog/benefits/silver-sleep.png) center center no-repeat
}

.product-details .benefits ul li.italy-design .benefit-icon {
    background: url(/image/catalog/benefits/italy-design.png) center center no-repeat
}

.product-details .benefits ul li.body-stable .benefit-icon {
    background: url(/image/catalog/benefits/body-stable.png) center center no-repeat
}

.product-details .benefits ul li.top-matress-in .benefit-icon {
    background: url(/image/catalog/benefits/vgraden-top-matrak.png) center center no-repeat
}

.product-details .benefits ul li.double-core .benefit-icon {
    background: url(/image/catalog/benefits/dual-core-chose.png) center center no-repeat
}

.product-details .benefits ul li.babby-healhty .benefit-icon {
    background: url(/image/catalog/benefits/zdravoslovna-sreda.png) center center no-repeat
}

.product-details .benefits ul li.stable .benefit-icon {
    background: url(/image/catalog/benefits/body-stable.png) center center no-repeat
}

.product-details .benefits ul li.inovation .benefit-icon {
    background: url(/image/catalog/benefits/inovation-combination.png) center center no-repeat
}

.product-details .benefits ul li.body-tempeture .benefit-icon {
    background: url(/image/catalog/benefits/temp.png) center center no-repeat
}

.product-details .benefits ul li.soft-fresh .benefit-icon {
    background: url(/image/catalog/benefits/soft-fresh.png) center center no-repeat
}

.product-details .benefits ul li.nice-touch .benefit-icon {
    background: url(/image/catalog/benefits/nice-touch.png) center center no-repeat
}

.product-details .benefits ul li.soft-relax .benefit-icon {
    background: url(/image/catalog/benefits/soft-relax.png) center center no-repeat
}

.product-details .benefits ul li.no-moisture .benefit-icon {
    background: url(/image/catalog/benefits/no-moisture.png) center center no-repeat
}

.product-details .benefits ul li.tekstil-breath .benefit-icon {
    background: url(/image/catalog/benefits/tekstil-breath.png) center center no-repeat
}

.product-details .benefits ul li.body-care .benefit-icon {
    background: url(/image/catalog/benefits/otpuskasht-efekt.png) center center no-repeat
}

.product-details .benefits ul li.hot-cold-seassons .benefit-icon {
    background: url(/image/catalog/benefits/winter-summer.png) center center no-repeat
}

.product-details .benefits ul li.soft-threeds-single-side .benefit-icon {
    background: url(/image/catalog/benefits/meki-vlakna.png) center center no-repeat
}

.product-details .benefits ul li.tekstil .benefit-icon {
    background: url(/image/catalog/benefits/tekstil.png) center center no-repeat
}

.product-details .benefits ul li.double-firmness .benefit-icon {
    background: url(/image/catalog/benefits/double-firmness.png) center center no-repeat
}

.product-details .benefits ul li.balance-firmness .benefit-icon {
    background: url(/image/catalog/benefits/balance-firmness.png) center center no-repeat
}

.product-details .benefits ul li.winter-side .benefit-icon {
    background: url(/image/catalog/benefits/winter-summer.png) center center no-repeat
}

.product-details .benefits ul li.wood-fibers .benefit-icon {
    background: url(/image/catalog/wood-fibers.png) center center no-repeat
}

.product-details .benefits ul li.gel-foam .benefit-icon,
.product-details .benefits ul li.memory-foam .benefit-icon,
.product-details .benefits ul li.memory-foam-core .benefit-icon,
.product-details .benefits ul li.memory-foam-dial .benefit-icon,
.product-details .benefits ul li.memory-foam-single-side .benefit-icon {
    background: url(/image/catalog/benefits/gel-foam.png) center center no-repeat
}

@media (max-width:500px) {
    .product-details .description-container {
        padding: 0 0 40px!important
    }
    .product-details .benefits ul li {
        flex-direction: column;
        flex-basis: 40%
    }
    .product-details .benefits ul li .benefit-icon {
        margin: 0 auto;
        width: 85px;
        height: 85px;
        background-size: contain!important
    }
    .product-details .benefits ul li .name {
        margin-top: 10px;
        text-align: center
    }
    .product-details .benefits ul {
        max-width: 100%
    }
}

.product-details .materials-container {
    background: #fff;
    position: relative;
    padding: 100px 0
}

@media (max-width:500px) {
    .product-details .materials-container {
        padding: 40px 0
    }
}

.product-details .materials-container .block-parent,
.product-details .materials-container .block-parent div {
    margin: 0 auto!important
}

.product-details .materials-container .block-content.child {
    max-width: 800px;
    margin: 0 auto
}

.product-details .materials-container:after,
.product-details .materials-container:before {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px
}

.product-details .materials-container .block-content.child span {
    font-size: 15px!important;
    color: #7d8589!important;
    line-height: 1.5em;
    font-family: Roboto, serif!important
}

.product-details .materials-container:before {
    top: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.product-details .materials-container:after {
    bottom: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    transform: rotate(180deg);
    background-size: cover
}

@media (min-width:1500px) {
    .product-details .materials-container .container {
        width: 1500px
    }
}

.product-details .description-container {
    padding: 0 0 100px
}

.product-details .materials-container ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 30px 0 40px;
    flex-wrap: wrap
}

.product-details .materials-container ul li {
    margin: 30px
}

.product-details .materials-container ul li .icon {
    width: 160px;
    height: 110px;
    background: #dde7ea;
    margin: 0 auto 20px;
    border-radius: 150px
}

.product-details .materials-container ul li.elioform .icon {
    background: url(/image/catalog/materials/elioform.png) center center no-repeat
}

.product-details .materials-container ul li.memory-foam .icon {
    background: url(/image/catalog/materials/memory-foam.png) center center no-repeat
}

.product-details .materials-container ul li.memoryfoam .icon {
    background: url(/image/catalog/materials/memoryfoam.png) center center no-repeat
}

.product-details .materials-container ul li.wood-fibers .icon {
    background: url(/image/catalog/materials/wood-fibers.png) center center no-repeat
}

.product-details .materials-container ul li.outlast .icon {
    background: url(/image/catalog/materials/outlast.png) center center no-repeat
}

.product-details .materials-container ul li.super-soft .icon {
    background: url(/image/catalog/materials/super-soft.png) center center no-repeat
}

.product-details .materials-container ul li.eliosoft .icon {
    background: url(/image/catalog/materials/eliosoft.png) center center no-repeat
}

.product-details .materials-container ul li.gel-foam .icon {
    background: url(/image/catalog/materials/gel-foam.png) center center no-repeat
}

.product-details .materials-container ul li.cashmere .icon {
    background: url(/image/catalog/materials/cashmere.png) center center no-repeat
}

.product-details .materials-container ul li.cotton .icon {
    background: url(/image/catalog/materials/cotton.png) center center no-repeat
}

.product-details .materials-container ul li.camel-wool .icon {
    background: url(/image/catalog/materials/camel-wool.png) center center no-repeat
}

.product-details .materials-container ul li.hourse-hair .icon {
    background: url(/image/catalog/materials/hourse-hair.png) center center no-repeat
}

.product-details .materials-container ul li.len .icon {
    background: url(/image/catalog/materials/len.png) center center no-repeat
}

.product-details .materials-container ul li.merinosova-vulna .icon {
    background: url(/image/catalog/materials/merinosova-vulna.png) center center no-repeat
}

.product-details .materials-container ul li.saten .icon {
    background: url(/image/catalog/materials/saten.png) center center no-repeat
}

.product-details .materials-container ul li.silk .icon {
    background: url(/image/catalog/materials/silk.png) center center no-repeat
}

.product-details .materials-container ul li.anti-bacterial .icon {
    background: url(/image/catalog/materials/anti-bacterial.png) center center no-repeat
}

.product-details .materials-container ul li.silver-threads .icon {
    background: url(/image/catalog/materials/silver-threads.png) center center no-repeat
}

.product-details .materials-container ul li.termo-layer .icon {
    background: url(/image/catalog/materials/termo-layer.png) center center no-repeat
}

.product-details .materials-container ul li.threed-breath-board .icon {
    background: url(/image/catalog/materials/threed-breath-board.png) center center no-repeat
}

.product-details .materials-container ul li.viskoza .icon {
    background: url(/image/catalog/materials/viskoza.png) center center no-repeat
}

.product-details .materials-container ul li.breath-material .icon {
    background: url(/image/catalog/materials/breath-material.png) center center no-repeat
}

.product-details .materials-container ul li.bamboo-threats .icon {
    background: url(/image/catalog/materials/bamboo-threats.png) center center no-repeat
}

.product-details .materials-container ul li.dual-core .icon {
    background: url(/image/catalog/materials/dual-core.png) center center no-repeat
}

.product-details .materials-container ul li .name {
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
    color: #668b9d;
    font-weight: 600;
    text-transform: capitalize
}

.product-details .materials-container .italy img {
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px;
    margin-right: 9px;
    max-width: 35px
}

.product-details .materials-container .italy span {
    text-transform: uppercase;
    font-style: italic;
    color: #8b9ba3;
    font-size: 12px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600
}

@media (max-width:500px) {
    .product-details .materials-container ul li {
        margin: 15px 5px
    }
    .product-details .materials-container ul li .icon {
        width: 120px;
        height: 70px;
        background-size: contain!important
    }
    .product-details .materials-container ul li .name {
        max-width: 140px
    }
}

.questionnaire-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.questionnaire-container .left-side {
    background: url(/image/catalog/left-side-bg.png) 10% center no-repeat;
    flex-basis: 45%;
    min-height: 700px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: flex-start;
    background-size: cover;
    padding: 70px 20px 0
}

.questionnaire-container .left-side .title img {
    max-width: 35px
}

.questionnaire-container .left-side .title h2 {
    color: #124761;
    font-family: Roboto, sans-serif
}

.questionnaire-container .left-side .title h2 div:first-of-type {
    font-size: 29px;
    margin-bottom: 10px;
    font-weight: 300
}

.questionnaire-container .left-side .title h2 div:last-of-type {
    font-size: 55px;
    font-weight: 900
}

@media (max-width:650px) {
    .questionnaire-container .left-side .title h2 div:first-of-type {
        font-size: 24px
    }
    .questionnaire-container .left-side .title h2 div:last-of-type {
        font-size: 35px
    }
}

.questionnaire-container .right-side {
    overflow: hidden;
    flex-basis: 55%;
    text-align: center;
    position: relative;
    min-height: 700px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
    background: #eef6fa;
    background: -moz-linear-gradient(top, #eef6fa 30%, #fff 120%);
    background: -webkit-linear-gradient(top, #eef6fa 30%, #fff 120%);
    background: linear-gradient(to bottom, #eef6fa 30%, #fff 120%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eef6fa', endColorstr='#ffffff', GradientType=0)
}

.questionnaire-container .right-side:after,
.questionnaire-container .right-side:before {
    display: block;
    pointer-events: none;
    position: absolute;
    content: ''
}

.main.register,
.onepagecheckout-checkout .checkout-bg,
.profile-page {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#f8f9f9', GradientType=0)
}

@media (max-width:700px) {
    .questionnaire-container .right-side {
        padding: 50px 20px
    }
}

.questionnaire-container .right-side:before {
    background: url(/image/catalog/left-question.png) center center no-repeat;
    width: 390px;
    height: 540px;
    left: -10%;
    top: -5%
}

.questionnaire-container .right-side:after {
    background: url(/image/catalog/right-question.png) center center no-repeat;
    width: 230px;
    height: 320px;
    right: -3%;
    bottom: -2%
}

.questionnaire-container .right-side .current-step-holder span {
    color: #23a1d1;
    text-transform: uppercase;
    font-weight: 500
}

.questionnaire-container .right-side .current-step {
    position: absolute;
    top: 35px;
    left: 40px;
    background: #fff;
    border-radius: 100px;
    padding: 0 30px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 65px -10px rgba(11, 42, 57, .2)
}

.questionnaire-container .right-side .current-step p {
    margin: 0;
    font-weight: 400;
    color: #859ead;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.questionnaire-container .right-side .current-step p b {
    font-size: 25px;
    font-weight: 900;
    color: #124761;
    margin-right: 5px
}

.questionnaire-container .right-side form {
    width: 95%;
    max-width: 700px;
    position: relative;
    z-index: 10
}

.questionnaire-container .right-side form .answer-container {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
    margin-top: 50px;
    transition: all .3s ease
}

.questionnaire-container .right-side form .answer-container .answer {
    color: #89b3ca;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    text-transform: uppercase!important
}

@media (max-width:700px) {
    .questionnaire-container .right-side .current-step {
        top: 15px;
        left: 20px;
        padding: 0 20px;
        height: 45px
    }
    .questionnaire-container .right-side .current-step p {
        font-size: 12px
    }
    .questionnaire-container .right-side .current-step p b {
        font-size: 19px
    }
    .questionnaire-container .right-side form .answer-container {
        flex-wrap: wrap;
        margin-bottom: 0
    }
    .questionnaire-container .right-side form .answer-container .answer {
        margin-bottom: 20px!important
    }
}

.questionnaire-container .right-side form .answer-container.quality .answer,
.questionnaire-container .right-side form .answer-container.rotate .answer,
.questionnaire-container .right-side form .answer-container.size .answer,
.questionnaire-container .right-side form .answer-container.weight .answer {
    border: 2px dashed #b2ccda;
    line-height: 30px;
    margin: 0 10px;
    padding: 0 40px;
    border-radius: 100px;
    min-width: 200px;
    max-width: 265px;
    box-shadow: inset 0 0 0 0 #cce6f4;
    transition: all .4s ease
}

.questionnaire-container .right-side form .answer-container.quality .answer {
    line-height: 1.2em;
    font-size: 13px;
    min-height: 110px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-weight: 700
}

.questionnaire-container .right-side form .answer-container.quality .answer:hover,
.questionnaire-container .right-side form .answer-container.rotate .answer:hover,
.questionnaire-container .right-side form .answer-container.size .answer:hover,
.questionnaire-container .right-side form .answer-container.weight .answer:hover {
    background: #ebf4f9
}

.questionnaire-container .right-side form .answer-container.quality .answer.active,
.questionnaire-container .right-side form .answer-container.rotate .answer.active,
.questionnaire-container .right-side form .answer-container.size .answer.active,
.questionnaire-container .right-side form .answer-container.weight .answer.active {
    background: #c3e2f3;
    border: 2px solid #c3e2f3;
    color: #124761;
    text-shadow: 0 0 60px #fff;
    box-shadow: inset 0 0 0 60px #c3e2f3
}

.questionnaire-container .right-side form .answer-container.quality .answer.active:before,
.questionnaire-container .right-side form .answer-container.rotate .answer.active:before,
.questionnaire-container .right-side form .answer-container.size .answer.active:before,
.questionnaire-container .right-side form .answer-container.weight .answer.active:before {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    background: #124761;
    border-radius: 100px;
    border: 4px solid #fdfdfd;
    right: -12px;
    top: -5px
}

.questionnaire-container .right-side form .answer-container.quality .answer.active:before {
    right: 2px
}

.questionnaire-container .right-side form .answer-container.quality .answer.active:after,
.questionnaire-container .right-side form .answer-container.rotate .answer.active:after,
.questionnaire-container .right-side form .answer-container.size .answer.active:after,
.questionnaire-container .right-side form .answer-container.weight .answer.active:after {
    content: '';
    background: url(/image/catalog/scale-check.png) center center no-repeat;
    width: 19px;
    height: 12px;
    top: 7px;
    right: -4px;
    position: absolute
}

.questionnaire-container .right-side form .answer-container.quality .answer.active:after {
    right: 10px
}

.questionnaire-container .right-side form .answer-container.rotate .answer {
    font-size: 22px;
    text-transform: uppercase;
    min-width: 100px;
    padding: 0 40px 0 35px
}

.questionnaire-container .right-side form .answer-container .answer-icon:hover .answer,
.questionnaire-container .right-side form .answer-container .answer:hover {
    color: #124761
}

.questionnaire-container .right-side form .answer-container .scale {
    display: flex;
    justify-content: space-around;
    flex: 1;
    position: relative;
    height: 40px;
    align-items: flex-end;
    width: 100%;
    margin-top: 30px
}

.questionnaire-container .right-side form .answer-container .scale .answer:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    border: 4px solid #fff;
    background: #bcd9e9;
    border-radius: 100px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    top: -40px;
    box-shadow: 0 0 35px -5px rgba(0, 0, 0, .3);
    transition: all .2s ease
}

.questionnaire-container .right-side form .answer-container .scale .answer:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #124761;
    border-radius: 100px;
    left: 0;
    right: 0;
    margin: auto;
    top: -30px;
    opacity: 0;
    transition: all .2s ease
}

.questionnaire-container .right-side form .answer-container .scale .answer:hover:after {
    opacity: 1
}

.questionnaire-container .right-side form .answer-container .scale .answer.active:before {
    background: #124761;
    width: 35px;
    height: 35px;
    top: -44px;
    transition: none
}

.questionnaire-container .right-side form .answer-container .scale .answer.active:after {
    content: '';
    background: url(/image/catalog/scale-check.png) center center no-repeat;
    width: 19px;
    height: 12px;
    opacity: 1;
    top: -32px
}

.questionnaire-container .right-side form .answer-container .scale:before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: -12px;
    height: 12px;
    display: block;
    border-radius: 100px;
    background: #d7e8f1
}

@media (max-width:700px) {
    .questionnaire-container .right-side form .answer-container .scale {
        min-height: 500px;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin: 0!important
    }
    .questionnaire-container .right-side form .answer-container .scale:before {
        width: 12px;
        height: 100%;
        min-height: 400px;
        margin: 0 auto
    }
    .questionnaire-container .right-side form .answer-container .scale .answer {
        margin: 0!important;
        box-shadow: 0 0 20px 8px #eff6fa;
        background: #f2f8fb
    }
}

.questionnaire-container .right-side form .answer-container.pain,
.questionnaire-container .right-side form .answer-container.pose,
.questionnaire-container .right-side form .answer-container.sleep {
    justify-content: space-around;
    align-items: flex-start
}

.questionnaire-container .answer-container.allergies .icon-container,
.questionnaire-container .answer-container.pain .icon-container,
.questionnaire-container .answer-container.pose .icon-container,
.questionnaire-container .answer-container.sleep .icon-container,
.questionnaire-container .answer-container.temperature .icon-container {
    display: flex;
    flex-direction: column-reverse;
    cursor: pointer;
    align-items: center
}

.questionnaire-container .answer-container.sleep .icon-container {
    flex-basis: 50%
}

.questionnaire-container .answer-container .answer {
    font-size: 18px
}

.questionnaire-container .answer-container.pain .answer,
.questionnaire-container .answer-container.sleep .answer {
    font-size: 16px
}

.questionnaire-container .answer-container .answer>span {
    font-size: 35px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 2px
}

.questionnaire-container .answer-container .icon-container .answer,
.questionnaire-container .answer-container .icon-container .icon {
    transition: all .3s ease
}

.questionnaire-container .answer-container.allergies .answer,
.questionnaire-container .answer-container.pain .answer,
.questionnaire-container .answer-container.pose .answer,
.questionnaire-container .answer-container.sleep .icon-container .answer,
.questionnaire-container .answer-container.temperature .answer {
    max-width: 170px
}

.questionnaire-container .answer-container.allergies .icon-container .icon,
.questionnaire-container .answer-container.pain .icon-container .icon,
.questionnaire-container .answer-container.pose .icon-container .icon,
.questionnaire-container .answer-container.sleep .icon-container .icon,
.questionnaire-container .answer-container.temperature .icon-container .icon {
    width: 120px;
    height: 90px;
    border: 2px dashed #b2ccda;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 15px;
    position: relative;
    box-shadow: inset 0 0 0 0 #cce6f4
}

.questionnaire-container .answer-container.allergies .icon-container .icon,
.questionnaire-container .answer-container.pain .icon-container .icon {
    width: 105px;
    height: 165px;
    margin: 0 5px 15px
}

.questionnaire-container .answer-container.temperature .icon-container .icon {
    width: 110px;
    height: 165px
}

.questionnaire-container .answer-container.pose {
    justify-content: space-between
}

.questionnaire-container .answer-container.pose .icon-container .icon {
    width: 205px;
    height: 120px
}

.questionnaire-container .answer-container.pose .icon-container .icon img {
    transform: translateY(10px)
}

.questionnaire-container .answer-container.allergies .icon-container .icon,
.questionnaire-container .answer-container.temperature .icon-container .icon {
    margin: 0 20px 15px
}

.questionnaire-container .answer-container.sleep .icon-container .icon img {
    max-width: 50px;
    width: 50px
}

.questionnaire-container .right-side h2 {
    font-size: 22px;
    color: #124761;
    font-family: Roboto, sans-serif;
    margin-bottom: 20px;
    line-height: 1.4em;
    max-width: 450px;
    position: relative;
    z-index: 10
}

.questionnaire-container .right-side h2.small {
    font-size: 17px;
    max-width: 470px;
    position: relative;
    z-index: 10
}

.questionnaire-container .right-side>img {
    max-width: 40px
}

.questionnaire-container .right-side form .answer-container.allergies .answer.active+.icon,
.questionnaire-container .right-side form .answer-container.pain .answer.active+.icon,
.questionnaire-container .right-side form .answer-container.pose .answer.active+.icon,
.questionnaire-container .right-side form .answer-container.sleep .answer.active+.icon,
.questionnaire-container .right-side form .answer-container.temperature .answer.active+.icon {
    box-shadow: inset 0 0 0 60px #cce7f4;
    border: 2px solid #cce6f4!important;
    color: #124761;
    transform: scale(1.05)
}

.questionnaire-container .right-side form .answer-container.allergies .answer.active+.icon:before,
.questionnaire-container .right-side form .answer-container.pain .answer.active+.icon:before,
.questionnaire-container .right-side form .answer-container.pose .answer.active+.icon:before,
.questionnaire-container .right-side form .answer-container.sleep .answer.active+.icon:before,
.questionnaire-container .right-side form .answer-container.temperature .answer.active+.icon:before {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    background: #124761;
    border-radius: 100px;
    border: 4px solid #fdfdfd;
    right: -8px;
    top: 0
}

.questionnaire-container .right-side form .answer-container.allergies .answer.active+.icon:after,
.questionnaire-container .right-side form .answer-container.pain .answer.active+.icon:after,
.questionnaire-container .right-side form .answer-container.pose .answer.active+.icon:after,
.questionnaire-container .right-side form .answer-container.sleep .answer.active+.icon:after,
.questionnaire-container .right-side form .answer-container.temperature .answer.active+.icon:after {
    content: '';
    background: url(/image/catalog/scale-check.png) center center no-repeat;
    width: 19px;
    height: 12px;
    top: 12px;
    right: 0;
    position: absolute
}

.questionnaire-container .right-side form .answer-container.allergies .answer .icon:hover,
.questionnaire-container .right-side form .answer-container.allergies .answer-icon:hover .icon,
.questionnaire-container .right-side form .answer-container.allergies .answer:hover+.icon,
.questionnaire-container .right-side form .answer-container.pain .answer .icon:hover,
.questionnaire-container .right-side form .answer-container.pain .answer-icon:hover .icon,
.questionnaire-container .right-side form .answer-container.pain .answer:hover+.icon,
.questionnaire-container .right-side form .answer-container.pose .answer .icon:hover,
.questionnaire-container .right-side form .answer-container.pose .answer-icon:hover .icon,
.questionnaire-container .right-side form .answer-container.pose .answer:hover+.icon,
.questionnaire-container .right-side form .answer-container.sleep .answer .icon:hover,
.questionnaire-container .right-side form .answer-container.sleep .answer-icon:hover .icon,
.questionnaire-container .right-side form .answer-container.sleep .answer:hover+.icon,
.questionnaire-container .right-side form .answer-container.temperature .answer .icon:hover,
.questionnaire-container .right-side form .answer-container.temperature .answer-icon:hover .icon,
.questionnaire-container .right-side form .answer-container.temperature .answer:hover+.icon {
    background: #ebf4f9
}

.questionnaire-container .right-side form .answer-container.allergies .answer.active,
.questionnaire-container .right-side form .answer-container.pain .answer.active,
.questionnaire-container .right-side form .answer-container.pose .answer.active,
.questionnaire-container .right-side form .answer-container.sleep .answer.active,
.questionnaire-container .right-side form .answer-container.temperature .answer.active {
    color: #124761
}

.questionnaire-container .right-side form .back-btn,
.questionnaire-container .right-side form .next-btn {
    line-height: 49px;
    text-transform: uppercase;
    padding: 0 30px;
    font-size: 14px;
    border-radius: 100px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
    height: 49px!important;
    border: 0!important;
    box-shadow: 0 10px 27px 0 rgba(0, 0, 0, .1);
    transition: transform .3s ease
}

.questionnaire-container .right-side form .back-btn span,
.questionnaire-container .right-side form .next-btn span {
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block;
    font-weight: 900;
    font-size: 13px
}

.questionnaire-container .right-side form .back-btn {
    background: #9dcce7;
    margin-right: 10px
}

.questionnaire-container .right-side form .back-btn span {
    margin-right: 3px
}

.questionnaire-container .right-side form .next-btn {
    background: #124761
}

@media (min-width:600px) {
    .questionnaire-container .right-side form .next-btn:hover {
        background: #fff;
        color: #124761
    }
    .questionnaire-container .right-side form .back-btn:hover {
        background: 0 0;
        color: #124761
    }
    .questionnaire-container .right-side form .back-btn:hover:active,
    .questionnaire-container .right-side form .next-btn:hover:active {
        transform: scale(.97)
    }
}

@media (max-width:1200px) {
    .questionnaire-container {
        flex-direction: column
    }
    .questionnaire-container .left-side,
    .questionnaire-container .right-side {
        width: 100%
    }
    .questionnaire-container .left-side {
        min-height: 260px;
        margin-bottom: 5px;
        padding-top: 50px;
        background: url(/image/catalog/left-side-bg.png) 10% bottom no-repeat;
        background-size: cover
    }
    .questionnaire-container .right-side {
        min-height: 700px
    }
}

@media (max-width:600px) {
    .questionnaire-container .left-side {
        display: none
    }
    @keyframes slide {
        from {
            bottom: -100%
        }
        to {
            bbottom: 0
        }
    }
    @keyframes slide-back {
        from {
            bottom: 0
        }
        to {
            bbottom: -100%
        }
    }
    .questionnaire-container .right-side form .actions.sticky {
        position: fixed;
        background: rgba(255, 255, 255, .97);
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px 0;
        box-shadow: 0 0 80px -20px rgba(0, 0, 0, .28);
        animation: slide .5s 1 0s
    }
    .questionnaire-container .right-side form .actions {
        animation: slide-back .5s 1 0s
    }
}

.questionnaire-info {
    background: url(/image/catalog/questionnaire-end.png) center bottom no-repeat;
    min-height: 650px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.questionnaire-info>img {
    max-width: 55px
}

.questionnaire-info>h2 {
    font-size: 25px
}

.questionnaire-info>p {
    max-width: 600px;
    margin-bottom: 30px
}

.questionnaire-info form {
    background: #fff;
    border-radius: 100px;
    line-height: 45px;
    min-width: 700px;
    display: flex;
    margin-bottom: 30px
}

.questionnaire-info form input[type=text],
.questionnaire-info form input[type=email] {
    flex: 1;
    border: 0;
    padding: 0 20px;
    font-size: 14px;
    line-height: 45px;
    height: 25px;
    margin-top: 14px;
    color: #0a2634
}

.questionnaire-info form input[type=email] {
    border-left: 2px solid #eef2f4
}

.questionnaire-info form input[type=text]::placeholder,
.questionnaire-info form input[type=email]::placeholder {
    color: #adc0ca!important
}

.questionnaire-info form input[type=text] {
    border-radius: 100px;
    padding-left: 30px
}

.questionnaire-info form input[type=submit] {
    border: 0;
    background: #124761;
    border-radius: 100px;
    text-transform: uppercase;
    color: #fff;
    margin: 4px;
    padding: 0 20px;
    box-shadow: -12px 0 50px -5px rgba(10, 38, 52, .45);
    transition: transform .3s ease
}

.questionnaire-info form input[type=submit]:hover {
    background: #fff;
    color: #0a2634;
    font-weight: 500;
    box-shadow: -12px 0 50px -5px rgba(10, 38, 52, .25)
}

@media (max-width:768px) {
    .questionnaire-info {
        padding: 0 20px
    }
    .questionnaire-info form {
        min-width: 90%;
        flex-direction: column;
        background: 0 0
    }
    .questionnaire-info form input[type=text],
    .questionnaire-info form input[type=email] {
        border-radius: 100px;
        line-height: 40px;
        height: auto;
        text-align: center
    }
    .questionnaire-info form input[type=email] {
        margin-bottom: 10px
    }
    .questionnaire-info .actions>a {
        margin: 10px!important
    }
}

.questionnaire-info .actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.questionnaire-info .actions>a {
    border-radius: 17px;
    text-align: left;
    text-transform: uppercase;
    color: #124761;
    font-size: 13px;
    font-weight: 500;
    margin: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 220px;
    padding: 20px 0;
    cursor: pointer;
    transition: transform .3s ease
}

.questionnaire-info .actions>a img {
    max-height: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 10px
}

.questionnaire-info .actions>a>span {
    display: inline-block;
    line-height: 1.3em
}

.questionnaire-info .actions .back-test {
    border: 2px dashed #acc6d2
}

.questionnaire-info .actions .back-test:hover {
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 0 50px 0 rgba(18, 71, 97, .2)
}

.questionnaire-info .actions .view-results {
    background: #fff;
    box-shadow: 0 0 50px 0 rgba(18, 71, 97, .1);
    border: 2px solid #fff
}

.questionnaire-info .actions .view-results:hover {
    background: 0 0;
    border: 2px dashed #acc6d2;
    box-shadow: none
}

.mattress-call {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 490px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(/image/catalog/mattress-call.png) center bottom no-repeat
}

.mattress-call .info {
    max-width: 420px;
    text-align: center
}

@media (min-width:1200px) {
    .mattress-call .info {
        transform: translateX(300px)
    }
}

@media (max-width:1050px) {
    .mattress-call {
        background: url(/image/catalog/mattress-call.png) right bottom no-repeat;
        padding-left: 20px;
        padding-right: 20px
    }
}

.mattress-call .info h2 {
    margin-top: -10px;
    font-size: 25px
}

.mattress-call .info .action-call {
    line-height: 50px;
    margin-top: 10px;
    font-weight: 400;
    font-family: Roboto, sans-serif
}

.mattress-call .info .action-call:hover {
    color: #124761!important
}

@media (max-width:1450px) {
    .questionnaire-container>div {
        flex-basis: 50%!important
    }
}

.information-contact .info-bottom {
    display: flex;
    position: relative
}

.information-contact .info-bottom:before {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 170px 0 rgba(0, 36, 52, .8)
}

.information-contact .info-bottom .form-box {
    flex-basis: 40%;
    position: relative;
    min-height: 750px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff
}

.information-contact .info-bottom .form-box form {
    width: 80%;
    max-width: 450px
}

.information-contact .info-bottom .form-box h2 {
    font-size: 25px;
    margin-bottom: 50px
}

.information-contact .info-bottom .form-box form label {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    color: #acb5b9;
    margin-bottom: 5px;
    margin-left: 10px
}

.information-contact .info-bottom .form-box form label:before {
    content: '*';
    display: inline-block;
    margin-right: 3px;
    color: #f83939;
    vertical-align: middle;
    margin-bottom: -3px;
    font-size: 14px
}

.information-contact .info-bottom .form-box form input {
    line-height: 40px!important;
    height: 40px!important;
    padding: 0 25px!important;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px
}

.information-contact .info-bottom .form-box form input,
.information-contact .info-bottom .form-box form textarea {
    border: 0;
    line-height: 50px;
    box-shadow: none;
    padding: 0;
    background: #f1f1f1;
    border-radius: 100px
}

.information-contact .info-bottom .form-box form textarea {
    border-radius: 10px;
    padding: 20px;
    max-width: 450px;
    line-height: 1.2em
}

.information-contact .info-bottom .form-box form input.btn {
    padding: 0 40px;
    text-transform: uppercase;
    border-radius: 100px;
    line-height: 42px;
    color: #fff;
    background: #124761;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400
}

.information-contact .info-bottom .info-box {
    flex-basis: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f4f6;
    position: relative;
    min-height: 550px
}

.information-contact .info-bottom .info-box:after,
.information-contact .info-bottom .info-box:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px;
    pointer-events: none
}

.information-contact .info-bottom .info-box:before {
    top: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.information-contact .info-bottom .info-box:after {
    bottom: 30px;
    background: url(/image/catalog/product-listing-header-bg-after.png) top center no-repeat;
    background-size: cover
}

.information-contact .info-bottom .info-box>.info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 80%
}

.information-contact .info-bottom .info-box>.info>div {
    flex-basis: 50%;
    display: flex;
    align-items: center
}

.information-contact .info-bottom .info-box .info>div.email,
.information-contact .info-bottom .info-box .info>div.fax,
.information-contact .info-bottom .info-box .info>div.phone,
.information-contact .info-bottom .info-box .info>div.working-time {
    margin-bottom: 40px
}

@media screen and (min-width:900px) and (max-width:1300px) {
    .information-contact .info-bottom .info-box .info>div.email,
    .information-contact .info-bottom .info-box .info>div.office-showroom,
    .information-contact .info-bottom .info-box .info>div.warehouse,
    .information-contact .info-bottom .info-box .info>div.working-time {
        flex-basis: 100%;
        margin-bottom: 40px
    }
}

.information-contact .info-bottom .info-box .info>div.working-time {
    position: relative
}

.information-contact .info-bottom .info-box .info>div.working-time .icon .bell {
    font-size: 14px;
    margin-right: 5px;
    vertical-align: middle;
    color: #fff;
    background: #e66969;
    border-radius: 50px;
    padding: 7px;
    text-shadow: 0 0 5px #fff;
    position: absolute;
    top: -5px;
    left: -5px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .11)
}

.information-contact .info-bottom .info-box .info>div.working-time .working-msg {
    vertical-align: middle;
    text-transform: none;
    color: #dc2d2d;
    margin-bottom: 2px;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: -4px
}

.information-contact .info-bottom .info-box .info>div.email div,
.information-contact .info-bottom .info-box .info>div.working-time div {
    text-transform: uppercase
}

.information-contact .info-bottom .info-box .info>div.email div b,
.information-contact .info-bottom .info-box .info>div.working-time div b {
    text-transform: lowercase
}

.text-danger {
    color: #ee6363
}

.information-contact .info-bottom .info-box .info>div .icon {
    position: relative;
    width: 65px;
    height: 65px;
    background: #fff;
    border-radius: 200px;
    border: 2px dashed #bad1d9;
    box-shadow: inset 0 0 0 4px #f0f4f6;
    text-align: center;
    line-height: 65px;
    font-size: 24px;
    color: #124761;
    margin-right: 10px;
    font-weight: 900;
    min-width: 65px;
    min-height: 65px
}

.information-contact .info-bottom .info-box .info>div .title {
    font-family: 'Roboto Slab', serif;
    color: #124761;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 5px
}

.information-contact .info-bottom .info-box .info>div div {
    color: #92a5b0;
    font-weight: 400;
    font-size: 14px
}

.information-contact .info-bottom .info-box .info>div div b {
    font-weight: 700;
    color: #124761;
    margin-left: 3px
}

.information-contact .info-bottom .info-box .info>div div span {
    font-weight: 300
}

.information-contact .info-bottom .info-box .info>div div a {
    color: #92a5b0;
    font-weight: 400;
    font-size: 14px
}

.information-contact .info-bottom .info-box .info .fax .info div:last-of-type,
.information-contact .info-bottom .info-box .info .phone .info div:last-of-type {
    font-size: 18px;
    font-weight: 700
}

@media (max-width:1100px) {
    .information-contact .info-bottom .form-box,
    .information-contact .info-bottom .info-box {
        flex-basis: 50%
    }
}

@media (max-width:900px) {
    .information-contact .info-bottom {
        flex-wrap: wrap;
        flex-direction: column-reverse
    }
    .information-contact .info-bottom .form-box,
    .information-contact .info-bottom .info-box {
        padding: 50px 20px;
        min-height: auto
    }
    .information-contact .info-bottom .info-box>.info {
        max-width: 90%
    }
    .information-contact .info-bottom .info-box .info .icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
        min-height: 55px
    }
    #map {
        height: 250px!important
    }
}

@media (max-width:800px) {
    .information-contact .info-bottom .form-box,
    .information-contact .info-bottom .info-box,
    .information-contact .info-bottom .info-box .info>div {
        flex-basis: 100%
    }
    .information-contact .info-bottom .info-box>.info>div {
        flex-direction: column;
        margin-bottom: 40px
    }
    .information-contact .info-bottom .info-box .info>div .info {
        text-align: center
    }
    .information-contact .info-bottom .info-box .info .icon {
        margin: 0 0 20px!important
    }
}

#storeLocator .storelocator-header {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    line-height: 60px;
    background: #ecf5fa;
    box-shadow: 0 0 70px -10px rgba(7, 42, 59, .38);
    position: relative;
    z-index: 100;
    color: #124761;
    font-weight: 300;
    font-size: 18px
}

@media (min-width:768px) {
    #storeLocator .storelocator-header.mobile-list {
        display: none
    }
}

#storeLocator .storelocator-header.mobile-list {
    cursor: pointer
}

#storeLocator .storelocator-header.mobile-list>span>span {
    position: absolute;
    right: 20px;
    top: 25px
}

#storeLocator {
    font-family: Roboto, sans-serif
}

@media (min-width:1050px) {
    #storeLocator .storelocator-header {
        position: fixed;
        left: 0;
        right: 0
    }
    #storeLocator .map-section {
        margin-top: 60px
    }
}

#storeLocator .search-box {
    display: flex;
    border-bottom: 1px solid #e8eff2;
    box-shadow: 0 0 60px -15px rgba(25, 51, 73, .4)
}

#storeLocator .search-box #AddressInputBox {
    position: relative;
    display: block;
    flex: 1
}

#storeLocator .search-box #AddressInputBox input {
    box-shadow: none;
    border: 0;
    line-height: 65px;
    height: 65px;
    padding: 0 0 0 50px;
    font-weight: 400;
    font-size: 15px;
    background: #fff
}

#storeLocator .search-box #AddressInputBox input::placeholder {
    color: #b5c2c9
}

#storeLocator .search-box #AddressInputBox>span {
    position: absolute;
    left: 27px;
    z-index: 20;
    font-size: 15px;
    color: #b5c2c9;
    top: 50%;
    font-weight: 900;
    transform: translateY(-50%)
}

#storeLocator .search-box .buttonBox {
    line-height: 65px
}

@media (max-width:600px) {
    #storeLocator .search-box #AddressInputBox input {
        line-height: 45px;
        height: 45px;
        font-size: 13px
    }
    #storeLocator .search-box .buttonBox {
        line-height: 45px
    }
}

#storeLocator .search-box .buttonBox a {
    color: #124761;
    font-weight: 500;
    padding: 0 20px;
    cursor: pointer
}

#storeLocator .slResultHeader {
    display: none;
    visibility: hidden
}

#storeLocator .map-section {
    display: flex
}

#storeLocator .map-section .address-holder {
    flex-basis: 35%
}

#storeLocator .map-section .map-holder {
    flex-basis: 65%
}

#storeLocator .map-section .resultWrapper {
    padding: 0
}

#storeLocator .map-section .resultWrapper .searchResult {
    margin: 0;
    float: none;
    max-height: 533px
}

#storeLocator .map-section #slResultList {
    text-align: left;
    padding: 7px 0 0
}

#storeLocator .map-section #slResultList li {
    display: flex;
    border-bottom: 1px solid #eaf1f4;
    padding: 15px 0 15px 10px;
    cursor: pointer
}

#storeLocator .map-section #slResultList li:nth-child(2n) {
    background: rgba(233, 240, 244, .28)
}

#storeLocator .map-section #slResultList li>a span {
    font-size: 21px;
    margin-right: 5px;
    color: #8eb0c0
}

#storeLocator .map-section #slResultList .slListHeader {
    margin: 0;
    color: #124761;
    padding: 0;
    text-transform: uppercase;
    border: 0
}

#storeLocator .map-section #slResultList a span {
    margin: 0;
    font-weight: 500;
    color: #7db9d5
}

#storeLocator .mCSB_inside>.mCSB_container {
    margin-right: 15px
}

#storeLocator .gmnoprint:last-of-type {
    display: none!important
}

#storeLocator .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background: #fff
}

#storeLocator .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #e3e8ea;
    opacity: 1
}

.cart-box .discount-code .input-group-btn:hover,
.cart-box table tbody tr .price button:hover {
    opacity: .7
}

.information-information-7 .perfect-mattress.baby {
    margin: 10px 0
}

@media (max-width:1300px) {
    #storeLocator .map-section .address-holder {
        flex-basis: 40%
    }
    #storeLocator .map-section .map-holder {
        flex-basis: 60%
    }
}

@media (max-width:1050px) {
    #storeLocator .map-section .address-holder,
    #storeLocator .map-section .map-holder {
        flex-basis: 50%
    }
}

@media (max-width:768px) {
    #storeLocator .map-section {
        flex-direction: column
    }
    #storeLocator .map-section .address-holder,
    #storeLocator .map-section .map-holder {
        flex-basis: 100%
    }
    #storeLocator .map-section .map-holder {
        max-height: 350px
    }
    #storeLocator .storelocator-header {
        box-shadow: none
    }
    #storeLocator .search-box {
        border: 0
    }
    #storeLocator #resultWrapper {
        display: none
    }
    #storeLocator .address-holder.active #resultWrapper {
        display: block
    }
    #storeLocator .address-holder.active .storelocator-header.mobile-list>span>span:before {
        content: "\e870"
    }
}

.mapWrapper {
    float: none;
    margin: 0
}

#storeLocator .storelocator-header>span>span {
    font-size: 24px;
    color: #7495a6;
    vertical-align: middle;
    margin-top: -8px;
    display: inline-block;
    margin-right: 2px
}

@media (max-width:600px) {
    #storeLocator .storelocator-header {
        font-size: 15px
    }
    #storeLocator .storelocator-header>span>span {
        font-size: 20px
    }
}

#storeLocator .storelocator-header .total-addresses span {
    font-weight: 900
}

#storeLocator .searchBox {
    padding-top: 0;
    position: relative;
    z-index: 1
}

#storeLocator .searchBox>div {
    padding: 0
}

#storeLocator .searchBox .input-group {
    display: block
}

#storeLocator .searchBox input {
    line-height: 70px;
    padding: 0 130px 0 20px;
    margin-top: 0;
    border: 0;
    height: auto;
    font-size: 16px
}

#storeLocator .searchBox .buttonBox {
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

#storeLocator .searchBox .buttonBox a {
    border: 0;
    margin: 0;
    font-size: 16px;
    background: 0 0!important;
    color: #7d7d7d!important;
    font-family: LatoLatinWeb, LatoWeb;
    font-style: normal;
    line-height: 44px
}

#storeLocator .searchBox .buttonBox a:hover {
    color: #545454!important
}

#storeLocator .searchBox .buttonBox a span {
    font-size: 15px;
    margin-right: 3px;
    color: #6b6b6b;
    position: relative;
    top: -1px
}

#storeLocator,
.faq h1 {
    margin: 0
}

#storeLocator .searchBox .buttonBox a span:before {
    content: '\e090';
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

#storeLocator .map {
    border: 0;
    position: relative
}

#storeLocator .map:after {
    content: '';
    dispaly: block;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    right: -1px;
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, .08);
    -o-box-shadow: 0 0 50px 10px rgba(0, 0, 0, .08)
}

#groupBox {
    display: none!important
}

.faq {
    background: url(/image/catalog/faq-bg.png) top center no-repeat;
    background-size: cover
}

.faq .subheading {
    padding: 70px 0 50px
}

.faq h1 b {
    display: block
}

.faq .text-icon {
    margin-bottom: 10px;
    width: 50px;
    max-height: 50px;
    max-width: 50px;
    transform: translateX(6px)
}

.faq .panel-group {
    max-width: 900px;
    margin: 0 auto 100px
}

.faq .panel-group .panel {
    background-color: transparent;
    border: 0;
    margin-top: 0;
    box-shadow: none;
    border-radius: 0
}

.faq .panel-group .panel .panel-heading {
    color: #124761;
    background-color: transparent;
    border-bottom: 1px solid #e6eaec;
    position: relative;
    padding: 0
}

.faq .panel-group .panel .panel-heading .collapse-btn {
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    pointer-events: none;
    transform: rotate(45deg);
    transition: all .3s ease
}

.faq .panel-group .panel .panel-heading .collapse-btn:after,
.faq .panel-group .panel .panel-heading .collapse-btn:before {
    content: '';
    width: 15px;
    height: 1px;
    background-color: #1a4d66;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    display: block
}

.faq .panel-group .panel .panel-heading .collapse-btn:before {
    transform: rotate(90deg)
}

.faq .panel-group .panel .panel-heading .panel-title {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto Slab', serif
}

@media (max-width:600px) {
    .faq .panel-group .panel .panel-heading .panel-title {
        font-size: 13px
    }
}

.faq .panel-group .panel .panel-heading .panel-title a {
    display: block;
    position: relative;
    padding: 18px 50px 18px 0
}

.faq .panel-group .panel .panel-heading .panel-title a.collapsed+.collapse-btn {
    transform: rotate(0)
}

.faq .panel-group .panel .panel-heading .panel-title a.collapsed+.collapse-btn:after,
.faq .panel-group .panel .panel-heading .panel-title a.collapsed+.collapse-btn:before {
    background-color: #87bad3
}

.faq .panel-group .panel .panel-heading .panel-title a:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: #bdd0d9;
    display: inline-block;
    margin-right: 5px
}

.faq .panel-group .panel .panel-body {
    border: 0;
    border-bottom: 1px solid #e6eaec;
    color: #9cb2bc;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.7em
}

.information-faq .perfect-mattress.baby {
    margin: 10px 0
}

.alert {
    border-radius: 0;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    border: 0;
    padding: 15px 20px;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    text-align: center;
    z-index: 500
}

.alert span {
    font-size: 24px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -5px;
    margin-right: 5px
}

.alert .close {
    transform: translateX(10px);
    text-shadow: none
}

.alert .close span {
    font-size: 18px
}

.alert a {
    text-decoration: underline!important;
    color: #fff;
    margin: 0 5px
}

.alert.alert-success {
    background: rgba(116, 188, 120, .84)
}

.alert.alert-danger {
    background: rgba(215, 62, 69, .65)
}

@media (max-width:600px) {
    .alert {
        top: 50px;
        font-size: 14px
    }
    .alert .close {
        position: absolute;
        top: 10px;
        right: 15px
    }
    .alert span {
        display: none
    }
}

.cart-box {
    position: relative;
    padding: 90px 0;
    background: #fdfdfd;
    margin-bottom: 10px
}

.cart-box .message {
    margin: 0;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    padding: 25px;
    border-bottom: 1px solid #e4eaed;
    border-top: 1px solid #e4eaed;
    font-size: 18px;
    color: #124761
}

.cart-box:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.cart-box .container {
    position: relative;
    z-index: 10
}

.cart-box h1 {
    text-align: center;
    margin-bottom: 60px
}

.cart-box h1 img {
    max-width: 35px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -6px
}

.cart-box table,
.cart-box table.table-responsive {
    border: 0!important;
    border-top: 1px solid #e4eaed!important;
    margin: 0
}

.cart-box table tbody tr {
    border-bottom: 1px solid #e4eaed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

.cart-box table tbody tr td {
    border: 0;
    flex: 1;
    padding: 20px
}

.cart-box table tbody tr .img-col {
    display: flex;
    align-items: center
}

.cart-box table tbody tr .img-col .product-info a {
    width: auto;
    line-height: 1.2em;
    margin: 0;
    max-width: none
}

@media (max-width:650px) {
    .cart-box table tbody tr {
        align-items: flex-start
    }
    .cart-box table tbody tr .price button {
        position: absolute;
        top: 5px;
        right: 0
    }
}

@media (max-width:420px) {
    .cart-box table tbody tr .img-col {
        flex-direction: row;
        align-items: center
    }
}

@media (max-width:968px) {
    .cart-box table tbody tr .img-col {
        flex-basis: 20%
    }
}

.cart-box table tbody tr .img-col .size {
    text-transform: uppercase;
    font-weight: 500;
    color: #90adb7
}

.cart-box table tbody tr .img-col a {
    display: inline-block;
    font-size: 17px;
    font-family: 'Roboto Slab', serif;
    color: #124761;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 20px;
    min-width: 100px;
    max-width: 100px
}

.cart-box table tbody tr .img-col a img {
    border: 0;
    background: #f5f5f5;
    padding: 10px
}

.cart-box table tbody tr .qty-col {
    display: flex;
    justify-content: center;
    align-items: center
}

.cart-box table tbody tr .qty-col .title {
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 10px;
    font-size: 13px;
    color: #9d9d9d
}

.cart-box table tbody tr .qty-col .qty-holder input {
    border: 1px solid #c8d4d9;
    box-shadow: none!important;
    text-align: center;
    font-weight: 900;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
    padding: 0 10px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.cart-box table tbody tr .qty-col .qty-holder .input-group-btn .btn {
    background-color: #fff;
    background-image: none;
    padding: 4.5px 10px;
    border-color: #c8d4d9;
    box-shadow: none;
    border-left: 0 none;
    outline: 0
}

.cart-box table tbody tr .qty-col .qty-holder .input-group-btn .btn span {
    font-size: 20px;
    margin-top: 0;
    display: inline-block;
    transform: translateY(2px);
    color: #124761;
    text-shadow: none
}

.cart-box table tbody tr .price span.first_part {
    font-size: 22px;
    color: #124761;
    font-weight: 700;
    margin-right: 5px
}

.cart-box table tbody tr .price span.second_part {
    font-size: 15px;
    color: #89a4ad;
    font-weight: 500
}

.cart-box table tbody tr .price button {
    background: 0 0;
    border: 0;
    font-size: 22px;
    margin-left: 50px;
    transform: translateY(2px);
    color: #99b4be
}

.cart-box .table-footer .total-row {
    display: flex;
    justify-content: space-between;
    line-height: 60px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 15px;
    color: #124761;
    text-transform: uppercase;
    border-top: 1px solid #e4eaed
}

.cart-box .table-footer .total-row:first-of-type {
    border: 0
}

.cart-box .table-footer .total-row:last-of-type {
    font-weight: 700;
    color: #124761;
    border-radius: 5px;
    background: #e8f1f5;
    border: 0
}

.cart-box .table-footer .total-row .amount .first_part {
    font-size: 20px;
    margin-right: 4px
}

.cart-box .table-footer .total-row .amount .second_part {
    font-weight: 400;
    font-size: 14px;
    color: #708a95;
    text-transform: lowercase
}

.cart-box .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0 0;
    flex-wrap: wrap
}

.cart-box .buttons>div {
    margin: 0 10px;
    line-height: 50px
}

@media (max-width:550px) {
    .cart-box .buttons>div {
        width: 100%;
        text-align: center;
        margin-bottom: 20px
    }
}

.cart-box .buttons .checkout {
    padding: 0;
    border: 2px solid #124761
}

.cart-box .buttons .back {
    text-transform: uppercase;
    border: 2px solid #c8dae0;
    padding: 0 40px;
    border-radius: 100px
}

.cart-box .buttons .back a {
    color: #49758a;
    font-weight: 500;
    font-size: 14px
}

.cart-box .buttons .checkout:hover {
    cursor: pointer;
    border-color: #fff
}

.cart-box .buttons .checkout img {
    margin-top: -2px;
    margin-left: 10px
}

.cart-box .buttons .checkout a {
    display: block;
    padding: 0 40px;
    color: #fff;
    font-family: Roboto, serif
}

.cart-box .discount-code {
    line-height: 55px;
    border-bottom: 1px solid #e4eaed
}

.cart-box .discount-code .input-group-btn input,
.cart-box .discount-code>input {
    background: 0 0;
    border: 0;
    line-height: 55px;
    height: 55px;
    display: block;
    text-transform: uppercase
}

.cart-box .discount-code>input {
    box-shadow: none;
    padding: 0 0 0 20px;
    float: none;
    text-align: left;
    font-weight: 700
}

.cart-box .discount-code>input::placeholder {
    font-weight: 700;
    color: #90a1a6
}

.cart-box .discount-code .input-group-btn {
    color: #124761;
    padding-right: 20px
}

.cart-box .discount-code .input-group-btn input {
    font-weight: 500;
    padding: 0
}

.tooltip-inner {
    background-color: #fff;
    box-shadow: 0 0 100px -5px rgba(0, 0, 0, .2);
    color: #525252;
    font-weight: 500;
    font-size: 14px;
    max-width: 300px;
    padding: 20px;
    border-radius: 10px
}

.tooltip.top .tooltip-arrow {
    bottom: -5px;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #fff
}

.onepagecheckout-checkout .nice-select .list {
    width: 100%
}

.onepagecheckout-checkout .nice-select:after {
    right: 20px
}

.onepagecheckout-checkout .checkout-bg {
    margin-top: 10px;
    background: #d3e0e5;
    background: -moz-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: -webkit-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    position: relative
}

.onepagecheckout-checkout .checkout-bg:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.onepagecheckout-checkout .checkout-box {
    padding: 70px 0
}

.onepagecheckout-checkout .checkout-box h1 {
    margin: 0 auto 80px;
    font-size: 22px
}

.onepagecheckout-checkout .checkout-box .checkout-container {
    display: flex
}

@media (min-width:992px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .mobile-checkout-submit {
        display: none
    }
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info {
    flex-basis: 50%
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs {
    background: 0 0;
    box-shadow: none;
    padding: 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs>div {
    background: #fff;
    border-radius: 10px;
    border: 5px solid #fff;
    overflow: hidden;
    display: flex;
    text-transform: uppercase;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .12);
    min-height: 110px
}

@media (max-width:600px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs>div {
        margin-bottom: 60px!important;
        min-height: 60px!important;
        position: relative;
        overflow: visible!important
    }
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs>div:last-of-type {
    margin-bottom: 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label {
    text-shadow: none;
    background: 0 0;
    border: 0;
    box-shadow: none;
    color: #124761;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
    line-height: 49px;
    flex: 1;
    display: flex;
    flex-direction: column;
    width: auto!important;
    margin-right: 0!important;
    justify-content: center
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label>div {
    line-height: 1.2em
}

@media (max-width:600px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label>div {
        position: absolute;
        bottom: -45px;
        left: 0;
        right: 0;
        font-size: 16px;
        margin: 0;
        opacity: 0;
        transition: all .3s ease
    }
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .other-address-checkbox input,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio input {
    left: -99999px;
    position: absolute
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label span {
    display: block;
    margin-bottom: 5px;
    font-size: 27px;
    color: #88a8b3
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label.active {
    background: #e9f0f4;
    color: #024363
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label.active:hover {
    background: #e7eef2
}

@media (max-width:600px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label.active>div {
        opacity: 1
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label.active span {
        color: #024363
    }
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label:hover {
    background: #f2f5f7
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label:first-of-type {
    border-radius: 10px 0 0 10px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label:last-of-type {
    border-radius: 0 8px 8px 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .info-tabs label:nth-child(2) {
    border-right: 5px solid #fff;
    border-left: 5px solid #fff
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info>div {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .12);
    padding: 30px;
    margin-bottom: 25px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info>div:last-of-type {
    margin-bottom: 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .account-content.content-login {
    text-align: center
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .account-content.content-login .login-actions {
    margin-top: 20px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .account-content.content-login .login-actions #button-login {
    display: block;
    text-align: center;
    margin: 30px auto 10px;
    min-width: 200px;
    background: #013b59;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    padding: 0 30px;
    line-height: 46px;
    height: 45px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .account-content.content-login .login-actions>a {
    color: #b1b1b1;
    font-size: 13px;
    font-weight: 500
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .account-content.content-login h3 {
    font-weight: 700
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .account-content.content-login .form-group {
    max-width: 350px;
    margin: 0 auto 15px
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    background-color: #f1f1f1!important
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info #payment-existing,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info #shipping-existing {
    display: block;
    width: 100%;
    height: 60px;
    margin: 0 auto 10px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info #payment-existing .nice-select,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info #shipping-existing .nice-select {
    background: rgba(216, 233, 239, .7);
    border: 0;
    border-radius: 100px;
    height: 54px;
    line-height: 55px;
    padding: 0 30px;
    box-shadow: none
}

@media (max-width:450px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .nice-select span.current {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block
    }
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info #payment-existing .nice-select:after,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info #shipping-existing .nice-select:after {
    right: 30px
}

.onepagecheckout-checkout .checkout-box .nice-select,
.onepagecheckout-checkout .checkout-box input,
.onepagecheckout-checkout .checkout-box textarea {
    border: 0;
    box-shadow: none;
    background: #f1f1f1;
    border-radius: 100px;
    height: 40px;
    padding: 0 25px;
    line-height: 40px
}

.onepagecheckout-checkout .checkout-box textarea {
    line-height: 1.5em;
    min-height: 200px;
    border-radius: 10px;
    padding: 20px;
    max-width: 510px;
    margin: 0!important
}

.onepagecheckout-checkout .checkout-box .form-group.has-error .nice-select,
.onepagecheckout-checkout .checkout-box .form-group.has-error input,
.onepagecheckout-checkout .checkout-box .form-group.has-error textarea {
    box-shadow: none
}

.onepagecheckout-checkout .checkout-box .form-group.has-error .nice-select label,
.onepagecheckout-checkout .checkout-box .form-group.has-error label {
    color: #ee6363!important
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info>div h3 {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 50px;
    color: #024363
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .payments>div h3,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .shipping>div h3 {
    margin-bottom: 30px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info>div h3 span {
    font-weight: 500
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info>div .form-group {
    float: none;
    width: auto;
    padding: 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info>div div label.control-label {
    text-transform: uppercase;
    color: rgba(119, 142, 154, .8);
    margin-bottom: 5px;
    margin-left: 10px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info>div div label:before {
    color: #ea5454;
    font-weight: 700;
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: -2px
}

.onepagecheckout-checkout .checkout-box .checkout-container #account,
.onepagecheckout-checkout .checkout-box .checkout-container #payment-new,
.onepagecheckout-checkout .checkout-box .checkout-container #shipping-new {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width:600px) {
    .onepagecheckout-checkout .checkout-box .checkout-container #account,
    .onepagecheckout-checkout .checkout-box .checkout-container #payment-new,
    .onepagecheckout-checkout .checkout-box .checkout-container #shipping-new {
        flex-direction: column
    }
}

.form-box h3,
.onepagecheckout-checkout .checkout-box .checkout-container #account h3,
.onepagecheckout-checkout .checkout-box .checkout-container #payment-new h3,
.onepagecheckout-checkout .checkout-box .checkout-container #shipping-new h3 {
    flex-basis: 100%
}

.onepagecheckout-checkout .checkout-box .checkout-container #account .form-group,
.onepagecheckout-checkout .checkout-box .checkout-container #payment-new .form-group,
.onepagecheckout-checkout .checkout-box .checkout-container #shipping-new .form-group {
    flex-basis: 47%
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .other-address-checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .other-address-checkbox label {
    text-transform: none;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 20px;
    display: flex;
    padding: 0;
    align-items: center
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .other-address-checkbox label:before {
    content: '';
    border-radius: 100px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: #dae5ef;
    margin-right: 5px
}

@media (max-width:400px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .other-address-checkbox label:before {
        width: 31px!important;
        min-width: 22px!important;
        height: 23px;
        margin-right: 15px!important
    }
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .other-address-checkbox input:checked+label:before {
    content: "";
    background: url(/image/catalog/green-check.png) center center no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    background-size: contain
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .extpanel-body {
    padding: 0;
    overflow: visible
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio {
    background: #eff1f4;
    border-radius: 100px;
    line-height: 55px;
    margin-top: 0;
    margin-bottom: 25px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio label:before {
    content: '';
    border-radius: 100px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: #eff1f4;
    border: 2px solid #d2dbe3;
    margin-right: 5px;
    position: absolute;
    top: 17px;
    left: 21px
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio input:checked+label:before {
    content: "";
    background: url(/image/catalog/green-check.png) center center no-repeat;
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-right: 5px;
    background-size: contain;
    border: 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio input:checked+label {
    background: #fff;
    color: #013b59;
    box-shadow: 0 0 70px 0 rgba(0, 0, 0, .06);
    border: 1px solid #f5f5f5
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio input:checked+label .value {
    color: #013b59
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio label {
    color: #9dabb3;
    font-weight: 500;
    font-size: 14px;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    padding: 0 30px 0 50px;
    border-radius: 100px
}

@media (max-width:600px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio label span.name {
        width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio label .value {
    font-size: 16px;
    font-weight: 300
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-info .radio:last-of-type {
    margin-bottom: 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart {
    flex-basis: 50%;
    padding: 0 70px;
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    align-self: flex-start
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .buttons {
    text-align: center;
    margin-bottom: 0
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .buttons button,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart+.mobile-checkout-submit {
    background: #013b59;
    color: #fff;
    text-transform: uppercase;
    width: 90%;
    border: 0;
    box-shadow: 0;
    border-radius: 100px;
    line-height: 55px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    text-shadow: 0 0 50px rgba(255, 255, 255, .4);
    margin: 10px auto 0;
    outline: 0;
    transition: transform .3s ease
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .buttons button:before,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart+.mobile-checkout-submit:before {
    content: '\e80f';
    font-size: 20px;
    font-weight: 400;
    margin-right: 5px;
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    margin-top: -5px;
    display: inline-block;
    color: #bed1d8
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .buttons button:active:hover,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .mobile-checkout-submit:active:hover {
    transform: scale(.97)
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .buttons button:hover,
.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart+.mobile-checkout-submit:hover {
    background: #fff;
    color: #034464;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .2)
}

.onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .cart-summary-box.sticky {
    position: fixed!important;
    top: 100px!important;
    max-width: 430px!important;
    min-width: 430px!important
}

@media (max-width:1200px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart {
        padding: 0 50px
    }
}

@media (max-width:992px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .buttons,
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-body {
        display: none
    }
    .onepagecheckout-checkout .checkout-box .checkout-container {
        flex-direction: column
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-info {
        flex-basis: 100%
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 0;
        box-shadow: 0 -15px 70px 0 #04293c
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default {
        border-radius: 0
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 {
        min-height: 65px;
        justify-content: flex-start;
        padding: 0 20px;
        cursor: pointer
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 .mobile-price {
        position: absolute;
        right: 30px;
        font-size: 20px;
        font-weight: 500;
        font-family: Roboto, sans-serif
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 .arrow {
        margin-left: 5px;
        width: 22px;
        height: 19px;
        position: relative;
        transition: all .3s ease
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 .arrow:before {
        content: '';
        width: 12px;
        height: 2px;
        position: absolute;
        top: 53%;
        left: 9px;
        margin: auto;
        background-color: #c1c1c0;
        transition: all .3s cubic-bezier(.845, .025, .355, 1);
        transform: translateY(-50%) rotate(-40deg)
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 .arrow:after {
        content: '';
        width: 12px;
        height: 2px;
        position: absolute;
        top: 53%;
        right: 9px;
        margin: auto;
        background-color: #c1c1c0;
        transition: all .3s cubic-bezier(.845, .025, .355, 1);
        transform: translateY(-50%) rotate(40deg)
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart.active .extpanel-default .extpanel-heading h4 .arrow:before {
        transform: translateY(-50%) rotate(40deg)
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart.active .extpanel-default .extpanel-heading h4 .arrow:after {
        transform: translateY(-50%) rotate(-40deg)
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 .mobile-price .second_part {
        opacity: .7;
        font-weight: 300;
        margin-left: 3px;
        text-transform: lowercase
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart.active .extpanel-default .extpanel-body {
        display: block
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart.active .extpanel-default .extpanel-body .shopping-cart-content {
        min-height: 300px
    }
}

@media (max-width:600px) {
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart {
        top: 50px
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 {
        min-height: 50px;
        font-size: 16px
    }
    .onepagecheckout-checkout .checkout-box .checkout-container .checkout-cart .extpanel-default .extpanel-heading h4 img {
        margin-right: 5px;
        max-width: 20px
    }
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default {
    background: #024363;
    border: 0;
    border-radius: 10px;
    color: #fff;
    margin: 0;
    overflow: hidden
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-heading {
    background: 0 0;
    border: 0;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase
}

@media (min-width:992px) {
    .onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-heading h4 .mobile-price {
        display: none
    }
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-heading h4 {
    padding: 0;
    font-size: 18px;
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 85px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-heading h4 img {
    margin-right: 10px;
    max-width: 25px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body {
    padding: 0;
    overflow: hidden
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table {
    background: #013b59;
    margin: 0
}

@media (max-width:600px) {
    .onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .exttable-responsive1 {
        max-height: 300px;
        display: block;
        overflow: hidden
    }
    .onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .mCSB_container {
        margin-right: 0
    }
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr {
    display: flex
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer.total-0:before,
.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer:last-of-type:before {
    display: none
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr.product-line {
    border-top: 1px solid #054f73
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr.product-line:first-of-type {
    border-top: 0 none
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr td {
    flex: 1;
    border: 0;
    padding: 15px 30px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer {
    background: #024363;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    align-items: center
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer:before {
    content: '';
    top: 0;
    position: absolute;
    height: 1px;
    background: #1b5673;
    margin: 0 auto;
    left: 30px;
    right: 30px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer td {
    color: rgba(255, 255, 255, .7)
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer td:first-of-type,
.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr td:first-of-type {
    flex-basis: 60%;
    padding-right: 0
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer:last-of-type {
    background: #013b59;
    font-size: 20px;
    font-weight: 500
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer .text-right {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-transform: lowercase
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer .text-right .first_part {
    margin-right: 3px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer:last-of-type td {
    color: rgba(255, 255, 255, 1)
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .table-footer:last-of-type td.text-right {
    font-size: 22px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box {
    padding: 30px;
    text-transform: uppercase
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon .delete-error {
    position: absolute;
    top: -50%;
    right: -20px;
    font-size: 15px;
    color: #ee6263;
    cursor: pointer;
    display: none
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon.has-error .delete-error {
    display: block
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon-toggle {
    color: #97a6b2;
    font-weight: 700;
    cursor: pointer
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon-toggle:hover {
    color: #fff
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon {
    display: none
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box.active .coupon {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #013a57;
    border-radius: 100px;
    position: relative;
    line-height: 50px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon input {
    background: 0 0;
    border: 0;
    line-height: 50px;
    height: auto;
    padding: 0 0 0 30px;
    text-transform: uppercase;
    color: #7f8f9c;
    font-weight: 500
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon .text-danger {
    position: absolute;
    top: -5px;
    line-height: 1.2em;
    text-transform: capitalize;
    display: block;
    background: rgba(2, 67, 99, .9);
    padding: 20px 0;
    left: 0;
    right: 0;
    bottom: 0
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon input::placeholder {
    color: #7f8f9c
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon span {
    display: inline-block;
    width: auto;
    border-radius: 100px;
    margin: 0 5px 4px 0
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box .coupon button {
    width: 100%;
    position: inherit;
    border-radius: 100px;
    padding: 0 30px;
    line-height: 44px;
    margin: 0;
    background: #024363;
    border: 0;
    box-shadow: none;
    text-transform: unset;
    text-shadow: none
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content .coupon-box.active .coupon-toggle {
    display: none
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr .product-box .product-name {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr .product-box .size {
    font-size: 12px;
    color: #909ea9;
    font-weight: 500;
    text-transform: uppercase
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr .product-box .extinput-group {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr .product-box .extinput-group input {
    width: auto;
    margin-left: 10px;
    border-radius: 5px;
    background: #03496c;
    color: #FFF;
    font-weight: 900;
    border: 0;
    text-align: center;
    padding: 10px;
    height: 29px;
    font-size: 15px;
    margin-top: -2px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table .second_part {
    opacity: .7;
    font-weight: 300
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr td.price-box {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-end
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr td.price-box .remove-product {
    background: 0 0;
    border: 0;
    padding: 0;
    text-align: right;
    font-size: 20px;
    color: #7097ae;
    width: 20px
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr td.price-box .product-price {
    font-size: 20px;
    font-weight: 500
}

.onepagecheckout-checkout .checkout-box .content-shopping-cart .extpanel-default .extpanel-body .shopping-cart-content table tr td.price-box .product-price .second_part {
    margin-left: 3px
}

.cart-loader {
    background-color: rgba(3, 73, 108, .8)!important
}

.cart-loader img {
    max-width: 400px!important;
    width: 200px!important;
    height: 200px!important
}

.login-page:after,
.login-page:before {
    content: '';
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px
}

.login-page {
    padding: 50px 0 100px;
    background: #d3e0e5;
    background: -moz-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: -webkit-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%)
}

@media (max-width:600px) {
    .login-page {
        padding: 50px 0
    }
}

.login-page:before {
    top: 90px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.login-page:after {
    bottom: 50px;
    background: url(/image/catalog/product-listing-header-bg-after.png) top center no-repeat;
    background-size: cover
}

.login-page .login-form {
    text-align: center;
    max-width: 510px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 100px -10px rgba(0, 0, 0, .08);
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    padding: 50px;
    position: relative;
    z-index: 20
}

@media (max-width:600px) {
    .login-page .login-form {
        padding: 50px 20px
    }
}

.login-page .login-form h2 {
    margin: 0 auto 30px;
    font-size: 22px;
    max-width: 250px
}

.form-control {
    border: 0;
    background: #f1f1f1;
    border-radius: 100px;
    height: 40px;
    padding: 0 25px;
    box-shadow: none!important;
    line-height: 40px;
    font-weight: 500;
    color: #232323;
    font-size: 13px!important
}

.login-page .login-form .main-button {
    margin-top: 30px;
    min-width: 200px
}

.login-page .login-form form .main-button {
    background: #d2e7f1;
    min-width: 250px
}

.login-page .login-form .register-call {
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: -50px;
    border-radius: 0 0 10px 10px;
    background: #f5f9fb;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media (max-width:600px) {
    .login-page .login-form .register-call {
        margin-left: -20px;
        margin-right: -20px
    }
}

.login-page .login-form .forgott {
    margin-bottom: 30px;
    display: block;
    color: #a6a6a6;
    font-size: 14px
}

.login-page .login-form .forgott:hover {
    color: #747474
}

.login-page .login-form .register-call .forgott {
    margin-top: 10px
}

.login-page .login-form .register-call .main-button {
    margin-top: 0;
    background: #fff;
    color: #124761;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .11)!important
}

.login-page .login-form .forgot-box {
    display: none
}

.login-page .login-form .forgot-box .buttons {
    margin-top: 35px
}

.login-page .login-form .forgot-box .buttons .submit {
    background: #d2e7f1;
    border: 2px solid #d2e7f1;
    color: #124761;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500;
    padding: 0 35px 0 30px;
    box-shadow: 0 10px 40px -5px #d2e7f1;
    height: 43px
}

.login-page .login-form .forgot-box .buttons .submit:hover {
    background: #fff;
    border-color: #fff;
    box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .11)
}

.login-page .login-form .forgot-box .buttons .call-forgot {
    border: 2px solid #d2e7f1;
    text-transform: uppercase;
    font-weight: 500;
    color: #88b5cb;
    border-radius: 100px;
    line-height: 40px;
    display: inline-block;
    padding: 0 35px 0 30px;
    font-size: 14px;
    margin-right: 15px;
    height: 43px
}

.login-page .login-form .forgot-box .buttons .call-forgot i {
    font-weight: 700;
    font-size: 11px
}

.control-label,
.main-button {
    font-weight: 500;
    text-transform: uppercase
}

.login-page .login-form .forgot-box .buttons .call-forgot:hover {
    background: #d2e7f1;
    color: #124761;
    box-shadow: 0 10px 40px -5px #d2e7f1
}

.login-page .login-form.forgot-active .forgot-box {
    display: block
}

.login-page .login-form.forgot-active .login-box {
    display: none
}

.register-page img {
    max-width: 35px;
    margin: 0 0 15px
}

.register-page h1 {
    margin-top: 0
}

.main.register:after,
.main.register:before {
    content: '';
    pointer-events: none;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px
}

.main.register {
    padding: 70px 0;
    background: #d3e0e5;
    background: -moz-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: -webkit-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    position: relative
}

.main.register:before {
    position: absolute;
    top: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.main.register>.container {
    position: relative;
    z-index: 10
}

.main.register:after {
    position: absolute;
    bottom: 30px;
    background: url(/image/catalog/product-listing-header-bg-after.png) top center no-repeat;
    background-size: cover
}

.register-form {
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.register-form .left-side {
    margin-right: 25px;
    flex: 1
}

.register-form .left-side #account {
    margin-bottom: 25px
}

.register-form .right-side {
    flex: 1
}

@media (max-width:992px) {
    .register-form {
        flex-direction: column
    }
    .register-form .left-side {
        margin-right: 0;
        margin-bottom: 25px
    }
}

.main.register .buttons {
    margin-top: 50px;
    margin-bottom: 0
}

.control-label {
    color: rgba(119, 142, 154, .8);
    margin-bottom: 5px!important;
    margin-left: 10px;
    text-align: left!important;
    padding: 0!important
}

.main-button {
    background: #124761;
    line-height: 45px;
    height: 45px;
    border-radius: 100px;
    border: 0;
    box-shadow: 0 10px 30px -4px #d2e7f1;
    color: #124661;
    font-size: 14px;
    padding: 0 40px;
    transition: transform .3s ease;
    display: inline-block
}

.main-button:hover {
    background: #fff;
    color: #124761;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .11)!important
}

.main-button:hover:active {
    transform: scale(.97)
}

ul.list {
    max-height: 300px;
    overflow: auto!important
}

.form-box {
    text-align: left;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .12);
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width:600px) {
    .form-box {
        flex-direction: column
    }
    .main.register h1 {
        font-size: 22px
    }
}

.form-box h3 {
    font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 30px;
    color: #024363
}

.form-box .newslatter {
    flex-basis: 100%;
    margin-top: 30px;
    border-top: 1px solid #eaeaea;
    padding-top: 20px
}

.form-box .newslatter h4 {
    text-transform: uppercase;
    color: #024363;
    margin-bottom: 5px
}

.form-box .newslatter p {
    max-width: 400px;
    margin: 0 auto 20px;
    color: #779ba9
}

.form-box .newslatter .form-group {
    margin: 0
}

.form-box .newslatter .form-group input {
    position: absolute;
    left: -99999px
}

.form-box .newslatter .form-group label {
    line-height: 41px;
    height: 40px;
    border-radius: 100px;
    background: #eef1f4;
    font-weight: 700;
    color: #a2b0ba;
    text-transform: uppercase;
    padding: 0 30px;
    font-size: 14px;
    margin: 0 5px
}

.form-box .newslatter .form-group input:checked+label {
    background: #dae9f1;
    color: #124761
}

.form-box h3 span {
    font-weight: 500
}

.form-box .form-group {
    flex-basis: 47%;
    float: none;
    width: auto;
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

.profile-page {
    display: flex;
    background: #d3e0e5;
    background: -moz-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: -webkit-linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    background: linear-gradient(-220deg, #f4f8fa 30%, #f8f9f9 90%);
    position: relative
}

.profile-page .form-box.password {
    max-width: 400px;
    margin: 0 auto
}

.profile-page .form-box.personal-info {
    max-width: 600px;
    margin: 0 auto
}

.profile-page .form-box.edit-info {
    max-width: 800px;
    margin: 0 auto
}

.profile-page .form-box.edit-info .radio {
    flex-basis: 100%;
    margin-top: 30px;
    border-top: 1px solid #eaeaea;
    padding-top: 20px
}

.profile-page .form-box.edit-info .radio>label {
    text-transform: uppercase;
    font-weight: 700;
    color: #024363;
    margin-left: 0;
    margin-bottom: 15px!important
}

.profile-page .form-box.edit-info .radio>div input {
    position: absolute;
    left: -99999px
}

.profile-page .form-box.edit-info .radio>div label {
    line-height: 41px;
    height: 40px;
    border-radius: 100px;
    background: #eef1f4;
    font-weight: 700;
    color: #a2b0ba;
    text-transform: uppercase;
    padding: 0 30px;
    font-size: 14px;
    margin: 0 5px
}

.profile-page:after,
.profile-page:before {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 450px;
    right: 0;
    left: 0;
    content: '';
    pointer-events: none
}

.profile-page .form-box.edit-info .radio input:checked+label {
    background: #dae9f1;
    color: #124761
}

.profile-page .form-box.password .form-group {
    flex-basis: 100%
}

.profile-page:before {
    top: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) center center no-repeat;
    background-size: cover
}

.profile-page:after {
    bottom: 30px;
    background: url(/image/catalog/product-listing-header-bg-after.png) center center no-repeat;
    background-size: cover
}

.profile-page .header {
    margin-bottom: 40px
}

.profile-page .header h1 {
    font-size: 22px;
    margin: 0
}

.profile-page .header img {
    margin-bottom: 10px
}

.profile-page #column-left {
    width: 300px;
    background: #fff;
    position: relative;
    z-index: 10
}

.profile-page #column-left .customer-info-container {
    background: #eff5f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    position: relative;
    overflow: hidden
}

.profile-page #column-left .customer-info-container:after {
    content: '';
    position: absolute;
    bottom: -10px;
    background: 0 0;
    left: 0;
    right: 0;
    height: 10px;
    width: 100%;
    display: block;
    box-shadow: 0 0 100px 0 rgba(7, 59, 84, .5)
}

.profile-page #column-left .customer-info-container:before {
    content: '';
    width: 1px;
    height: 1px;
    background: 0 0;
    box-shadow: 0 0 110px 40px #fff;
    display: block;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%)
}

.profile-page #column-left .customer-info-container * {
    position: relative;
    z-index: 10
}

.profile-page #column-left .customer-info-container .name,
.profile-page #column-left .customer-info-container span {
    color: #124761
}

.profile-page #column-left .customer-info-container span {
    font-size: 30px;
    opacity: .7
}

.profile-page #column-left .customer-info-container .name {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    margin-top: 5px
}

.profile-page #column-left .customer-info-container .email {
    color: #6f9eb5;
    font-weight: 400;
    font-size: 14px;
    margin-top: 3px
}

.profile-page #column-left .profile-navigation .list-group {
    margin: 0
}

.profile-page #column-left .profile-navigation .list-group a {
    text-shadow: none;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #e7ecef;
    border-radius: 0;
    text-transform: uppercase;
    color: #124761;
    padding: 15px 20px;
    font-weight: 500;
    position: relative
}

.profile-page #column-left .profile-navigation .list-group a:first-of-type {
    padding-top: 20px
}

.profile-page #column-left .profile-navigation .list-group a.active,
.profile-page #column-left .profile-navigation .list-group a:hover {
    background: #f4f8fb
}

.profile-page #column-left .profile-navigation .list-group a.active:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #8dbcd4
}

.profile-page #column-left .profile-navigation .list-group a span {
    font-size: 17px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    color: #98b2c1
}

.profile-page .profile-content {
    padding: 70px 40px;
    flex: 1;
    position: relative;
    z-index: 10;
    overflow: hidden
}

@media (max-width:1050px) {
    .profile-page .profile-content {
        padding: 40px 20px
    }
}

.profile-page .profile-content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: 0 0;
    left: -10px;
    box-shadow: 0 0 120px 0 rgba(8, 55, 78, .5);
    display: block
}

.profile-page .address-container {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between
}

.profile-page .address-container .address-box {
    flex-basis: 49%;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 5px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 100px 0 rgba(0, 0, 0, .1);
    position: relative;
    margin-bottom: 20px
}

.profile-page .address-container .address-box .address {
    flex: 1
}

.profile-page .address-container .address-box .address .name {
    padding-bottom: 10px;
    border-bottom: 1px solid #e8eef1;
    text-transform: uppercase;
    font-weight: 700;
    color: #124761;
    font-family: 'Roboto Slab', serif;
    font-size: 13px
}

.profile-page .address-container .address-box .address>div {
    line-height: 35px;
    border-bottom: 1px solid #e8eef1;
    margin-left: -20px;
    margin-right: -20px;
    padding: 0 30px;
    font-weight: 500;
    color: #8295a1;
    font-size: 13px
}

.profile-page .address-container .address-box .address>div:last-of-type {
    border: 0
}

.profile-page .address-container .address-box .actions {
    position: absolute;
    top: 11px;
    right: 11px
}

.profile-page .address-container .address-box .actions .edit {
    background: #b0d9ec;
    border-radius: 100px;
    text-transform: uppercase;
    color: #fff;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
    line-height: 36px;
    transform: translateY(-3px)
}

.back-btn:hover:active,
.submit-call:hover:active,
.subscribe .input-holder span:hover:active {
    transform: scale(.97)
}

.profile-page .address-container .address-box .actions .edit span {
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px
}

.profile-page .address-container .address-box .actions .edit:hover {
    color: #024363;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .16)
}

.profile-page .address-container .address-box .actions .remove {
    border-radius: 100px;
    color: #94acb8;
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px #94acb8;
    text-align: center;
    line-height: 38px;
    margin-left: 5px
}

.profile-page .address-container .address-box .actions .remove:hover {
    color: #024363;
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .16)
}

.profile-page .address-container .new-address {
    background: #ecf3f7;
    border-radius: 10px;
    border: 2px dashed #cfdee5;
    flex-basis: 49%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: opacity .3s ease
}

.back-btn,
.submit-call {
    text-transform: uppercase;
    font-weight: 500;
    height: 40px
}

.all-articles a,
.back-btn,
.sticky-product button,
.submit-call,
.subscribe .input-holder span {
    transition: transform .3s ease
}

.profile-page .address-container .new-address:hover {
    opacity: .7
}

.profile-page .address-container .new-address span {
    font-size: 35px;
    color: #b0c3cc
}

.profile-page .address-container .new-address p {
    font-size: 18px;
    color: #b0c3cc;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 500
}

.profile-page #column-left .customer-info-container .mobile-toggle {
    display: none;
    cursor: pointer
}

@media (max-width:850px) {
    .profile-page .address-container .address-box,
    .profile-page .address-container .new-address {
        flex-basis: 100%
    }
}

@media (max-width:1050px) {
    .profile-page {
        flex-direction: column
    }
    .profile-page #column-left {
        width: 100%
    }
    .profile-page #column-left .profile-navigation {
        display: none
    }
    .profile-page #column-left.active .profile-navigation {
        display: block
    }
    .profile-page #column-left.active .mobile-toggle span:before {
        content: '\e870'
    }
    .profile-page #column-left .customer-info-container {
        padding: 10px 20px;
        align-items: flex-start
    }
    .profile-page #column-left .customer-info-container:before,
    .profile-page #column-left .customer-info-container>span {
        display: none
    }
    .profile-page #column-left .customer-info-container .name {
        font-size: 18px;
        margin: 0!important
    }
    .profile-page #column-left .customer-info-container .email {
        font-size: 13px;
        margin: 0!important
    }
    .profile-page #column-left .customer-info-container .mobile-toggle {
        display: block;
        position: absolute;
        right: 20px
    }
    .profile-page .profile-content:before {
        display: none
    }
}

.profile-page .buttons {
    margin: 50px 0 0
}

.submit-call {
    background: #024363;
    color: #fff;
    padding: 0 30px;
    line-height: 40px;
    border-radius: 100px;
    border: 0;
    display: inline-block
}

.submit-call:hover {
    background: #fff;
    color: #024363;
    box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .13)
}

.back-btn {
    border: 2px solid #d2e7f1;
    color: #88b5cb;
    border-radius: 100px;
    line-height: 38px;
    display: inline-block;
    padding: 0 35px 0 30px;
    font-size: 14px;
    margin-right: 15px
}

.back-btn:hover {
    background: #d2e7f1;
    color: #124761;
    box-shadow: 0 10px 40px -5px #d2e7f1
}

.perfect-mattress .action-call {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 15px;
    padding: 0 40px 0 35px
}

.perfect-mattress .action-call:before {
    content: "\e808";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px;
    font-size: 16px;
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.perfect-mattress .action-call:hover:before {
    color: #124761;
    font-weight: 900
}

.perfect-mattress .action-call img {
    display: none
}

.subscribe {
    padding: 100px 20px;
    background: rgba(211, 224, 229, .5);
    background: -moz-linear-gradient(-220deg, rgba(211, 224, 229, .5) 30%, #f8f9f9 90%);
    background: -webkit-linear-gradient(-220deg, rgba(211, 224, 229, .5) 30%, #f8f9f9 90%);
    background: linear-gradient(-220deg, rgba(211, 224, 229, .5) 30%, #f8f9f9 90%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='rgba(211, 224, 229, 0.5)', endColorstr='#f8f9f9', GradientType=0);
    position: relative;
    margin-top: 10px
}

.subscribe:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 450px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.subscribe h2 {
    margin-bottom: 0;
    font-size: 23px
}

.subscribe h2:before {
    margin: 0 auto 10px
}

.subscribe>p {
    color: #7e98a5;
    font-size: 14px
}

.subscribe .input-holder {
    background: #fff;
    border-radius: 100px;
    line-height: 45px;
    min-width: 600px;
    max-width: 600px;
    display: flex;
    margin: 30px auto 0
}

.subscribe .input-holder input[type=text],
.subscribe .input-holder input[type=email] {
    flex: 1;
    border: 0;
    padding: 0 20px;
    font-size: 14px;
    line-height: 45px;
    height: 25px;
    margin-top: 14px;
    color: #0a2634
}

.subscribe .input-holder input[type=text]::placeholder,
.subscribe .input-holder input[type=email]::placeholder {
    color: #adc0ca
}

.subscribe .input-holder input[type=text] {
    border-radius: 100px;
    padding-left: 30px
}

.subscribe .input-holder input[type=email] {
    border-left: 2px solid #eef2f4
}

.subscribe .input-holder span {
    border: 0;
    background: #124761;
    border-radius: 100px;
    text-transform: uppercase;
    color: #fff;
    margin: 4px;
    cursor: pointer;
    padding: 0 20px;
    box-shadow: -12px 0 50px -5px rgba(10, 38, 52, .45)
}

.subscribe .input-holder span:hover {
    background: #fff;
    color: #0a2634;
    font-weight: 500;
    box-shadow: -12px 0 50px -5px rgba(10, 38, 52, .25)
}

@media (max-width:768px) {
    .subscribe .input-holder {
        min-width: 90%;
        flex-direction: column;
        background: 0 0
    }
    .subscribe .input-holder input[type=text],
    .subscribe .input-holder input[type=email] {
        border-radius: 100px;
        line-height: 40px;
        height: auto;
        text-align: center
    }
    .subscribe .input-holder input[type=email] {
        margin-bottom: 10px
    }
}

.main.single-image {
    padding: 80px 0;
    background: url(/image/catalog/moon-bg.png) top center no-repeat;
    background-size: cover
}

.main.multi-image {
    padding: 80px 0;
    background: #fff;
    position: relative
}

.main.multi-image:after,
.main.multi-image:before {
    position: absolute;
    pointer-events: none;
    left: 0;
    margin: auto;
    width: 100%;
    height: 450px;
    content: '';
    right: 0
}

.main.multi-image:before {
    top: 30px;
    background: url(/image/catalog/product-listing-header-bg-before.png) top center no-repeat;
    background-size: cover
}

.main.multi-image:after {
    bottom: 30px;
    background: url(/image/catalog/product-listing-header-bg-after.png) top center no-repeat;
    background-size: cover
}

.main.multi-image .heading,
.main.single-image .heading {
    margin-bottom: 50px
}

.main.multi-image .heading h1,
.main.single-image .heading h1 {
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    font-size: 25px;
    color: #124761;
    max-width: 650px;
    line-height: 1.5em;
    margin: 0 auto 10px;
    font-weight: 500
}

.main.single-image .heading h1:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    background: url(/image/catalog/moon-icon-light2.svg) center center no-repeat;
    margin: 0 auto 20px
}

.main.multi-image .heading h1:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(/image/catalog/text-icon.svg) center center no-repeat;
    margin: 0 auto 20px
}

.main.multi-image .heading time,
.main.single-image .heading time {
    font-size: 17px;
    font-weight: 500;
    color: #91b4c5
}

.main.multi-image .description h4,
.main.single-image .description h2,
.main.single-image .description h3 {
    font-family: 'Roboto Slab', serif;
    text-transform: uppercase;
    color: #124761;
    font-weight: 500
}

.main.multi-image .description .magniflex-image,
.main.single-image .description .magniflex-image {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 50px
}

.main.multi-image .description .magniflex-image img,
.main.single-image .description .magniflex-image img {
    width: 100%;
    height: auto!important
}

.main.single-image .description h2 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
    margin-top: 100px
}

.main.multi-image .description h4,
.main.single-image .description h3 {
    font-size: 20px
}

.main.single-image .description h2:before {
    width: 80px;
    height: 12px
}

.main.multi-image .description p,
.main.single-image .description p {
    font-size: 16px
}

.main.multi-image .description li,
.main.multi-image .description p,
.main.single-image .description li,
.main.single-image .description p {
    color: #425158;
    font-weight: 400
}

.post-nav>div a .media-body .h4,
body.d_blog_module-post .tag h3 {
    font-family: 'Roboto Slab', serif;
    color: #124761
}

.all-articles a,
.tag .tags-box a {
    font-weight: 500;
    text-transform: uppercase
}

.main.single-image .description li {
    text-transform: uppercase
}

.main.single-image .description li:before {
    content: '';
    display: inline-block;
    margin-right: 7px;
    vertical-align: middle;
    margin-top: -3px;
    width: 8px;
    height: 8px;
    background: #124761;
    border-radius: 100px
}

.main.single-image .description ol li:before {
    display: none
}

.main.multi-image .magniflex-image-caption-left,
.main.multi-image .magniflex-image-caption-right {
    display: flex;
    align-items: center
}

.main.multi-image .magniflex-image-caption-left .caption-text-left {
    text-align: right
}

.main.multi-image .magniflex-image-caption-right {
    justify-content: flex-start
}

.main.multi-image .magniflex-image-caption-left {
    justify-content: flex-end
}

.main.multi-image .magniflex-image-caption-right .image-wrapper {
    margin-right: 50px;
    border-radius: 7px;
    overflow: hidden;
    min-width: 35%
}

.main.multi-image .magniflex-image-caption-left .image-wrapper {
    margin-left: 50px;
    overflow: hidden;
    border-radius: 7px;
    min-width: 35%
}

body.d_blog_module-post .tag h3 {
    text-transform: uppercase
}

@media (max-width:600px) {
    .main.single-image .description h2 {
        margin-top: 30px
    }
    .main.single-image {
        padding: 30px 0;
        background-size: 700px
    }
    .main.single-image .heading {
        margin-bottom: 10px
    }
    .main.single-image .heading h1 {
        font-size: 20px
    }
    .main.single-image .heading h1:before {
        width: 40px;
        height: 40px;
        margin: 0 auto 10px
    }
}

.post-nav {
    display: flex;
    justify-content: space-around
}

.post-nav>div {
    flex: 1;
    max-height: 350px;
    overflow: hidden;
    background: #eff4f6
}

.post-nav>div:first-of-type {
    margin: 0 10px
}

.post-nav>div:last-of-type {
    margin: 0 10px 0 0
}

.post-nav>div a {
    display: flex;
    align-items: center;
    justify-content: center
}

.post-nav>div a .media-left,
.post-nav>div a .media-right {
    flex: 0 0 45%;
    padding: 0;
    overflow: hidden
}

.post-nav>div a .media-left img,
.post-nav>div a .media-right img {
    width: 100%
}

.post-nav>div a .media-body {
    text-align: center;
    padding: 0 10px;
    width: auto!important;
    flex: 0 0 55%
}

.post-nav>div a .media-body .h4 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.5em;
    max-width: 90%;
    margin: 0 auto 5px
}

.post-nav>div a .media-body .h4 img {
    max-width: 30px;
    display: block;
    margin: 0 auto 10px
}

.post-nav>div a .media-body .date-published {
    color: #829fa9;
    font-size: 13px
}

@media (max-width:1200px) {
    .post-nav>div,
    .post-nav>div a {
        max-height: 200px
    }
    .post-nav {
        flex-direction: column;
        padding: 0 10px
    }
    .post-nav>div {
        margin: 0!important
    }
    .post-nav>div:first-of-type {
        margin-bottom: 10px!important
    }
}

@media (max-width:600px) {
    .post-nav>div {
        max-height: none!important;
        border-radius: 7px
    }
    .post-nav>div a {
        flex-direction: column;
        max-height: none!important
    }
    .post-nav>div a .media-body {
        width: 100%!important;
        padding: 30px
    }
}

.all-articles {
    text-align: center;
    margin-top: 50px!important
}

.all-articles a {
    background: #d2e7f1;
    color: #124761;
    font-size: 14px;
    padding: 0 40px;
    line-height: 45px;
    height: 45px;
    border-radius: 100px;
    border: 0;
    display: inline-block
}

.tag {
    padding: 0;
    transform: translateY(40px)
}

.tag .tags-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px
}

.tag .tags-box a {
    border: 1px dashed #8bacbc;
    color: #b1c2ca;
    border-radius: 100px;
    padding: 0 30px;
    height: 35px;
    line-height: 35px;
    margin: 5px
}

.tag .tags-box a:after {
    display: none
}

.tag .tags-box a:hover {
    background: #e3eef2;
    color: #124761;
    border: 1px solid #e3eef2
}

@media (max-width:992px) {
    .main.multi-image .magniflex-image-caption-left,
    .main.multi-image .magniflex-image-caption-right {
        margin-bottom: 40px
    }
    .main.multi-image .magniflex-image-caption-right {
        flex-direction: column;
        text-align: center
    }
    .main.multi-image .magniflex-image-caption-left {
        flex-direction: column-reverse
    }
    .main.multi-image .magniflex-image-caption-left,
    .main.multi-image .magniflex-image-caption-left .caption-text-left {
        text-align: center
    }
    .main.multi-image .magniflex-image-caption-left .image-wrapper,
    .main.multi-image .magniflex-image-caption-right .image-wrapper {
        margin: 0!important
    }
    .main.multi-image .magniflex-image-caption-left .image-wrapper img,
    .main.multi-image .magniflex-image-caption-right .image-wrapper img {
        height: auto
    }
    .main.multi-image .magniflex-image img {
        width: 100%;
        height: auto
    }
    .main.multi-image .magniflex-image-caption-left .caption-text-left,
    .main.multi-image .magniflex-image-caption-right .caption-text-right {
        max-width: 450px;
        margin: 0 auto
    }
}

@media (max-width:768px) {
    .main.multi-image .magniflex-image-caption-left .image-wrapper img,
    .main.multi-image .magniflex-image-caption-right .image-wrapper img {
        height: auto;
        width: 100%
    }
}

.main.success-page .success {
    padding: 100px 0;
    min-height: 0!important
}

.main.success-page .success h1 {
    margin-top: 15px
}

.main.success-page .success>span {
    font-size: 45px;
    color: #8fd8b8
}

.main.success-page .success .buttons a {
    font-weight: 400;
    font-size: 14px;
    line-height: 45px;
    height: 45px
}

.main.success-page .success .buttons a span.lnr {
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    margin: -4px 3px 0 0
}

.information-contact .info-bottom .info-box .info>div.warehouse {
    margin-bottom: 40px
}

@media (max-width:768px) {
    .main.success-page .success h1 {
        font-size: 22px
    }
}

.promotion-text button {
    width: auto;
    padding: 0 30px;
    border-radius: 100px;
    line-height: 55px;
    font-size: 14px;
    float: none;
    border: none;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0
}

.filter-box .form-control {
    background: #fff
}

.slMapInfoGetDirection {
    display: none
}

html.loading::after,
html.loading::before {
    content: "";
    display: block;
    position: absolute
}

html.loading {
    overflow: hidden
}

html.loading::before {
    width: 320px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/image/catalog/logo/magniflex-logo-nav.svg) center center no-repeat;
    background-size: 100%;
    z-index: 99999999;
    animation: loader 1s ease infinite alternate
}

html.loading::after {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom right, #fff, #cadbe3);
    z-index: 9999999
}

@media (max-width:500px) {
    html.loading::before {
        width: 50%;
        height: 70px;
        background-size: 100%
    }
}

@keyframes loader {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .85
    }
    100% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 1
    }
}

.promotion-text button {
    font-family: Roboto;
    background: #124761;
    color: #e8eef1
}

.promotion-text button:hover {
    background: #fff;
    color: #124761;
    box-shadow: 0 10px 50px -10px rgba(0, 0, 0, .25)
}

.sticky-product {
    position: fixed;
    top: 70px;
    z-index: 2000;
    left: 0;
    right: 0;
    padding: 15px 20px;
    background: #fff;
    display: flex;
    display: none;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f5f5f5;
    box-shadow: 0 0 80px -10px rgba(18, 71, 97, .2)
}

.sticky-product h1 {
    flex: 1 0 80%;
    margin: 0;
    font-size: 21px
}

.sticky-product h1 img {
    margin-bottom: 6px!important;
    margin-right: 7px
}

.sticky-product button {
    border: 0;
    line-height: 50px;
    border-radius: 100px;
    background: #124761;
    color: #fff;
    text-transform: uppercase;
    padding: 0 30px;
    outline: 0;
    width: 100%;
    box-shadow: none
}

.promotion-badge,
.promotion-date {
    border-radius: 50px;
    position: absolute;
    text-transform: uppercase
}

.promotion-date {
    font-size: 12px;
    margin-top: 15px;
    margin-bottom: -10px;
    top: -35px;
    background: #da788a;
    padding: 0 25px;
    line-height: 40px;
    color: #fff;
    box-shadow: 0 6px 50px -10px #c36a7a;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 500;
    text-shadow: 0 0 16px rgba(255, 255, 255, .8)
}

.promotion-date .lnr {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px
}

.promotion-date .date {
    color: #fff;
    margin-left: 5px
}

.promotion-badge {
    padding: 0 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 36px;
    background: 0 0;
    border: 2px solid rgba(218, 120, 138, .3);
    color: #da788a;
    transition: background .1s ease;
    top: 25px;
    left: 25px
}

.product-thumb:hover .promotion-badge {
    background: #da788a;
    color: #fff;
    border-color: #da788a;
    font-weight: 500;
    box-shadow: 0 7px 40px -10px #c36a7a;
    text-shadow: 0 0 16px rgba(255, 255, 255, .8)
}

@media (max-width:600px) {
    .promotion-date {
        width: 70%
    }
    .promotion-badge {
        font-weight: 900;
        top: 15px;
        left: 15px;
        line-height: 30px;
        font-size: 10px
    }
}

.promotion-page .promotion-text {
    padding-bottom: 0!important;
    border-radius: 5px;
    overflow: hidden
}

.promotion-page .promotion-text img {
    width: 100%
}

.promotion-page .promotion-box>a button {
    background: 0 0;
    border: 0;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px
}

.promotion-page .promotion-box>a button span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    font-size: 11px;
    font-weight: 900
}

.default-filter-container,
.filters-holder,
.filters-toggle {
    display: none!important
}

html[lang=bg] .product-details .gallery-container .product-info .info-box #button-cart {
    margin-top: 0
}

@media (min-width:900px) {
    .all-product-listing {
        margin-top: -190px
    }
}

@media (max-width:900px) {
    .product-listing .product-listing-container .categories-header.accessories,
    .product-listing .product-listing-container .categories-header.cat121,
    .product-listing .product-listing-container .categories-header.hotel,
    .product-listing .product-listing-container .categories-header.mattresses,
    .product-listing .product-listing-container .categories-header.pillow {
        max-height: 580px
    }
}

.product-category-66 .all-product-listing,
.promotion-page .all-product-listing {
    margin-top: 50px!important
}

.main .featured-products .blog-post-view-more .action-call:hover {
    background: #10364c
}

.main .featured-products .blog-post-view-more .action-call:hover img {
    filter: none
}

.main .featured-products .blog-post-view-more .action-call {
    margin-top: 25px!important
}

.zoomContainer {
    pointer-events: none!important
}
@media (max-width: 600px){
footer .footer-container .logo-box {
    align-items: initial;
}}

.slidefirst{
	background:url(/image/SeptemberPromo/1920х885px-magniflex-BG-discount-16sept-15oct.jpg) center top no-repeat;
	background-size:100% 100%;
}


.new-format {
    font-size: 16px!important;
    width: 51%!important;
    font-family: 'Lato', sans-serif;
    text-align: left!important;
    color: #333!important;
}

@media (max-width: 992px) {
    p.new-format {
    	font-family: 'Lato', sans-serif;
        font-size: 14px!important;
        font-size: 16px!important;
        width: 82%!important;
        text-align: left!important;
        color: #333!important;
        padding: 0px !important;
    }
}

.storelocator-header {
    margin-top: -19px !important;
}


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


/********************BANNER HOME*******************************/


/*
.slidefirst{background:url(/image/xmas-promo-banner-desktop.jpg) center center no-repeat;background-size:100% auto;}

.slidefirst{background:url(/image/xmas-promo-banner-desktop.jpg) 0% bottom no-repeat;background-size:cover;}
*/
@media (max-width: 690px){
.slidefirst {
    background: url(/image/SeptemberPromo/1184х1600px-mobile-BG-discount-16sept-15oct.jpg)  no-repeat;
    background-size: 100%	auto;
    background-position:center center;
    padding-top:50px !important;
}1184x1604

/*.slick-initialized .slick-slide{margin-top:0px;}
}*/



/*
.topline{
	z-index: 9999;
	padding:10px;
	position:fixed;
	left:0;
	top:0;
	display:block;
	width:100%;
	font-size:16px;
	font-weight:600;
	height:auto;
	color:#fff;
	margin:0 auto;
	text-align:center;
	background-color:#005375;
}
.topline p {padding:10px;}
.topline a{color:#fff;}

@media (max-width:777px){
	nav#menu{top:61px;}
}
@media (max-width:404px){
	.topline{height:75px !important;}
	nav#menu{top:67px;}
}
@media (max-width:303px){
	nav#menu{top:69px;}
}
@media (max-width:460px){
	.topline{
		height: 70px !important;
		font-size:14px;
	}
}
*/
#size-chart{
    color: #124761;
    font-size: 16px;
}}
#new-icon{
    width:150px;
    margin-left:-27px;
    /*margin-top: -50px;*/
}
#new-icon-category{
    width: 130px;
    z-index: 999999999999999999999999;
    position: relative;
    margin-top: -57px;

}
@media (max-width: 600px){
    #new-icon{
    width:120px;
    margin-left:35px;
    margin-top: -25px;
    display: inline-block;
}
}
@media (max-width: 1490px){
    #new-icon {
    width: 120px !important;
    margin-left: -12px !important;
    margin-top: -50px !important;
}}