html {
font-size: 14px; }
/*@media (min-width: 768px) {
html {
font-size: 16px;
}
}*/
html {
position: relative;
min-height: 100%; }
body {
font-family: Poppings, sans-serif;
overflow-x: hidden;
/*margin-bottom: 60px;*/
background-color: #fafafa !important; }
button.navbar-toggler {
border: none; }
/*.login-section{*/
/*background-color: black;
color: white;*/
/*}*/
.navbar {
/*position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;*/
/* margin-top: 10px; */
padding-top: 0;
padding-bottom: 0;
border-bottom: none !important;
background-color: #fafafa !important; }
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl, .navbar .container-xxl {
width: 100%;
max-width: 100vw !important;
height: 50px;
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
margin-top: 0; }
.navbar .container .navbar-row, .navbar .container-fluid .navbar-row, .navbar .container-lg .navbar-row, .navbar .container-md .navbar-row, .navbar .container-sm .navbar-row, .navbar .container-xl .navbar-row, .navbar .container-xxl .navbar-row {
width: 100%;
/* margin-top: 10px;
margin-bottom: 10px;*/ }
.navbar .container .row, .navbar .container-fluid .row, .navbar .container-lg .row, .navbar .container-md .row, .navbar .container-sm .row, .navbar .container-xl .row, .navbar .container-xxl .row {
margin-top: 0;
margin-right: 0;
margin-left: 0;
align-items: center;
/*height: 100%;*/ }
.navbar .container .row .navbar-right-section, .navbar .container-fluid .row .navbar-right-section, .navbar .container-lg .row .navbar-right-section, .navbar .container-md .row .navbar-right-section, .navbar .container-sm .row .navbar-right-section, .navbar .container-xl .row .navbar-right-section, .navbar .container-xxl .row .navbar-right-section {
margin: 0;
flex: 1 1;
justify-content: flex-end; }
.navbar .container .row .navbar-right-section div, .navbar .container-fluid .row .navbar-right-section div, .navbar .container-lg .row .navbar-right-section div, .navbar .container-md .row .navbar-right-section div, .navbar .container-sm .row .navbar-right-section div, .navbar .container-xl .row .navbar-right-section div, .navbar .container-xxl .row .navbar-right-section div {
display: inline; }
.navbar .container .row .navbar-right-section .btn:hover, .navbar .container-fluid .row .navbar-right-section .btn:hover, .navbar .container-lg .row .navbar-right-section .btn:hover, .navbar .container-md .row .navbar-right-section .btn:hover, .navbar .container-sm .row .navbar-right-section .btn:hover, .navbar .container-xl .row .navbar-right-section .btn:hover, .navbar .container-xxl .row .navbar-right-section .btn:hover {
background-color: #cc9966 !important;
color: white; }
.navbar .container .row .navbar-right-section .btn, .navbar .container-fluid .row .navbar-right-section .btn, .navbar .container-lg .row .navbar-right-section .btn, .navbar .container-md .row .navbar-right-section .btn, .navbar .container-sm .row .navbar-right-section .btn, .navbar .container-xl .row .navbar-right-section .btn, .navbar .container-xxl .row .navbar-right-section .btn {
display: inline-flex;
min-width: 170px;
/*max-width: 150px;*/
float: right;
height: 60px;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
color: white;
/*height: 100%;*/
font-weight: 400;
background-color: black;
color: white;
border-radius: 0;
line-height: 37.65px;
white-space: normal;
transition: all .3s;
padding: 0.85rem 1.5rem;
font-weight: 400;
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: -.01em; }
.navbar .container .row .navbar-right-section .navbar-right-elements, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements, .navbar .container-lg .row .navbar-right-section .navbar-right-elements, .navbar .container-md .row .navbar-right-section .navbar-right-elements, .navbar .container-sm .row .navbar-right-section .navbar-right-elements, .navbar .container-xl .row .navbar-right-section .navbar-right-elements, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements {
display: flex;
float: right;
align-items: center; }
.navbar .container .row .navbar-right-section .navbar-right-elements .navbar-gender-button, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .navbar-gender-button, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .navbar-gender-button, .navbar .container-md .row .navbar-right-section .navbar-right-elements .navbar-gender-button, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .navbar-gender-button, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .navbar-gender-button, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .navbar-gender-button {
color: #352E37;
font-size: 15px;
margin-right: 50px;
text-decoration: none;
cursor: pointer; }
.navbar .container .row .navbar-right-section .navbar-right-elements .navbar-gender-button:hover, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .navbar-gender-button:hover, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .navbar-gender-button:hover, .navbar .container-md .row .navbar-right-section .navbar-right-elements .navbar-gender-button:hover, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .navbar-gender-button:hover, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .navbar-gender-button:hover, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .navbar-gender-button:hover {
color: #c96; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide {
margin-right: 10px; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
/* @keyframes slide-in {
from {
right: -100%;
}
to {
right: 0;
}
}*/ }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box {
display: none; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active {
display: block;
width: 200px;
border: 1px solid lightgray;
border-right: none;
border-radius: 25px 0px 0px 25px;
height: 40px;
background-color: white; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input {
border: none;
margin-left: 10px;
margin-top: 10px;
background-color: white; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input:focus, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input:focus, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input:focus, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input:focus, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input:focus, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input:focus, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-box-active input:focus {
outline: none;
border: none; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon:hover, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon:hover, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon:hover, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon:hover, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon:hover, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon:hover, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon:hover {
/*font-size: x-large;*/
color: #c96 !important;
cursor: pointer; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon {
/*padding-top: 5px;*/
padding-right: 11px;
font-size: 15px; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon-active, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon-active, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon-active, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon-active, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon-active, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon-active, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .search-container .search-icon-active {
/*font-size: x-large;*/
color: #c96;
cursor: pointer;
border: 1px solid lightgray;
border-left: none;
border-radius: 0px 25px 25px 0px;
height: 40px;
padding-top: 5px;
padding-right: 10px; }
.navbar .container .row .navbar-right-section .navbar-right-elements .show-hide .wishlist-heart, .navbar .container-fluid .row .navbar-right-section .navbar-right-elements .show-hide .wishlist-heart, .navbar .container-lg .row .navbar-right-section .navbar-right-elements .show-hide .wishlist-heart, .navbar .container-md .row .navbar-right-section .navbar-right-elements .show-hide .wishlist-heart, .navbar .container-sm .row .navbar-right-section .navbar-right-elements .show-hide .wishlist-heart, .navbar .container-xl .row .navbar-right-section .navbar-right-elements .show-hide .wishlist-heart, .navbar .container-xxl .row .navbar-right-section .navbar-right-elements .show-hide .wishlist-heart {
color: #cc9966;
cursor: pointer;
padding-right: 10px;
/*font-size: x-large;*/
/*color: white;*/
/*text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;*/ }
.text-below-navbar-row {
height: 50px;
padding-top: 50px;
text-align: center;
line-height: 50px;
background-color: white !important; }
.text-below-navbar-row .text-below-navbar-column {
border-top: 0.5px solid #E6E6E6;
border-bottom: 0.5px solid #E6E6E6; }
.watches-below-navbar-row {
/* height: 155px;*/
padding-top: 50px;
background-color: white !important;
margin-bottom: 50px; }
.watches-below-navbar-row .watches-below-navbar-column .watch-item-container {
display: flex;
justify-content: center;
max-width: 100%;
/*align-items: flex-end;*/ }
.watches-below-navbar-row .watches-below-navbar-column .watch-item-container .watch-item {
margin: 10px;
text-align: center;
max-width: 100px;
height: 150px;
display: flex;
flex-direction: column;
/* margin-right: 40px;*/ }
.watches-below-navbar-row .watches-below-navbar-column .watch-item-container .watch-item .watch-item-link {
flex: 1;
display: flex;
flex-direction: column;
font-size: smaller;
text-decoration: none;
color: black;
cursor: pointer; }
.watches-below-navbar-row .watches-below-navbar-column .watch-item-container .watch-item .watch-item-link img {
/*image-rendering: pixelated;*/
width: 100%;
/*max-height: 150px;*/
height: 90px;
object-fit: contain;
margin-bottom: 10px;
/*align-self: flex-start;*/ }
.third-section {
height: 700px; }
.third-section div:nth-child(1) {
/*text-align: center;*/
padding-left: 80px; }
.third-section div:nth-child(1) div {
/*width: 75%;*/ }
.third-section div:nth-child(1) div .text-one {
/*text-align: left;*/ }
.third-section div:nth-child(1) div .text-two {
line-height: 70px;
font-weight: bold;
font-size: 55px; }
.third-section div:nth-child(1) div a {
width: 215px;
height: 40px;
background-color: black;
color: white;
border-radius: 6px;
text-decoration: none;
text-align: center;
line-height: 40px; }
.third-section div:nth-child(1) div a:hover {
background-color: rgba(204, 153, 102, 0.7); }
.third-section div:nth-child(2) img {
max-width: 700px;
float: right;
padding-right: 30px;
object-fit: contain; }
.fourth-section {
position: relative;
top: -100px; }
.fourth-section div:nth-child(1) {
padding-left: 80px; }
.fourth-section div:nth-child(1) .text-one {
font-size: 30px;
font-weight: bold; }
.fourth-section div:nth-child(1) .text-two {
font-size: 18px;
font-weight: normal; }
.fifth-section {
position: relative;
top: -50px;
text-align: center; }
.fifth-section div .watch-category-item {
display: inline-block;
max-width: 250px;
height: 400px; }
.fifth-section div .watch-category-item a {
text-decoration: none; }
.fifth-section div .watch-category-item a img {
width: 100%;
height: 100%;
object-fit: cover; }
.fifth-section div .watch-category-item a p {
width: 80%;
position: relative;
top: -80px;
left: 25px;
background-color: black;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
text-align: center;
cursor: pointer;
text-decoration: none !important; }
.fifth-section div .watch-category-item a p:hover {
background-color: rgba(204, 153, 102, 0.7); }
.sixth-section div:nth-child(1) p {
font-size: 30px;
font-weight: bold;
width: 75%;
margin-bottom: 200px !important;
margin-left: auto;
margin-right: 0; }
.sixth-section div:nth-child(1) img {
width: 400px; }
.sixth-section div:nth-child(2) p {
width: 75%;
font-size: 18px;
font-weight: normal; }
.sixth-section div:nth-child(2) p.hand-picked-message-title {
font-size: 18px;
font-weight: bold;
margin-top: 30px; }
.sixth-section div:nth-child(2) div {
display: block;
width: 75%;
margin-bottom: 10px;
text-align: left;
background-color: #FFFFFF;
/*border-color: #AFAFAF;*/
border: 1px solid #AFAFAF;
border-radius: 6px;
height: 60px; }
.sixth-section div:nth-child(2) div a {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: black;
background-color: #FFFFFF;
padding: 10px;
display: block;
margin-top: 5px; }
.sixth-section div:nth-child(2) div:hover {
border-color: black !important;
border-width: 3px; }
.seventh-section div:nth-child(1) {
text-align: center; }
.seventh-section div:nth-child(1) p {
font-size: 18px;
font-weight: bold;
text-align: center; }
.seventh-section div:nth-child(1) a {
display: inline-block;
width: 150px;
cursor: pointer; }
.seventh-section div:nth-child(1) a img {
width: 200px;
height: auto;
display: block;
margin: 0 auto; }
.eigth-section div:nth-child(1) img {
width: 100%; }
.row-below-navbar-product-page {
margin-top: 150px;
margin-bottom: 20px; }
.row-below-navbar-product-page .product-page-title-row {
padding-left: 50px; }
.row-below-navbar-product-page #filter-button {
all: unset;
cursor: pointer; }
.products-row {
margin-left: 0px;
margin-right: 0px; }
#side-menu {
position: fixed;
top: 0;
right: -400px;
/* set the initial position of the side menu to be outside of the viewport */
width: 400px;
height: 100%;
background-color: #fff;
transition: all 0.3s ease-in-out;
/* add a transition effect to make the slide animation smoother */
z-index: 9999;
/* set the z-index of the side menu to a high value */
padding-top: 30px;
padding-left: 30px;
overflow: scroll;
overflow-x: hidden; }
#side-menu #close-button {
cursor: pointer; }
#side-menu #clear-filter-button {
cursor: pointer;
color: #cc9966;
text-decoration: none; }
#side-menu #sortOrder {
border-radius: 5px;
height: 30px; }
#side-menu .filters-row {
margin-top: 50px;
margin-bottom: 20px; }
#side-menu .filters-row span {
font-size: large; }
#side-menu .filter-section-title {
font-size: 1.2rem; }
#side-menu .filter-category-list {
list-style: none;
padding-left: 0; }
#side-menu .filter-category-list li {
padding-left: 5px; }
#side-menu .filter-category-list li a {
text-decoration: none; }
#side-menu .filter-category-list li a:hover {
color: #cc9966; }
#side-menu .filter-category-list li .selected {
color: #cc9966; }
#side-menu .filter-category-list li .gold-text {
color: #cc9966; }
#side-menu .list-unstyled {
padding-left: 5px; }
#side-menu .list-unstyled .brand-name-list {
margin-top: 10px; }
#side-menu #view-more-btn {
cursor: pointer; }
#side-menu .brand-name {
margin-left: 10px;
text-transform: uppercase; }
#side-menu .filter-checkbox {
transform: scale(1.5);
margin-left: 0px; }
#side-menu .filter-checkbox:checked {
background-color: #cc9966 !important; }
#side-menu .price-text-box:focus {
border-color: #cc9966 !important; }
#side-menu .price-text-box {
margin-bottom: 15px;
height: 40px;
border-width: 1px;
border-radius: 5px 5px; }
#side-menu .filter-submit-button {
background-color: #cc9966;
color: white;
width: 90%;
margin-bottom: 100px; }
#side-menu .filter-submit-button:hover {
background-color: rgba(204, 153, 102, 0.7); }
.show-menu #side-menu {
right: 0;
/* move the side menu into the viewport when the show-menu class is added to the body element */ }
.fixed-left-navbar {
position: fixed; }
.fixed-left-navbar .nav-link:hover {
color: #c96 !important; }
.fixed-left-navbar .nav-link {
color: #333;
font-size: 1.7em;
font-weight: 700; }
.fixed-left-navbar .navbar-nav {
margin-left: 20px;
margin-top: 150px; }
.fixed-left-navbar .navbar-nav .show {
color: #c96 !important; }
.fixed-left-navbar .navbar-nav .dropdown-menu.show {
border: none;
position: unset !important;
transform: none !important; }
.fixed-left-navbar .navbar-nav .dropdown-menu.show li .dropdown-item:hover {
color: #c96 !important;
background-color: transparent !important; }
@media only screen and (min-width: 992px) and (max-width: 1012px) {
.fifth-section div .watch-category-item {
max-width: 200px;
/*height: 400px;*/ }
.fifth-section div .watch-category-item a img {
width: 100%;
height: 80%;
object-fit: cover; } }
@media only screen and (max-width: 992px) {
.navbar-middle-message {
display: none !important; }
/* .offcanvas{
display: none;
}*/
.third-section {
height: 700px; }
.third-section div:nth-child(1) {
/*text-align: center;*/
padding-left: 0; }
.third-section div:nth-child(1) div {
/*width: 75%;*/
margin-left: auto;
margin-right: auto;
padding-left: 0; }
.third-section div:nth-child(1) div .text-two {
line-height: 55px;
font-weight: bold;
font-size: 40px; }
.third-section div:nth-child(1) div button {
width: 215px;
height: 40px;
background-color: black;
color: white; }
.third-section div:nth-child(2) {
padding-left: 0; }
.third-section div:nth-child(2) img {
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-left: 60px; }
.fourth-section {
top: 0; }
.fourth-section div:nth-child(1) {
padding-left: 0px;
text-align: center; }
.fourth-section div:nth-child(1) .text-one {
font-size: 30px;
font-weight: bold; }
.fourth-section div:nth-child(1) .text-two {
font-size: 18px;
font-weight: normal;
padding-left: 20px;
padding-right: 20px; }
.fifth-section {
position: relative;
top: 0px;
text-align: center; }
.fifth-section div .watch-category-item {
text-align: left;
width: 200px; }
.fifth-section div .watch-category-item a img {
width: 100%;
height: 80%;
object-fit: cover; }
.seventh-section div:nth-child(1) {
text-align: center; }
.seventh-section div:nth-child(1) p {
margin-top: 40px; } }
@media only screen and (min-width: 503px) and (max-width: 820px) {
/*.show-hide {
display: none !important;
}*/
.search-box-active {
width: 100px; }
.remove-watch-item-small-screen {
display: none !important; }
.third-section {
height: 700px; }
.third-section div:nth-child(1) div {
margin-left: auto;
margin-right: auto;
padding-left: 0; }
.third-section div:nth-child(2) {
padding: 0; }
.third-section div:nth-child(2) img {
max-width: 500px;
margin-left: auto;
margin-right: auto; }
.fourth-section {
top: 0; }
.fourth-section div:nth-child(1) {
/*padding-left: 10px;*/
text-align: center; }
.fourth-section div:nth-child(1) .text-one {
font-size: 30px;
font-weight: bold; }
.fourth-section div:nth-child(1) .text-two {
font-size: 18px;
font-weight: normal; }
.fifth-section {
position: relative;
top: 0px;
text-align: center; }
.fifth-section div .watch-category-item {
/*text-align: left !important;*/
max-width: 250px !important;
width: 100%; }
.sixth-section div:nth-child(1) p {
font-size: 30px;
font-weight: bold;
width: 75%;
margin-bottom: 200px !important;
margin-left: auto;
margin-right: auto; }
.sixth-section div:nth-child(2) {
/* p.hand-picked-message-title {
font-size: 18px;
font-weight: bold;
margin-top: 30px;
}*/ }
.sixth-section div:nth-child(2) p {
/*width: 75%;*/
margin-left: auto;
margin-right: auto; }
.sixth-section div:nth-child(2) button {
margin-left: auto;
margin-right: auto; } }
@media only screen and (min-width: 758px) and (max-width: 820px) {
.fifth-section div .watch-category-item {
text-align: left !important;
max-width: 300px !important;
width: 100%; } }
@media only screen and (max-width: 500px) {
.show-hide {
display: none !important; }
/*.men-and-women-buttons {*/
/*display: none;*/
/*&.hide-when-search-active {
display: block;
.search-container.search-box-active & {
display: none;
}
}*/
/*}*/
.remove-watch-item-small-screen {
display: none !important; }
.third-section {
height: 700px; }
.third-section div:nth-child(1) {
padding-left: 0; }
.third-section div:nth-child(1) div {
margin-left: auto;
margin-right: auto;
padding-left: 0; }
.third-section div:nth-child(2) {
padding: 0; }
.third-section div:nth-child(2) img {
/*width: 450px;*/
max-width: 400px !important;
margin-left: auto;
margin-right: auto;
padding-left: 0 !important;
padding-right: 0 !important; }
.fourth-section {
top: 0; }
.fourth-section div:nth-child(1) {
padding-left: 10px !important;
text-align: center; }
.fourth-section div:nth-child(1) .text-one {
font-size: 30px;
font-weight: bold; }
.fourth-section div:nth-child(1) .text-two {
font-size: 18px;
font-weight: normal; }
.fifth-section div .watch-category-item {
text-align: left !important;
max-width: 180px;
width: 100%;
height: 270px; }
.fifth-section div .watch-category-item a img {
width: 100%;
height: 100%;
object-fit: cover; }
.fifth-section div .watch-category-item a p {
width: 100%;
left: 0; }
.sixth-section div:nth-child(1) p {
font-size: 30px;
font-weight: bold;
width: 75%;
margin-bottom: 0px !important;
margin-left: auto;
margin-right: auto; }
.sixth-section div:nth-child(1) img {
width: 200px; }
.sixth-section div:nth-child(2) {
/* p.hand-picked-message-title {
font-size: 18px;
font-weight: bold;
margin-top: 30px;
}*/ }
.sixth-section div:nth-child(2) p {
/*width: 75%;*/
margin-left: auto;
margin-right: auto; }
.sixth-section div:nth-child(2) button {
margin-left: auto;
margin-right: auto;
height: 75px; } }
/*@media only screen and (min-width: 758px) and (max-width: 820px){
.fifth-section {
div {
.watch-category-item {*/
/*text-align: left !important;*/
/*max-width: 300px;
width: 100%;
}
}
}
}*/
@media only screen and (max-width: 375px) {
.fifth-section div .watch-category-item {
/*text-align: left !important;*/
max-width: 140px;
/*width: 100%;*/
height: 220px; }
.fifth-section div .watch-category-item a img {
width: 100%;
height: 100%;
object-fit: cover; }
.fifth-section div .watch-category-item a p {
margin-top: 20px;
width: 100%;
left: 0; } }
@media only screen and (max-width: 320px) {
.navbar-right-section {
display: none !important; } }
.main-body-container {
margin-top: -14px; }
.offcanvas {
background-color: #333;
width: 100%;
max-width: 280px; }
.fa-xmark:hover {
cursor: pointer;
color: #c96; }
.fa-xmark {
font-size: medium;
color: #cecece; }
.offcanvas-body {
/*flex-grow: 1;*/
padding: 0;
/*overflow-y: auto;*/ }
.offcanvas-body form {
padding: 0 1.5rem;
margin: 1rem 0 1rem;
/* padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;*/ }
.mobile-search-button:hover {
background-color: #c96 !important; }
.mobile-search-button {
background-color: #c96;
color: #cecece;
border-radius: 0; }
.form-control {
background-color: transparent;
border-radius: 0;
border-right-width: 0;
border-color: rgba(255, 255, 255, 0.1);
color: #777; }
.form-control::placeholder {
color: #777; }
.form-control:valid {
background-color: transparent; }
.form-control:focus {
color: white;
border-color: #c96;
box-shadow: none; }
.mobile-nav-item {
display: block; }
.mobile-nav-item a {
border-bottom: 0.1rem solid rgba(255, 255, 255, 0.08);
width: 100%;
color: white;
font-size: 12px;
padding-top: 0.8rem;
/*padding-right: 4.5rem;*/
padding-bottom: 0.8rem;
padding-left: 1.5rem; }
.mobile-nav-item a:hover {
color: #c96 !important; }
.mobile-nav-item .dropdown-toggle {
color: white; }
.mobile-nav-item .show {
color: #c96; }
.mobile-nav-item .dropdown-menu.show {
border: none;
background-color: transparent;
color: White !important;
position: unset !important;
transform: none !important;
/*color: #c96 !important;*/ }
.mobile-nav-item .dropdown-menu.show li {
/*color: #c96 !important;*/ }
.mobile-nav-item .dropdown-menu.show li .dropdown-item:hover {
color: #c96 !important;
background-color: transparent !important; }
footer {
margin-top: 50px;
background-color: #222222; }
footer .footer-left-side {
background-color: white; }
footer .widget-logo a svg path {
fill: white; }
footer .widget {
color: white;
padding-top: 30px;
padding-bottom: 30px; }
footer .widget .widget-title {
text-transform: uppercase;
font-size: 1em;
font-weight: bold; }
footer .widget .widget-list {
padding: 0;
margin-top: -30px; }
footer .widget .widget-list li {
list-style: none;
margin-right: 20px;
display: inline-block; }
footer .widget .widget-list li a {
text-decoration: none;
font-size: .8em;
font-weight: 300;
color: #ffffffae; }
footer .widget .widget-list li a:hover {
color: #c96; }
.pagination {
margin-top: 50px;
padding-left: 30px; }
.pagination .active > .page-link, .pagination .page-link.active {
background-color: #c96;
border-color: #c96;
color: white; }
.pagination .page-link {
color: #777; }
.pagination .page-link:hover {
color: #777; }
.product-wrap:hover {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25) !important; }
.image-wrap {
position: relative;
width: 90%;
height: 90%;
display: block;
padding-top: 119.25%;
overflow: hidden;
margin-left: auto;
margin-right: auto; }
.image-wrap .product-item {
box-sizing: border-box;
display: block;
overflow: hidden;
width: initial;
height: initial;
background: none;
opacity: 1;
border: 0px;
margin: 20px;
padding: 0px;
position: absolute;
inset: 0px; }
.image-wrap .product-item a .product-image {
position: absolute;
inset: 0px;
box-sizing: border-box;
padding: 0px;
border: none;
margin: auto;
display: block;
width: 0px;
height: 0px;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
object-fit: cover; }
.privacy-policy-wrapper {
/*min-width: 200px;*/
padding-top: 50px;
margin-left: 20%;
margin-right: 20%; }
.privacy-policy-wrapper p {
font-size: 16px;
font-weight: 400;
margin-bottom: 40px; }
.privacy-policy-wrapper h1.main-header {
text-align: center;
font-family: Cardo;
font-weight: 400;
font-size: 48px; }
.privacy-policy-wrapper .last-updated {
margin-top: 50px;
font-style: italic;
font-weight: 400;
font-size: 16px; }
.privacy-policy-wrapper h2 {
font-weight: 400;
font-size: 36px;
margin-bottom: 30px; }
.privacy-policy-wrapper strong {
font-size: 16px; }
.privacy-policy-wrapper ul {
margin-bottom: 30px; }
.privacy-policy-wrapper ul li {
font-size: 16px; }
#handle-values-container {
display: flex;
justify-content: space-between;
position: relative;
top: -20px;
font-size: large;
margin-top: 20px; }
.handle-value {
width: 30px;
text-align: center; }
.handle-value:last-child {
margin-right: 30%; }
#slider {
width: 80%;
height: 10px;
margin-bottom: 20px; }
#slider .noUi-connects .noUi-connect {
background-color: #c96; }
#slider .noUi-handle {
width: 20px;
height: 20px;
border-radius: 50%;
/* Make the handle circular */
border: none; }