html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-decoration: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
a:focus,
a:active,
a:hover{
    outline: none;
    background: inherit;
    color: inherit;
    text-decoration: none;
}
input{
    outline: none;
}
@font-face{
    font-family: 'Bold';
    src: url('../fonts/axiforma-bold-webfont.eot');
    src: url('../fonts/axiforma-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/axiforma-bold-webfont.woff2') format('woff2'),
    url('../fonts/axiforma-bold-webfont.woff') format('woff'),
    url('../fonts/axiforma-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Semibold';
    src: url('../fonts/axiforma-semibold-webfont.eot');
    src: url('../fonts/axiforma-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/axiforma-semibold-webfont.woff2') format('woff2'),
    url('../fonts/axiforma-semibold-webfont.woff') format('woff'),
    url('../fonts/axiforma-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Medium';
    src: url('../fonts/axiforma-medium-webfont.eot');
    src: url('../fonts/axiforma-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/axiforma-medium-webfont.woff2') format('woff2'),
    url('../fonts/axiforma-medium-webfont.woff') format('woff'),
    url('../fonts/axiforma-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'Book';
    src: url('../fonts/axiforma-book-webfont.eot');
    src: url('../fonts/axiforma-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/axiforma-book-webfont.woff2') format('woff2'),
    url('../fonts/axiforma-book-webfont.woff') format('woff'),
    url('../fonts/axiforma-book-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-size: 100%;
    line-height: 120%;
    overflow-x: hidden;
    font-family: 'Book';
}
ol, ul{
    list-style: none;
}
blockquote, q{
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content: '';
    content: none;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
body::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
body::-webkit-scrollbar{
    width: 8px;
    background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: #04C96C;
}
.bee-bg {
    background: url(../resources/img/dotted_line.svg) -60px 50% no-repeat, url(../resources/img/bee_bg.svg) 120% 55% no-repeat;
    background-size: 50%, 40%;
}
main{
    background: #fff;
}
.bee-bg main {
    background: transparent;
}
.dropdown-toggle::after{
    display: none;
}
.nopadding{
    padding: 0;
}
.fade{
    opacity: 1;
}
.modal-open{
    padding: 0;
}
.owl-carousel .owl-item img{
    display: inline;
    width: auto;
}
.owl-theme .owl-dots .owl-dot,
.owl-theme .owl-dots .owl-dot:hover,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next img:hover,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev img:hover{
    outline: none!important;
    background: transparent!important;
}
.main-btn{
    position: relative;
    display: inline-block;
    font-family: Book;
    font-size: 1.4em;
    color: #fff;
    background: #1C2840;
    border: none;
    border-radius: 50px;
    padding: 16px 10px 14px 10px;
    transition: all 0.2s ease-in-out;
}
.main-btn:hover{
    background: #26395f;
    color: #fff;
}
.main-btn.lightblue{
    background: #5B84CE;
    color:#fff;
}
.main-btn.lightblue:hover{
    background: #6592e4;
}
.main-btn.green{
    background: #04C96C;
    color: #1C2840;
}
.main-btn.green:hover{
    background: #04d975;
}
.main-btn.grey{
    background: #F3F3F3;
    color: #1C2840;
    padding: 4px 18px 4px 4px;
    font-size:0.7em;
    margin-right: 6px;
}
.main-btn.grey:hover{
    background: #d9d9d9;
}
.main-btn.lightblue{
    /*background: #F3F3F3;*/
    /*color: #1C2840;*/
    padding: 4px 18px 4px 4px;
    font-size:0.7em;
    margin-right: 6px;
}
.main-btn.lightblue:hover{
    /*background: #d9d9d9;*/
}
.main-btn.shadow {
    filter: drop-shadow(0px 4px 34px rgba(28, 40, 64, 0.3));
}
.main-btn img{
    position: relative;
    top: 4px;
    margin: 0 10px;
}
header{
    position: relative;
    width: 100%;
    background: #FFFFFF;
    padding: 20px;
    z-index: 1;
}
header .nav {
    margin-left: 40px;
}
header ul{
    margin-left: 20px;
    margin-right: 0px;
}
header ul li{
    position: relative;
    margin-right: 10px;
}
header ul li:last-of-type{
    margin: 0;
}
header ul li img{
    position: relative;
    top: 0px;
    left: 7px;
}
header ul li .nav-item img {
    width: 14px;
}
header ul li a{
    position: relative;
    font-family: Bold;
    font-size: 1.1em;
    color: #1C2840;
    transition: all 0.2s ease-in-out;
	border-radius: 30px;
}
header ul li a:hover{
    color: #04C96C;
}
header ul li a:hover .count {
    color: #1C2840;
}

header ul li a.sell {
	background: #04C96C;
}
header ul li a.sell:hover {
	background: #BBEFC7;
}
header ul li a.buy {
	background: #3A5389;
	color: white;
}

header ul li a.buy:hover {
	background: #1C2840;
	color: white;
}

.navbar-toggler{
    display: none;
    float: right;
    position: relative;
    top: 17px;
    right: 20px;
    outline: none!important;
    padding: 0;
    z-index: 2;
}
.hamburger{
    display: block;
}
.hamburger span{
    display: block;
    width: 40px;
    height: 3px;
    background-color: #1C2840;
    margin-bottom: 5px;
    transition: 0.4s;
}
.home-header .hamburger span{
    background-color: #EAF6FF;
}
.change .bar1{
    -webkit-transform: rotate(-45deg) translate(-10px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2{
    opacity: 0;
}
.change .bar3{
    -webkit-transform: rotate(45deg) translate(-5px, -1px);
    transform: rotate(45deg) translate(-5px, -1px);
}
header .search-field {
    margin-right: 6%;
    z-index: 3;
}
header .search-field input {
    background: #F7F7F7 url('../resources/img/icons/search-icon.svg') no-repeat 10px center;
    background-size: 24px;
    box-shadow: 0px 10px 42px rgba(28, 40, 64, 0.28);
    border-radius: 50px;
    padding: 18px 10px 15px 45px;
    color: #1C2840;
    border: none;
    font-family: 'Medium';
    max-width: 200px;
	text-transform: capitalize;
}
header .right-links {
    display: inline-block;
    z-index: 10;
}
header .right-links ul {
    list-style: none;
}
header .right-links li {
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
}
header .right-links li:first-of-type {
    margin-left:0;
}
header .right-links a {
    color: #1C2840;
    position: relative;
    display: block;
}
header .right-links a:hover img {
    opacity: 0.7;
}
header .right-links img {
    max-height: 32px;
    display: inline-block;
    left: 0;
}
header .right-links .shopping-bag-link {
    padding:10px 15px 10px 50px;
    font-size:0.9em;
    background-image: url('../resources/img/icons/shopping-bag-icon.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
    transform:none;
    background-size: 26px;
}
header .right-links .shopping-bag-link:hover, header .right-links .shopping-bag-link.active {
    background: #04C96C;
    border-radius: 50px;
    color:#fff;
    background-image: url('../resources/img/icons/shopping-bag-blue-white-header.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
    transform:none;
}
header .right-links .count {
    font-size: 0.7em;
    background: #04C96C;
    border-radius: 50%;
    padding: 3px 10px 2px 10px;
    position: absolute;
    right: -10px;
    top: -2px;
    z-index: 10;
}
header .right-links li:last-of-type .count {
    right: auto;
    top: 4px;
    left: 25px;
}
header .right-links .shopping-bag-link:hover .count, header .right-links .shopping-bag-link.active .count {
    background: #1C2840;
    color:#fff;
}
header .right-links .cart-info {
    display: inline-block;
    margin-left: 8px;
    max-width: 90px;
    font-family: 'Book';
}
header .right-links .cart-info .price {
    font-family: 'Semibold';
    display: block;
}
.shopping-bag-popup {
    position: absolute;
    max-width:540px;
    background:#fff;
    border-radius: 22px;
    padding:30px;
    box-shadow: 0px 17px 52px rgba(28, 40, 64, 0.28);
    z-index: 2;
    display:block;
    top:65px;
    right:20px;
    text-align: center;
}
.shopping-bag-popup.hide {
    display:none;
}
.shopping-bag-popup:before {
    content: "";
    position: absolute;
    top: -25px;
    right: 95px;
    z-index: 1;
    border: solid 15px transparent;
    border-bottom-color: #FFF;
}
.shopping-bag-popup .bag-product {
    display:flex;
    width:100%;
    /* justify-content: space-between; */
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
    margin-bottom: 16px;
    text-align: left;
}
.shopping-bag-popup .bag-product .icon {
    /* margin-right:5px; */
}
.shopping-bag-popup .bag-product .thumb {
    height:60px;
}
.shopping-bag-popup .bag-product .price {
    font-size:1em;
	font-family: 'Bold';
    margin-left: 8px;
	white-space: nowrap;
}
.shopping-bag-popup .bag-product .price .green {
    font-size:1em;
	white-space: nowrap;
	padding-right:4px;
}

.shopping-bag-popup .bag-product .price sup {
    font-size: 0.8em;
	vertical-align: sub;
}
.shopping-bag-popup .bag-product .green {
    color: #04C96C;
}
.shopping-bag-popup .main-btn img:first-of-type {
    vertical-align: middle;
    margin-right: 5px;
    top: -2px;
}
.home {
    max-width: 1260px;
    padding-left: 0;
    padding-right: 0;
}
.info .condition {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.stars {
    display:inline-block;
    margin-right:10px;
}
.star, .star.empty {
    display: inline-block;
    background: url('../resources/img/icons/star-empty-icon.svg') no-repeat;
    margin-right: 4px;
    width: 21px;
    height: 21px;
}
.star.full{
    background: url('../resources/img/icons/star-full-icon.svg') no-repeat;
}
.big {
    font-size: 2em;
    font-family: 'Semibold'
}
.small {
    font-size: 0.9em;
}
.green {
    color: #04C96C;
}
.blue {
    color:#1C2840;
}
.lightblue {
    color: #5B84CE;
}
.red {
    color: #E2420F;
}
.bold {
    font-family: 'Semibold';
}
.center {
    text-align:center;
}
.uppercase {
    text-transform: uppercase;
}
main {
    line-height: 1.3em;
    z-index: 0;
	min-height: 100%;
    position: relative;
}

@media (max-width: 767px) {
    main {
        margin-top: 50px;
    }
}

main.modal-open {
	z-index: 2;
}
main h2 {
    color: #1C2840;
    font-family: 'Bold';
    font-size: 2em;
    margin-bottom: 20px;
    margin-top: 5px;
}
main h3 {
    color: #1C2840;
    font-family: 'Bold';
    font-size: 1.4em;
    margin-bottom: 10px;
}
main h4 {
    color: #1C2840;
    font-family: 'Bold';
    font-size: 1.1em;
    /*margin-bottom: -9px;*/
}
main a {
    color: #1C2840;
}
main a:hover {
    color: #334c80;
}

.profile-links .profile-link{
    padding: 15px;
}
.profile .row{
    margin: 10px 0 50px;
}
.box {
    color: #1C2840;
    display:block;
    background: #F2F2F2;
    border-radius: 22px;
    padding: 12px;
    width: 100%;
    text-align: center;
}
.box.bordered {
    background:#fff;
    border: 1px solid #5B84CE;
}
.box.blue {
    background: #1C2840;
    color:#fff;
}
.box.green {
    background: #04C96C;
    color:#fff;
}
.box.short {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.box .title {
    display: block;
    width: 100%;
}
.box.short .title {
    display: inline-block;
    width: 58%;
}
.box h3 {
    font-family: 'Semibold';
    font-size: 1.6em;
}
.advantages .box {
    display: flex;
    align-items: center;
}
.advantages .box .icon {
    display: inline-block;
    margin-right: 15px;
    width: 108px;
}
.advantages .box .info {
    display: inline-block;
    text-align: left;
}
.featured-banner .col-12 {
    max-width: 1000px;
    margin: 0 auto;
}
.featured-banner .col-12 .thumb, .featured-banner .col-12 .info {
    width: 49%;
    display: inline-block;
}
.featured-banner .col-12 .thumb img {
    width:100%;
    height:auto;
}
.featured-banner .col-12 .info {
    padding-left: 40px;
    padding-top: 50px;
    vertical-align: top;
}
.featured-banner .col-12 .info h3 {
    font-size: 2.2em;
    margin-bottom:15px;
    font-family: 'Bold';
	line-height:130%;
}
.featured-banner .col-12 .info p {
    font-size: 1.8em;
    font-family: 'Book';
    margin-bottom: 10px;
}
.box .top-icons {
    display:flex;
    width:100%;
    justify-content: space-between;
    position: relative;
	background:none;
}
.box .top-icons .discount-chip {
    position: absolute;
    top: 0px;
    left: 40px;
    background: #C63D06;
    padding: 2px 10px 0;
    color:#fff;
    border-radius: 50px;
    font-size: 0.8em;
}
.box .top-icons .icon img {
    width:20px;
}
.box .top-icons a:hover img {
    opacity:0.7;
}
.box .top-icons .fave {
    height:20px;
    width:20px;
    display:inline-block;
    background-size: 20px;
}
.box .top-icons .fave.inactive {
    background: url('../resources/img/icons/fave-icon.svg') no-repeat top left;
    background-size: 20px 20px;
}

.box .top-icons .fave.active {
    background: url('../resources/img/icons/fave-full-icon.svg') no-repeat top left;
    background-size: 20px 20px;
}


label.cb {
	position: relative;
	cursor: pointer;
}

label.cb a {
	text-decoration: underline;
}

label.cb input {
	display: none;
}
label.cb span {
	display: block;
	padding-left: 34px;
}
label.cb span::before {
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	width: 24px;
	height: 24px;
	background: url(../resources/img/icons/checkbox.svg) 50% 50% no-repeat;
	background-size: cover;
}
label.cb input:checked + span::before {
	background-image: url(../resources/img/icons/checkbox-checked.svg);
}
label.cb.white input:checked + span::before {
	background-image: url(../resources/img/icons/checkbox-checked-white.svg);
}

input[type="email"],
input[type="text"],
textarea{
    width: 100%;
    background: #F2F2F2;
    padding: 14px 15px 11px;
    border-radius: 50px;
    border: none;
    outline: none;
    display:inline-block;
    color:#1C2840;
    font-family:Book;
	font-size: 1em;
}
input[type="password"], textarea{
    width: 100%;
    background: #F2F2F2;
    padding: 18px 15px 16px;
	margin-bottom: 8px;
    border-radius: 50px;
    border: none;
    outline: none;
    display:inline-block;
    color:#1C2840;
    font-family:Book;
	font-size: 1em;
}
select{
    width: 100%;
    box-sizing:border-box;
    padding: 14px 15px 12px;
    line-height: 1;
    border: 0;
    border-radius: 50px;
    background: url('../resources/img/icons/chevron-down.svg') no-repeat right #F2F2F2;
    -webkit-appearance: none;
    background-position-x: calc(100% - 10px);
    display:inline-block;
    color:#1C2840;
    border: none;
    font-family:Book;
	font-size: 1em;
}
select:focus{
    border: none;
    outline:none;
}
select option{
    padding:15px 0;
    line-height:1.3em;
}
.user-field {
    background: #F2F2F2 url('../resources/img/icons/user-input-icon.svg') no-repeat 15px center !important;
    padding-left: 45px !important;
}
.email-field {
    background: #F2F2F2 url('../resources/img/icons/email-icon.svg') no-repeat 15px center !important;
    padding-left: 45px !important;
}
.phone-field {
    background: #F2F2F2 url('../resources/img/icons/phone-icon.svg') no-repeat 15px center !important;
    padding-left: 45px !important;
}
.pass-field {
    background: #F2F2F2 url('../resources/img/icons/pass-icon.svg') no-repeat 15px center !important;
    padding-left: 45px !important;
}
.breadcrumbs li{
    display: inline-block;
    margin-right: 10px;
    font-size: 0.8em;
}
.breadcrumbs li:last-of-type{
    margin: 0;
}
.breadcrumbs li:after{
    content: '';
    display: inline-block;
    position: relative;
    top: 0px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url('../resources/img/icons/chevron-right.svg') no-repeat;
}
.breadcrumbs li:last-of-type:after{
    display: none;
}
.breadcrumbs li a, .breadcrumbs li{
    font-family: Semibold;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: #04C96C;
    transition: all 0.2s ease-in-out;
}
.breadcrumbs li a:hover{
    color: #039651;
}
.banner {
    box-shadow: 0px 17px 52px rgba(28, 40, 64, 0.28);
    border-radius: 22px;
    background: #1c2840 url('../resources/img/icons/banner_bg.svg') no-repeat 120% -50px;
    background-size: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    margin: 20px 0;
    padding: 20px 40px;
    color: #F2F2F2;
}
.banner .icon {
    width: 130px;
    height: 130px;
}
.banner .info {
    padding: 0 30px;
}
.banner .button {
    width: 160px;
    white-space: nowrap;
}
.banner .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 15px 10px 25px;
    font-size:1em;
}
.banner .main-btn img {
    top:0;
}
.banner h3 {
    font-size: 1.8em;
    line-height: 1.3em;
    font-family: 'Bold';
    margin-top: 10px;
    color:#fff;
}
.product .old-price, .bag-body .old-price{
	opacity:0.4;
	text-decoration-line: line-through;
	color:#3A5389;
	font-size:2em;
	font-family:'Bold';
	line-height: 150%;
}
.new-price {
	color: #C63D06;
	font-size: 1em;
	font-family: 'Bold';
}
.all-link img{
	vertical-align:middle;
	margin-left:10px;
}

.category .col-lg-3:first-of-type, .category .col-lg-3:nth-child(5n) {
    /*padding-left: 0;*/
}
.category .col-lg-3:nth-child(4n) {
    padding-right: 0;
}
.category .box .thumb img {
	max-width: 160px;
}
.sorting-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    margin: 20px 0;
    padding: 30px 0;
}
.sorting-wrapper .results{
    display: inline-block;
    font-family: Bold;
    font-size: 0.9em;
    color: #1C2840;
}
.sorting-wrapper .sort{
    display: inline-block;
    position: relative;
}
.sorting-wrapper .sort p{
    display: inline-block;
    font-family: Bold;
    font-size: 0.9em;
    color: #1C2840;
    margin-right: 15px;
}
.dropdown-toggle{
    position: relative;
    font-family: Book;
    font-size: 1em;
    color: #1C2840;
    background: #F2F2F2;
    border-radius: 60px;
    padding: 14px 40px 12px 15px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dropdown-toggle:hover {
    background: #F2F2F2;
}
.sidebar .dropdown-toggle {
    color: #1C2840;
    border: 2px solid #04C96C;
    background: transparent;
    padding: 15px 50px 13px 20px;
    display:inline-block;
    width:auto;
}
.dropdown-toggle img{
    width: 16px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.dropdown-menu{
    font-family: Book;
    font-size: 1em;
    color: #EAF6FF;
    top: -36px!important;
    left: auto;
    /*right: 0;*/
    border: none;
    box-shadow: 0px 8px 16px rgb(0 0 0 / 10%);
    border-radius: 12px;
    transform: translate3d(0, 60px, 0px)!important;
}
.dropdown-item{
    padding: 12px 20px;
    transition: all 0.2s ease-in-out;
}
.sidebar h3{
    font-family: Bold;
    font-size: 1.2em;
    color: #1C2840;
    margin-bottom:20px;
}
.mobile-filter-btn{
    display: none;
}

.sidebar .filter-results {
	display: none;
	position: fixed;
	bottom: 33px;
	right: 33px;
	z-index: 1;
	background: #04C96C;
	box-shadow: 0px 17px 52px rgba(28, 40, 64, 0.1);
	border-radius: 48px;
	align-items: center;
	justify-content: center;
	padding: 0px 30px;
	height: 60px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #1C2840;

}
.sidebar .filter-results img {
	display: block;
	margin-left: 22px;
}

.sidebar .criteria{
    background: #F4F4F4;
    border-radius: 22px;
    padding: 30px 0 25px 33px;
    margin-bottom:15px;
}
.sidebar .criteria .header{
    position: relative;
    display: block;
    font-family: Bold;
    font-size: 1em;
    color: #1C2840;
}
.sidebar .select-category .header {
    display: inline-block;
    color: #04C96C;
    width: 100%;
}
.sidebar .criteria .header img{
    position: absolute;
    top: 3px;
    right: 30px;
    transition: all 0.2s ease-in-out;
}
.sidebar .select-category .header img:first-of-type {
    position: static;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.sidebar .select-category .header img.rotate:first-of-type {
    transform: none;
}
.sidebar .select-category .header img:last-of-type {
    top: 10px;
}
.sidebar .select-category .header img.rotate:last-of-type {
    transform: rotate(-180deg);
}
.sidebar .criteria .header img.rotate{
    transform: rotate(-90deg);
}
.sidebar .category-options{
    padding: 40px 0 20px;
}
.sidebar .select-category .category-options{
    padding: 30px 0 0;
}
.sidebar .price-range {
    padding-bottom: 0;
}
.sidebar .price-range .category-options{
    margin-left: -30px;
    padding-top: 30px;
}
.sidebar .price-range .row {
    margin: 10px 15px 20px 0;
}
.sidebar .price-range .slider-labels {
    margin-left: 15px;
}
.sidebar .price-range .slider-labels .currency {
    margin-left:5px;
}
.sidebar .price-range .slider-labels .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}
/* price slider */
.slider-labels {
    margin-top: 10px;
}
.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
    position: relative;
    direction: ltr;
    z-index: 0;
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.noUi-handle {
    position: relative;
    z-index: 1;
}
.noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when
       its values is > 50%. */
    z-index: 10;
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s,top .3s;
    transition: left 0.3s,top .3s;
}
.noUi-state-drag * {
    cursor: inherit !important;
}
.noUi-base,.noUi-handle {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.noUi-horizontal {
    height: 4px;
}
.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    left: -10px;
    top: -10px;
    background: url('../resources/img/icons/price-handles.svg') no-repeat;
}
.noUi-background {
    background: #D6D7D9;
}
.noUi-connect {
    background: #04C96C;
    -webkit-transition: background 450ms;
    transition: background 450ms;
}
.noUi-origin {
    border-radius: 2px;
}
.noUi-target {
    border-radius: 2px;
}
.noUi-draggable {
    cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
    cursor: n-resize;
}
.noUi-handle {
    cursor: default;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.noUi-handle:active {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    left: -13px;
    top: -13px;
    width: 30px;
    height: 30px;
}
[disabled].noUi-connect,[disabled] .noUi-connect {
    background: #B8B8B8;
}
[disabled].noUi-origin,[disabled] .noUi-handle {
    cursor: not-allowed;
}

.sidebar .dropdown{
    margin-bottom: 30px;
}
.sidebar .dropdown:last-of-type{
    margin-bottom: 0;
}
.sidebar .dropdown p{
    width: 35%;
    display: inline-block;
    font-family: Book;
    font-size: 1em;
    color: #1C2840;
}
.sidebar .dropdown .dropdown-toggle{
    width: 60%;
    display: inline-block;
    position: relative;
    font-family: Book;
    font-size: 1em;
    color: #1C2840;
    background: #fff;
    border-radius: 12px;
    padding: 20px 15px;
}
.sidebar .dropdown.width .dropdown-toggle{
    width: 86%;
}
.sidebar .dropdown .dropdown-toggle img{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.sidebar .dropdown-menu{
    width: 60%;
    font-family: Book;
    font-size: 1em;
    color: #fff;
    top: -8px!important;
    left: auto!important;
    right: 15px;
    background: #fff;
    border: none;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    transform: translate3d(0, 60px, 0px)!important;
}
.sidebar .dropdown.width .dropdown-menu{
    width: 86%;
    left: 0!important;
    right: auto;
}
.dropdown-item{
    padding: 12px 20px;
	white-space: inherit;
    line-height: 130%;
}
.dropdown-item:hover{
    background: #04C96C;
    color: #EAF6FF;
}
.dropdown-item:last-of-type{
    margin-bottom: 0;
}
.sidebar .criteria h4{
    font-family: Bold;
    font-size: 0.9em;
    color: #1C2840;
    margin-bottom: 25px;
}
.sidebar .category-list {
    border-top: 1px solid #ccc;
    margin-right: 30px;
    padding-top: 30px;
}
.sidebar .category-list li {
    margin-bottom: 25px;
}
.sidebar .category-list li:last-of-type {
    margin-bottom: 0;
}
.sidebar .criteria .checkbox{
    display: block;
    margin-bottom: 15px;
}
.sidebar .criteria .checkbox:last-of-type{
    margin-bottom: 0;
}
.sidebar .criteria .checkbox label{
    font-family: Book;
    font-size: 1em;
    color: #1C2840;
}
.sidebar .criteria .checkbox label img{
    position: relative;
    top: 3px;
    padding-right: 15px;
}
input[type="checkbox"], input[type="radio"]{
    position: relative;
    display: none;
}
input[type="checkbox"] + label:before{
    content: "";
    position: relative;
    top: 4px;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('../resources/img/icons/checkbox.svg') no-repeat;
    background-clip: content-box;
    padding: 0px;
    margin-right: 10px;
    cursor: pointer;
    float: left;
}
input[type="radio"] + label:before{
    content: "";
    position: relative;
    /* top: 4px; */
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('../resources/img/icons/radio.svg') no-repeat;
    background-clip: content-box;
    padding: 0px;
    margin-right: 15px;
    cursor: pointer;
    float: left;
    margin-top: 3px;
}
input[type="checkbox"]:checked + label:before{
    content: '';
    background: url('../resources/img/icons/checkbox-checked.svg') no-repeat;
}
input[type="radio"]:checked + label:before{
    margin-top: 3px;
    content: '';
    background: url('../resources/img/icons/radio-checked.svg') no-repeat;
}
.sidebar .criteria .checkbox .count {
    opacity: 0.4;
    margin-left: 10px;
}
.product-summary-wrapper {
    display: block;
    width: 100%;
    background: #F2F2F2;
    box-shadow: 0px 17px 52px rgba(28, 40, 64, 0.28);
    position: sticky;
    top: 0px;
    left: 0;
    z-index: 1;
    display: none;
}

@media screen and (max-width: 576px) {
    .product-summary-wrapper {
        top: 690px;
    }
}

.product-summary{
    display: flex;
    max-width: 1260px;
    margin:0 auto;
    justify-content: space-between;
    align-items: center;
    padding:10px 0;
}
.product-summary .logo {
    height:45px;
}
.product-summary .info {
    text-align: center;
    color: #1C2840;
    font-size: 1.2em;
    font-family: 'Bold';
}
.product-summary .info img {
    height: 70px;
    display: inline-block;
    margin-right:20px;
    vertical-align: middle;
}
.product-summary .main-btn img:first-of-type {
    vertical-align: middle;
    margin-right: 5px;
    top: -2px;
}
.product .breadcrumbs {
    margin-bottom:30px;
}
.product .info h2 {
    color: #1C2840;
    font-size: 2.2em;
	line-height: 130%;
}
.box.main-photo {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.main-photo .arrow {
    cursor: pointer;
}
.main-photo .arrow:hover {
    opacity:0.8;
}
.main-photo .photo {
    height: 570px;
    display: flex;
    width: 100%;
    margin: 0 auto 10px;
    align-items: center;
    justify-content: center;
}
.main-photo .photo img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 450px;
    max-height: 100%;
}
.product .thumbnails {
    display:flex;
    width:100%;
    margin-top: 20px;
    justify-content: space-between;
}
.product .thumbnails .box {
    padding: 10px;
    margin-left: 10px;
}
.product .thumbnails .box:first-of-type {
    margin-left:0;
}
.product .thumbnails .box.active {
    border: 3px solid #04C96C;
}
.product .thumbnails .photo {
    height: 100px;
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.product .thumbnails .photo img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 100px;
    max-height: 100%;
}
.product .info .condition {
    margin:20px 0 30px;
}
.product .info label, .product .info input[type="radio"] {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.product .info input[type="radio"] {
    opacity:0.011;
    /*z-index:1;*/
}
.product .info input[type="radio"]:checked + label {
    background:#04C96C;
    color: #fff;
}
.product .info label:before {
    display:none;
}
.product .info label {
    padding:10px 5px;
    border:1px solid rgba(58, 83, 137, 0.23);
    background: #F2F2F2;
    color:#1C2840;
    cursor:pointer;
    z-index:0; /*was 90  */
    border-radius: 50px;
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:0.8em;
	white-space: nowrap;
}
.product .info label:hover {
    background:#d9d9d9;
}
.product .info label .color-circle {
    width:16px;
    height:16px;
    border-radius: 50%;
    margin-right:4px;
    display: inline-block;
}
.product .info label .color-circle.white {
    background:#fff;
}
.product .info label .color-circle.red {
    background:#C63D06;
}
.product .info label .color-circle.black {
    background:#000;
}
.product .info label .color-circle.lilac {
    background:#5D5FEF;
}
.product .info label .color-circle.yellow {
    background:#F2C94C;
}
.product .info label .color-circle.green {
    background:#6FDEA7;
}
.row.box {
    display:flex;
}
.product .info .row.box {
    padding:30px 20px;
    align-items:center;
    margin:30px 0;
}
.product .info .row.box .col-md-5 {
    text-align:left;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right:20px;
}
.product .info .row.box .col-md-5 .price {
    font-size:1.6em;
    margin-top:8px;
}
.product .info .row.box .col-md-5 .price .green {
    color:#04C96C;
    font-size:1em;
    font-family: 'Bold';
}
.product .info .row.box .col-md-5 .price sup{
    font-size:0.6em;
}
.product .info .main-btn {
    filter: none;
}
.bag-top {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin:0;
}
.shop-bag h2 {
    color: #1C2840;
    float: left;
    margin-top:26px;
    line-height: 130%;
    /* margin-bottom: 0px!important; */
}
.bag-top h2 {
    margin-left:10px;
    display: flex;
    align-items: center;
}
.bag-top h2 .count {
    display:flex;
    width:30px;
    height:30px;
    background: #BBEFC7;
    justify-content: center;
    align-items: center;
    margin-left:10px;
    border-radius: 50%;
    flex-direction: row;
    font-size:0.6em;
}
.bag-body {
    text-align:left;
    margin-bottom:40px;
    margin-top:20px;
    margin:0;
}
.bag-body .col-lg-3, .bag-body .col-lg-6 {
    /* padding-left: 5px; */
    /* padding-right: 5px; */
}
.bag-body .photo {
    /* height: 300px; */
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.bag-body .small {
    max-width: 120px;
    margin:0 0 10px 0;
    padding:8px;
}
.bag-body .small .photo {
    height:90px;
}
.bag-body .photo-box{
	max-width: 130px;
    max-height: 130px;
    clear: both;
    float: right;
    padding: 12px;
    margin-bottom: 12px;
}
.bag-body .photo img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    /* max-width: 300px; */
    max-width: 100%;
    /* width: 300px; */
    max-height: 100%;
}
.bag-body .small .photo img {
    max-width:90px;
}
.box table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
}
.summary table {
    width: auto;
}
.box th {
    font-size:0.8em;
    color:#808080;
}
.box th:first-of-type {
    text-align:left;
}
.bag-body td {
    color: #1C2840;
    font-family: 'Bold';
    padding: 30px 0;
    font-size: 1.1em;
    /* border-bottom: 1px solid #ccc; */
    vertical-align: middle;
}
.bag-body td.product-total, .bag-body td.product-nmb, .bag-body td.product-price{
    white-space:nowrap;
}
td .old-price {
    font-size: 0.8em;
    /* display:block; */
}
td .icon {
    width:20px;
    height:20px;
    vertical-align:middle;
}
td .icon.remove {
    margin-left:20px;
}
td .count {
    margin:0 10px;
}
.bag-body .total p{
    margin-bottom:20px;
    text-align:left;
	padding-left: 5%;
}
.bag-body .total p img {
    vertical-align: middle;
    margin-right: 10px;
    width: 20px;
}
.bag-body .total .price {
    font-family: 'Bold';
}
.bag-body .total .price .green {
    font-size: 2.5em;
}
.bag-body .total .price sup {
    font-size: 0.7em;
}
.bag-body .total .discount-price {
    padding: 20px 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.bag-body .total .discount-price-with-promo {
    padding: 20px 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.bag-body .total .discount-price-without-promo {
    /*padding: 20px 0 0;*/
    /*border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.border-row {
    border-bottom: 1px solid #ccc;
    padding: 0 0 12px;
}
.bag-body .border-row {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.bag-body .border-row p {
    text-align:left;
    padding-bottom: 4px;
}
.bag-body .border-row .icon.big {
    width: 30px;
    margin-right:20px;
}
.bag-body .border-row .info {
    max-width:100%;
    display:flex;
    padding-right:20px;
    padding-top:16px;
}
.bag-body .border-row .main-btn .icon {
    width:14px;
}
.bag-body .promo-code {
    width:100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    text-align:left;
}
.bag-body .promo-code label {
    display: block;
    margin-bottom: 10px;
}
.bag-body .promo-code input[type="text"] {
    border: 1px solid #5B84CE;
    background:#fff;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    display:inline-block;
    width: 200px;
}
.bag-body .promo-code .lightblue {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    display:inline-block;
    margin-left:-4px;
    padding:15px 20px 13px 13px;
    font-size:1em;
}
.order-body .col-lg-4 p, .order-body .data p, .order-body .overview .bordered p {
    margin-bottom: 20px;
}
.order-body .col-lg-4 h4, .order-body .col-lg-3 h4 {
    margin-bottom:20px;
}
.order-body .user-input {
    background:#F2F2F2 url('../resources/img/icons/user-icon.svg') no-repeat 16px 50%;
    background-size: 20px;
    padding-left: 45px;
	font-size: 1.2em;
}
.user-input {
    background:#F2F2F2 url('../resources/img/icons/user-icon.svg') no-repeat 16px 50% !important;
    background-size: 20px !important;
    padding-left: 45px !important;
}
.order-body .phone-input {
    background:#F2F2F2 url('../resources/img/icons/phone-icon.svg') no-repeat 20px 50%;
    background-size: 18px;
    padding-left: 45px;
}
.order-body .card-input {
    background:#F2F2F2 url('../resources/img/icons/bank-card-icon.svg') no-repeat 20px 50%;
    background-size: 18px;
    padding-left: 45px;
}
.order-body .date-input {
    background:#F2F2F2 url('../resources/img/icons/calendar_icon.svg') no-repeat 20px 50%;
    background-size: 18px;
    padding-left: 45px;
}
.order-body .code-input {
    background:#F2F2F2 url('../resources/img/icons/lock-icon.svg') no-repeat 20px 50%;
    background-size: 18px;
    padding-left: 45px;
}
.order-body .box {
    text-align: left;
    margin-bottom: 12px;
}
.order-body label {
    margin-bottom:5px;
	font-size: 1.2em;
}
.order-body .dropdown {
    margin-bottom:15px;
}
.order-body .overview, .order-body .order-steps {
    padding-top:54px;
    font-size: 0.9em;
}
.order-body .payments, .order-body .data  {
    padding-top:0px;
}
.order-body .shipping {
    padding-top: 0;
}
.select-shipping {
    display:flex;
    /* justify-content: space-between; */
    /* align-items: center; */
}
.select-shipping .dropdown {
    width: 100%;
    margin-right: 15px
}
.select-shipping .dropdown.custom-addresses {
	width: 50%;
    margin-right: 8px;
}
.dropdown p {
    margin-bottom:5px !important;
}
.order-body .product-title {
    display:flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    padding-bottom:20px;
    margin-bottom: 20px;
}
.product-title .photo {
    height: 70px;
    display: flex;
    width: auto;
    /*margin: 0 auto;*/
    align-items: center;
    justify-content: center;
}
.product-title .photo img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 70px;
    max-height: 100%;
    margin: auto;
}
.product-title .vertical-center {
    margin: auto;
    /*margin-left: 20px;*/
    /*width: 50%;*/
    /*border: 3px solid green;*/
    /*padding: 10px;*/
}
.order-body .overview .price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom:20px;
    margin-bottom: 20px;
}
.order-body .overview .price .big {
    font-size: 1.6em;
	padding-left: 4px;
}
.order-body .overview .price sup {
    font-size:0.6em;
}
.order-body .overview .links img {
    width:16px;
    display:inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.order-body .overview .main-btn {
    width:100%;
}
.order-body .data .bordered {
    padding-top: 40px;
}
.order-body .bordered.active {
    background: #BBEFC7;
}
.order-body .data .icon, .order-body .overview .icon, .profile .data .icon {
    width: 15px;
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
}
.order-body .bordered.active .dropdown-toggle {
    max-width:300px;
}
.order-body .data .edit-btn, .profile .data .edit-btn {
    font-size: 0.9em;
    text-align: right;
    margin-bottom:0;
}
.order-body .data .edit-btn a, .profile .data .edit-btn a {
    color: #cad4e8;
}
.order-body .data .edit-btn a:hover, .profile .data .edit-btn a:hover {
    color: #1C2840;
}
.order-body .data .edit-btn img, .profile .data .edit-btn img {
    display: inline-block;
    width:14px;
    margin-left:5px;
    vertical-align: middle;
}
.order-body .payment-method {
    display: flex;
    justify-items: space-between;
    align-items: center;
}
.order-body .payment-method .txt {
    display:block;
    margin-left: 35px;
}
.order-body .payment-method .payment-cards {
    margin-left:40px;
}
.short-fields {
    display:flex;
    justify-content: space-between;
    width:100%;
}
.short-fields p {
    padding:0 10px;
}
.short-fields p:first-of-type {
    padding-left:0;
}
.short-fields p:last-of-type {
    padding-right:0;
}
.line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding: 0 0 20px 0;
    margin-bottom:20px;
}
.line .right {
    text-align: right;
}
.order-body .data .line p {
    display:inline-block;
    width:100%;
    margin-bottom:0;
    margin-top:5px;
}
.order-body .data h4.big {
    line-height:1.4em;
}
.order-body .order-made {
    text-align:center;
}
.order-body .order-made img {
    height: 500px;
}

@media (max-width: 768px) {
    .order-body .order-made img {
        height: 300px;
    }


    .order-complete-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 35px;
        padding-bottom: 15px;
    }
}
.profile .data p {
    text-align:left;
    margin-bottom:10px;
}
.profile .profile-photo {
    width: 120px;
    height: 120px;
    margin: 0 auto 10px;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    overflow:hidden;
}
.profile .profile-photo .photo img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 120px;
    max-height: 100%;
}
.profile-links {
    display:flex;
    align-content: stretch;
    flex-wrap: wrap;
}
.profile-links .profile-link {
    padding-top:0;
}
.profile-links .profile-link .box a {
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    font-family: 'Bold';
    height: 95px;
}
.profile-links .profile-link .box:hover {
    background: #BBEFC7;
}
.profile-links .profile-link .box a:hover {
    color:#1C2840;
}
.profile-links .box .icon {
    width: 30px;
}
.my-addresses .box {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px;
}
.my-addresses .box span .icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.my-addresses .box .icon {
    width: 20px;
}
.profile .profile-side {
    margin-top: -30px;
}
.profile .cards, .profile .profile-side.vouchers {
    display:flex;
}
.profile .bank-card-box {
    overflow: hidden;
    position: relative;
    height:190px;
}
.profile .bank-card-box img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    /*width: 100%;*/
    max-height: 100%;
}
.profile .bank-card-box span {
    color: #04C96C;
    font-family: 'Bold';
    top: 120px;
    left: 20px;
    position: absolute;
    letter-spacing: 2px;
}
.profile .cards .main-btn {
    font-size: 0.9em;
    margin-top: 10px;
}
.profile .cards .main-btn .icon {
    margin-right: 5px;
}
.favourites .start {
    margin-top:10px;
    margin-bottom: 20px;
}
.favourites .box .info {
    margin-top: 15px;
}
.favourites .box .stars {
    margin-bottom: 15px;
}
.table-container {
    display: block;
    width: 100%;
}
.table-container .table-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.table-container .table-cell {
    width: calc(100% / 4);
    text-align: center;
    padding: 0.5em 0.5em;
    box-sizing:border-box;
    font-size:0.9em;
}
.table-container .table-cell-20 {
	width: 20%;
}
.table-container .table-cell-15 {
	width: 18%;
}
.table-container .table-cell.table-cell-15:first-of-type {
	text-align: center;
}
.table-container .table-cell-40 {
	width: 28%;
}
.table-container .table-cell:first-of-type {
    text-align:left;
}
.table-container .header .table-cell {
    font-size:0.8em;
    color: #04C96C;
}
.table-container .header .table-cell:first-of-type {
    padding-left:25px;
}
.table-container .table-row.box {
    margin-bottom:20px;
}
.table-container .table-row.box:hover {
    background: #BBEFC7;
}
.profile .orders .icon {
    width:14px;
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
}
.profile .voucher-wrapper {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 0 40px;
}
.profile .voucher-wrapper .voucher {
    width: 100%;
    background-size: cover;
    height: 0;
    padding: 0;
    padding-bottom: 145px;
    max-width:240px;
}
.profile .voucher-wrapper .voucher.blue {
    background: url('../resources/img/voucher-blue.svg') no-repeat left center;
}
.profile .voucher-wrapper .voucher.green {
    background: url('../resources/img/voucher-green.svg') no-repeat left center;
}
.profile .voucher-wrapper .arrow img {
    width:22px;
    margin: 0 20px;
}
.profile .voucher-wrapper .voucher h5 {
    font-size:0.9em;
    padding: 30px 40px 30px;
    color:#1C2840 !important;
}
.profile .voucher-wrapper .voucher p {
    padding:0 40px 20px;
}
.profile .voucher-wrapper .voucher sup {
    font-size:0.6em;
}
.profile .partner-voucher {
    margin-top:-25px;
}
.profile .partner-voucher .box {
    text-align: left;
    margin-bottom:30px;
}
.profile .partner-voucher .box img {
    margin-bottom:10px;
    width: 100%;
    height: auto;
    max-width:120px;
}
.favourites .breadcrumbs {
    margin-bottom: 30px;
}
.favourites h2, .faq .row.top h2 {
    color:#1C2840;
}
.faq .row.top {
    justify-content: center;
    align-items: center;
}
.faq .row.top h2 {
    font-size: 3em;
    max-width: 440px;
    line-height: 1.4em;
}
.accordion-boxes{
    padding:80px 0 40px;
    width:100%;
}
.accordion-boxes .box{
    width:100%;
    margin-bottom:20px;
    padding: 20px;
    text-align:left;
}
.accordion-boxes .box.opened {
    background: #BBEFC7;
}
.accordion-boxes .top{
    width:100%;
    position:relative;
    display:inline-block;
    background: url('../resources/img/icons/question-green-icon.svg') no-repeat;
    padding: 5px 0 10px 40px;
}
.accordion-boxes .box.opened .top {
    background: url('../resources/img/icons/question-blue-icon.svg') no-repeat;
}
.accordion-boxes .top h3{
    text-align:left;
    letter-spacing:0;
    /*text-transform:capitalize;*/
    margin-bottom: 0;
    font-size:1em;
}
.accordion-boxes .arrow{
    width:24px;
    height:14px;
    position:absolute;
    right:0;
    top: 6px;
}
.accordion-boxes .arrow.open{
    background: url('../resources/img/icons/chevron-up-lightblue.svg') no-repeat;
}
.accordion-boxes .arrow.close{
    background: url('../resources/img/icons/chevron-down.svg') no-repeat;
    background-size: 24px 14px;
    top: 10px;
}
.accordion-boxes .cont{
    margin-top:30px;
    /* background: url('../resources/img/icons/answer.svg') no-repeat 6px 0; */
    padding-left: 40px;
}
.accordion-boxes .hide{
    display:none;
}
.accordion-boxes .show{
    display:inline-block;
}
.on-off{
    width:100%;
    display: flex;
    align-items: center;
}
.on-off .switch{
    position: relative;
    display: inline-block;
    width: 48px;
    height: 30px;
    margin:0 10px;
}
.on-off .switch input{
    opacity: 0;
    width: 0;
    height: 0;
}
.on-off .slider{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #EAF6FF;
    border:2px solid #E2420F;
    -webkit-transition: .4s;
    transition: .4s;
    height:30px;
    border-radius: 30px;
}
.on-off .slider:before{
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 1px;
    top: calc(50% - 12px);
    background: #E2420F;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}
.on-off input:focus + .slider{
    box-shadow: 0 0 1px #C4C4C4;
}
.on-off input:checked + .slider:before{
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
    background:#04C96C;
}
.on-off input:checked + .slider {
    border:2px solid #04C96C;
}
.on-off .slider:after{
    content: 'Изкл.';
    font-family: 'Book';
    position: absolute;
    right: -56px;
    top: 0;
}
.on-off input:checked  + .slider:after{
    content: 'Вкл.';
}
.coockies .on-off {
    margin-top:30px;
}
.terms h2 {
    color:#1C2840;
    margin-top:40px;
    line-height: 1.2em;
}
.terms .col-12 {
    margin-bottom:40px;
}
.terms p {
    margin-bottom:20px;
	line-height: 150%;
}
.contact .title {
    margin-bottom:20px;
}
.contact h2 {
    color:#1C2840;
}
.contact .image {
    height: 400px;
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.contact .image img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 558px;
    max-height: 100%;
}
.contact .col-lg-6:first-of-type{
    display:flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction:column;
}
.contact .big {
    margin-bottom:30px;
    font-family: 'Bold';
}
.contact .big:last-of-type {
    padding-right:60px;
}
.contact .big .icon {
    width: 40px;
    display: inline-block;
    vertical-align:middle;
    margin-right:10px;
}
.contact .box.social-links {
    background: #BBEFC7;
    max-width: 345px;
    border-radius: 100px;
}
.contact .box.social-links a {
    margin: 0 10px;
    display: inline-block;
}
.contact .box.social-links img {
    display:inline-block;
    vertical-align: middle;
}
.feature-post {
    overflow: hidden;
    position: relative;
    background:#000;
    border-radius: 22px;
    padding: 50px;
}
.post{
    max-height: 220px;
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    overflow:hidden;
    border-radius: 22px;
}
.post img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    max-width: 390px;
    max-height: 100%;
}
.feature-post.main {
    padding-top:22%;
    padding-bottom:8%;
}
.blog .feature-post.main {
    padding-top:22%;
    padding-bottom:45px;
}
.feature-post.blog-post {
    padding-top:15%;
    padding-bottom:5%;
}
.post-image {
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
.feature-post .post-content {
    position: relative;
    color:#fff;
}
.post-content p{
    margin-bottom:20px;
}
.col-lg-8 .post-content p, .col-lg-8 .post-content h3{
    margin-bottom:15px;
}
.post-content .small{
    font-size:0.8em;
}
.feature-post .post-content .small {
    color:#BBEFC7;
}
.post-content h3, .content h3 {
    font-family: 'Bold';
    /* margin-bottom: 20px; */
    font-size:1.5em;
	line-height:130%
}
.feature-post h3 {
    font-size:3em;
    line-height: 120%;
}
.feature-post a, .feature-post a:hover, .feature-post h3{
    color:#fff;
}
.post-content .small a {
    margin-right:10px;
}
.feature-post .post-content .small a{
    color:#BBEFC7;
}
.blog .col-lg-4 {
    padding-top:0;
    padding-bottom:0;
}
.blog-content p{
    margin-bottom:20px;
}
.blog-content img, .faq .col-lg-8 img {
    width: 100%;
    height: auto;
    margin-bottom:20px;
}
.feature-post.hero-image {
    padding-top:20%;
    padding-bottom:10%;
}
.feature-post.hero-image .post-image {
    top: -30%;
    opacity: 0.4;
}
.feature-post.hero-image .post-content {
    width:40%;
}
.about .post {
    max-height: 366px;
}
.about .post img {
    max-width: 500px;
}
.why .post {
    max-height: 244px;
}
.why .post img {
    max-width: 250px;
}
.about .content, .why .content {
    align-items: center;
	line-height: 150%;
}
.overlap {
    padding-bottom: 20px;
}
.overlap .post {
    max-height: 400px;
    /*
	position:absolute;
    right:-80px;
    top:-200px
	*/
}
.overlap .post img {
    max-width: 496px;
}
.overlap .col-lg-6 {
    position:relative;
    z-index:0;
}
.overlap .box {
    position: relative;
    text-align: left;
    padding: 60px 30px 50px 60px;
    z-index: 2;
    margin-left: -40px;
    max-width: 300px;
}
.overlap .box h3 {
    color:#fff;
    line-height:1.2em
}
.overlap .box p {
    color:#F2F2F2;
    margin-top:20px;
    margin-bottom:20px;
    font-size: 1.25em;
    line-height: 150%;
}
.overlap .box li {
    margin-bottom:20px;
    font-size:0.9em;
    line-height:1.5em;
    position:relative;
    padding-left: 40px;
}
.overlap .box li .count {
    background: #5B84CE;
    border-radius:50px;
    padding:7px 5px 5px 10px;
    position:absolute;
    left:0;
    width:26px;
    height:26px;
    box-sizing:border-box;
}
.overlap .box .icon {
    position:absolute;
    top: 44%;
    left:-45px;
}
.why .count, .why2 .count {
    background: #5B84CE;
    border-radius:50px;
    padding:5px 9px;
    width:26px;
    height:26px;
    box-sizing:border-box;
    margin-bottom: 10px;
    display:block;
    color:#fff;
	line-height: 18px;
}
.overlap h3.blue{
    color:#1C2840;
}
.overlap .box li .count {
    background:#1C2840;
}
.about .overlap .box li .count {
    background:#5B84CE;
}
.overlap .post {
    max-height: 450px;
    top:-220px
}
.overlap .post img {
    max-width: 774px;
}
.overlap .box .icon {
    top: 43%;
    left: -52px;
}
.note {
    padding: 20px;
    background: #fcdacf;
    border-radius: 22px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.note.green {
    background: #6FDEA7;
    color: #1C2840;
}
.note p {
    margin: 5px 0 !important;
}
.note .icon {
    width: 32px !important;
    height: 32px !important;
    float: left;
    /* margin: 13px 10px 10px 0 !important; */
	margin: 4px 8px 0;
}
.note.attention {
    background: #F2C94C;
	line-height: 150%;
}
ul.steps{
    list-style: none;
}
ul.steps li{
    display:block;
    width:100%;
    background: url('../resources/img/icons/dashed-steps.svg') no-repeat 27px 44px;
    height:90px;
}
ul.steps a {
    color: #718cc1;
    padding: 8px 10px;
    display: flex;
    width:100%;
    align-items: center;
    font-size: 0.9em;
}
ul.steps a:hover {
    color: #1C2840;
}
ul.steps .num {
    color: #1C2840;
    font-family: 'Bold';
    display:inline-block;
    padding: 6px 10px;
    border-radius: 50%;
    background: #BBEFC7;
    margin-right: 10px;
    width:30px;
    height:30px;
    box-sizing:border-box;
}
ul.steps .active a {
    color: #1C2840;
    background: #BBEFC7;
    border-radius: 50px;
    font-family: 'Bold';
}
ul.steps .active .num, ul.steps .done .num {
    background: #04C96C;
}
ul.steps .done a {
    color: #1C2840;
    font-family: 'Bold';
}
ul.steps li:last-of-type{
    background: none;
    height:auto;
}
.pagination{
    margin-bottom: 70px;
}
.pagination ol{
    background: #EAF6FF;
    border-radius: 5px;
    margin: 0 auto;
}
.pagination li{
    display: inline-block;
    padding: 11px 15px;
}
.pagination li,
.pagination li a{
    font-family: Bold;
    font-size: 1em;
    color: #1C2840;
}
.pagination li.active,
.pagination li:hover{
    background: #1C2840;
}
.pagination li.active a,
.pagination li:hover a{
    color: #fff;
}
.pagination li img{
    position: relative;
    top: 3px;
}
footer{
    color: #EAF6FF;
    background: #1C2840;
    padding: 85px 170px;
	position: relative;
}
footer .top{
    position: relative;
    font-family: Ubuntu;
    font-size: 1.1em;
    padding-bottom: 75px;
}
footer .buttons{
    margin-top: 45px;
}
footer .buttons a{
    font-family: Bold;
    font-size: 1.2em;
    letter-spacing: -0.04em;
    color: rgba(234, 246, 255, 0.7);
    border: 3px solid rgba(234, 246, 255, 0.7);
    border-radius: 5px;
    padding: 17px 40px 15px;
    margin-right: 25px;
    transition: all 0.2s ease-in-out;
}
footer .buttons a:last-of-type{
    margin-right: 0;
}
footer .buttons a:hover{
    border: 3px solid rgba(234, 246, 255, 1);
    color: rgba(234, 246, 255, 1);
}
footer .top .row .heading{
    font-family: Bold;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 25px;
}
footer .top .row a{
    display: block;
    font-family: Book;
    font-size: 1em;
    letter-spacing: -0.01em;
    color: rgba(234, 246, 255, 0.7);
    margin-bottom: 15px;
    transition: all 0.2s ease-in-out;
}
footer .top .row a:hover{
    color: rgba(234, 246, 255, 1);
}
footer .social li{
    display: inline-block;
    margin-right: 28px;
}
footer .social li:last-of-type{
    margin-right: 0;
}
footer .social img{
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
    width: 42px;
}
footer .social a:hover img{
    opacity: 1;
    transform: scale(1.2);
}
footer .bottom{
    font-family: Book;
    font-size: 1em;
    letter-spacing: -0.01em;
    color: rgba(234, 246, 255, 0.7);
    border-top: 1px solid rgba(234, 246, 255, 0.5);
    padding-top: 30px;
}
footer .bottom ul{
    position: relative;
    top: -20px;
    float: right;
}
footer .bottom li{
    display: inline-block;
    margin-right: 25px;
}
footer .bottom li:last-of-type{
    margin: 0;
}
footer .bottom li a{
    color: rgba(234, 246, 255, 0.7);
    transition: all 0.2s ease-in-out;
}
footer .bottom li a:hover{
    color: rgba(234, 246, 255, 1);
}
footer .bottom .copy.mobile{
    display: none;
}
.modal-header{
    border-bottom: none;
    padding-bottom: 0;
    z-index: 1;
}
.modal-body{
    padding-top: 0;
}
.footer-modal{
    font-family: 'Medium';
}
.footer-modal .bold{
    font-family: 'Bold';
}
.footer-modal p.bold{
    text-decoration: underline;
}
.footer-modal .red{
    color: #E54B4B;
}
.modal-dialog{
    max-width: 42%;
    margin: 50px auto;
}
#modalPopUpLoginCart .modal-dialog, #modalPopUpLogin .modal-dialog, #modalPopUpNewsletter .modal-dialog{
    max-width: 25%;
    margin: 50px auto;
}
.footer-modal h2{
    font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
}
.footer-modal p{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}
#cookiebar{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1C2840;
    padding: 20px 40px;
    z-index: 100;
}
#cookiebar .flex {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
#cookiebar .cookie {
    padding-right:30px;
}
#cookiebar .cookie img {
    width:70px;
}
#cookiebar .txt {
    max-width:900px;
}
#cookiebar p{
    font-family: 'Book';
    font-size: 0.9em;
    line-height: 1.5;
    color: #F2F2F2;
}
#cookiebar .links {
    margin-left:30px;
    text-align: center;
    min-width: 300px;
}
#cookiebar .cancel{
    display: inline-block;
    font-family: Bold;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    color: #F2F2F2;
    margin: 8px 0 0 0;
    transition: all 0.2s ease-in-out;
    text-decoration:underline;
}
#cookiebar .cancel:hover{
    color: #fff;
}
#cookiebar .accept{
	font-size:0.8em;
	font-family:bold;
	padding-left:18px;
	white-space: nowrap;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){

}

.error-img {
    display: block;
    margin: 25px auto;
    max-width: 60%;
}

.input-error {
    color: #EB1443 !important;
}

.lSSlideOuter.vertical{
    padding-right: 0!important;
    padding-left: 110px;
}
.lSSlideOuter.vertical .lSGallery{
    right: auto;
    left: 0;
}
.lSSlideOuter .lSPager.lSGallery li{
    /*position: relative;*/
    /*background: #000000;*/
    /*border-radius: 5px;*/

    background: #F2F2F2;
    border-radius: 22px;
    padding: 20px;
    margin-right: 10px;
}
.lSSlideOuter .lSPager.lSGallery li img{
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translateX(-50%) translateY(-50%);*/
}
.lSGallery > li.active{
    /*transition: all 0.2s ease-in-out;*/
    border: 3px solid #04C96C;
}

.lSAction>a {
    background-image: none !important;
}


.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 22px !important;

}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li {

    width: 100px!important;
}

