.logo img {
height: 50px;
}
.slick-vertical .slick-slide {
border: none;
opacity: 0.6;
}
.slick-vertical .slick-slide > div {
position: relative;
overflow: hidden;
border-radius: 7px;
}
.slick-vertical .slick-slide.slick-current {
opacity: 1;
}
.slick-vertical .slick-slide.slick-current > div::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 6px solid #73b830;
border-radius: 5px;
}
.big-image-slider-wrapper .big-image-slider-single-item {
position: relative;
}
.label-top-right {
position: absolute;
top: 24px;
left: 0;
background: #216155;
color: white;
padding: 10px 16px;
border-radius: 0 6px 6px 0;
display: flex;
align-items: center;
}
.label-top-right p {
font-weight: 700;
font-size: 15px;
color: #FFFFFF;
letter-spacing: 0;
line-height: 24px;
}
.label-top-right img {
min-height: 32px;
margin-right: 5px;
display: block;
width: 100%;
}
.discount-top-right {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
position: absolute;
top: 24px;
right: 25px;
background: #FF615C;
border-radius: 50%;
width: 106px;
min-width: 106px;
height: 106px;
min-height: 106px;
}
.discount-top-right .title {
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
margin-bottom: 0;
}
.discount-top-right .number {
font-weight: 700;
font-size: 36px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 36px;
}
.product-details-title {
font-weight: 700;
font-size: 32px;
color: #000000;
letter-spacing: 1.2px;
line-height: 42px;
}
.subtitle-box {
border-bottom: 1px solid #EBEBEB;
padding: 0 0 18px 0;
margin-bottom: 24px;
}
.product-details-subtitle {
font-weight: 500;
font-size: 18px;
color: #9D9D9D;
letter-spacing: 0.8px;
margin: 0;
line-height: 20px;
}
.product-details-sku {
font-weight: 500;
font-size: 16px;
color: #000000;
letter-spacing: 0.71px;
text-align: right;
margin: 0;
line-height: 20px;
}
.product-details-sku strong {
font-weight: 700;
}
.product-price--big .discounted-price {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
color: #73b830;
font-weight: 700;
line-height: 32px;
}
@media only screen and (max-width: 479px) {
.product-price--big .discounted-price {
font-size: 22px;
line-height: 26px;
}
}
.product-price--big .main-price {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
color: #73b830;
font-weight: 700;
line-height: 32px;
}
@media only screen and (max-width: 479px) {
.product-price--big .main-price {
font-size: 22px;
line-height: 26px;
}
}
.product-price--big .main-price.discounted {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
color: #CECECE;
font-weight: 300;
line-height: 30px;
}
@media only screen and (max-width: 479px) {
.product-price--big .main-price.discounted {
font-size: 20px;
line-height: 30px;
}
}
.product-short-desc {
padding: 18px 0;
margin: 18px 0;
border-top: 1px solid #EBEBEB;
border-bottom: none;
font-weight: 500;
font-size: 15px;
letter-spacing: 0;
line-height: 24px;
}
.product-short-desc p {
color: #343434;
}
.product-short-desc .text-red {
color: #FF615C;
}
.product-short-desc .text-orange {
color: #fd7e14;
}
.text-red strong, .text-orange strong {
display: block;
}
.text-red a {
text-decoration: underline;
color: #FF615C;
}
.text-red a:hover{
text-decoration: none;
}
.product-price--box {
margin-bottom: 22px;
padding: 12px 0;
}
.product-price--box .you-won {
font-style: italic;
font-size: 15px;
color: #000000;
letter-spacing: 0.8px;
display: block;
}
.product-price--box .product-timer-title {
font-weight: 500;
font-size: 15px;
color: #9D9D9D;
letter-spacing: 0.67px;
text-align: right;
}
.product-price--box .product-timer-box {
font-weight: 600;
font-size: 18px;
color: #FF625D;
letter-spacing: 0.8px;
text-align: right;
margin-top: 12px;
}
.product-price--box.has-counter {
background: #FFF6F6;
border-radius: 8px;
padding: 12px 20px;
}
.product-detail-content .quantity {
display: flex;
justify-content: space-between;
}
.quantity .product-timer-title {
font-weight: 500;
font-size: 13px;
color: #9D9D9D;
letter-spacing: 0.67px;
text-align: right;
}
.quantity .product-timer-box {
font-weight: 600;
font-size: 15px;
color: #000;
letter-spacing: 0.8px;
text-align: right;
margin-top: 4px;
}
.accourdion-product-details {
background: #F7F7F3;
border-radius: 8px;
margin-bottom: 12px;
}
.accourdion-product-details h2 {
font-weight: 700;
font-size: 18px;
color: #000000;
letter-spacing: 0;
line-height: 24px;
padding: 16px 20px;
border-bottom: 2px solid #fff;
}
.accourdion-product-details > div {
padding: 12px 20px 32px 20px;
}
.accourdion-product-details ul {
display: table;
margin: 24px;
padding-bottom: 24px;
width: calc(100% - (48px));
}
.accourdion-product-details ul li {
display: table-row;
}
.accourdion-product-details ul li:nth-child(odd) {
background: white;
border-radius: 6px;
}
.accourdion-product-details ul li span,
.accourdion-product-details ul li p {
display: table-cell;
padding: 10px 20px;
font-weight: 500;
font-size: 14px;
color: #343434;
letter-spacing: 0;
line-height: 20px;
}
.accourdion-product-details ul li p {
font-weight: 700;
color: #73B830;
}
.how-to {
border: 1px solid #73B830;
border-radius: 8px;
letter-spacing: 0;
line-height: 24px;
overflow: hidden;
}
.how-to .content {
padding: 20px;
}
.how-to h3 {
margin-bottom: 12px;
padding: 20px 20px 0 20px;
}
.how-to img {
min-width: 266px;
}
.product-details--calendar.mobile,
.how-to.mobile {
display: none!important;
}
.calendar-title {
margin-top: 40px;
font-weight: 700;
font-size: 18px;
color: #000000;
letter-spacing: 0;
line-height: 24px;
padding: 0;
}
.calendar-box {
display: flex;
flex-wrap: wrap;
margin: 0 -1% ;
}
.table-plant {
margin: 0 -1% 24px -1%;
display: flex;
}
.table-plant > li {
width: 48%;
margin: 1%;
background: #EFF3F2;
border-radius: 8px;
padding: 20px;
}
.table-plant h5 {
font-weight: 700;
font-size: 16px;
color: #73B830;
letter-spacing: 0;
line-height: 24px;
margin-bottom: 12px;
}
.table-plant ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.table-plant ul li {
width: 25%;
text-align: left;
font-size: 14px;
text-transform: uppercase;
color: #414140;
margin-bottom: 12px;
}
.table-plant ul li.active {
font-weight: 700;
position: relative;
border-radius: 4px;
}
.table-plant ul li.active:after {
content: '';
display: block;
position: absolute;
bottom: -2px;
left: 0;
width: 32px;
background: #73B830;
height: 3px;
}
.search-fade{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;background-color:black;z-index:11;opacity:.6;filter:alpha(opacity=60);display:none}
.small-cart-header {
text-align: center;
padding: 8px 16px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.small-cart-header h4 {
margin: 0;
padding: 0;
color: black;
font-size: 16px;
line-height: 24px;
margin-top: 4px;
opacity: 0.8;
}
.small-cart-item-wrapper .single-item {
margin: 10px 16px;
padding-bottom: 10px;
}
.checkout-form {
padding: 24px;
border: 1px solid #e6e6e6;
border-radius: 8px;
}
.upsell-checkout {
margin: 0 -1%;
}
.upsell-checkout .single-slider-product-wrapper {
margin: 1%;
}
.order-list {
margin-bottom: 40px;
width: 100%;
}
.order-list tr td {
padding: 12px 8px;
border-bottom: 1px solid rgb(227, 227, 227);
}
.order-list tr td .link {
text-decoration: underline;
color: #73B830;
margin-left: 10px;
}
.order-list tr:nth-child(even) td {
background: #f2f2f2;
}
.order-list tr .thumb {
max-width: 120px;
width: 100%;
margin-right: 24px;
}
.order-list tr .thumb img {
width: 100%;
max-width: 100%;
display: block;
}
.order-list tr .content {
display: flex;
flex-direction: column;
}
.order-list tr .content a {
font-weight: bold;
margin-bottom: 5px;
}
.order-list tr .content a .status {
border-radius: 20px;
font-size: 12px;
font-weight: 600;
color: white;
padding: 1px 8px;
margin-left: 12px;
}
.order-list tr .content a .new {
background: #216155;
}
.order-list tr .content a .delivered {
background: #FBC02D;
}
.order-list tr .content a .sent {
background: #1E88E5;
}
.order-list tr .content span {
font-size: 14px;
opacity: 0.7;
}
.order-list tr .price {
font-weight: 700;
padding: 16px 0 0 0;
}
.order-list tr .left-content .order-info,
.order-list tr .left-content .address {
font-size: 14px;
opacity: 0.7;
}
.order-list tr .right-content span {
font-size: 14px;
opacity: 0.7;
}
.nav.nav-pills {
background: white;
border: 1px solid #dddddd;
padding: 18px 10px;
border-radius: 8px;
margin-bottom: 24px;
}
.page-404-content {
padding: 120px 0 ;
}
.errorMsg {
color: white;
padding-bottom: 5px;
font-size: 14px;
}
.login-form.noshadow {
border-radius: 6px;
border: 1px solid #d1d1d1;
background: white;
box-shadow: none!important;
}
.login-form .errorMsg {
color: red;
padding-bottom: 5px;
font-size: 14px;
}
.single-slider-product__image .date-product-listing {
position: absolute;
left: 0;
bottom: 0;
right: 0;
background: red;
color: white;
font-size: 12px;
text-align: center;
display: block;
padding: 2px 0;
}
.single-slider-product--list-view__content__actions {
position: relative;
}
.single-slider-product--list-view__content__actions .date-product-listing {
background: red;
color: white;
font-size: 12px;
text-align: center;
display: block;
padding: 2px 0;
border-radius: 6px;
}
.form-container {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
.form-steps {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
margin-bottom: 16px;
}
.form-steps li {
margin: 0 6px;
}
.form-steps span {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
width: 24px;
min-width: 24px;
height: 24px;
color: black;
background: #f2f2f2;
border-radius: 50%;
}
.form-steps li.active span {
background: #7db333;
color: white;
}
.navigation-top .container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding-top: 24px;
padding-bottom: 24px;
}
.navigation-top .container .header-right {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
align-content: center;
}
.navigation-top .container .header-right .headertop-dropdown-container {
margin: 0 32px;
}
.logo-header {
max-width: 280px;
}
.logo-header a {
display: block;
}
.logo-header a img {
width: 100%;
max-width: 100%;
display: block;
}
.phone-header span {
font-size: 12px;
white-space: nowrap;
}
.phone-header p a {
white-space: nowrap;
}
.phone-header p a:hover {
color: #73B830;
}
.navigation-top .container .header-search {
width: 100%;
max-width: 608px;
height: 48px;
position: relative;
}
.navigation-top .container .header-search .search-container form input {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: #216155;
font-weight: 300;
background: #dff1f0;
border: 0;
padding: 0 65px 0 20px;
height: 48px;
border-radius: 5px;
}
.navigation-top .container .header-search .search-container form button {
position: absolute;
top: 0;
right: 0;
background: transparent;
border: 0;
width: 60px;
padding: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 22px;
color: #216155;
font-weight: 400;
line-height: 50px;
z-index: 6000;
}
.small-cart {
z-index: 7000;
}
.mobile-menu-wrapper {
display: none;
}
.sidebar-title {
color: #73b830;
font-size: 18px;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.subs-table {
display: flex;
gap: 24px;
margin-bottom: 40px;
}
.subs-table > div {
width: 33.3%;
border: 1px solid rgba(0, 0, 0, 0.2);
border-top: 4px solid #73B830;
padding: 24px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
}
.subs-table > div .top {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
min-height: 106px;
}
.subs-table > div .top h4 {
text-align: center;
margin: 0;
padding: 0;
color: #73B830;
font-weight: bold;
}
.subs-table > div .top p {
text-align: center;
}
.subs-table > div .top h5 {
text-align: center;
margin: 0;
padding: 0;
}
.subs-table > div .mid {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
width: 100%;
}
.subs-table > div .mid .price-sec {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
font-size: 28px;
font-weight: bold;
text-align: center;
background: #f2f2f2;
border-radius: 5px;
padding: 24px 0;
margin: 24px 0;
}
.subs-table > div .mid .price-sec span {
font-size: 14px;
text-align: center;
display: block;
font-weight: normal;
margin-bottom: 12px;
text-transform: uppercase;
}
.list-features h6 {
font-weight: 700;
font-size: 14px;
color: #353f4d;
}
.list-features ul {
list-style: none;
margin: 12px 0 24px 0;
}
.list-features li {
font-size: 14px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding: 5px 0;
}
.list-features li:before {
content: '✓';
display: block;
font-size: 24px;
color: #73B830;
margin-right: 12px;
}
.subs-table .button-green {
color: white;
background: #73B830;
border-radius: 4px;
padding: 12px 24px;
width: 100%;
text-align: center;
}
.subs-table .button-green:hover {
background: #343434;
}
.subs-table .bottom {
width: 100%;
}
.subs-table .head {
width: 100%;
}
.order-table .text-left {
text-align: left;
}
.order-table .link {
font-size: 14px;
font-weight:500;
}
.total-profile-orders {
background-color: #f2f2f2;
width: 100%;
padding: 8px 12px;
}
.total-profile-orders li {
padding: 4px 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: stretch;
}
.order-table .d-flex.flex-column {
padding-left: 15px;
max-width:260px;
}
.error-box {
text-align: center;
}
.fav-list-products {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-bottom: 40px;
}
.fav-list-products li {
width: 31.3%;
}
.errorMsg {
text-align: center;
color: red;
font-size: 12px;
padding-bottom: 10px;
}
.delete-fav-list {
text-align: center;
color: red;
display: block;
font-size: 13px;
line-height: 24px;
margin-top: 12px;
}
.center-complain {
max-width: 700px;
margin: 0 auto;
background: white;
box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
border-radius: 6px;
}
.center-complain .form-group {
margin-bottom: 24px;
}
.comp-aside {
background-color: #f2f2f2;
border-radius: 5px;
padding: 20px;
}
.comp-aside .form-group {
margin-bottom: 8px;
font-size: 15px;
}
.comp-aside .form-group .select-wrap {
font-size: 15px;
}
.comp-aside .image-list {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
margin-bottom: 12px;
}
.comp-aside .image-list span {
display: block;
line-height: 28px;
font-size: 13px;
font-style: italic;
opacity: 0.7;
}
.comp-title {
font-weight: bold;
color: red;
font-size: 22px;
}
.comp-status {
font-weight: bold;
text-align: 15px;
text-transform: uppercase;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
}
.site-section .badge {
background: #73B830;
margin-left: 8px;
}
.comp-text {
font-size: 16px;
}
.site-section .card-body p {
font-size: 14px;
}
.comp-form {
width: 100%;
background: #f2f2f2;
border-radius: 6px;
padding: 24px;
}
.comp-form form {
position: relative;
}
.comp-form form {
box-shadow: 0 0 6px rgb(0 0 0 / 5%);
}
.comp-form form input {
display: inline-block;
vertical-align: top;
padding: 10px 15px;
padding-right: 125px;
line-height: 30px;
height: 48px;
color: #a9a9a9;
font-size: 14px;
width: 100%;
border: 0;
background: #fff;
border-radius: 5px;
text-align: left;
-webkit-box-shadow: none;
box-shadow: none;
}
.comp-form form button {
line-height: 48px;
border: none;
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 0 18px;
font-size: 16px;
color: #fff;
background: #73B830;
font-weight: 700;
position: absolute;
text-transform: capitalize;
right: -1px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.promo-box--product {
background: #216155;
border-radius: 12px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
align-content: center;
padding: 24px;
}
.promo-box--product .right-content {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: center;
padding: 12px 0 0 24px;
width: 100%;
}
.promo-box--product .left-pr-promo {
max-width: 240px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.promo-box--product .left-pr-promo img {
max-width: 100%;
border-radius: 12px;
margin-bottom: 0;
}
.promo-box--product .price-box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
margin-bottom: 14px;
}
.promo-box--product h3 {
font-size: 16px;
line-height: 22px;
color: white;
text-align: left;
}
.promo-box--product .discounted-price {
color: white;
opacity: 0.7;
text-decoration: line-through;
margin-right: 12px;
}
.promo-box--product .textxxxxx {
text-align: left;
width: 100%;
}
.promo-box--product .price {
color: white;
text-align: left;
font-weight: bold;
font-size: 23px;
}
.promo-box--product .subtitle {
color: #FBC02D;
text-align: left;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 0;
}
.promo-box--product h4 {
font-size: 28px;
color: #FBC02D;
font-weight: bold;
margin: 12px 0 10px 0;
}
.timer-box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: stretch;
width: 100%;
}
.timer-box .time {
text-align: center;
font-weight: bold;
font-size: 22px;
padding: 12px 12px 8px 12px;
border-radius: 6px;
margin: 0 8px 0 0;
color: white;
background: rgb(0 0 0 / 10%);
flex: 1;
}
.timer-box .time span {
text-align: center;
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: normal;
opacity: 0.9;
}
.blog-wraper {
margin-bottom: 32px;
box-shadow: 0 0 6px rgb(0 0 0 / 5%);
border-radius: 6px;
}
.blog-wraper .view-gallery,
.blog-wraper .view-gallery img {
width: 100%;
max-width: 100%;
display: block;
}
.article-content {
padding: 16px 24px;
}
.promo-box--product p {
color: #fff;
text-align: center;
font-size: 15px;
margin-top: 24px;
margin-bottom: 0;
}
.promo-box--product.mobile {
display: none;
}
.subscribe-button {
margin: 0 auto 24px;
}
.change-blog {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding: 8px 12px;
background-color: #f2f2f2;
border-radius: 6px;
margin-bottom: 12px;
}
.big-b-title {
font-size: 32px;
font-weight: bold;
display: block;
margin-bottom: 24px;
}
.blog-text {
margin: 0 auto;
max-width: 720px;
}
.blog-text,
.blog-text div,
.blog-text p {
font-size: 16px;
line-height: 28px;
}
.blog-text img {
width: 100%;
max-width: 100%;
display: block;
}
.blog-aside {
padding: 24px;
background-color: #f2f2f2;
border-radius: 6px;
margin-bottom: 12px;
}
.change-cat {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding: 8px 12px;
border: 1px solid rgb(0 0 0 / 15%);
border-radius: 6px;
margin-bottom: 12px;
font-size: 13px;
}
.change-cat .blog-category {
gap: 8px;
font-size: 13px;
}
.change-cat .blog-category a {
text-decoration: underline;
font-size: 13px;
}
.buybuttonsmall {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
margin-top: 24px;
}
.buybuttonsmall .b-inner {
margin-right: 6px;
}
.buybuttonsmall .fa {
color: #73B830;
}
.blog-list-wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: center;
}
.similar-posts-blog {
padding: 32px 0;
}
.similar-posts-blog h4 {
margin-bottom: 12px;
}
.thumb-blog-related {
max-width: 336px;
width: 100%;
margin: 0;
padding: 0;
}
.related-box {
padding: 24px;
}
.thumb-blog-related img {
width: 100%;
}
.main-image-blog {
display: block;
width: 100%;
max-width: 100%;
margin-bottom: 24px;
}
.share-fb {
margin-bottom: 24px;
}
.pro-thumbnail-thankoyu img {
max-width: 80px;
}
.small-cart-item-wrapper .single-item .img-fluid {
max-width: 60px;
}
.checkout-table-price {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
font-size: 14px;
margin-top: 12px;
}
.checkout-table-price .quantity-show {
margin-right: 12px;
opacity: 0.7;
}
.checkout-pr-table .text-right {
text-align: right;
}
.headroom--pinned {
display: block;
}
.headroom--unpinned {
display: none;
}
.headroom {
will-change: transform;
transition: transform 200ms linear;
}
.headroom--pinned {
transform: translateY(0%);
}
.headroom--unpinned {
transform: translateY(-100%);
}
.checkout-table-box.desktop {
display: flex;
}
.checkout-table-box.mobile {
display: none;
}
.checkout-table-box {
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
width: 100%;
margin-bottom: 24px;
}
.t-row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
align-content: stretch;
width: 100%;
padding: 8px 0;
}
.t-row-left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
width: 50%;
}
.t-row-right {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
align-content: flex-end;
width: 50%;
position: relative;
}
.t-row-right .remove-icon {
position: absolute;;
top: 20px;
right: 0;
color: #73b830;
}
.checkout-table-thumb {
width: 60px;
min-width: 60px;
height: 60px;
overflow: hidden;
border-radius: 5px;
margin-right: 15px;
}
.t-row img {
max-width: 100%;
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.checkout-table-title {
font-weight: 600;
}
.t-row-right .cena-box {
font-weight: bold;
width: 120px;
padding: 0 24px;
}
.cena-box .title-cena {
display: block;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
opacity: 0.6;
}
.t-cell {
display: table-cell;
}
.nav-link {
color: #73B830;
padding: 8px 8px;
font-size: 14px;
}
.nav-pills .nav-link {
text-transform: capitalize;
color: black;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: gray;
}
.nav-link:focus, .nav-link:hover {
color: #333;
}
.btn.btn-comp {
display: block;
font-weight: 700;
line-height: 1.5;
color: #212529;
border: 1px solid transparent;
padding: 16px 8px;
font-size: 13px;
border-radius: 0.25rem;
}
.confirm-order--label {
font-weight: bold;
background: rgba(0, 0, 0, 0.05);
border-radius: 5px;
color: black;
text-align: center;
font-size: 16px;
margin: 24px 0;
padding: 16px;
}
.form-complain {
background: #f2f2f2;
border-radius: 5px;
padding: 24px;
}
.form-complain .col-md-6,
.form-complain .col-md-12 {
margin-bottom: 12px;
}
.form-complain .form-group label {
font-size: 13px;
}
.sidebar-widget {
background: #fff;
padding: 20px 0;
}
.shop-header,
.pagination-section {
border: none;
background: #f2f2f2;
border-radius: 4px;
}
.pagination-section .pagination li {
margin: 0 4px;
}
.hover-icons ul li a {
background: white;
color: black;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
.sidebar-widget > ul li a {
line-height: 22px;
padding: 5px 0;
color: #333333;
font-size: 14px;
}
.sidebar-filter-group a,
.sidebar-filter-group-color a {
line-height: 22px;
padding: 5px 0;
color: #333;
padding-left: 19px;
font-size: 14px;
}
.sidebar-widget {
padding: 0 0 16px 0;
}
.sidebar-widget > ul,
.sidebar-filter-group {
padding-bottom: 16px;
}
.single-slider-product--list-view__content__actions {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
}
.single-slider-product--list-view__content__actions .availability,
.single-slider-product--list-view__content__actions .product-price {
text-align: center;
}
.single-slider-product--list-view__content__details .product-title a {
min-height: auto;
}
.nohover-icons ul {
margin-top: 12px;
}
.nohover-icons ul li a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
font-size: 13px;
font-weight: 500;
line-height: 24px;
}
.nohover-icons ul li a:hover {
color: #73B830;
}
.nohover-icons ul li a i {
margin-right: 4px;
}
.pro-qty {
height: 60px;
}
.hover-product--inside {
width: 54px;
min-width: 54px;
border-radius: 50%;
height: 54px;
border: 1px solid #73b830;
color: #73b830;
background: white;
text-align: center;
font-size: 22px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
margin-left: 16px;
}
.hover-product--inside.active {
border: 1px solid #73b830;
color: white;
background: #73b830;
}
.product-details-area .availability {
font-size: 12px;
margin-top: 24px;
}
.product-pruchase-info {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
align-content: stretch;
min-width: 180px;
}
.product-quantity-left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
width: 100%;
}
.white-button {
background: white;
color: black;
padding: 14px 32px;
text-align: center;
font-size: 15px;
font-weight: 700;
}
.white-button:hover {
opacity: 0.7;
}
.bulk-quantity-product {
display: flex;
flex-wrap: wrap;
margin: 0 -2% 24px -2%;
}
.bulk-quantity-product li {
width: 29.3%;
margin: 1% 2%;
background: #ffffff;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.bulk-quantity-product li a {
display: block;
color: black;
font-size: 14px;
text-align: center;
min-height: 56px;
font-weight: 600;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
align-content: center;
position: relative;
}
.bulk-quantity-product li.selected a {
background: #1f262b;
color: white;
}
.bulk-quantity-product li:hover a {
background: #1f262b;
color: white;
}
.bulk-quantity-product li span {
position: absolute;
left: 0;
right: 0;
top: -16px;
background: rgba(255, 241, 204, 1);
color: #FBC02D;
display: block;
text-align: center;
font-size: 11px;
font-weight: 600;
}
.single-slider-product .product-title {
text-align: center;
}
.single-slider-product--list-view__content__details .product-title {
text-align: left;
}
.promotionCheckoutProduct {
background: #7da500;
}
.promotionCheckoutProduct .pro-thumbnail a {
padding-left: 10px;
color: white;
}
.promotionCheckoutProduct td,
.promotionCheckoutProduct td div a {
color: white !important;
}
.promotionCheckoutProduct td div b {
font-size: 13px;
}
.teke-gift {
color: red;
}
.teke-gift span {
font-weight: bold;;
}
.body-is-sticky {
padding-top: 146px;
}
/* DESKTOP desktop */
@media only screen and (max-width: 1366px) {
}
/* 1366px; */
@media only screen and (max-width: 1280px) {
.navigation-top .container .header-search {
max-width: 500px;
margin: 0 24px;
}
.product-detail-content .quantity {
flex-wrap: wrap;
}
}
/* 1280px; */
@media only screen and (max-width: 1270px) {
.product-pruchase-info {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 10px;
}
.quantity .product-timer-box {
font-weight: 600;
font-size: 14px;
color: #000;
letter-spacing: 0.8px;
text-align: right;
margin-top: 0;
margin-left: 12px;
}
.product-details-area .availability {
text-align: center;
margin-top: 14px;
}
}
/* 1270px; */
@media only screen and (max-width: 991px) {
.disable-scroll .scroll-button,
.disable-scroll .scroll-button.active {
display: none;
}
.hover-product--inside {
margin-left: 10px;
}
.hover-product--inside {
width: 48px;
min-width: 48px;
border-radius: 50%;
height: 48px;
}
h2 {
font-size: 26px;
line-height: 32px;
}
.single-slider-product .hover-icons {
visibility: visible;
opacity: 1;
right: 4px;
bottom: 4px;
}
.single-slider-product .hover-icons ul li a {
width: 28px;
height: 28px;
}
.recent-search {
right: 0!important;
}
.fav-list-products li {
width: 48%;
}
.thank-you-title {
font-size: 24px;
line-height: 30px;
}
.order-table td {
text-align: center!important;
}
.order-table .d-flex.flex-column {
padding-left: 0;
max-width:100%;
text-align: center;
}
.order-table .d-flex.flex-column a {
text-align: center;
display: block;
width: 100%;
}
.total-profile-orders {
text-align: center;
}
.subs-table {
flex-direction: column;
}
.subs-table > div {
width: 100%;
}
.navigation-top .container .header-search {
max-width: 100%;
margin: 0;
}
.navigation-top .container .header-right {
position: absolute;
right: 0;
}
.navigation-top .container {
position: relative;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
align-items: start;
align-content: center;
padding-top: 24px;
padding-bottom: 24px;
}
.navigation-top .container .header-search {
max-width: 100%;
margin-top: 16px;
}
.navigation-top .container .header-search .search-container form input {
max-width: 100%;
margin: 0;
}
.logo-header {
max-width: 210px;
margin-left: 44px;
margin-top: 8px;
}
.mobile-menu-wrapper {
display: block;
}
.mobile-menu {
position: absolute;
top: 38px;
left: 20px;
right: 0;
}
.mobile-menu .mean-bar {
text-align: left;
}
.calendar-box {
margin: 0 ;
}
.product-detail-content {
padding: 0 0 0 0;
}
.product-details--calendar.desktop,
.how-to.desktop {
display: none!important;
}
.product-details--calendar.mobile {
display: block!important;
}
.how-to.mobile {
display: flex!important;
}
.table-plant {
width: 100%;
margin: 0 0 24px 0;
flex-direction: column;
}
.table-plant > li {
width: 100%;
margin: 0 0 16px 0;
}
.mean-nav {
position: absolute;
right: 14px;
z-index: 8000;
left: -5px;
}
.mean-nav > ul {
min-height: 600px;
}
.mobile-menu .mean-bar .mean-nav > ul li a {
line-height: 48px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
height: 50px;
width: 60px;
line-height: 50px;
}
}
@media only screen and (max-width: 960px) {
.top-nav .col-lg-12 {
overflow: hidden;
}
.top-nav .col-lg-12 a {
animation: marquee 15s linear infinite;
word-wrap: normal;
white-space: nowrap;
}
@keyframes marquee {
from {transform: translateX(100%); }
to {transform: translateX(-100%); }
}
.promo-box--product.mobile {
display: flex;
margin-bottom: 24px;
flex-direction: column;
align-items: center;
}
.promo-box--product .left-pr-promo {
max-width: 250px;
}
.promo-box--product.desktop {
display: none;
}
.promo-box--product .right-content {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
align-content: center;
padding: 12px 0 0 0;
}
.promo-box--product .price {
text-align: center;
font-size: 16px;
}
.promo-box--product h3 {
text-align: center;
}
}/* 960px */
@media only screen and (max-width: 768px) {
.big-b-title {
font-size: 24px;
line-height: 32px;
}
.labels-product-list .label {
line-height: 25px!important;
font-size: 12px!important;
}
.bulk-quantity-product {
margin: 0 -2% 14px -2%;
}
.bulk-quantity-product li {
width: 46%;
margin: 1% 2%;
}
.bulk-quantity-product li a {
font-size: 13px;
min-height: 52px;
}
.badge.theme-button {
padding: 12px 30px;
display: flex;
flex-direction: column;
font-size: 14px;
text-align: center;
line-height: 20px;
}
.thetitle {
font-size: 22px;
line-height: 26px;
}
.login-form {
padding: 18px;
}
.login-form label {
margin-bottom: 4px;
}
.pro-thumbnail-thankoyu img {
max-width: 70px;
}
.product-double-row-slider-wrapper {
margin-bottom: 24px;
}
.checkout-form input {
margin-bottom: 0;
}
.checkout-form label {
margin-bottom: 4px;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items {
right: -62px;
top: 145%;
padding: 0 16px;
min-width: 140px;
z-index: 8888;
}
.navigation-top .container .header-right .headertop-dropdown-container {
margin: 0 0 0 0;
}
.headertop-dropdown-container .header-top-single-dropdown a img {
width: 32px;
height: 32px;
}
.shop-header {
padding: 5px 5px;
}
.shop-header__right .select-title {
display: none;
}
.shop-header__left__message {
display: none;
}
.shop-product-wrap {
padding-left: 8px;
padding-right: 8px;
}
.category-box-list {
max-width: 50%;
padding: 0 8px;
}
.blog-list-wrap {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: center;
}
#trackForm .theme-button {
width: 100%;
margin-top: 24px;
}
.promo-box--product h4 {
font-size: 32px;
color: #FBC02D;
font-weight: bold;
text-align: center;
margin: 12px 0 24px 0;
}
.comp-form form button {
line-height: 48px;
border: none;
border-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width: 100%;
position: relative;
margin-top: 12px;
right: 0;
top: 0;
transform: none;
}
.order-list {
display: flex;
}
.order-list tr {
display: flex;
flex-direction: column;
}
.order-list tr td {
display: flex;
width: 100%;
border-bottom: none;
}
.order-list tr .thumb {
max-width: 60px;
width: 100%;
}
.logo img {
height: 40px;
}
.discount-top-right {
top: 10px;
right: 10px;
width: 92px;
min-width: 92px;
height: 92px;
min-height: 92px;
}
.discount-top-right .title {
font-size: 12px;
}
.discount-top-right .number {
font-size: 30px;
line-height: 25px;
}
.fav-list-products li {
width: 46%;
}
.order-list tbody {
width: 100%;
}
.order-list tbody th {
display: none;
}
.order-list tbody td {
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
.order-list tbody .theme-button {
width: 100%;
}
.pr-title {
font-size: 24px;
line-height: 28px;
}
.product-price .discounted-price {
font-size: 16px !important;
margin-right: 6px;
}
.single-slider-product .short-desc {
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.single-slider-product__image .date-product-listing {
line-height: 13px;
}
}/* 768px */
@media only screen and (max-width: 640px) {
.checkout-table-box.mobile {
display: flex;
}
.checkout-table-box.desktop {
display: none;
}
.hide-mobile {
display: none!important;
}
.checkout-table-thumb {
width: 52px;
min-width: 52px;
height: 52px;
}
.checkout-table-title {
font-weight: 600;
font-size: 13px;
}
.product-title a {
font-size: 14px;
min-height: 80px;
letter-spacing: 0;
line-height: 18px;
}
.title-cena-mobile {
display: flex;
flex-direction: column;
}
.t-row {
padding: 10px 0;
border-bottom: 1px solid #00000017;
}
.t-row-left {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
width: 100%;
}
.t-row-right .pro-qty {
margin-right: 28px;
width: 74px;
min-width: 74px;
}
.cena-mobile {
display: flex;
gap: 24px;
}
.cena-box .title-cena {
font-size: 11px;
}
.single-slider-product__content {
padding: 10px;
}
.how-to img {
display: none;
}
.how-to h3 {
margin-bottom: 0;
padding: 20px 20px 0 20px;
font-size: 20px;
line-height: 28px;
}
.product-details-title {
font-size: 22px;
letter-spacing: 0.5px;
line-height: 26px;
}
.subtitle-box {
flex-direction: column;
justify-content: start;
align-items: flex-start;
}
.product-details-sku {
font-size: 13px;
margin-top: 8px;
}
.quantity {
flex-direction: column;
justify-content: start;
align-items: flex-start;
}
.quantity .right {
flex-direction: row;
justify-content: space-between;
}
.product-cart-button {
padding: 6px 18px;
height: 60px;
font-size: 15px;
}
.product-price--box {
flex-direction: column;
align-items: start;
justify-content: start;
align-content: start;
width: 100%;
}
.product-price--box p {
padding: 5px 0 0 ;
}
.product-detail-content {
display: flex;
flex-direction: column;
flex-wrap: wrap-reverse;
justify-content: flex-start;
align-items: center;
align-content: stretch;
width: 100%;
}
.subtitle-box {
width: 100%;
align-items: center;
margin-bottom: 12px;
}
.product-details-title {
text-align: center;
}
.product-details-subtitle {
text-align: center;
font-size: 16px;
}
.product-price--box .you-won {
text-align: center;
}
.product-price--big .discounted-price {
font-size: 26px !important;
}
.product-timer-title {
margin-left: 12px;
}
.product-short-desc .text-red {
text-align: center;
font-size: 14px;
line-height: 20px;
}
.full-banner__content p {
margin-bottom: 12px;
}
.full-banner__content h5 {
margin-bottom: 8px;
}
.product-title {
text-align: center;
}
.shop-header__right {
padding-left: 10px;
display: flex;
}
.grid-icons {
float: left;
display: flex;
}
.shop-header__right .single-select-block select {
font-size: 12px;
}
}/* 640px */
@media only screen and (max-width: 560px) {
}/* D560px */
/** search begin **/
.recent-search{
top: 3px;
left: 0;
right: 0;
box-shadow: 2px 1px 7px rgb(0 0 0 / 20%);
width: auto;
background: #fff;
color: #646464;
font-family: Open Sans;
border: 1px solid #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position:absolute;
z-index:999;
margin:45px 0px 0px 0px;
z-index:9999;
display:none;
}
.recent-search img {
float: left;
margin-right: 8px;
}
.recent-search span{
width:100%;
float: left;
font-size: 13px;
font-weight: 700;
padding: 10px;
color: #373a3e;
font-family:Arial;
border-bottom:1px solid #ebebeb;
}
.recent-search ul li, .show-cart ul li{
width:100%;
font-family: Open Sans;
font-size: 13px;
}
.recent-search ul li {
clear: both;
}
.recent-search ul li a {
display: block;
float: none!important;
position: relative;
}
.recent-search ul li:nth-child(even) a {
background-color: #f2f2f2;
}
.recent-search ul li a, .show-cart ul li a{
width:100%;
color:#5b5b5b !important;
padding: 8px 15px;
font-size:12px;
font-family:Open Sans;
}
.recent-search .autocompl a{
padding: 8px !important;
}
.recent-search ul li a:hover, .show-cart ul li a:hover{
background:#f4f4f4;
}
.recent-search{
max-height:500px;
overflow-y:scroll;
}
.recent-search ul li, .show-cart ul li{
width:100%;
float: left;
font-family: Open Sans;
font-size: 13px;
}
.recent-search ul li a, .show-cart ul li a{
width:100%;
float: left;
color:#5b5b5b !important;
padding: 8px 15px;
font-size:12px;
font-family:Open Sans;
}
.recent-search .autocompl a{
padding: 8px !important;
}
.recent-search ul li a:hover, .show-cart ul li a:hover{
background:#f4f4f4;
}
.recent-search{
max-height:500px;
overflow-y:scroll;
}
.autocompl-title-wrap{
padding-right: 120px;
margin-right: 20px;
min-height: 50px;
}
.autocompl-title{
padding:0px 0px 0px 10px;
}
.autocompl-price-wrap{
position: absolute;
top: 24px;
right: 12px;
}
.autocompl-price{
height:50px;
font-weight:bold;
}
.autocompl-img{
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.input_search {
width: 335px;
position: absolute;
background: #fff;
padding: 8px 10px;
color: #646464;
font-family: Open Sans;
border: 1px solid #fff;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
z-index:999 !important;
}
.errors-checkout .errorMsg {
color: red;
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1266px) {
.input_search{
width:300px;
}
}
/** search end **/
.action-danger {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #ffffff;
font-weight: 700;
line-height: 50px;
text-align: center;
padding: 0 30px;
-webkit-transition: 0.3s;
border-radius: 6px;
transition: 0.3s;
border: none;
background-color: #dc3545;
}
.action-danger:hover {
color: #fff;
background-color: #b02a37;
}
.blog-category {
display: flex;
justify-content: center;
}
.blog-category li a {
font-weight: 700;
text-align: center;
font-size: 13px;
}
.blog-category li a:hover,
.blog-inside-page a:hover {
color: #73b830;
}
.blog-inside-page .share-fb {
margin: 24px auto;
text-align: center;
display: inline-block;
color: #1E88E5;
font-weight: bold;
border: 1px solid #1E88E5;
padding: 12px 24px;
border-radius: 6px;
}
.blog-inside-page a.share-fb:hover {
background: #1E88E5;
color: white;
}
@media only screen and (max-device-width: 768px) {
.blog-category {
flex-direction: column;
align-content: center;
align-items: center;
}
}
.scroll-top {
z-index: 800!important;
}
.small-cart {
position: fixed;
top: 0;
bottom: 0;
right: 0;
margin-top: 0!important;
z-index: 9999999!important;
}
.cart-calculation-table {
width: 100%;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-top: 0!important;
z-index: 8000;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
}
.overlay.open {
opacity: 100;
visibility: visible;
}
.small-cart-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.small-cart-item-wrapper {
height: calc(100% - (320px));
overflow-y: auto;
}
.cart-calculation-table {
position: absolute;
bottom: 0;
}
body.disable-scroll {
overflow: hidden;
}
.scroll-top {
display: none;
}
.timeline-body .loadAjax {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.timeline-body .loadAjax .blog-wraper {
width: calc(50% - (48px));
}
.modal {
z-index: 99999;
}
.modal-content {
max-width: 614px;
padding: 80px 24px 40px 24px;
}
.modal-content .close {
color: #aaa;
float: right;
font-size: 26px;
font-weight: bold;
position: absolute;
top: 10px;
right: 10px;
}
.modal-content .thumb {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: -36px;
width: 120px;
}
.modal-content .thumb img {
display: block;
width: 100%;
height: 100%;
}
.modal-content h3 {
text-align: center;
color: black;
font-size: 18px;
margin-top: 12px;
line-height: 26px;
font-weight: bold;
}
.modal-content p {
text-align: center;
}
.modal-content .form {
max-width: 90%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-direction: column;
}
.modal-content #modal-content {
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-direction: column;
}
.modal-content .buttons {
margin-top: 12px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
gap: 24px;
width: 100%;
}
.modal-content .form .form-control {
padding: 9px 24px;
}
.modal-content .buttons .button {
background: #73b830;
color: white;
flex: 1;
padding: 9px 24px;
}
.modal-content .buttons .proceed {
color: #73b830;
flex: 1;
font-size: 14px;
white-space: nowrap;
}
.modal-content .buttons .proceed:hover {
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
.timeline-body .loadAjax {
gap: 16px;
}
.timeline-body .loadAjax .blog-wraper {
width: 100%;
}
.modal-content {
width: 90%;
padding: 48px 16px 16px 16px;
}
.modal-content .buttons {
flex-direction: column;
}
.modal-content .form {
max-width: 100%;
}
.modal-content h3 {
line-height: 23px;
}
.modal-content .buttons .button {
width: 100%;
}
.modal-content .thumb {
width: 96px;
}
}
.disabled-button {
background-color: gray !important;
}
.labels-product-list {
position: absolute;
top: 20px;
left: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
gap: 8px;
}
@media only screen and (max-width: 768px) {
.labels-product-list {
top: 8px;
gap: 4px;
}
}
.labels-product-list .label {
padding-left: 12px;
padding-right: 12px;
line-height: 28px;
font-size: 15px;
font-weight: 600;
display: inline-block;
}
.label.label--red {
background: red;
color: white;
}
.label.label--orange {
background: orange;
color: white;
}
.label.label--green {
background: #73b830;
color: white;
}
.label.label--white {
background: #fff;
color: #73b830;
}
.labels-product-list {
position: absolute;
top: 20px;
left: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
align-content: stretch;
gap: 8px;
}
@media only screen and (max-width: 768px) {
.labels-product-list {
top: 8px;
gap: 4px;
}
}
.labels-product-list .label {
padding-left: 10px;
padding-right: 10px;
line-height: 28px;
font-size: 14px;
font-weight: 600;
display: inline-block;
}
.label.label--red {
background: red;
color: white;
}
.label.label--orange {
background: orange;
color: white;
}
.label.label--green {
background: #73b830;
color: white;
}
.label.label--white {
background: #fff;
color: #73b830;
}
.bought-together {
margin-bottom: 24px;
position: relative;
overflow: hidden;
max-height: 240px;
}
.bought-together h2 {
font-weight: 700;
font-size: 18px;
color: #000000;
letter-spacing: 0;
line-height: 24px;
padding: 16px 0 0 0;
border-bottom: 2px solid #fff;
}
.bought-together .bought-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding-right: 120px;
}
.bought-together .product-single-row-slider-wrapper {
width: 100%;
}
.bought-together .button-content {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
margin-left: 40px;
position: absolute;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%);
top: 40px;
right: 0;
bottom: 0;
padding: 0 0 0 12px;
}
.bought-together .button-content .product-price-normal-box {
font-size: 18px;
}
.bought-together .button-content .button-all {
background: #01abc5;
color: white;
white-space: nowrap;
padding: 8px 16px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-top: 12px;
}
.bought-together .slick-slide > div .thumb {
max-width: 100%;
width: 100%;
padding: 0 12px;
background: #f2f2f2;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: center;
}
.bought-together .slick-slide > div .thumb img {
width: 100%;
max-width: 120px;
}
.bought-together .product-price {
text-align: start;
}
.bought-together .slick-slide h4,
.bought-together .slick-slide h4 a {
font-size: 13px;
line-height: 18px;
margin: 2px 0 0 0;
}
.bought-together .slick-slide .product-price .discounted-price {
font-size: 13px!important;
}
@media only screen and (max-width: 768px) {
.bought-together {
display: none;
}
}