/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/
:root {
--main-bg-color: #00302c;
--main-font-color: #ffffff;
--primary-bg-color: #40aba2;
--primary-bg-color-hover: #000000;
--primary-font-color-hover: #ffffff;
--secondary-bg-color: #01544d;
--secondary-font-color: #ffffff;
--links-bg-color: brown;
--brand-color: #75f98d;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,400;0,500;0,700;0,800;1,100;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700&display=swap');
@font-face {
font-family: 'creative_vintage_regularss';
src: url('../fonts/creative-vintage-regular-ss-webfont.woff2') format('woff2'),
url('../fonts/creative-vintage-regular-ss-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* Home slider */
.homeslider {
max-height: 500px;
margin: 0;
}
.rolloverbanner {
height: 180px;
margin-top:-28px;
padding: 20px;
margin-bottom: 53px;
max-width: 100%;
height: auto !important;
}
.rolloverbanner div {
text-align: center;
}
.rolloverbanner a {
display: inline-block;
}
.rolloverbanner p {
color: var(--main-bg-color);
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
.rolloverbanner a {
height: 120px;
}
#ttcmsoffer {display: none !important;}
.ttcmsbannerblock.container .row {
padding-bottom: 40px;
}
#ttcmsbanner{
margin: 0;
display:none;
}
@media (max-width: 950px) {
.rolloverbanner p {
font-size: 12px;
}
}
@media (max-width: 800px) {
.rolloverbanner p {
font-size: 10px;
}
}
@media(max-width: 768px){
#category #js-product-list{
margin-top: 15px;
padding:0;
}
}
@media (max-width: 499px) {
.rolloverbanner{
margin-top:-108px;
margin-bottom:0px;
}
.ttcmsbannerblock{
margin-top:12.7px!important;
}
.rolloverbanner img {
width: 45px !important;
height: 45px !important;
object-fit: contain;
}
.rolloverbanner div .col-xs-6 {
margin: 0px 4px auto 4px !important;
}
.rolloverbanner p {
margin-top: -59px;
font-family: "Montserrat", sans-serif;
font-size: 8px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
}
.homeslider .caption .caption-description {
text-align: center;
background: var(--main-bg-color);
padding: 20px;
line-height: 20px;
height: 65px;
border-radius: 65px;
}
.homeslider .caption .caption-description p {font-size: 28px;}
.ttcmsbannerblock {
position: relative;
margin: 0 auto;
}
.featured-products .h1 {display: none;}
.featured-products .owl-wrapper {
width: 130% !important;
height: auto !important;
overflow: auto !important;
}
.featured-products .customNavigation {
display: none;
}
.featured-products .all-product-link {display: none;}
.ttcmsbannerblock p, .ttcmsbanner p {
font-weight: normal;
text-align: center;
font-size: 16px;
color: var(--primary-bg-color-hover);
font-family: "Montserrat", sans-serif;
font-weight: bold;
}
.ttcmsbannerblock h3 {
font-size: 16px;
font-weight: bold;
color: #000;
margin-top: 20px !important;
}
.ttcmsbannerblock .col-sm-4, .ttcmsbanner .col-sm-4 {
text-align: center;
}
#ttcmsoffer {margin-bottom: 0px;}
#custom-text {
border: 0;
text-align: center;
}
#custom-text > div {
width: 50% !important;
margin-left: 25%;
}
.footer-container {
background-color: #000000;
}
body#checkout section.checkout-step .payment-options label {
font-size: 12px;
}
.InputElement {
width: 200px;
}
#splide-header-mobile .splide__pagination {
display: none;
}
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__footer a.footer__reviewsLogo-container {
z-index: unset;
}
/*
This is only here to remove a duplicate bar in the home page whos template file i couldnt find.
PLEASE REMOVE THIS CODE ONCE THE BAR IS REMOVED FROM THE HTML
*/
#index .splide__pagination {
display: none;
}
#index .splide__pagination:last-of-type {
display: flex;
}
/*
This is also temporary code since i cant find the template for the collections-button.
Really the should be outside of button.all-bestsellers. But because i cant find the html
i will just make display block.
UPDATE: best-sellers button is to be removed, but I cant find it => display: none;
*/
.all-bestsellers {
display: none;
}
.all-bestsellers > a {
display: grid;
place-items: center;
height: 100%;
}
.all-bestsellers:has(> a) {
padding: 0;
}
.container_tt_megamenu .title-menu-mobile > span,
.container_tt_megamenu .title-menu-mobile i,
.tt-menu-horizontal ul li.level-1 > a,
.tt-menu-horizontal ul li.level-1:hover .ttinnermenu,
.tt-menu-horizontal ul li.level-1.active .ttinnermenu{
color: var(--main-bg-color);
}
.cart_block .cart-buttons:hover .btn-primary:hover,
.product-actions .add-to-cart:hover {
/* background-color: var(--primary-bg-color-hover);*/
color: var(--primary-font-color-hover);
}
.ttserach-bg, .cart_block,
.tt-menu-horizontal ul li.level-1.active > .menu-dropdown {
background-color: var(--secondary-bg-color);
}
.cart_block {
border: 1px solid var(--secondary-bg-color);
color: var(--secondary-font-color);
}
.dropdown-menu, .cart_block h2.productname a,
#header .tt-menu-horizontal ul li.item-header > a,
.tt-menu-horizontal ul li.level-1 ul li > a,
.cart_block .remove_link a,
.tt-menu-horizontal .tt-sub-menu .thumbnail-container .product-description .product-title .product-name,
.tt-menu-horizontal .tt-sub-menu .thumbnail-container .product-price-and-shipping {
color: var(--secondary-font-color);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle,
.btn-primary:active:focus, .page-footer .text-sm-center a:active, .button.ajax_add_to_cart_button:active {
background-color: var(--main-bg-color) !important;
}
/* Menu */
.tt-menu-horizontal ul li.level-1.active > a {
background: var(--secondary-bg-color);
}
/* product page */
/* cart */
#blockcart-modal .modal-header {
background: var(--main-bg-color);
}
#blockcart-modal .modal-title,
#blockcart-modal .modal-header .close {
color: var(--main-font-color);
}
#related_products .btn-primary{
display:none;
}
.btn-primary, .page-footer .text-sm-center a,
.button.ajax_add_to_cart_button {
background: var(--main-bg-color);
}
#blockcart-modal .cart-content .btn.btn-secondary {
background: var(--primary-bg-color);
color: var(--primary-font-color);
}
@media all and (max-width: 991px) {
body {
/* padding-top: 100px;*/
}
#category #header {
/* margin-top: -142px;*/
position:fixed!important;
z-index:9;
background: white;
width: 100vw;
/* overflow-x: hidden;*/
}
/* #product #header{
margin-top: 20px;
} */
#index #wrapper {
margin-top: 0;
}
#index #carousel {padding: 0;}
}
@media (max-width : 708px){
body {
overflow-x: hidden !important;
}
#category #header{
position:fixed!important;
background: #FFF;
height:fit-content;
}
#product #header{
/* position:fixed;*/
position: fixed;
background: #FFF;
height: 60px;
margin-top: 0;
z-index: 3;
}
}
@media all and (max-width: 768px) {
#category #wrapper {
padding-top: 10px;
}
.title-skeleton {
margin-top: 0 !important;
}
.ttcmsbannerblock h3 {
font-size: 12px !important;
}
#tt-jqzoom .owl-wrapper-outer .owl-wrapper .owl-item {
float: left;
width:80px!important;
}
#product #tt-jqzoom .owl-wrapper-outer .owl-wrapper .owl-item {
float: left;
width:70px!important;
}
#ttcmsoffer .ttcmsbannerblock a {
display: block;
height: 30px;
line-height: 15px;
}
#ttcmsoffer .ttcmsbannerblock a img {
max-width: 75px;
max-height: 30px;
}
#ttcmsbanner {
margin: 0 0 15px !important;
}
}
@media(max-width: 390){
#tt-jqzoom .owl-wrapper-outer .owl-wrapper .owl-item {
float: left;
width:80px!important;
}
}
#customer-form .custom-checkbox:nth-child(1) label {
font-weight: bold;
}
#customer-form .custom-checkbox input[type="checkbox"] + span {
border-color: #000;
}
.custom-design-message {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 998;
background: rgba(0,0,0,0.5);
}
.custom-design-message span {
position: fixed;
width: 80vw;
margin: 0 auto;
max-width: 800px;
background: #1f1f1f;
z-index: 9999;
top: 35vh;
left: 10vw;
right: 10vw;
padding: 40px;
font-size: 22px;
color: #fff;
}
@media (min-width: 768px) {
#search_widget.active {
position: relative;
}
#search_widget.active .ttsearchtoggle{
display:block !important;
position:relative;
margin-top:-56px;
}
}
/* Category */
/*
#subcategories ul li h5 a{
width:230px;
height: 230px;
border: 1px solid #707070;
display: inline-block;
border-radius: 68px;
align-items: center;
justify-content:center;
}*/
#subcategories ul li h5 img{
width: 100%;
height: 100%;
border-radius: 53px;
/* border: 1px solid #707070;*/
opacity: 1;
object-fit: cover;
}
#category .page-not-found h4,
#category .page-not-found p{ display: none;}
.tt-menu-horizontal ul li.level-2 {
width: 20% !important;
}
.cat-drop-menu.tt-sub-left {
overflow-y: auto;
height: 40vw;
left: 25vw;
display: none;
}
li.level-1.active .cat-drop-menu.tt-sub-left {display: block;}
li.level-1:not(.active) .tt-sub-menu.menu-dropdown {display: none;}
li.level-1:not(.active) > .cat-drop-menu.menu-dropdown {display: none;}
.tt-menu-horizontal ul li.level-1.active > .menu-dropdown {
height: 80vh;
overflow-y: scroll;
}
.tt-menu-horizontal ul li.level-1.active > .menu-dropdown > .scrollable:first-child {
padding-bottom: 300px;
}
@media (max-width: 991px) {
li.level-2:not(.active) > .cat-drop-menu.menu-dropdown {display: none;}
.tt-menu-horizontal ul li.level-1.active > .menu-dropdown {
height: 100vw;
overflow-y: auto;
width: 58vw;
}
.tt-menu-horizontal ul li.level-1.active > .menu-dropdown {
height: 90vh;
overflow-y: auto;
width: 59vw;
}
.cat-drop-menu.tt-sub-left {
overflow-y: auto;
height: 90vh;
width: 60vw;
position: fixed;
z-index: 999;
left: 40vw;
display: none;
}
.tt-menu-horizontal ul li.level-1 ul li.item-header {
display: block;
background: #f1f1f1;
height: auto;
margin: 0;
padding: 12px;
width: 100% !important;
}
.icon-drop-mobile {
float: right;
height: 18px;
margin: auto;
position: absolute;
right: 63vw;
top: 20px;
width: 18px;
}
.tt-menu-horizontal .level-3 {
padding: 0;
}
.tt-menu-horizontal .level-3 a {
padding: 10px !important;
}
#header .tt-menu-horizontal ul li.level-3 ul li > a {
padding: 0;
font-size: 14px !important;
line-height: 9px;
font-weight: normal !important;
margin-bottom: 0;
}
#header .tt-menu-horizontal .level-3 a {
font-weight: normal !important;
}
}
/* stripe */
.stripe-card-cardholdername input, #stripe-card-number, #stripe-card-expiry, #stripe-card-cvc, #stripe-card-postalcode {
height: auto;
padding: 11px;
border-radius: 5px;
}
.cart_block > .cart-actions {
display: flex;
flex-direction: column;
}
.cart_block .cart-actions {
height: fit-content;
bottom: 20px;
right: 20px;
left: 20px;
background-color: black;
}
.hover_effect > .container > .row {
display: flex;
justify-content: center;
}
.ttcmsbannerblock > .row > .col-sm-4{
width: 45%;
height: 454px;
display: flex;
// background: var(--main-bg-color);
margin: -11px auto;
border-radius: 6px;
// box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
border: 1px solid #eee;
}
.ttcmsbannerblock > .row > .col-sm-4 > p{
width: fit-content;
height: fit-content;
margin: auto;
}
.ttcmsbannerblock > .row {
display: flex;
}
#search_filters > .facet:not(:last-child) {
border-bottom: 1px solid var(--main-bg-color);
}
.facet-title-box > .h6 {
color: var(--main-bg-color) !important;
font-size: 15px !important;
font-weight: bold !important;
font-family: "Montserrat", sans-serif;
}
.facet-title-box {
display: flex;
}
.facet-title-box > .dropdown-arrow {
text-align: end;
cursor: pointer;
}
.custom-radio > .ps-shown-by-js {
background-color: var(--main-bg-color) !important;
width: 13px !important;
height: 13px !important;
border-radius: 1px !important;
}
#js-product-list-top > .col-md-6 {
float: right !important;
display: none;
}
#js-product-list-top > .col-md-6 {
/*float: right !important;*/
}
#js-product-list-top {
display: none;
}
/* featured product */
#splide-featured .splide__slide:not(.is-active),
#splide-bestseller .splide__slide:not(.is-active) {
opacity: 0.53;
}
#splide-featured .product-title a,
#splide-bestseller .product-title a{
font-family: "Montserrat";
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
#splide-featured .price,
#splide-bestseller .price {
font-family: "Montserrat", sans-serif;
font-size: 30px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
#splide-featured .splide__arrows, #splide-featured .splide__pagination,
#splide-bestseller .splide__arrows, #splide-featured .splide__pagination {
display: none !important;
}
#splide-featured .splide__slide:not(.is-active) .ttproduct-desc,
#splide-bestseller .splide__slide:not(.is-active) .ttproduct-desc {
display: none;
}
.btn-product-link {
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
padding: 16px 77px 15px 85px;
background-color: var(--main-bg-color);
color: #FFF;
width: 100% ;
display: block;
text-transform: uppercase;
clear: both;
margin-top: 100px;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
@media (max-width: 768px) {
.btn-product-link{
width: 300px;
height: 50px;
margin: 11.7px 37px 0 125px;
padding: 16px 56px 15px;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
}
h3.grouped-products-title{
display: none;
}
h3.grouped-products-title {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #333;
text-transform: uppercase;
position: relative;
width: 33vw;
margin: 0 auto;
}
@media (max-width: 1220px) {
h3.grouped-products-title {
width: 48vw;
}
}
@media (max-width: 1000px) {
h3.grouped-products-title {
width: 55vw;
}
}
@media (max-width: 768px) {
h3.grouped-products-title {
width: 71vw;
}
}
h3.grouped-products-title::before {
content: "";
position: absolute;
left: calc(-40.5vw + 50px);
background-color: var(--main-bg-color);
width: 40.5vw;
height: 3px;
top: 11px;
}
h3.grouped-products-title::after {
content: "";
position: absolute;
right: calc(-40.5vw + 50px);
background-color: var(--main-bg-color);
width: 40.5vw;
height: 3px;
top: 11px;
}
#desktop_logo {
float: left !important;
}
.position-static {
float: right !important;
right: -20px !important;
}
@media (max-width: 991px) {
#_desktop_language_selector2 {
top: 50%;
position: absolute;
transform: translateY(-50%);
right: 50px;
}
}
@media (min-width: 992px) {
.full-header > #_desktop_language_selector2 {
display: none;
}
}
.menu_list > #_desktop_language_selector2 {
display: none;
}
.homebg {display: none;}
#index #content .products{
display: none;
}
#index .products {margin-bottom: 80px;}
.blockcart .header a svg {
color: var(--main-bg-color);
}
#header .ttuserheading svg {
color: var(--main-bg-color);
margin-top: 14.5px;
}
#header .ttsearch_button svg, #header .ttsearchtoggle svg {
color: var(--main-bg-color);
}
@media(max-width:768px){
#header .ttsearch_button svg, #header .ttsearchtoggle svg {
color: var(--main-bg-color);
margin-left: 46px;
margin-top: 6px;
}
}
@media (min-width: 768px) {
.related-product .product-price-and-shipping {
margin-top: 25px;
}
}
span.icon-arrow{
color: var(--main-bg-color)!important;
}
/* New stuff from client specific css begins here*/
.carousel .carousel-item .caption .caption-description p {
color: var(--main-font-color);
}
.tt-menu-row, .tt-sub-menu {
overflow-y: auto;
height: 100vw;
}
#_desktop_logo a {
position: relative;
z-index: 2;
display: flex;
justify-content: left;
}
#mobile_icon {
display:none;
}
@media(max-width: 768px){
#_desktop_logo {
position: relative;
z-index: 2;
display: flex;
justify-content: left;
display: none;
}
#mobile_icon {
display:block;
}
}
#header .logo {
/* margin-top: -10px;*/
}
@media (max-width: 991.99px) {
#_mobile_logo > h1 > a {
display: flex;
justify-content: center;
}
}
/* temp fix */
@media (min-width: 992px){
#index .owl-wrapper-outer {
float: left;
width: 80%;
overflow: hidden;
margin-left: 10.3%;
}
.tt-menu-horizontal ul li.level-1 ul li > a {
font: 400 13px/18px "Poppins",Helvetica,sans-serif;
}
#header .logo.small {
}
}
.product-list-bottom-heading h2{
font-family: "Montserrat", sans-serif;
font-size: 40px;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #333;
margin-bottom: 30px;
}
.product-list-bottom-paragraph p{
height: 72px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
margin-bottom: 70px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: justify;
color: var(--black);
}
.product-list-bottom-image{
width:11px;
height: 621px;
background: blue;
}
.product-title2{
font-family: "Montserrat", sans-serif;
font-size: 16px!important;
font-weight: 500!important;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #333!important;
}
.product-title3{
font-family: Helvetica;
font-size: 16px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -1px;
color: #2A2A2A;!important;
}
.description-text p:first-child {
/* font-size: 22px;
font-weight: 400;
text-align: right;
color: #2A2A2A !important;
font-family: Helvetica;
letter-spacing: 0px;
width: 100%;
margin: auto;
line-height: normal;*/
font-size: 35px;
font-weight: 400;
color: #2A2A2A !important;
font-family: Helvetica;
letter-spacing: 0px;
/* width: 483px;*/
line-height: normal;
}
.description-text p{
font-weight: 400;
color: #2A2A2A !important;
font-family: Helvetica;
line-height: normal;
font-size: 17px;
width: fit-content;
max-width: 513px;
height: fit-content;
overflow: hidden;
max-height: 310px;
margin-top: 55px;
letter-spacing: 1px;
line-height: 1.5;
}
/*
.product-name{
font-family: 'franklin_gothicregular', sans-serif;
text-transform: uppercase;
font-size: 21px;
margin-bottom:0px !important;
letter-spacing: -1.5px;
text-align: center;
color: var(--main-bg-color);
}
*/
.product-name{
font-family: Helvetica;
color: var(--main-bg-color) !important;
font-size: 16px!important;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 1;
text-transform:uppercase;
text-align: center;
font-weight: 700!important;
margin:9px 0px 10px!important;
}
#category .product-des{
display: none;
width: 200px;
height: 30px;
margin: 5px 0px 10px 55px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #848484;
}
#product #related_products .product-des{
display: none;
}
#category #products .price {
width: 80px;
font-size: 18px;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #2A2A2A;
font-family: Helvetica;
}
#category .blockcart .ttPrice .price {
color: #FFF;
}
#related_products .price {
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-weight: 800;
}
#related_products .product-name {
letter-spacing: 0px;
font-family: "Montserrat", sans-serif;
font-weight: bold !important;
font-size: 12px !important;
}
#product #related_products .btn-product-cart-link {
height: 50px;
display: block;
border-radius: 25px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: var(--main-bg-color);
color: var(--main-font-color);
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: bold;
width: auto;
min-width: 200px;
text-transform: uppercase;
margin: 0 auto;
border:none;
margin-top: 15px;
}
#product #related_products .btn-primary{
margin: -16px 0 0!important;
}
#category .btn-product-cart-link,
#product #related_products .btn-primary{
display:none;
width: 200px;
height: 50px;
margin: 10px 0 0;
padding: 16px 6px 15px;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: var(--main-bg-color);
color: #FFF;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
text-transform: uppercase;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
border:none;
}
@media(max-width:543px){
#category #js-product-list .product-thumbnail {
height: 180px !important;
}
#category #product #related_products .product-thumbnail {
height: 267px !important;
}
#category .ttproduct-desc {
height: 67px!important;
display: block !important;
position: relative;
margin-top: 32px!important;
}
.filter_list2 {
margin-right: 0px !important;
}
.filter_list {
display: flex;
align-items: center;
padding: 8px 12px 8px 12px !important;
border-radius: 77px;
background-color: var(--main-bg-color);
}
#category #js-product-list .thumbnail-container {
margin-top:20px;
}
}
#category #js-product-list .product-thumbnail{
height:476px;
}
#category .ttproduct-img1,
#product #related_products .ttproduct-img1{
width:100%;
height:100%!important;
object-fit: cover;
}
#product #related_products .ttproduct-img1{
border-radius:34px;
margin-top: 18px;
}
#related_products .product-name {
//text-align: left;
}
@media (max-width:768px){
.product-name{
font-size: 13px!important;
}
}
@media (max-width:768px) {
#index #wrapper .products .product-description {
margin-bottom: -25px;
}
}
@media (max-width: 550px) {
.btn-product-link{
width:300px;
margin: 11.7px 37px 0px 53px;
}
}
@media (max-width: 380px) {
.btn-product-link{
width:300px;
margin: 11.7px 37px 0px 41px;
}
}
.full-header{
position:fixed;
background: white;
}
#wrapper .ttcmsbannerblock > .row > .col-sm-4 a{
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 120px;
}
/* start of product page*/
#product .availability{
width: 257px;
height: 17px;
margin: 0px 0px 11px 0px;
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #20af00;
}
#product .product-actions .add-to-cart, #module-brandingpage-brandpage .product-actions .add-to-cart {
height: 50px;
border-radius: 25px;
padding: 15px 10px 15px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
background-color: #75f98d;
color: #000;
font-weight: bold;
font-size: 16px;
min-width: 250px;
}
.custom_product label {
border-radius: 0px!important;
}
#product #product-description-short-1{
width: 650px;
height: 90px;
margin: 30px 122px 30px 11px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--black);
}
#product #content-wrapper{
padding:0;
padding-top: 40px;
}
@media (max-width: 767.99px) {
#product #content-wrapper {
padding: 0 !important;
}
}
#index .product-add-to-cart .product-quantity{
margin: 0px 84px 18px 8px!important;
}
#index .product-quantity .add {
width: 50% !important;
}
.product-variants > .product-variants-item select {
background-color: var(--white);
border-radius: 42px!important;
border: solid 1px #707070 !important;
background-color: #fff;
}
.cart_block_main .stock-availability {
font-size: 7px !important;
}
#product .stock-availability{
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: bold;
color: var(--brand-color);
letter-spacing: 0;
}
#product .product-information{
width: auto;
margin-right: 15px;
}
@media(max-width:768px){
#product .product-information{
width: 100%!important;
margin-right:0px;
}
}
#product .product-prices{
margin-bottom: 20px;
}
/*end of product page*/
@media (max-width: 768px){
#index #wrapper .product-price-and-shipping{
margin-bottom:10px;
}
}
@media (max-width: 380px){
#index #wrapper .product-description{
margin: -10px 0px -20px 0px;
}
}
.hsds-beacon .dPFuRh{
bottom:134px!important;
right:22px!important;
}
.BeaconFabButtonFrame{
bottom:15px!important;
right:15px!important;
}
@media (max-width: 400px){
.BeaconFabButtonFrame{
/* bottom: 180px!important;*/
}
}
@media (max-width: 768px){
.BeaconFabButtonFrame{
bottom: 0x!important;
}
#related_products .tab-title strong {
font-size: 35px!important;
display: block;
}
}
@media (max-height: 400px){
/*---*/
}
/* start related products*/
#related_products .tab-title{
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
position: relative;
text-align: center;
font-size: 90% 54px;
}
#related_products .tab-title strong {
font-size: 74px;
display: block;
}
#category .best-sellers-description{
width: 1300px;
font-size: 14px;
color:#000;
}
#product #related_products .tab-title{
font-family: "Montserrat", sans-serif;
font-size: 30px;
font-weight: 500;
color: #000;
text-align: left;
}
#product #related_products .tab-title strong {
font-weight: bold;
display: inline-block;
font-size: 30px;
}
#category .best-sellers{
display: none;
}
/*end of related products*/
#js-product-list-top {
display: none !important;
}
/*
@media(min-width:810px) and (max-width:1149px){
#category #js-product-list {
margin: 0px 0 0 0;
padding: 20px;
}
#category #js-product-list {
margin: 85px 0 0 0;
}
.filter_label {
display: flex;
align-items: center;
width: 186px!important;
}
.filter_label {
display: flex;
align-items: center;
width: 180px;
}
.filter_list2 {
margin-right: 10px!important;
}
.filter_short_by {
font: normal normal bold 20px Helvetica;
letter-spacing: -0.56px;
color: #FCFCFC;
opacity: 1;
margin-left: 19px;
}
.filter_list {
display: flex;
align-items: center;
//padding: 40px;
padding: 34px 0px 34px 45px;
border-radius: 77px;
background-color: var(--main-bg-color);
}
}
*/
@media(max-width:375px){
.filter_list {
display: flex;
align-items: center;
/*padding: 40px;*/
padding: 8px 0px 8px 23px!important;
border-radius: 77px;
background-color: var(--main-bg-color);
}
.filter_category_name {
font-size: 10px!important;
letter-spacing: -0.56px;
font-weight: bold;
font-family: Helvetica;
color: #FCFCFC;
text-transform: capitalize;
}
#category .category_filter {
margin-top: 34px;
}
.filter_list {
display: flex;
align-items: center;
//padding: 40px;
padding: 16px 0px 16px 23px;
border-radius: 77px;
background-color: var(--main-bg-color);
}
}
@media (max-width: 768px) {
.custom-radio2 input[type="checkbox"] {
width: 16px;
height: 16px;
cursor: pointer;
}
.custom-radio2 {
border-radius: 2px !important;
width: 16px !important;
height: 16px !important;
margin-right: 7px !important;
}
.filter_label {
display: flex;
align-items: center;
//width: 86px;
margin-right: 16px!important;
}
.filter_category_name {
font-size: 12px;
letter-spacing: -0.56px;
font-weight: bold;
font-family: Helvetica;
color: #FCFCFC;
text-transform: capitalize;
}
.filter_list2 {
margin-right: 85px;
}
#category #js-product-list .thumbnail-container {
border: 1px solid #707070;
border-radius: 22px;
margin-top: 40px;
}
#category #js-product-list .ttproduct-image {
height: 283px;
}
#category #js-product-list .product-thumbnail {
height: 254px;
}
#category .category_filter{
margin:40px auto;
}
.filter_list {
display: flex;
align-items: center;
/*padding: 40px;*/
padding: 16px 0px 16px 61px;
border-radius: 77px;
background-color: var(--main-bg-color);
}
#category #js-product-list {
margin: 0px 0 0 0;
}
#search_filters_wrapper {
position: fixed;
height: 100vh;
z-index: 99999;
top: 150px;
background: white;
width: 100vw;
display: none;
}
#search_filters_wrapper button.ok{
position: fixed;
bottom: 50px;
width: 60vw;
left: 20vw;
margin: 0;
//margin: 25px 25px 35px;
// padding: 16px 64px 15px 72px;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 50%);
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
background-color: var(--main-bg-color);
}
#search_filters .facet-title-box{
display:none;
}
#search_filters .facet .facet-title {
color: var(--main-bg-color)!important;
font-size: 15px !important;
font-weight: bold !important;
font-family: "Montserrat", sans-serif;
}
#category .product-title2{
width: 100%;
height: fit-content;
font-size: 13px !important;
}
#category .product-title3{
width: 100%;
letter-spacing:0px;
font-size: 13px !important;
padding: 3px;
}
#category .row{
/*display: flex;*/
}
#category .product-des{
display:none;
}
#category .best-sellers-description{
/*height:167px !important;*/
width: 322px;
font-size:12px;
/*display:none;*/
margin: 22.5px 7px 13px;
color:#000;
}
#category #search_filter_toggler{
width:319px!important;
height:50px;
margin: 25px 11px 35px;
/*margin: 25px 12px 35px;*/
/*padding: 16px 64px 15px 72px;*/
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: var(--primary-font-color);
border: solid 2px var(--main-bg-color);
background-color: var(--white);
}
#category .btn-product-cart-link{
width:140px;
height: 50px;
}
#category .products-selection .showing {
display: none;
}
#category .grid-list{
display:none;
}
#category .products-selection .total-products p{
display: none;
}
#category .products-selection .sort-by{
/* display: none;*/
}
#category .products-sort-order{
display:none;
}
#product .product-quantity .qty{
width: 163px;
height: 45px;
padding:10px;
}
#product .qty-button, #module-brandingpage-brandpage .qty-button {
border-radius: 0px;
}
#product .current-price{
font-size: 18px;
text-align: center;
font-family: "Montserrat", sans-serif;
}
#category .best-sellers{
font-size: 30px;
text-transform: capitalize;
margin: 35.5px 27px 22.5px 7px;
}
}
#category .block-category {display: none !important;}
#category .best-sellers{
text-transform: capitalize;
}
@media (max-width: 767px){
#product .pb-right-column{
margin: -21px 0px -21px;
}
}
@media (max-width: 767px) {
#goToTop {
//right: 20px;
display: none;
}
}
@media (max-width: 767px) {
#cart .qty {
position: absolute;
bottom:54px;
/* left: 67px;*/
}
#cart .product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price{
margin-top:50px;
}
}
@media (max-width: 550px) {
#wrapper h3.grouped-products-title::before {
left: calc(-49.5vw + 50px)!important;
}
#wrapper h3.grouped-products-title::after {
right: calc(-49.5vw + 50px)!important;
}
}
@media (max-width: 768px) {
#category .product-price-and-shipping, #product .product-price-and-shipping {
}
#category #_mobile_cart accessories-products .product-price-and-shipping{
position: absolute;
/* top: 5px;*/
left:96px!important;
}
#product accessories-products .product-price-and-shipping, #product .product-price-and-shipping{
width: 100%;
float: left;
position: relative;
padding-top: 10px;
}
#product #related_products .tab-title {
padding: 0 40px;
margin-bottom: -15px;
}
.cookie-law {
top: 20px;
padding: 20px;
height: 383px;
overflow: scroll;
max-height: 60vh !important;
}
.cookie-law p {
padding: 0;
font-size: 12px;
}
#category #js-product-list .product-name{
font-size: 8px !important;
}
#category #js-product-list .product-description {
border-top: 1px solid #707070;
background-color: transparent;
border-radius: 12px;
display: flex;
flex-direction: column;
}
#category .ttproduct-desc {
height: fit-content !important;
display: block !important;
position: relative;
margin-top: -33px;
}
#category .price{
font-size: 15px;
}
#product #related_products .price{
font-size: 15px;
}
#product .ttproduct-desc {
height: 165px !important;
}
@media (max-width: 768px) {
#product #related_products .btn-product-cart-link {
min-width: 18vw !important;
border: 0 !important;
height: 30px;
font-size: 12px;
}
#product .ttproduct-desc {
height: 165px !important;
}
#index #wrapper .products .product-title a {
white-space: normal;
}
#product .customNavigation {
display: none;
margin: 30px 69px;
}
.breadcrumb .parallex {
width: 100% !important;
padding: 5px !important;
font-size: 10px !important;
}
#wrapper .breadcrumb li {
font-size: 12px !important;
}
#header .logo {
max-width: 58px;
max-height: 44px;
margin-top: 0px !important;
}
.owl-wrapper-outer .thumbnail-container .ttproduct-image {
margin: 0 !important;
}
#hometab {
display: none;
}
.tt-producttitle {
font-size: 22px;
}
}
.ttproductpagetab {
display: none;
}
.js-top-menu-bottom {
display: none;
}
#conditions-to-approve {
padding: 0;
margin-top: 100px;
background: #f1f1f1;
padding: 20px 10px 10px 30px;
}
.breadcrumb .parallex {
width: 45vw;
padding-left: 30px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
background: none !important;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--black);
}
/* CMS */
@media (max-width: 768px) {
.breadcrumb .parallex {
display: none;
}
li.product-flag.new {
display: none;
}
#content .images-container .layer.hidden-sm-down i {
display: none;
}
}
@media (min-width: 1000px) {
#cms .container {
max-width: 80vw;
}
}
.tt-innerpagetitle {
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid #000;
padding-bottom: 10px;
}
/* RBK SPECIAL */
#header .tt-menu-horizontal ul li.level-1 ul li > a:hover {
}
#blockcart-modal .cart-content .btn.btn-secondary {
color: #FFF !important;
}
.btn-primary {
color: #FFF;
}
.homeslider {
max-height: unset !important;
}
.footer-container .links h3 {
color: #fff;
}
.footer-container a {
color: #000;
}
.footer-container a {
color: #fff;
}
#blockcart-modal .cart-content .btn.btn-secondary {
background: var(--main-bg-color) !important;
color: var(--primary-bg-color-hover) !important;
}
.quick-view.btn {
display: none !important;
}
.pb-right-column .product-price .current-price, .quickview .product-price .current-price {
color: var(--main-bg-color);
}
.tt-menu-horizontal ul li.level-1:not(.active) > a {
color: #FFF;
}
@media (min-width: 768px) {
.header-top {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
background: #00754a;
width: 100%;
left: 0;
position: absolute;
height: 0;
}
.container_tt_megamenu {
/* padding: 38px 20px 0 20px;*/
}
.tt-menu-horizontal .ttmenu-content .menu-content {
margin-top: -15px;
}
.tt-menu-horizontal ul li.level-1.active > .menu-dropdown {
margin-top: -15px;
}
}
/* New stuff from client specific css ends here*/
#category .breadcrumb {
display: none;
}
@media (min-width: 992px) {
#category #js-product-list-top {
display: none;
}
}
main {
// overflow-x: hidden;
}
.ttcmsbannerblock {
display: none !important;
}
@media (max-width: 600px) {
.ttcmsbannerblock.container .row {
padding-bottom: 40px;
overflow-x: scroll;
width: 200vw;
padding-top: 13px;
}
.ttcmsbannerblock {
position: relative;
overflow: scroll;
}
#wrapper .ttcmsbannerblock > .row > .col-sm-4 a {
padding: 33px;
line-height: 1;
}
}
.menu-content, .header-nav .language-selector {
display: none;
}
.ttcmsbanner {
display: none;
}
}
@media(max-width:768px){
.custom_product{
border-radius:27px!important;
width: 100%!important;
margin-top:3px!important;
}
}
.custom_product{
border-radius: 27px !important;
margin-bottom: 35px;
width: 100%;
padding-bottom: 20px;
border: 1px solid #707070 !important;
margin-top: 25px;
background: #fff;
}
@media(max-width:768px){
#cart #related_products {
display:none;
}
/*Change for Mobile side cart - Himanshu*/
#product .colored-section{
z-index: 2;
}
}
.zoom-in {
display: none !important;
}
.accessories-products .product-price-and-shipping a:not(.ac-quick-view) {
color: #2A2A2A;
font-weight: normal;
margin-top: 32px;
display: inline-block;
text-align: left;
font-family: Helvetica;
font-weight: bold;
}
.accessories-products .related_product .subtitle {
text-align: left;
font-family: Helvetica;
font-size:13px;
color: #2A2A2A;
display: block;
margin-top: 5px;
}
.accessories-products .prod_price {
position: absolute;
right: 25px;
bottom: -5px;
text-align: center;
font: normal normal bold 15px/16px Helvetica;
letter-spacing: -0.3px;
color: #2A2A2A;
opacity: 1;
}
#product .accessories-products .prod_price .price{
color:#FF0000;
}
@media(max-width:768px){
.accessories-products .prod_price {
position: absolute;
right: 0px!important;
bottom: -6px;
text-align: center;
font: normal normal bold 15px/16px Helvetica;
letter-spacing: -0.3px;
color: #2A2A2A;
opacity: 1;
}
}
@media (max-width: 600px) {
.slider-btn {
bottom: 57px !important;
left: calc(50vw - 170px) !important;
}
}
#index .cms-title {
font-family: Helvetica;
font-weight: bold;
font-size: 4rem;
margin-top: 50px;
}
#index .cms-description p{
font-family: Helvetica;
/* font-style: italic;*/
}
@media (max-width: 600px) {
#index .cms-title {
font-size: 2.5rem;
}
#index .cms-description p {
font-size: 1rem;
}
}
.filter_sort_by {
position: relative;
}
.btn_sort_by {
background: none;
color: #FFF;
border: 0;
font-weight: bold;
font-size: 16px;
}
.btn_sort_by img{
max-width: 24px;
}
.dropdown-menu-order {
position: absolute;
width: fit-content;
background: #fff;
padding: 10px;
border-radius: 2px;
margin-left: -50%;
top:35px;
z-index: 9999;
border: 1px solid #ccc;
}
.dropdown-menu-order a {
width: 100%;
display: block;
text-align: left;
font-size:14px ;
padding-bottom: 8px;
}
#product .product-detail-section {
cursor: pointer;
text-decoration: underline;
color: #FCFCFC;
letter-spacing: -0.44px;
font-size: 17px;
margin-top: 50px;
padding: 13px 0 0 16px;
margin-top: 26px;
font-family: Helvetica;
}
#product .product-detail-section img{
width: 43px;
padding-left: 22px;
}
#product .product-detail-section a:first-letter{
text-transform: capitalize;
}
#product .product-detail-section a{
color: #FCFCFC;
font-family: Helvetica;
letter-spacing: 0.50px;
font-weight: bold;
font-style: normal;
font-size:17px;
}
#tt-jqzoom img {
object-fit: cover !important;
}
.menu-content span.catagory{
font-family: Helvetica!important;
}
.menu-header-text{
font-family: Helvetica!important;
}
.brands-section{
background-color: black;
}
#module-cmsclientmodule-clients .container_tt_megamenu .title-menu-mobile > span {
color:var(--main-font-color)!important;
}
.ttproduct-desc .product-description .product-title {
overflow: visible !important;
}
.ttproduct-desc .product-description .product-title2 {
display: none;
}
.ttproduct-desc .product-description .product-price-and-shipping .price {
position: relative;
}
#category .ttproduct-desc .product-description .product-price-and-shipping .price {
width: fit-content;
left: 50%;
transform: translateX(-50%);
}
#category .product-title3 {
height: fit-content;
}
#category .product-description {
display: flex;
flex-direction: column;
gap: 5px;
}
#category .ttproduct-desc .product-description .product-price-and-shipping .price.sale {
color: red !important;
font-weight: bold !important;
padding-top: 10px !important;
}
@media (max-width: 550px) {
#category .ttproduct-desc .product-description .product-price-and-shipping .price.sale {
padding-top: 0 !important;
top: -15px !important;
}
}
.licensed-products {
position: relative;
color: #000;
top: 35px;
font-family: "Montserrat", sans-serif;
font-weight: bold;
}
.licensed-products img {
max-height: 35px;
}
@media (max-width: 768px) {
.licensed-products {
position: absolute;
top: 63px;
width: 100vw;
margin-left: -20px;
text-align: center;
}
body:not(#index) .licensed-products {
display: none !important;
}
.mobile_menu {
z-index: 99 !important;
}
}
#index .cms-description p,
.cms-categoryname,
.discovermore {
font-family: "Montserrat", sans-serif;
}
#index .cms-title {
font-family: "Montserrat", sans-serif;
font-weight: bold;
}
.cms-categoryname {
text-transform: capitalize;
font-size: 32px;
line-height: 1.2;
}
@media (max-width: 1199px) {
#index .full-header {
position: static;
float: left;
width: 100%;
height: 100px;
}
#related_products .thumbnail-container .ttproduct-desc {
}
}
@media (max-width: 768px) {
#related_products .ttproduct-img1 {
border-radius: 0;
height: auto !important;
}
#index .products {
margin-bottom: 0;
}
.owl-wrapper-outer {
padding-top: 23px;
}
}
#index #content .products {
display: block !important;
}
@media (min-width: 1000px) {
#product #add-to-cart-or-refresh {
background: #000;
width: 100vw;
padding-right: 55vw;
border-radius: 25px;
}
#product .colored-section {
max-width: 690px;
}
}
@media (max-width: 767.99px) {
#wrapper .breadcrumb {
display: none !important;
}
}
.blockcart.open .cart_block {
border-radius: 30px 0px 0px 30px;
background: #000;
border: 0;
}
.blockcart .search-btn {
left: 30px;
position: absolute;
top: 30px;
cursor: pointer;
color: #FFF;
}
.blockcart .search-btn i:hover {
color: #eee;
}
.cart_block h2.productname a {
color: #FFF !important;
font-family: "Montserrat", sans-serif;
}
.cart_block .products .img .product-thumbnail img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: contain;
}
@media (min-width: 700px) and (max-width: 1700px) {
.product-quantity {
width: calc(100% - 150px);
}
#main-product {
width: 100% !important;
}
#product .product-actions .add-to-cart {
width: 100%;
min-width: unset;
}
}
@media (max-width: 550px) {
.product-quantity {
float: left;
width: calc(100% - 150px);
}
.product-quantity .add {
width: 100% !important;
}
#product .product-actions .add-to-cart, #module-brandingpage-brandpage .product-actions .add-to-cart {
width: 100% !important;
}
#product .qty {
float: left;
}
}
@media (max-width: 520px) {
#product .product-actions .add-to-cart,
#qtyInput, #module-brandingpage-brandpage .product-actions .add-to-cart,
#qtyInput {
height: 40px;
}
#product .qty-button, #module-brandingpage-brandpage .qty-button {
height: 37px;
}
#product .qty, #module-brandingpage-brandpage .qty {
height: 42px;
}
.product-variants > .product-variants-item select {
height: 40px !important;
}
/* #product .colored-section {
max-height: 30vh !important;
} */
}
@media (max-width: 480px) {
.product-variants > .product-variants-item select {
margin-top: 0;
margin-bottom: 12px;
}
}
@media (max-width: 767.99px) {
#product .product-variants {
padding-top: 0;
}
.pb-left-column .images-container {
margin: 0 auto;
}
.product-cover img {
max-height: 43vh !important;
width: auto !important;
}
#product .product-add-to-cart {
height: fit-content;
}
#product .product-actions .add-to-cart, #module-brandingpage-brandpage .product-actions .add-to-cart {
font-size: 15px;
padding: 0;
}
.product-variants > .product-variants-item select {
font-size: 14px;
}
#qtyInput {
font-size: 20px;
}
#related_products .product-name {
font-size: 9px !important;
}
#related_products .product-description .product-title3 {
font-size: 12px !important;
}
html {
overflow-x: hidden !important;
}
.rel_image {
display: none;
}
.custom_product {
position: fixed;
bottom: 26vh;
height: auto !important;
width: auto !important;
right: 0;
top: 67px;
bottom: unset;
margin: 0;
padding: 10px !important;
width: 130px !important;
background: #eee;
border: 0 !important;
}
.custom_product > .product-price-and-shipping > .prod_price {
width: 100%;
text-align: left;
display: block;
font-weight: bold;
position: relative;
top: unset !important;
left: unset;
max-width: 50%;
font-size: 10px;
}
.custom_product .product-price-and-shipping > span {
display: none;
}
.custom_product .product-price-and-shipping a {
font-size: 11px;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: bold;
}
.custom_product .product-price-and-shipping {
padding: 0 !important;
}
.custom_product label {
z-index: 999;
}
.custom_check_product {
position: absolute;
bottom: 15px;
right: 15px;
}
.product-customization {
display: block;
margin: 0;
padding: 0;
}
.product-customization .card {
margin: 0;
}
.product-customization .card-title {
font-size: 12px;
color: #fcfcfc;
font-family: "Montserrat", sans-serif;
letter-spacing: -0.52px;
font-weight: 400;
margin: 0;
padding-left: 25px;
margin-bottom: -5px;
padding-top: 5px;
}
.product-customization {
float: none;
}
.product-customization .card {
float: none;
}
.product-customization ul {
padding: 0;
}
.product-customization .product-message {
height: 40px;
}
}
#index .owl-wrapper-outer {
overflow: hidden;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.cart_block .cart_block_main::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.cart_block .cart_block_main {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: 1px; /* Firefox */
padding-right: 15px;
}
#product .qty-button {
z-index: 999 !important;
padding: 0;
}
#qtyInput {
width: 26% !important;
}
@media (max-width: 768px) {
.accessories-products {
display: none !important;
}
}
#product .product-category-name,
#product .product-detail-section a {
color: var(--main-font-color) !important;
}
#product .product-detail-section img {
/* filter: brightness(0);*/
}
.carousel .carousel-item .caption .caption-description p {
color: var(--main-font-color);
}
.tt-menu-row, .tt-sub-menu {
overflow-y: auto;
height: 100vw;
}
#_desktop_logo a {
background: transparent;
position: relative;
z-index: 2;
}
/* temp fix */
@media (min-width: 992px){
#index .owl-wrapper-outer {
float: left;
width: 80%;
overflow: hidden;
margin-left: 10.3%;
}
.tt-menu-horizontal ul li.level-1 ul li > a {
font: 400 13px/18px "Poppins",Helvetica,sans-serif;
}
}
#_desktop_logo {
margin: 0;
}
.block-category {display: none !important;}
@media (max-width: 768px) {
.breadcrumb .parallex {
width: 100% !important;
padding: 5px !important;
font-size: 10px !important;
}
#wrapper .breadcrumb li {
font-size: 12px !important;
}
#header .logo {
max-width: 50px;
margin-top: 0;
}
.owl-wrapper-outer .thumbnail-container .ttproduct-image {
margin: 0 !important;
}
#hometab {display: none;}
.tt-producttitle {
font-size: 22px;
}
}
.ttproductpagetab {
display: none;
}
.js-top-menu-bottom {
display: none;
}
#conditions-to-approve {
padding: 0;
margin-top: 100px;
background: #f1f1f1;
padding: 20px 10px 10px 30px;
}
.breadcrumb .parallex {
width: 45vw;
padding-left: 30px;
}
/* CMS */
@media (min-width: 1000px) {
#cms .container {max-width: 80vw;}
}
.tt-innerpagetitle {
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid #000;
padding-bottom: 10px;
}
/* RBK SPECIAL */
#header .tt-menu-horizontal ul li.level-1 ul li > a:hover {
}
#blockcart-modal .cart-content .btn.btn-secondary {
color: #FFF !important;
}
.btn-primary {color: #FFF;}
.homeslider {
max-height: unset !important;
}
.footer-container .links h3 {color: #fff;}
.footer-container a {
color: #000;
}
.footer-container a {
color: #fff;
}
.container_tt_megamenu .title-menu-mobile i,
.container_tt_megamenu .title-menu-mobile > span {
color: var(--main-bg-color);
}
.btn-primary{
background-color: var(--links-bg-color);
}
#blockcart-modal .cart-content .btn.btn-secondary {
background: var(--main-bg-color) !important;
color: var(--primary-bg-color-hover) !important;
}
.pb-right-column .product-price .current-price, .quickview .product-price .current-price {
color: var(--main-bg-color);
}
.tt-menu-horizontal ul li.level-1:not(.active) > a {
color: #FFF;
}
#ttcmsbanner {
display: block !important;
}
#index .relatedproducts-arrows {
display: none !important;
}
@media (min-width: 992px) {
#index .owl-wrapper-outer {
float: left;
width: 100% !important;
overflow: hidden;
margin-left: 0 !important;
}
}
#index #related_products .thumbnail-container .ttproduct-desc{
display: none !important;
}
#related_products {
margin-bottom: 0 !important;
}
@media (min-width: 767.99px) {
.licensed-products {
top: 27px !important;
}
section#wrapper {
margin-top: -40px;
}
}
@media (max-width: 768.99px) {
.cmsboxes {
width: 48vw !important;
}
}
@media (max-width: 768px) {
#related_products .tab-title strong {
font-size: 34px !important;
font-family: "Montserrat", sans-serif;
display: block;
}
.cms-categoryname {
font-size: 20px !important;
}
#index .cms-title {
font-family: "Montserrat", sans-serif;
font-weight: bold;
line-height: 1.2 !important;
}
}
/* Colors */
#product .product-actions .add-to-cart {
background: #ddd;
}
/* #product .stock-availability {
color: #eeee !important
} */
.left-to-free-shipping > span.free-shipping > p,
.footer-section-title {
color: #eee !important;
}
.cart-grid-right .left-to-free-shipping > span.free-shipping > p {
color: #e57a5a !important;
}
.cart_block .products {
border-bottom: 1px solid var(--main-bg-color);
}
@media (max-width: 768px) {
.discovermore p {
background: #000;
border: 0;
}
.cms-categoryname {
font-weight: bold;
}
}
.cart_block .products .cart-info {
color: #FFF !important;
width: inherit;
}
.blockcart .cart_block p {
color: #FFF !important;
}
@media (max-width: 768px) {
#footer #_desktop_logo {
margin-top: 50px;
}
.footer-container .links {
padding-right: 20px !important;
}
}
/* Facets */
#category #left-column {
padding: 25px;
display: block;
background: #000;
position: relative;
clear: both;
margin-left: 500px !important;
margin-right: -15px !important;
width: 100%;
right: 500px;
padding: 0;
display: inline-block;
border-radius: 25px;
}
#prices-drop #left-column {
display: block;
background: #000;
position: relative;
clear: both;
margin-left: calc(-50vw + 690px) !important;
margin-right: -15px !important;
width: 100vw;
padding: 0;
display: inline-block;
}
.facet-dropdown {
padding: 0;
}
.facet-dropdown.open div.dropdown-menu {
display: block;
width: 100%;
top: 0;
border-radius: 25px;
border: 1px solid #979797;
max-height: 300px;
height: fit-content;
overflow-y: scroll;
}
.facet-dropdown.open div.dropdown-menu a {
display: block;
width: 100%;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: -0.19px;
color: #000;
padding: 15px 0;
}
.facet-dropdown.open div.dropdown-menu a.active {
font-weight: bold;
}
#js-active-search-filters {
display: none !important;
}
#search_filters {
display: flex;
}
#search_filters .facet .facet-title {
display: none !important;
}
#search_filters > .facet {
border-radius: 25px;
height: 50px;
padding: 0;
border: 1px solid #979797;
}
#search_filters > .facet a.select-title {
display: block;
height: 50px;
padding: 16px 23px 15px 23.6px;
width: 100%;
border-radius: 25px;
}
#search_filters > .facet:not(:last-child) {
margin-right: 20px;
}
.facet-dropdown.open div.dropdown-menu .select-list img {
width: auto;
max-height: 32px;
max-width: 32px;
height: auto;
}
.facet-dropdown.open div.dropdown-menu .bottom-img {
display: flex;
}
.facet-dropdown.open div.dropdown-menu .bottom-img a.active {
border: 1px solid #000;
border-radius: 25px;
}
.facet-dropdown.open div.dropdown-menu .bottom-img img {
width: 100%;
height: auto;
max-width: 150px;
max-height: unset;
}
.filter-button {
display: none !important;
}
a.select-title span {
font-weight: bold;
color: #000;
font-size: 16px;
font-family: "Montserrat", sans-serif;
}
.prettydropdown > ul {
font-family: "Montserrat", sans-serif;
}
.prettydropdown ul:not(.active) li.selected {
font-weight: bold;
}
a.select-title img {
width: auto;
height: 32px;
display: inline-block;
margin-top: -10px;
padding-top: 7px;
}
@media (max-width: 991px) {
#category #left-column {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: fit-content;
padding: 20px;
border-radius: 25px 25px 0px 0px;
margin: 0 !important;
z-index: 9999;
}
#prices-drop #left-column {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 33.33vh;
padding: 20px;
border-radius: 25px 25px 0px 0px;
margin: 0 !important;
z-index: 9999;
}
#search_filters {
display: block;
}
#search_filters > .facet {
height: 40px;
overflow: unset !important;
}
#left-column > div {
padding: 0 !important;
}
#category #left-column #search_filters .facet .title {
display: none;
}
#search_filters > .facet a.select-title {
display: block;
height: 40px;
padding: 4px 20px;
width: 100%;
border-radius: 25px;
font-family: "Montserrat", sans-serif;
color: #000;
font-size: 14px;
}
#search_filters > .facet:not(:last-child) {
margin-right: 20px;
margin-bottom: 10px;
}
.facet-dropdown.open div.dropdown-menu {
border-radius: 25px;
border: 1px solid #979797;
max-height: 50vh;
overflow-y: scroll;
bottom: 0;
position: absolute;
top: auto;
z-index: 9999;
margin: 0 auto;
box-shadow: 0px 0px 1000px #ccc;
}
}
/* HR Changes */
.product-flags li.product-flag.nt-discount {
right: 20%;
top: 6%;
z-index: 0;
}
article .product-flags li.product-flag.nt-discount {
right: 18%;
top: 6%;
}
@media all and (max-width: 768px) {
article .product-flags li.product-flag.nt-discount {
right: 2%;
top: 3%;
}
}
.ttproduct-desc .arrow {
display: none;
}
.pb-right-column .product-discount {
position: relative;
color: #ff0000;
}
.pb-right-column .product-discount:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #ff0000;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) rotate(-7deg);
}
#prices-drop .regular-price {
position: relative;
color: #ff0000!important;
}
#prices-drop .regular-price:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #ff0000;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) rotate(-7deg);
}
#prices-drop #products .regular-price, .products .regular-price {
text-decoration: none!important;
}
.prettydropdown ul li .custom-on-sale{
background:transparent;
}
.product-prices{
display: flex;
align-items: center;
margin: 10px 0;
gap: 12px
}
.product-prices .discount{
display: none;
}
.brands-header-title > a.ofertas{
/* width: 74px;
height: 19px; */
margin: 0px 25px 0px 0;
font-size: 15px;
/*font-weight: bold;*/
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
/*color: #000!important;*/
color: var(--main-bg-color);
}
.ofertas span{
/* margin: 2.1px 69px 0 9px; */
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #f00;
display: block;
position: absolute;
}
.brands-header-title{
display: flex;
}
@media screen and (max-width: 767px) {
.product-price{
width: auto;
}
.product-prices{
justify-content: center;
}
}
.prettydropdown:not(.disabled) > ul.active{border-radius:20px !important; border:none;}
/* 29-02-2024 new css start */
.blockcart .accessories-products-cart .related_product
{
padding: 16px;
border-color: var(--main-bg-color);
border-radius: 22px;
}
.blockcart .accessories-products-cart .related_product .rel_image img {
width: 100%;
height: auto;
margin-top: 0;
margin-left: 0;
border-radius: 15;
background: #FFF;
}
.blockcart .accessories-products-cart .related_product .product-price-and-shipping a,.blockcart .accessories-products-cart .related_product .product-price-and-shipping span {
padding: 0;
color: #fff;
}
.blockcart .related_product label {
border-radius: 50%;
bottom: 1px;
right: 10px;
left: inherit !important;
z-index: 1;
border-color: var(--main-bg-color);
}
.blockcart .check_product:checked ~ label
{
background:var(--main-bg-color);
}
.quickview .product-actions .add-to-cart{
background-color: var(--brand-color) !important;
}
.blockcart .cart_block {
padding: 70px 35px 30px;
}
.modal.quickview
{
background: rgba(188, 188, 188, 0.71);
}
.quickview .modal-dialog
{
overflow: hidden;
background: #000;
border-radius: 2rem;
}
.quickview .modal-content {
background-color: #000;
border: none;
border-radius: 2rem;
}
@media (max-width: 768px) {
.quickview .modal-content {
max-height: calc(90vh - 60px);
overflow-y: scroll;
}
}
.quickview .modal-header
{
position: absolute;
right: 15px;
top: 15px;
z-index: 9999;
}
.quickview .modal-content .close
{
font-size: 40px;
color: #fff;
}
.quickview .product-cover {
width: 100%;
border-radius: 30px;
margin-bottom: 0;
}
.quickview .product-cover img
{
border-radius: 30px;
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
}
.quickview .mask,.quickview .arrows,.quickview .modal-footer
{
display: none;
}
.quickview .current-price {
color: #fff !important;
}
.quickview #product-description-short{
color: rgb(255 255 255 / 80%);
font-size: 18px;
line-height: 1.4;
margin: 30px 0 40px;
}
.quickview button{
transform: initial!important;
}
.quickview .product-actions .product-add-to-cart
{
display: grid;
grid-template-columns: 150px auto;
align-items: center;
width: 100%;
}
.quickview #add-to-cart-or-refresh ,.quickview .product-add-to-cart .product-quantity .add{
width: 100% !important;
padding-right: 0 !important;
}
.quickview .product-actions .add-to-cart {
padding: 0px 20px !important ;
width: 100%;
line-height: 50px;
min-width: 100%;
width: 100% !important;
}
.quickview .product-prices
{
padding: 0 !important;
margin: 20px 0 ;
}
.quickview h1,
.quickview.modal .stock-availability.modal-page
{
color:#6feb85!important;
}
.quickview.modal .stock-availability.modal-page{
font-size: 12px!important;
}
.quickview .modal-body{
padding: 20px;
}
.quickview .qty
{
display: flex;
align-items: center;
justify-content: space-evenly;
}
.quickview #product-availability,.quickview p,
.quickview .product-prices
{
margin: 0px;
}
.quickview h1{
font-size: 26px;
}
.quickview h1 + span{
color: #fff;
font-size: 16px;
margin-bottom: 26px;
display: block;
}
#product .quickview.modal .price{
font-weight: 500;
}
#product .quickview.modal .current-price{
line-height: 1;
}
#product .quickview.modal .current-price span{
font-weight: 500;
}
#prices-drop #left-column {
margin-left: 0px !important;
width: 96vw;
display: none; /* Left column shouldnt be displayed on this page*/
}
#prices-drop .ttproduct-image {
display: table !important;
}
#prices-drop .ttproducthover {
display: none;
}
@media (max-width: 991px)
{
.mt-4{margin-top:1.5rem;}
.quickview .modal-header {
right: 10px;
top: 0px;
}
.quickview .modal-content .close {
font-size: 28px;
}
.quickview .product-cover {
margin-top: 24px;
}
.quickview #product-description-short
{
min-height: auto;
}
}
@media (max-width: 767px) {
.blockcart .accessories-products-cart .related_product {
width: 100% !important;
}
.blockcart .product-price-and-shipping {
padding-top: 0 !important;
position: inherit !important;
}
.blockcart .cart_block {
padding: 70px 20px 30px;
}
#product #_mobile_cart .blockcart .accessories-products-cart .prod_price {
position: absolute;
text-align: right;
margin-top: 10px;
width: max-content;
}
.quickview .modal-header {
position: absolute;
right: 10px;
top: -4px;
z-index: 9999;
}
.quickview .modal-content .close {
font-size: 24px;
}
.quickview .modal-dialog
{
width: 90%;
}
.quickview .product-cover {
border-radius: 15px;
margin-top: 15px;
}
.quickview .product-cover img {
border-radius: 15px;
height: auto;
object-fit: contain;
width: 100% !important;
}
.quickview h1 {
font-size: 1.2rem;
}
.quickview .product-prices {
justify-content: start;
margin: 10px 0;
}
#product .quickview .product-add-to-cart {
height: 100% !important;
}
.quickview .qty,.quickview #add-to-cart-or-refresh > div.product-add-to-cart > div
{
margin: 15px 0;
}
.quickview .product-add-to-cart .product-quantity .add {
margin-left: 0;
}
.quickview .product-actions .add-to-cart{
line-height: 40px;
}
.mt-4{
margin-top:1.5rem;
}
.quickview .product-actions .product-add-to-cart {
grid-template-columns: auto;
}
.blockcart .accessories-products-cart .related_product .rel_image {
display: block;
}
.blockcart .accessories-products-cart .related_product
{
flex-direction: row;
gap:20px;
}
.quickview #product-description-short{
margin: 20px 0;
}
.quickview #product-description-short{
font-size: 14px;
}
#product .quickview.modal .stock-availability.modal-page{
text-align: left!important;
}
}
/* 29-02-2024 new css end*/
@media (min-width: 991px) {
.quickview.custom-add-to-cart-modal .modal-dialog{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 100%;
margin: 0;
max-width: inherit;
background: transparent;
}
.quickview.custom-add-to-cart-modal .modal-dialog .modal-content{
/*max-width: 1024px;*/
max-width: 860px;
width: calc(100% - 40px);
margin: 20px;
}
}
.quickview.custom-add-to-cart-modal .product-discount{
position: relative;
}
.quickview.custom-add-to-cart-modal .product-discount:before {
content: "";
width: 100%;
height: 1.5px;
display: block;
background: #fff;
transform: translate(-50%, -50%) rotate(-8deg);
left: 50%;
top: 50%;
position: absolute;
}
.product-warning{
color: #ff8100;
border: 1px solid #ff8100;
padding: 5px;
letter-spacing: 0;
font-size: 12px;
padding-left: 30px;
position: relative;
margin-top: 5px;
width: 100%;
}
.product-warning:before {
content: "";
position: absolute;
display: block;
left: 5px;
top: 5px;
height: 18px;
width: 22px;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill='%23ff8100' height='800px' width='800px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 310.806 310.806' xml:space='preserve'%3E%3Cpath d='M305.095,229.104L186.055,42.579c-6.713-10.52-18.172-16.801-30.652-16.801c-12.481,0-23.94,6.281-30.651,16.801 L5.711,229.103c-7.145,11.197-7.619,25.39-1.233,37.042c6.386,11.647,18.604,18.883,31.886,18.883h238.079 c13.282,0,25.5-7.235,31.888-18.886C312.714,254.493,312.24,240.301,305.095,229.104z M155.403,253.631 c-10.947,0-19.82-8.874-19.82-19.82c0-10.947,8.874-19.821,19.82-19.821c10.947,0,19.82,8.874,19.82,19.821 C175.223,244.757,166.349,253.631,155.403,253.631z M182.875,115.9l-9.762,65.727c-1.437,9.675-10.445,16.353-20.119,14.916 c-7.816-1.161-13.676-7.289-14.881-14.692l-10.601-65.597c-2.468-15.273,7.912-29.655,23.185-32.123 c15.273-2.468,29.655,7.912,32.123,23.185C183.284,110.192,183.268,113.161,182.875,115.9z'/%3E%3C/svg%3E");
}
/*Toast for add to cart - HR*/
.custom-toast-container {
position: fixed;
right: 0;
top: 10px;
z-index: 1050;
margin-bottom: 1rem;
}
.custom-toast {
opacity: 0;
transform: translateY(100%);
transition: opacity 0.3s, transform 0.3s;
width: 330px;
height: auto;
padding: 10px 15px;
background-color: #ffffff;
border-radius: 140px;
box-shadow: 0 9px 10px rgb(0 0 0 / 29%);
margin-right: 1rem;
align-items: center;
display: flex;
margin-bottom: 0.5rem;
}
.custom-toast.show {
opacity: 1;
transform: translateY(0);
}
.custom-toast .icon-container {
display: flex;
align-items: center;
margin-right: 10px;
}
.custom-toast .icon-container > svg {
height: 34px;
}
.custom-toast .content-container {
display: flex;
flex-direction: column;
flex: 1;
}
.custom-toast .content-container .title {
font-weight: 600;
font-size: 15px;
}
.custom-toast .content-container .message {
font-size: 14px;
font-weight: 400;
color: #111215;
}
.custom-toast > button {
background-color: transparent;
font-size: 25px;
color: #9b9dab;
cursor: pointer;
border: 0;
padding: 0;
margin: 0;
height: 34px;
width: 34px;
}
.custom-toast.success .icon-container > svg {
fill: #47D764;
}
.custom-toast.success .content-container .title {
color: #47d764;
}
.custom-toast.error .icon-container > svg {
fill: #ff355b;
}
.custom-toast.error .content-container .title {
color: #ff355b;
}
.custom-toast.info .icon-container > svg {
fill: #2F86EB;
}
.custom-toast.info .content-container .title {
color: #2F86EB;
}
.custom-toast.warning .icon-container > svg {
fill: #FFC021;
}
.custom-toast.warning .content-container .title {
color: #FFC021;
}
.custom-toast-container .custom-toast:last-child {
margin-bottom: 1rem;
}
@media (max-width: 568px) {
.custom-toast {
margin: auto 0.5rem;
left: 0;
right: 0;
width: calc(100% - 1rem);
margin-bottom: 0.5rem;
}
.custom-toast-container {
margin: 0;
}
}
/*Toast for add to cart - HR*/
.flex-row {
display: flex;
flex-wrap: wrap;
}
.modal-product-content {
display: flex;
height: 100%;
flex-direction: column;
padding-top: 25px;
}
.modal-product-content .product-actions {
margin-top: auto;
}
.nt-static, .nt-animation {
height: 28px;
width: 32px
}
/*New homepage copied css*/
.Stroke-1182 {
/*width: 1440px;*/
width: auto;
height: 2px;
margin: 150px 0 53px;
border: solid 1.5px var(--primary-bg-color);
}
img.footer-mastercard {
width: 93px;
height: 17px;
margin: 2px 20px 2px 0;
object-fit: contain;
}
img.footer-visa {
width: 41px;
height: 14px;
margin: 3.5px 20px 3.5px;
object-fit: contain;
}
img.footer-apple-pay {
width: 44px;
height: 21px;
margin: 0 20px 0 20px;
object-fit: contain;
}
img.footer-paypal {
width: 67px;
height: 18px;
margin: 1.6px 20px 1.4px 20px;
object-fit: contain;
}
img.footer-google-pay {
width: 40px;
height: 16px;
margin: 2.2px 0 2.8px 20px;
object-fit: contain;
}
.new-homepage-footer{
display: flex;
flex-direction: column;
padding: 0;
}
.link-list-coloumn-one, .link-list-coloumn-two, .link-list-coloumn-three{
list-style: none;
}
.splide__slide .product-description{
display: none;
}
.-category_defaultjpg {
width: 1439px;
height: 486px;
/*margin: 715px 0 0 1px;*/
margin: 0 0 90px 1px;
padding: 35px 282.5px 35px 343px;
background-color: rgba(0, 0, 0, 0.6);
display: flex;
position: relative;
background-image: url('http://localhost/stagingphonecases3d/img/new_bamboo.jpg');
}
.Learn-about-our-eco- {
/* width: 473px;
height: 105px; */
/* margin: 52px 0 26px 340.5px; */
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.09;
letter-spacing: normal;
color: #fff;
}
.Made-from-100-plant {
/* width: 352px;
height: 133px;
margin: 26px 120.7px 8px 340.8px; */
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #fff;
}
/* .new-image {
width: 416px;
height: 416px;
margin: 0 75px 0 0;
background-image: url('http://localhost/stagingphonecases3d/img/B_e825e5b740_1.png');
} */
/* .new-image img{
box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.5);
} */
.section-eco-friendly .new-image{
text-align: right;
}
.Learn-about-our-eco-{
margin-bottom: 26px;
}
.text-section {
/* width: 416px;
height: 416px;
margin: 0 100px 0 0;
box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.5); */
max-width: 352px;
}
/*button css*/
.Rectangle-Copy-6 {
height: 40px;
border-radius: 25px;
background-color: #75f98d;
color: #000;
align-content: center;
}
.Rectangle-Copy-10 {
min-width: 207px;
height: 40px;
border-radius: 25px;
background-color: #fff;
color: #000;
align-content: center;
}
.NUESTRO-MANIFIESTO {
width: 162.6px;
height: 15px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: var(--black);
}
.VER-PRODUCTOS {
width: 121.8px;
height: 15px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: var(--black);
}
.custom-buttons {
display: flex;
position: relative;
gap: 20px;
}
.custom-buttons a{
color: inherit;
width: 100%;
display: block;
text-align: center;
}
.custom-buttons > div {
margin: 10px auto
}
.block_newsletter {
width: auto;
min-height: 485px;
margin: 0px 0 0 0px;
background-color: rgba(0, 0, 0, 0.76);
background-image: url('../../../../img/A_4f18a42979.png');
background-size: cover;
isolation: isolate;
background-position: 0 28%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.section-eco-friendly{
width: 100%;
background-size: cover;
isolation: isolate;
position: relative;
padding: 35px 0;
}
.block_newsletter::after,
.section-eco-friendly::after {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.76);
opacity: 0.95;
z-index: -1;
}
.Apntate-a-nuestra-N {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
font-family: "Montserrat", sans-serif;
font-size: 32px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
}
.S-el-primero-en-ent {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
font-family: "Montserrat", sans-serif;
font-size: 10px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
display: inline-block;
width: 100%;
text-align: center;
}
/*Display accessories css*/
@media (max-width: 991px) {
.brands-header-title {
text-align: start;
}
}
@media (max-width: 768px) {
.hp-heading {
margin-top: 90px;
margin-bottom: 28px;
}
}
.hp-heading {
margin-top: 90px;
margin-bottom: 28px;
}
.hp-heading,
.grouped-products-title{
font-family: "Montserrat", sans-serif!important;
font-size: 24px!important;
font-weight: normal!important;
font-stretch: normal!important;
font-style: normal!important;
line-height: normal!important;
letter-spacing: normal!important;
text-align: center!important;
color: #333!important;
text-transform: uppercase!important;
}
#splide-official-licenses .splide__slide > a, #splide-mobile-accessories .splide__slide > a {
display: flex;
justify-content: center;
flex-direction: column;
}
.display-accessories-image {
width: 240px;
height: 240px;
margin: 0 auto 25.5px;
border-radius: 20px;
object-fit: cover;
}
.display-accessories-text {
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: black;
display: block;
text-align: center;
}
/*Display Accessories css*/
.all-bestsellers {
color: #000;
max-width: 350px;
height: 50px;
margin: auto;
padding: 16px 77px 15px 85px;
border-radius: 25px;
background-color: #75f98d;
font-weight: 500;
}
.all-bestsellers span {
color: #000;
}
/*button css*/
/*New homepage copied css*/
@media (max-width: 767.99px) {
#mobile_logo .cart-actions .cart-prices {
background: black;
position: relative;
z-index: 9;
}
}
/* 240420 */
#index #footer .container{
max-width: 1206px;
}
.bottom-footer .col-md-5{
text-align: left;
}
.new-copyright{
font-size: 11px;
font-family: "Montserrat", sans-serif;
color: #fff;
text-align: right;
}
.new-copyright a{
color: #75f98d;
}
.footer-container .Stroke-1182{
margin:58px 0 0;
}
.bottom-footer{
padding: 53px 0;
}
footer .social-media-icons{
display: flex;
gap: 15px;
margin-top: 24px;
}
.linklist h3,
.footer-container li a{
font-family: "Montserrat", sans-serif;
}
.footer-container .links h3{
margin-bottom: 16px;
}
.block_newsletter .field-wrapper{
display: flex;
align-items: center;
width: 100%;
margin-top: 35px;
}
.newsletter-form{
max-width: 400px;
margin: 0 auto;
}
.block_newsletter form input[type="email"],
.block_newsletter form input[type="email"]:focus{
width: 100%;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50px;
color: #fff;
outline: none;
padding: 0 20px;
}
.block_newsletter form input[type="email"]::placeholder{
color: #fff;
}
.block_newsletter form .input-wrapper{
width: 100%;
margin-right: 10px;
}
.block_newsletter form input[type="submit"]{
padding: 8px 11px 12px;
color: #000;
background-color: #75f98d !important;
font-size: 12px;
min-width: 104px;
height: 40px;
font-weight: 500;
border-radius: 50px;
font-family: "Montserrat", sans-serif;
}
.splide-accessories{
max-width: 1100px;
margin: 0 auto;
}
.splide-accessories__wrapper{
padding: 90px 0 60px;
}
.container-fluid,
.section-element{
/*max-width: 1440px;*/
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.description-section > .hp-heading{
padding-bottom: 50px;
position: relative;
top: 20px;
z-index: -1;
}
.splide-test{
margin-bottom: 70px!important;
}
.page-home > .products{
max-width: 1206px;
margin: auto;
}
.hp-wrapper .hp-heading,
.grouped-products-title{
margin: 90px auto 10px!important;
display: block!important;
}
.banner-below-wrapper,.banner-below-text{
background-color: #75f98d;
display: grid;
place-items: center;
}
@media (max-width: 767px) {
.banner-below-wrapper,.banner-below-text{
height: fit-content;
padding: 10px 5px;
}
}
@media (min-width: 768px) {
.banner-below-wrapper,.banner-below-text{
height: 72px;
}
#module-brandingpage-brandpage .banner-below-wrapper {
height: fit-content;
padding: 10px 5px;
}
#module-brandingpage-brandpage .banner-below-text {
height: fit-content;
}
}
.banner-below-text{
font-size: 26px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #333;
max-width: 1100px;
margin: auto;
}
.banner-below-text .text-style-1{
font-weight: normal;
}
#index .splide__pagination{
margin: 20px auto;
max-width: 600px;
height: 3px;
width: 100%;
border-radius: 30px;
/*display: flex; Hidden becasue of issue on row 220 (.splide__pagination:last-of-type)*/
}
#index .splide__pagination li{
margin: 0;
flex: 1 1 auto;
height: 100%;
border: none;
}
#index .splide__pagination li button{
margin: 0;
width: 100%;
border-radius: 0;
height: 100%;
border: none;
outline: none;
}
#index .splide__pagination li button.is-active {
background-color: #000000;
border-radius: 30px;
transform: scale(1);
opacity: 1;
}
#splide-header .splide__pagination li button{
background-color: rgba(216, 216, 216, 0.4);
}
#splide-header .splide__pagination li button.is-active{
background-color:#fff;
}
#splide-header .splide__pagination li{
margin: 0 5px;
border-radius: 30px;
}
#splide-header .splide__pagination{
max-width: 400px;
}
.splide-bestseller .splide__pagination{
margin-top: 67px;
}
.grouped-products-title::after,
.grouped-products-title::before{
display: none;
}
.align-center{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.header-top{
display: flex;
align-items: center;
height: 100%;
}
.header-top #_desktop_logo{
padding: 0;
margin-left: 26px;
}
#header .logo{
margin: 0;
}
.full-header{
border: none;
}
/*#splide-header-mobile {
display: none;
}*/
#_desktop_logo {
height: auto!important;
}
.footer-klarna img {
height: 36px;
}
/*Review Section*/
.review-section-body {
width: 297px;
margin: 45px 20px 40px 10px;
border-radius: 20px;
background-color: rgba(238, 238, 238, 0.5);
padding: 36px 22px 22px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.splide-review{
max-width: 1100px;
margin: 0 auto;
}
.splide-review__wrapper {
padding: 0px 0 60px;
}
.review-verdict {
width: 75.6px;
height: 14.5px;
margin: 0 0 15px;
text-align: center;
color: #000;
font-weight: 550;
}
span.reviews-count {
color: #000;
font-size: 12px;
margin: 15px 0 20px;
}
.text-right{
text-align: right;
}
.review-title-top {
margin-top: 16px;
text-align: left;
width: 100%;
min-height: 225px;
}
.review-title-top-inner{
margin-top: 0;
}
.review-title{
color: #000;
font-size: 14px;
line-height: 1.6;
}
.review-author-top {
margin-top: 34px;
position: relative;
}
.review-author-top::before{
content: '';
position: absolute;
width: 100%;
max-width: 63px;
top: -14px;
left: 0;
background-color: #c4c4c4;
height: 1.1px;
}
span.review-title.bold {
font-size: 16px;
font-weight: bold;
margin-bottom: 14px;
display: block;
}
.review-author{
font-weight: 600;
color: #000;
}
#splide-review-section .splide__pagination{
display: none;
}
/*Review Section*/
@media screen and (max-width: 1366px) {
.section-element-text-box{
padding: 50px 50px;
}
.banner-below-text{
font-size: 20px;
}
.section-title{
font-size: 28px;
}
}
@media screen and (max-width: 991px) {
.footer-container{
height: auto;
padding: 57px 0px 0;
}
#footer .footer-container .container{
padding: 0 32px;
}
.bottom-footer .row > div{
padding-left: 0;
padding-right: 0;
}
.footer-container .links h3{
display: block!important;
font-size: 15.4px!important;
font-weight: bold!important;
margin: 41px 0 17px!important;
}
.footer-container li a{
font-size: 15.4px!important;
font-weight: 500!important;
margin-bottom: 8px!important;
}
.footer-container .links,
.linklist .row,
.bottom-footer .row > div{
width: 100%;
}
.linklist .row{
float: unset;
}
.bottom-footer,
.new-copyright{
text-align: left;
}
.new-copyright{
padding-top: 47px;
}
.bottom-footer .col-md-4 span{
margin-right: 20px;
}
}
@media screen and (max-width: 767px){
.review-title-top{
min-height: auto;
}
.review-section-body .text-right {
text-align: left;
margin-top: 12px;
}
#splide-review-section .splide__track{
padding-left: 0!important;
}
/*
.review-section-body{
width: 100%;
margin: 0;
} */
#index .splide__pagination{
display: none;
}
#index .splide__pagination:last-of-type { /*This is just temporary see line220*/
display: none;
}
.section-element-text-box{
min-height: 375px;
DISPLAY: FLEX;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 50px 70px;
}
.section-title{
text-align: left;
}
.section-title{
font-size: 32px;
font-weight: bold;
}
.splide-accessories__wrapper{
padding-top: 60px;
padding-bottom: 20px;
}
.section-eco-friendly .new-image{
text-align: center;
}
.section-eco-friendly .col-md-6{
width: 100%;
display: flex;
justify-content: center;
}
.section-eco-friendly .text-section {
max-width: 400px;
padding-top: 32px;
}
.custom-buttons {
display: inline-block;
text-align: center;
}
.custom-buttons .Rectangle-Copy-10{
margin-top: 25px;
}
#splide-header{
margin-top: 92px;
}
.splide-bestseller{
margin-bottom: 48px;
}
.splide-test {
margin-bottom: 20px !important;
}
.hb-animate-element{
opacity: 1;
}
.block_newsletter{
min-height: 340px;
}
.Apntate-a-nuestra-N{
font-size: 20px;
margin-bottom: 13px;
}
.S-el-primero-en-ent{
max-width: 210px;
}
.block_newsletter .field-wrapper{
margin-top: 46px;
padding: 0;
}
.block_newsletter .field-wrapper{
flex-wrap: wrap;
}
.float-xs-right{
position: relative;
}
.block_newsletter form input[type="submit"]{
width: 100%;
margin: 17px 0 0;
min-width: 100%;
right: 0;
display: block!important;
}
.block_newsletter form .input-wrapper{
margin-right: 0;
}
.footer-container .links {
width: 100% !important;
}
.footer-container li {
margin-bottom: 8px;
}
.all-bestsellers{
padding: 16px 16px 15px;
}
.splide-bestseller .splide__slide{
/*width: 85% !important;*/
width: 100% !important;
margin: 0 auto !important;
opacity: 0.46;
transition: all 0.3s ease-in-out;
}
.splide-bestseller .splide__slide.is-active{
opacity: 1;
}
.splide-bestseller .splide__slide.is-next,
.splide-bestseller .splide__slide.is-prev{
transform: scale(0.8);
}
#main,
#main .container{
padding: 0!important;
}
/*#mobile_logo .brands-header-title a{
text-align: left;
}*/
}
@media screen and (max-width: 540px){
.section-element-text-box{
padding: 50px 40px;
}
.section-eco-friendly .text-section {
max-width: 282px;
}
.hp-heading, .grouped-products-title{
font-size: 16px!important;
}
.accessories-body {
width: 234px;
}
.banner-below-text {
font-size: 12px;
}
.hp-wrapper .hp-heading, .grouped-products-title {
margin: 25px auto 28px !important;
}
}
@media screen and (max-width: 991px) {
.mobile_menu{
padding-top: 16px;
}
.container_tt_megamenu,
.brands-header-section > .brands-header-title {
padding: 0;
}
.brands-header-section .ofertas{
text-align: left !important;
margin-top: 0 !important;
}
}
@media screen and (max-width: 767px) {
.bottom-footer .row > .col-md-4{
display: flex;
}
.bottom-footer .col-md-4 span{
flex: 1;
}
.bottom-footer .col-md-4 .footer-klarna{
display: none;
}
}
.new-copyright {
letter-spacing: normal !important;
}
.bestseller_nav {
display: none;
}
@media (min-width: 769px) {
.banner-below-text h1, #official-phone-cases-in-collaboration-with-your-favourite-brands {
font-size: 1.5rem;
}
}
@media (max-width: 768px) {
.banner-below-text h1, #official-phone-cases-in-collaboration-with-your-favourite-brands {
font-size: 1.2rem;
}
}
.banner-below-text h1 {
margin-bottom: 0;
}
.ofertas {
text-transform: capitalize;
}
#official-phone-cases-in-collaboration-with-your-favourite-brands {
font-weight: normal !important;
}
#index .custom-banner {
object-fit: cover;
}
@media (max-width: 499px) {
#index .custom-banner {
bottom: 20% !important;
left: 0;
}
}
div.custom-banner img {
position: unset;
}
div.custom-banner {
bottom: 20px;
height: fit-content;
right: unset;
z-index: auto;
left: 20%;
}
@media (min-width: 624px) and (max-width: 769px) {
div.custom-banner {
bottom: 40px;
}
}
@media (min-width: 500px) and (max-width: 623px) {
div.custom-banner {
bottom: 30px;
left: 25%;
width: 77px
}
}
.splide-bestsellers .bestseller-product {
height: 100%;
}
.splide-bestsellers .splide__slide {
height: 400px;
}
.splide-bestsellers .bestseller-product .product-image {
max-height: 100%;
object-fit: cover;
}
.splide-bestsellers .bestseller-slide div.bestseller-product {
transition: 100ms ease-in-out opacity, 100ms cubic-bezier(.65,.05,.36,1) transform;
}
@media (min-width: 769px) {
.splide-bestsellers .bestseller-product .product-image {
object-fit: cover;
}
}
@media (max-width: 768px) {
.bestseller-slide:not(.is-active) div.bestseller-product{
opacity: 0.45;
transform: scale(0.7);
}
#facet_model .js-faceted-search-link {
padding-left: 10px;
}
}
@media (max-width: 768px) and (min-width: 500px) {
.splide-bestsellers .bestseller-product .product-image {
max-height: unset;
height: 400px;
width: 260px;
}
}
@media (max-width: 499px) {
.splide-bestsellers .bestseller-product .product-image {
max-height: unset;
height: 320px;
width: 190px;
}
.splide-bestsellers .splide__slide {
height: fit-content;
}
}
.brands-header-title.corporate {
text-transform: uppercase;
}
@media (min-width: 1000px) {
.popup form .form-control.thick {
font-size: 15px;
}
}
#review-banner-laptop {
display: block;
}
#review-banner-mobile {
display: none;
}
@media (max-width: 768px) {
#review-banner-laptop {
display: none;
}
#review-banner-mobile {
display: block;
}
}
#product-availability {
color: white;
text-align: center;
}
@media (max-width: 991px) {
.full-header > #search_widget {
display: block;
}
}
@media (min-width: 992px) {
.full-header > #search_widget {
display: none;
}
}
.pop_logo {
object-fit: contain;
width: 140px
}
.footer-container .col-md-7 > div.row {
display: flex;
justify-content: space-between;
}
.pop_logo_parent {
margin: auto 0;
}
@media (min-width: 992px) {
.footer-container .col-md-7 > div.row {
flex-direction: row-reverse;
gap: 30px;
}
.pop_logo_parent {
width: 280px
}
}
@media (max-width: 991px) {
.footer-container .col-md-7 > div.row {
flex-direction: row;
}
.pop_logo_parent {
width: 180px;
}
}
@media (min-width: 992px) {
#top_column {
margin-top: 30px;
}
}