.lSSlideOuter .lSPager.lSGallery {
    margin-top: 20px;
}

.lSSlideOuter .lSPager.lSGallery {
    min-width: 700px!important;
}


.promo-timer {
    background-color: #F7C52F;
    padding: 5px;
    text-align: center;
    border-radius: 7px;
    line-height: 1;
	padding: 16px 34px;
}

h4#countdown {
    font-family: monospace;
    font-weight: 700;
}

.promo-timer .promo-heading {
    font-size: 18px;
    margin-bottom: 3px !important;
}

.promo-timer .promo-timer-counter h4 {
    font-size: 30px;
    line-height: 1;
    color: black;
    margin-bottom: 0;
}

.countdown-text {
    font-size: 13px;
    display: flex;
    justify-content: space-around;
    padding-left: 0;
    max-width: 187px;
    margin: 0 auto;
    font-family: 'SemiBold';
    text-transform: lowercase;
}

.toggle-pass{
    cursor: pointer;
    float: right;
    position: relative;
    top: -35px;
    right: 20px;
    font-size: 25px;
    color: #2B2D2D;
    opacity: 0.8;
    z-index: 2;
}
.hide {
    display:none;
}

.address-note {
    padding-top: 20px;
    /* padding: 20px; */
    /* background: #fcdacf; */
    /* border-radius: 22px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.address-row {
    margin-bottom: 0px !important;
}

.address-row .col-sm-4,
.address-row .col-sm-6,
.address-row .col-sm-12
{
    padding-right: 6px;
    padding-left: 0px;
}

.alert {
    font-family: 'Bold';
    padding: 0.75em 20px;
    border: none;
    border-radius: 0;
    margin-top: 20px;
}
.alert.no-padding {
    padding: 0px;
    margin: 5px 0 0 0;
}
.alert-error{
    /*color: #EE4042;*/
    color: #E2420F;
}

.edit_address {
    margin-top: 20px;
}

.profile-cvv-row .pay_wrapper_cvv  {
    padding-right: 0px!important;
    padding-left: 0px!important;

}
.profile-cvv-row {
    margin-bottom: 0px!important;
}

.link-is-disabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.lSSlideWrapper {
    border-radius: 18px;
}
.lSSlideWrapper  li{
    text-align:center;
}
.lSSlideWrapper  li img{
    padding: 30px 0;
}
.product .thumbnails {
    margin-top:0!important;
}
.lSGallery{
    margin-top:20px!important;
}
.lSGallery li{
    margin:0 10px!important;
}

/* new classes */
.load-more{
    font-size:1em;
    padding: 12px 16px 10px 25px;
}
.change_pass_btn, .save_btn_100{
    font-size: 1em;
    width: 100%;
}
.save_btn{
    /* font-size: 1em; */
    /* padding: 13px 26px 15px 15px; */
}
.edit-current{
    font-size: 1em;
    padding: 15px 15px 15px 20px;
	margin-top: 10px;
	min-width: fit-content;
}
.save_btn img{
    top:4px;
    width: 20px;
}
.save_btn_100 img{
    top:1px;
}
.save_address{
    margin-top: 20px;
}
.vouchers h4{
    margin-bottom: 11px;
}
.shop-bag h4, .data h4{
    /*margin-top:40px;*/
	margin-top:16px;
}
.faq .accordion-boxes{
    padding:0px 0 40px;
}
.faq .accordion-boxes h4{
    margin-bottom: 15px;
}
.breadcrumbs, .banner{
    display:flex;
}
.breadcrumbsmob, .bannermob{
    display:none;
}
.home h2{
    padding-top:10px;
}
.lSAction>a {
    z-index:auto!important;
}
.product-fav{
    position: absolute;
    top: 14px;
    right: 28px;
    z-index:1;
}
.lSSlideOuter, .wishlist-fav-icon-container {
    z-index:0
}
#mainMenu{
    z-index:3;
}
.shop-bag .suggestions{
    margin-top:40px;
}
.address-row div{
    margin: 4px 0;
    padding: 4px 8px 0 4px;
}
.address-row div.padd3{
    /* padding-left:28px; */
}
.address-row div label{
    padding-top:12px;
    font-size: 0.8em;
}
.search-event, .go-search{
    position: absolute;
    top: 8px;
    left: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.suggester .suggestions{
    display:none;
    position: absolute;
    top: 102%;
    left: 0;
    z-index: 2;
    background: #F7F7F7;
    font-size:0.8em;
    color: #039651;
    line-height:200%;
    box-shadow: 0px 7px 22px rgb(28 40 64 / 28%);
    padding:8px 16px;
    width: max-content;
}
.suggester .suggestions a{
    color:#04C96C;
    font-weight:normal;
}
.suggester .suggestions a:hover{
    color:#039651;
}
.small-img{
    vertical-align: middle;
}
.wishlist-fav-icon-big .wishlist-img{
    width:21px;
}
#modalPopUpBtnCondition img{
    vertical-align:middle;
}
#modalPopUpBagLogin .main-btn.grey {
    color: #1C2840;
    padding: 16px 16px;
    font-size: 1.4em;
    width:100%;
}
#modalPopUpBagLogin .main-btn.lightblue {
    /*color: #1C2840;*/
    padding: 16px 16px;
    font-size: 1.4em;
    width:100%;
}
.middle-or-line{
	width: 55%;
    height: 90%;
    padding: 0;
    margin: 0;
    border-right: 1px solid #ccc;
}
#modalPopUpBagLogin .or{
    font-size: 1.4em;
    font-family: 'Book';
    background: #fff;
    padding: 4px;
    position: absolute;
    top: 40%;
    transform: translateY(-40%);
    left: 50%;
    transform: translateX(-50%);
}
#modalPopUpBagLogin .no-account{
    font-size:1.6em;
	margin-top: 24px;
	margin-bottom: 12px;
    display: block;
}
#modalPopUpBagLogin .gif-guest{
	max-width: 75%;
    /* margin-left: 8%; */
}
.main-btn.card-nav-bottom{
	display:none;
}
.coockies .top{
    padding-bottom: 12px;
}
main .coockies h4{
    padding: 12px 0;
}
main .coockies .bold{
    font-family: Book;
    margin-top: 24px;
    font-size: 1.2em;
    padding: 16px 24px 14px;
}
main .blog h2{
    margin-top: 4px;
    margin-left: 18px;
    margin-bottom: 4px;
	font-size: 1.9em;
	line-height: 130%;
}
main .blog .row{
    padding: 12px 0;
}
main .blog .main-btn.green{
    font-size: 1.2em;
    padding: 14px 14px 16px 24px;
}
.blog .feature-post h3 a{
    font-size: 1.6em;
    line-height: 115%;
}
.blog .feature-post h3{
    width: 80%;
}
.blog .blog-content{
    margin:12px 48px;
}
.blog .blog-more{
    margin:0 30px;
}
.blog .green-dot-line {
    top: 950px;
}
.about .feature-post.hero-image{
    margin: 0 27px 24px;
}
.about .content{
    margin: 48px 90px;
}
.popUpBodyLogin .main-btn.grey {
    background: #F3F3F3;
    color: #1C2840;
    padding: 16px 10px 14px 10px;
    font-size: 1.4em;
    margin-right: 6px;
    width: 100%;
}
.popUpBodyNewsletter .main-btn.grey {
    background: #F3F3F3;
    color: #1C2840;
    padding: 16px 10px 14px 10px;
    font-size: 1.4em;
    margin-right: 6px;
    width: 100%;
}
.popUpBodyLogin .main-btn.lightblue {
    /*background: #F3F3F3;*/
    /*color: #1C2840;*/
    padding: 16px 10px 14px 10px;
    font-size: 1.4em;
    margin-right: 6px;
    width: 100%;
}
.popUpBodyNewsletter .main-btn.lightblue {
    /*background: #F3F3F3;*/
    /*color: #1C2840;*/
    padding: 16px 10px 14px 10px;
    font-size: 1.4em;
    margin-right: 6px;
    width: 100%;
}
.popUpBodyLogin p.bold{
    font-size:1.6em;
}
.popUpBodyNewsletter p.bold{
    font-size:1.6em;
}
.popUpBodyLogin input[type="checkbox"] + label:before {
    top:-4px;
    margin-left: 14px;
}
.popUpBodyNewsletter input[type="checkbox"] + label:before {
    top:-4px;
    margin-left: 14px;
}
.popUpBodyLogin .error-container{
	padding-bottom:20px;
}
.popUpBodyNewsletter .error-container{
	padding-bottom:20px;
}
.popUpBodyBagLogin input[type="checkbox"] + label:before {
    top:-4px;
    margin-left: 14px;
}
.popUpBodyBagLogin .remember-me {
	margin-top:18px;
}
.home .advantages .box h4{
	margin-bottom:16px;
	margin-top:8px;
}
.criteria input[type="checkbox"] + label:before {
	top:-2px;
}
.checkboxes-extended-warranty-box input[type="checkbox"] + label:before {
	top:0px;
}
.main-btn.checkboxes-extended-warranty{
	margin-top:12px;
}
#addedExtendedWarrantyCartShield-33{
	margin-top:-6px;
}
#modalPopUpBagLogin .popUpBody h2{
	margin-top: 0;
	font-size: 2.2em;
	font-family: 'Book';
	text-align: center;
}
#modalPopUpBagLogin .popUpBody .left{
	margin-left: 60px;
}
#modalPopUpBagLogin .popUpBody .right{
	padding:0;
}
#modalPopUpBagLogin .popUpBody p.bold{
	font-size:1.6em;
}
#modalPopUpBagLogin .popUpBody input[type="text"], #modalPopUpBagLogin .popUpBody input[type="password"]{
	font-size: 1.3em;
}
#modalPopUpBagLogin .popUpBody .main-btn{
	font-family: 'Bold';
}
#modalPopUpBagLogin .popUpBody .main-btn.green{
	padding-left: 30px;
}
#modalPopUpBagLogin .popUpBody .no-account{
	font-family: 'Book';
	font-size: 1.3em;
}
#modalPopUpBagLogin .popUpBody .reg-btn{
	width: auto;
    padding-left: 30px;
}
.main-btn.change_pass_btn {
	padding-left:40px;
}
.main-btn.save_btn_100{
	padding-left:0;
}
.main-btn.change_pass_btn img {
	top:0;
}
.main-btn.save_btn_100 img {
	top:0;
}
.additional-nav{
	display:none;
}
.card-nav-right{
	display:block;
	float:right;
}
.complete-order{
	margin-left:35px;
}
.about .feature-post.hero-image .post-image {
    top: 0;
    opacity: 1;
}
.about .about-title1{
	width:80%
}
.about .about-text1{
	width:80%
}
.about .about-title2{
	padding-top: 0;
}
.about .content2 {
    align-items: normal;
}
.fur-bee{
	position:absolute;
	top: 650px;
	right:0;
	z-index:0;
	opacity:0.8;
	text-align:right;
	width: auto;
}
.fur-bee-bottom{
	position:absolute;
	right: 0;
	z-index:0;
	opacity:0.8;
	text-align:right;
	width: auto;
    bottom:0;
}
.fur-bee-bottom img{
	width:50%;
}
.green-dot-line{
	position:absolute;
	top: 550px;
	left:0;
	z-index:0;
	opacity:0.8;
	width: 100%;
}
.fur-bee img, .green-dot-line img{
	width:100%;
}
.why .fur-bee, .coockies .fur-bee{
	top: 100px;
}
.shop-bag .fur-bee{
	top: auto;
	bottom:250px;
}
.why .green-dot-line{
	/* top: 50%; */
}
.home.why{
    max-width: 1024px;
}
 main .coockies{
    max-width: 1024px;
	font-size:1em;
	line-height:150%;
}
.why h2{
    padding-top: 36px;
    padding-bottom: 36px;
	font-size:3em;
}
.why .content{
	padding-bottom:60px;
}
.why .img-post-element1{
	margin-left: -45px;
}
.why2, .about2{
	padding:0;
	margin:0;
}
.about2{
	margin-top:-10%;
	margin-bottom:-10%;
}
.about2 img{
	width:100%;
}
.why2 .box{
	border-radius: 0;
	border-bottom-left-radius: 22px;
    border-top-left-radius: 22px;
}
.why2 .post2 img{
	width:115%;
}
.why2 .overlap{
	align-items: center;
}
.why2 .overlap .box{
	margin-left: -7%;
	width:auto;
	max-width:200%;
}
.why2 .why-element3{
	text-align:center;
}
.why2 .overlap .box .icon {
    left: -100px;
}
.why2 .why-info{
	padding-left:24px;
}
.why2 h3{
	font-size:2em;
	line-height:150%;
}
.why2 span.blue{
	font-size: 1.4em;
	line-height:150%;
}
.pass-icon{
	position:absolute;
	top: 13px;
	right:10px;
}
.pass-icon img{
	width:80%;
}
.pass-field-container{
	position:relative;
}
#popUpBodyLogin .main-btn.green {
    margin-top: 6px;
}
#popUpBodyNewsletter .main-btn.green {
    margin-top: 6px;
}
.product-link, .product-link-tab{
	cursor:pointer;
}
.option-not-available{
	cursor: default;
}
.product .info label.option-not-available:hover{
	background: #f2f2f2;
}
.product .info input[type="radio"]:checked + label.option-not-available {
    background: #f2f2f2;
}
main label.option-not-available{
	color:#d2d2d2;
	cursor: default;
}
main label.option-not-available:hover{
	background: #f2f2f2;
}
.option-not-available{
	background: #f2f2f2!important;
	color:rgba(58, 83, 137, 0.23)!important;
	cursor: default!important;
	border: 1px solid rgba(58, 83, 137, 0.23)!important;
}
.option-not-available span{
	color:#d2d2d2;
	cursor: default;
}
.option-not-available a:hover{
	color:#d2d2d2;
	cursor: default;
}
.option-available-active{
	background: #04C96C!important;
}
.option-available-active span{
	background: #04C96C!important;
	color:#fff;
}
.product .info .model li.status-links-li{
	width: 120px;
}
.product .info label.status-links{
	white-space:nowrap;
}
.second-tr{
	border-bottom: 1px solid #ccc;
}
.second-tr .info{
	text-align:left;
	line-height:150%;
	display:flex;
	font-family: 'Book';
    font-size: 0.9em;
}
.second-tr .info div{
	margin-top: 6px;
}
.second-tr .info a, .second-tr .info .green{
	font-family: 'Bold';
}
.second-tr .icon.big{
	width:30px;
	height:auto;
	margin-right:12px;
}
.second-tr td{
	padding: 2px 0 12px;
	text-align:left;
}
.second-tr .edit-current {
    font-size: 1em;
    padding: 12px 4px 8px 24px;
    margin-top: 0;
}
.second-tr .main-btn img {
    top: 0;
    margin: 4px 10px;
	width:15px;
}
.bag-divs .row{
	padding: 0 48px;
}
.row-titles div{
	padding-left:0;
}
.first-tr .td-first-row{
	/* padding:16px 0; */
	color: #1C2840;
    font-family: 'Bold';
    padding: 30px 0;
    font-size: 1.1em;
    /* border-bottom: 1px solid #ccc; */
    vertical-align: middle;
}
.second-tr .td-second-row{
	padding:16px 0;
	color: #1C2840;
    font-family: 'Bold';
    /* padding: 30px 0; */
    font-size: 1.1em;
    /* border-bottom: 1px solid #ccc; */
    vertical-align: middle;
}
.first-tr .product-price {
    padding-left: 12px;
}
.shop-bag h4.promo-code-green{
	padding-bottom:12px;
	margin-top:0;
}
.terms-and-cond{
	margin-top:24px;
	border-bottom:0;
}
.bag-body .product-images{
	padding-top:48px;
}
.bag-body .product-images .small {
    margin: 0 10px 10px 0;
    float: right;
    clear: both;
}
.bag-body .summary {
    text-align:left;
	margin-bottom:18px;
}
.summary-tr td{
	padding: 0;
	font-family:'Book';
	font-size:1em;
	padding:4px;
}
.summary-tr .count{
	background: #04C96C;
    border-radius: 50px;
    padding: 7px 9px 5px 6px;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    margin-bottom: 0;
    display: block;
    color: #000;
}
.summary-img{
	text-align:center;
	vertical-align:middle;
}
.summary-img img{
	width:60px;
	padding: 4px 8px;
}
.product-title-small .green{
	font-size:0.8em;
}
.total-label{
	font-family:'SemiBold';
}
.flex-icon{
	display:flex;
	vertical-align:middle;
}
.filter-img{
	width: 40px;
    height: 40px;
}
.filter-img-container{
	padding-right:4px;
}
.hide-on-all{
	display: none;
}
.bag-divs{
	text-align:left;
}
.summary .table{
	width:auto;
}
.total-price-without-discount {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 24px 0 4px;
	margin-bottom:24px;
}
.full-price-value, .full-price-discount, #modalPopUpBtnBagLogin{
	font-size:1.2em;
	font-family: 'Bold';
}
.full-price-discount{
	color:#E2420F;
}

.main-btn.lightblue.remove-code-button{
	background:#ccc;
}
#modalPopUpLoginCart .popUpBodyLogin, #modalPopUpLogin .popUpBodyLogin, #modalPopUpNewsletter .popUpBodyNewsletter{
    margin: 0 32px;
}
#modalPopUpLogin .popUpBody p.bold {
    font-size: 1.6em;
}
#modalPopUpNewsletter .popUpBody p.bold {
    font-size: 1.6em;
}
#modalPopUpLoginCart .popUpBody p.bold {
    font-size: 1.6em;
}
#modalPopUpLoginCart .popUpBody input[type="text"], #modalPopUpNewsletter .popUpBody input[type="text"], #modalPopUpLogin .popUpBody input[type="text"], #modalPopUpLogin .popUpBody input[type="password"] {
    font-size: 1.3em;
}
#modalPopUpLoginCart .popUpBody .main-btn.green, #modalPopUpLogin .popUpBody .main-btn.green, #modalPopUpNewsletter .popUpBody .main-btn.green {
    padding-left: 30px;
}
#modalPopUpLoginCart .popUpBody .main-btn, #modalPopUpLogin .popUpBody .main-btn, #modalPopUpNewsletter .popUpBody .main-btn {
    font-family: 'Bold';
}
#modalPopUpLoginCart .no-account, #modalPopUpLogin .no-account{
    font-size:1.6em;
	margin-top: 24px;
	margin-bottom: 12px;
    display: block;
}
#modalPopUpLoginCart .popUpBody .no-account, #modalPopUpLogin .popUpBody .no-account {
    font-family: 'Book';
    font-size: 1.3em;
}
#modalPopUpRegister .modal-dialog {
    max-width: 25%;
    margin: 50px auto;
}
#modalPopUpRegister .popUpBodyLogin{
    margin: 0 32px;
}
#modalPopUpRegister .popUpBody input[type="text"], #modalPopUpRegister .popUpBody input[type="password"] {
    font-size: 1.3em;
}
#modalPopUpRegister .popUpBody .main-btn.green {
    padding-left: 30px;
}
#modalPopUpRegister .popUpBody .main-btn {
    font-family: 'Bold';
}
#modalPopUpRegister .terms a.lightblue {
    color: #5B84CE;
	text-decoration:underline;
}
.shopping-bag-popup .bag-product div{
	padding: 0;
    margin: 0;
	text-align: left;
}
.shopping-bag-popup .bag-product .item-name, .shopping-bag-popup .bag-product .item-nmb {
    text-align: left;
	padding-left: 8px;
    font-family: 'Medium';
    font-size: 1.3em;
    line-height: 120%;

}
.shopping-bag-popup .bag-product .item-name{
	padding-left: 24px;
	/* width:50%; */
}
.shopping-bag-popup .bag-product .item-img{
	text-align: center;
	padding-left:8px;
}
.shopping-bag-popup .bag-product .item-price{
	text-align: right;
	/* padding-right:8px; */
	/* padding-left:8px; */
}
.shopping-bag-popup .save_btn{
	color:#f2f2f2;
	font-size: 1.2em;
	font-family:'Bold';
}
.favourites .suggestions{
    margin-top: 16px;
}
.info-circle{
	display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1C2840;
    color: #fff;
	line-height: 24px;
	font-family: 'Book';
}
.product .model p, .product .color p, .product .condition a, .product .price-label{
	font-size: 1em;
	font-family: 'Bold';
}
.product .price .green, .product .price .new-price{
	font-size: 2.4em;
	font-family: 'Bold';
	line-height:150%;
	/* padding-left:4px; */
}
.product .price .new-price{
	line-height:100%;
}
.product .price .price-currency{
	font-size: 1.5em;
	font-family: 'Bold';
	line-height:150%;
}
.product .info .row.price-box{
	text-align:left;
	line-height: 150%;
    align-items: initial;
    padding-bottom: 20px;
	padding-left: 24px;
}
.product .info .price-box .middle-or-line{
    padding: 0 0 0 10px;
    margin-right: 10px;
    height: 100%;
}
.product .info .main-btn img {
    margin: 0 4px;
}
.product h2 .subtitle{
	font-family: 'Book';
    font-size: 0.6em;
	line-height: 100%;
	padding-bottom: 24px;
}
.blog .post-content .small{
	font-size:1em;
	font-family: 'Semibold';
}
main .blog .main-btn.green{
	font-family: 'Bold';
	font-size: 1em;
	padding-top:20px;
	padding-bottom:18px;
}
.blog .feature-post, .about .feature-post{
	background-size: cover;
    background-position: center;
}
.blog .small-feature-post{
	background-size: cover;
    background-position: center;
	width:100%;
	height:380px;
	max-height: none;
}
.blog .feature-post .filter-div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
}
main .blog .first-row{
    padding-top: 60px;
}
.blog .post img {
    max-width: 100%;
}
.blog .feature-post h3 {
    width: 71%;
}
.blog .post-content{
	/* padding-left:50px; */
}
.blog .blog-hash a{
	color:#5B84CE;
}
.blog .blog-hash{
	padding-left:12px;
}
.blog .post-content p.small, .blog .post-content h3, .blog .post-content p.post-summary{
	margin-bottom:24px;
}
.blog .post-content h3{
	font-size:2.2em;
}
.blog .post-content p.post-summary{
	font-size:1em;
	font-family:'SemiBold';
	line-height: 140%;
}
main .blog .other-blog-items {
    padding-bottom: 60px;
}
.profile .my-addresses .edit_address a:not(.green){
	padding: 0px 18px 0 0;
	margin:0;
}
.profile .my-addresses span{
	width:100%;
	text-align: left;
	padding-right:24px;
}
.profile .my-addresses{
	width:80%;
}
.product .info .row.price-box .price{
	white-space: nowrap;
}
.sup{
	font-size: 0.5em;
    vertical-align: super;
    line-height: 10%;
}
.bag-body .product-price .old-price-container{
	white-space: nowrap;
}
.bag-body .product-price .current-price{
	font-size: 1.3em;
	font-family: 'Bold';
}
.bag-product .item-price .current-price-eur{
	font-size: 1.1em;
}
.bag-body .product-price .old-price, .bag-body .product-price .red{
	font-size: 0.85em;
	font-family: 'Bold';
}
.bag-body .product-price .old-price-currency-label{
	font-size: 0.85em;
	font-family: 'Bold';
	opacity: 0.4;
    text-decoration-line: line-through;
    color: #3A5389;
}
main .the_user_box .logout{
	color:#E2420F;
}
.cart-error{
	margin: 0 8px 16px 8px;
}
.second-tr td.extended-warranty-container{
	text-align:right;
}
.shop-bag h4.promo-code-green{
	font-family:'Medium';
	font-size:1em;
}
main .order-body h4{
	font-size:1.3em;
}
.order-body .data .bordered{
	font-family:'Bold';
}
.order-body .data .bordered p{
	font-family:'Bold';
	font-size: 14px;
	display: flex;
}
.order-body .data .icon{
	vertical-align: middle;
    margin-right: 12px;
}
.order-body .data label{
	font-family:'Medium';
	font-size: 14px;
	padding-bottom:6px;
}
.order-body .data p.small{
	font-family:'Medium';
	font-size: 12px;
	line-height: 150%;
}
.order-body .shipping .dropdown p{
	font-family:'Bold';
}
.order-body .shipping .save_btn{
    padding: 13px 26px 15px 15px;
	font-family:'Bold';
	font-size:1.2em;
}
.order-body .shipping .save_btn.small {
    padding: 13px 9px 11px 24px;
    font-size: 1em;
    white-space: nowrap;
}
.order-body .shipping .save_btn .icon{
    top: 2px;
    width: 16px;
}
.order-body .shipping .save_btn.small .icon {
    top: 0;
    width: 11px;
}
.order-body .shipping .dropdown {
    margin-bottom: 0;
}
.order-body .shipping .dropdown p{
    margin-bottom: 10px !important;
}
.order-body .shipping input[type="radio"] + label:before{
    background: url('../resources/img/icons/radio-2.svg') no-repeat;
	width: 23px;
    height: 23px;
    margin: 15px;
}
.order-body .shipping input[type="radio"]:checked + label:before{
    background: url('../resources/img/icons/radio-checked-2.svg') no-repeat;
}
.order-body .shipping .dropdown-toggle {
    font-size: 0.9em;
}
.order-body .shipping .select2-container--classic .select2-selection--single{
	position: relative;
    background: #fff;
    border-radius: 60px;
    padding: 0 0 0 3px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: #1C2840;
}
.order-body .shipping .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #1C2840;
	font-size: 0.9em;
}
.order-body .overview .vertical-center{
    color: #1C2840;
	margin-left: 20px;
    font-size: 1.5em;
	font-family:'Bold';
	line-height: 130%;
}
.order-body .overview .price p{
	font-family:'Bold';
	line-height: 130%;
}
.order-body .overview .price p .big{
    font-size: 3em;
	font-family:'Bold';
	padding-left:0;
	line-height:130%;
}
.order-body .overview .save_btn_100{
    font-size: 1.3em;
	font-family:'Bold';
}
.order-body .overview .save_btn_100 img, .bag-body .total .save_btn_100 img {
	position: absolute;
    margin: auto;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.select-shipping .address-row label{
	font-size: 1em;
	font-family:'Medium';
    margin-top: 5px;
    margin-bottom: 4px;
    padding-top: 0;
}
.select-shipping .dropdown{
	margin-left: -10px;
}
.select-shipping .new_address{
	margin-right: 15px;
}
.select-shipping .radio_btn_wrapper{
	margin-left: -10px;
    margin-right: 10px;
    flex: 0 0 23px;
	height: 48px;
}
.select-shipping .address-row label.save-address-for-later{
	font-family:'Book';
	padding-top: 12px;
}
.select-shipping .address-row label.save-address-for-later:before{
	top:-3px;
}
.select-shipping .add_address .close-btn-address{
	margin-top:-25px;
}
.select-shipping .add_address .address-row {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
	margin-top: 15px;
}
.payments .payment-method label{
	margin-bottom: 0;
    font-size: 1em;
}
.payments .payment-method .txt {
    margin-top: 8px;
}
.order-body .cards label {
    font-family:'Medium';
	font-size:1em;
}
.order-body .cards .row {
    padding-bottom: 16px;
}
.filter-div{
	background:#000;
	opacity:0.5;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.suggestions .info .price .old-price{
	font-size:1em;
	font-family:'Bold';
    line-height: unset;
}
.shop-bag .complete-order .data h4.big{
	font-size: 3em;
    font-family: 'Bold';
    line-height: 110%;
    padding-bottom: 32px;
}
.shop-bag .complete-order .data p{
	font-size: 1.2em;
    line-height: 150%;
}
.top-icons .icon{
	background:none;
}
.vertical-center .green{
    font-size: 0.5em;
	font-family:'Book';
	line-height:100%;
}
.fade-loading-wrapper{
    display: none;
	top:0;
	left:0;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.7);
	z-index:5;
	text-align:center;
}
.fade-loading-wrapper div{
	position:absolute;
    top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin:auto;
	text-align:center;
}
.fade-loading-wrapper div img.loading-bee{
	width:55px;
	animation: rotation 2s infinite linear;
}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}
.invoice-pre-row {
	margin-left: -5px;
}
.invoice-pre-row label{
	display:flex;
	line-height:21px;
	font-size: 1em;
}
.invoice-pre-row input[type="checkbox"] + label:before {
	top:-1px;
}
.invoice-row {
	/* display:none; */
	margin-top:12px;
}
.invoice-row label{
	font-size: 1em;
    font-family: 'Medium';
    margin-top: 15px;
    margin-bottom: 4px;
    padding-top: 0;
}
.order-body .invoice-row .title {
    font-family: 'Bold';
	padding-bottom: 8px;
}
.order-body .invoice-row .title img{
    vertical-align: middle;
    margin-top: -2px;
}
.error-msg-box{
	width: 100%;
    font-size: 1.0em;
    position: absolute;
    top: -14px;
    padding: 0px 25px 0!important;
    margin: 0 auto!important;
	font-family: 'Book';
    line-height: 100%;
}
#cookies_save_button{
	font-size: 1em;
}
#speedy-box .radio_btn_wrapper{
	padding-top:16px;
}
/* CHRISTMAS */
.christmas-bar {
    margin: 0 0 20px 0;
    padding: 8px 20px;
    background: #1C2840;
	color: white;
    display: none;
}

.christmas-bar.active {
    display: block;
}

.christmas-bar .container-fluid.top-menu {
    border: none;
    padding: 0px;
    position: relative;
	display:block;
}

.christmas-bar .christmas-title {
    /*text-align: center;*/
    /*font-family: 'SemiBold';*/
    padding: .5rem 36px .5rem 1rem;
	text-align: center;
}

.christmas-bar .closer {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}

.christmas-bar .closer img {
    width: 24px;
    height: auto;
    filter: brightness(0) invert(1);
	display: block;
}

.alert.alert-info a {
	color: #0c5460;
    text-decoration: underline;
}


@media screen and (max-width: 576px){
	.christmas-bar {
		padding-left: 5px;
		padding-right: 5px;
	}

	.christmas-bar .christmas-title {
    	padding-top: 0;
    	padding-bottom: 0;
	}

}

.number-circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fb7b24;
    /*border: 1px solid #000000;*/
    color: #FFFFFF;
    text-align: center;

    /*font: 32px Arial, sans-serif;*/
}

.leasing-table > .leasing-row-data {
    /*font-size: 1.25em;*/
    background-color: #fb7b24;
    color: #FFFFFF;
    font-weight: 600;
}

.leasing-table > .leasing-row-data ~ .leasing-row-data {
    background-color: #FFFFFF;
    color: #000000;
}

.product-boxes .box .tbi-number-circle {
    font-size: 13px;
    line-height: 1.3;
    margin-bottom: 8px;
    margin-top: 10px;
    color: rgba(28, 40, 64, 0.5);
}

.order-complete-fluid {
    max-width: 1920px;
    padding-left: 10%;
    padding-right: 10%;
}

.voucher-survey-section {
    background: #fff;
    padding: 0px 20px;
    border-radius: 16px;
    max-width: 100%;
    display: flex;
    flex-direction: column; /* Stack elements vertically */
    align-items: flex-start; /* Align to the left */
    text-align: left;
}


.voucher-survey-section .voucher-title {
    font-size: 24px;
    font-weight: 700;
    color: #111;
}

.voucher-survey-section .voucher-subtext {
    font-size: 16px;
    color: #444;
    margin-top: 10px;
}

.voucher-survey-section .survey-box {
    background: #f9f9f9;
    padding: 24px;
    border-radius: 12px;
    overflow-x: auto;
}

.voucher-survey-section .survey-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}

.voucher-survey-section .survey-table thead th {
    font-weight: 600;
    padding: 12px;
    color: #333;
}

.voucher-survey-section .survey-table td {
    padding: 12px;
}

.voucher-survey-section .label.with-icon {
    display: flex;
    align-items: center;
    font-weight: 600;
    padding-left: 14px;
    border-radius: 10px;
    gap: 12px;
    white-space: nowrap;
    color: #fff;
    max-height: 50px;
}

/* Background variations */
.voucher-survey-section .label.green {
    background-color: #a8d8c5;
    color: #111;
}

.voucher-survey-section .label.dark {
    background-color: #19213a;
}

.voucher-survey-section .label.blue {
    background-color: #5b84ce;
}

.voucher-survey-section .green-btn:hover {
    background-color: #03b56c;
}

.voucher-survey-section input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 2px solid #c4c4c4;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all 0.2s ease-in-out;
}

.voucher-survey-section input[type="radio"]:checked {
    border-color: #04C96C;
    background-color: #04C96C;
}

.voucher-survey-section input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
}

.voucher-survey-section .survey-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0px; /* vertical spacing between rows */
    font-size: 14px;
}

.voucher-survey-section .survey-table thead th {
    padding: 12px;
    color: #333;
    font-weight: 600;
    text-align: center;
}

.voucher-survey-section .survey-table tbody td {
    padding: 12px;
    text-align: center;
    vertical-align: middle;
}

/* Label column stays as is */
.voucher-survey-section .survey-table .label.with-icon {
    margin-top: 10px;
    display: flex;
    align-items: center;
    font-weight: 600;
    padding-left: 14px;
    border-radius: 10px;
    gap: 12px;
    white-space: nowrap;
    color: #fff;
}

.voucher-survey-section .bigger-icon {
    width: 62px !important;
    height: 32px !important;
}

.voucher-survey-section .survey-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 16px;
}

.voucher-survey-section .survey-table thead th {
    padding: 12px;
    color: #333;
    font-weight: 600;
    text-align: center;
}

.voucher-survey-section .label.with-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    padding: 16px;
    border-radius: 12px;
    color: #fff;
    white-space: nowrap;
    height: 100%;
}

.voucher-survey-section .label.with-icon img {
    width: 24px;
    height: 24px;
}

/* Background variations */
.voucher-survey-section .green {
    background-color: #a8d8c5;
    color: #111;
}
.voucher-survey-section .dark {
    background-color: #19213a;
}
.voucher-survey-section .blue {
    background-color: #5b84ce;
}

.voucher-survey-section .radio-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    padding: 16px 24px;
    border-radius: 12px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    max-height: 50px;
}

.voucher-survey-section .radio-box label {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Add this for full clickable area */
    cursor: pointer;
}

.voucher-survey-section input[type="radio"] {
    appearance: none;
    background-color: #fff;
    border: 2px solid #c4c4c4;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

.voucher-survey-section input[type="radio"]:checked {
    background-color: #04C96C;
    border-color: #04C96C;
}

.voucher-survey-section input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
}

.voucher-survey-section .green-btn {
    background-color: #04C96C;
    color: white;
    border: none;
    border-radius: 999px;
    padding: 7px 24px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s ease-in-out;

    display: inline-flex; /* key part */
    align-items: center;  /* vertical centering */
    justify-content: center; /* horizontal centering */
    gap: 10px; /* space between text and icon */
}

.voucher-survey-section .green-btn img {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.voucher-survey-section .survey-box {
    /* existing styles */
    display: flex;
    flex-direction: column;
}

.voucher-survey-section .survey-box .green-btn {
    align-self: flex-end; /* Push button to the right */
}

@media (max-width: 768px) {
    .order-complete-fluid {
        padding-left: 5%;
        padding-right: 5%;
    }

    .voucher-survey-section {
        padding: 10px; /* Reduce padding */
        align-items: center; /* Center align for mobile */
        text-align: center;  /* Center text on mobile */
    }

    .voucher-survey-section .voucher-title {
        font-size: 20px; /* Reduce title size */
    }

    .voucher-survey-section .voucher-subtext {
        font-size: 14px; /* Reduce subtext size */
    }

    .voucher-survey-section .survey-table thead {
        display: none; /* Hide headers */
    }

    .voucher-survey-section .survey-table,
    .voucher-survey-section .survey-table tbody,
    .voucher-survey-section .survey-table tr,
    .voucher-survey-section .survey-table td {
        display: block;
        width: 100%;
    }

    .voucher-survey-section .survey-table tr {
        margin-bottom: 15px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        padding: 12px;
    }

    .voucher-survey-section .label.with-icon {
        justify-content: center;
        gap: 8px;
        font-size: 15px;
    }

    .voucher-survey-section .radio-box {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
        max-height: none;
    }

    .voucher-survey-section .radio-box label {
        justify-content: center;
    }

    .voucher-survey-section .green-btn {
        width: 100%;
        justify-content: center;
        align-self: center;
    }

    .voucher-survey-section .survey-box {
        padding: 10px;
    }
}

.checkout-loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.fade-loading-spinner {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #00aa00;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* =================== footer newsletter SECTION ================== */

.footer-newsletter {
    font-family: 'Rubik', sans-serif;
    text-align: center;
    border-radius: 8px;
}

.footer-newsletter-top-banner {
    background-color: #00C96C;
    color: white;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}

.footer-newsletter-content {
    display: flex;
    justify-content: space-between;
    /* makes sides align nicely */
    align-items: center;
    padding: 10px 140px;
    background-size: cover;
    background-position: center;
    /* spacing between blocks */
    flex-wrap: wrap;
    /* allows wrapping on small screens */
}

.footer-newsletter-newsletter,
.footer-newsletter-instagram {
    flex: 1;
    min-width: 280px;
}

.footer-newsletter-newsletter h2,
.footer-newsletter-instagram h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-newsletter-newsletter p,
.footer-newsletter-instagram p {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
}

.footer-newsletter-subscribe-btn,
.footer-newsletter-follow-btn {
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.footer-newsletter-subscribe-btn {
    background-color: #00C96C;
    color: white;
}

.footer-newsletter-follow-btn {
    background-color: #6A1B9A;
    color: white;
}

.footer-newsletter-icon {
    flex: 0 0 auto;
    /* Don't grow or shrink */
    max-width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.footer-newsletter-icon img {
    width: 320px;
    height: 220px;
}

.footer-newsletter-social {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
}

.footer-newsletter-social a {
    display: inline-block;
    transition: transform 0.3s ease;
}

.footer-newsletter-social a:hover {
    transform: scale(1.1);
}

.footer-newsletter-social img {
    width: 40px;
    height: 40px;
    filter: invert(24%) sepia(75%) saturate(7451%) hue-rotate(243deg) brightness(90%) contrast(95%);
    transition: transform 0.3s ease;
}

@media (max-width: 768px) {
    .footer-newsletter-content {
        flex-direction: column;
        gap: 20px;
        padding: 30px 20px;
    }

    .footer-newsletter-icon {
        max-width: 300px;
    }

    .footer-newsletter-icon img {
        width: 100%;
    }

    .footer-newsletter-social {
        gap: 10px;
    }

    .footer-newsletter-social img {
        width: 30px;
        height: 30px;
        filter: invert(24%) sepia(75%) saturate(7451%) hue-rotate(243deg) brightness(90%) contrast(95%);
        transition: transform 0.3s ease;
    }
}

.site-header {
    background: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    padding-left: 50px;
    padding-right: 20px;
}

.header-top {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.logo img {
    height: 40px;
}

.center-group {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 800px;
    margin: 0 65px;
}

.search-bar {
    flex: 1;
    margin-right: 30px;
    position: relative;
}

.info-links {
    display: flex;
    gap: 20px;
}

.info-links .nav-link {
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

.info-links .nav-link:hover {
    text-decoration: underline;
}

.search-bar {
    flex: 1;
    max-width: 500px;
    margin: -50px -154px 0 20px;
    position: relative;
}

.search-form {
    position: relative;
    width: 100%;
}

.search-input {
    width: 100%;
    padding: 10px 40px 10px 35px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 14px;
}

.search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url('/resources/img/icons/search.svg') no-repeat center;
    background-size: contain;
}

.header-icons {
    display: flex;
    gap: 20px;
    align-items: center;
}

.header-icons li {
    list-style: none;
}

.cart-icon .badge {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #04C96C;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    padding: 2px 5px;
}

.cart-info {
    font-size: 12px;
    color: #333;
    display: block;
}

.cart-info .price {
    font-weight: bold;
}

.header-bottom {
    display: flex;
    gap: 16px;
    padding: 20px 20px;
    font-size: 14px;
    font-weight: 500;
}

.header-bottom .nav-link {
    text-decoration: none;
    color: #111;
}

.header-bottom .promo {
    color: #e63946;
    font-weight: 800;
}

.header-bottom .highlight {
    color: #04C96C;
    font-weight: 700;
}


/* Other icon links (profile & wishlist) */
header ul li a img {
    width: 26px;
    height: 26px;
}

.nav-link-bottom {
    background: #fff;
    font-family: Bold;
    font-size: 1.1em;
    color: #1C2840;
    transition: all 0.2sease-in-out;
    border-radius: 30px;
}


/* Base list item links */
header ul li a {
    position: relative;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    color: #1C2840;
    transition: all 0.2s ease-in-out;
    border-radius: 30px;
}

/* Force top padding on big screens only */
@media screen and (max-width: 5000px) {
    header .right-links .shopping-bag-link {
        padding-top: 13px;
    }
}

/* Hide mobile header by default */
.mobile-header {
    display: none;
}

/* Show only on small screens */
@media screen and (max-width: 991px) {
    .mobile-header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #fff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    /* Optional: add spacing so content isn't hidden behind the sticky header */
    body {
        padding-top: 100px; /* adjust depending on header height */
    }

    .site-header {
        display: none;
    }
}

/* make global price red */
.rlv-recommender .price {
    color: #eb1443 !important;
}

.rlv-recommender .price-eur {
    color: #000000 !important;
}

.rlv-recommender .discounted {
    color: #eb1443 !important;
}

.margin-top-footer {
    margin-top: -120px;
}

/* custom popup sweetalert2 */
.custom-swal-popup {
    border-radius: 12px;
    padding: 20px;
}

.custom-swal-title {
    font-size: 22px;
    color: #d33; /* Error red */
}

.custom-swal-button {
    background-color: #28a745 !important; /* Green button */
    color: white !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
}

.swal2-popup .swal2-close {
    font-size: 1rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
    line-height: 1.5rem !important;
    top: 0.5rem !important;
    right: 0.5rem !important;
}

div:where(.swal2-icon).swal2-error {
    border-color: #f27474;
    color: #f27474;
    font-size: 9px;
}

/*=== all form errors ===*/
.form-error-message {
    display: block;
    width: 100%;
    font-family: 'Bold';
    color: #EB1443 !important;
    padding: 0;
    margin: 5px 0 0 0;
    word-break: break-word;
    white-space: normal; /* <- very important */
    overflow: visible;   /* <- very important */
    height: auto;        /* <- very important */
}

.sidebar-bottom .form-error-message {
    margin-top: 10px;
    line-height: 1.4;
}