:root {
--color-red: #ea3223;
--color-gray: #d1d1d4;
--color-font-gray: #8a8a8a;
--color-orange: #f15a29;
}
.color-block {
color: #333
}
@font-face {
font-family: GothamNarrowMedium;
src: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/fonts/GothamNarrowMedium.otf) format("opentype");
font-weight: 400!important;
font-style: normal
}
@font-face {
font-family: GothamNarrowRegular;
src: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/fonts/GothamNarrowRegular.otf) format("opentype");
font-weight: 300!important;
font-style: normal
}
html,
body { scroll-behavior: smooth!important;
background-color: #fff;
padding: 0;
margin: 0 auto!important
}
body {
color: #000;
overflow-x: hidden;
line-height: 22px;
}
body,
button,
input,
select,
optgroup,
textarea {
font-family: 'GothamNarrowRegular', sans-serif;
font-size: 16px;
outline: none!important
}
*:focus {
outline: none!important
}
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget a.button {
border-radius: 4px!important;
padding: 10px 26px 8px!important;
font-size: 14px !important;
text-transform: uppercase!important;
font-family: 'GothamNarrowMedium', sans-serif;
}
.button,
.button:hover {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in;
-o-transition: all .35s ease-in;
transition: all .35s ease-in;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget a.button {
border-radius: 30px!important;
-webkit-box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.25);
-moz-box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.25);
box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.25);
}
h1,
h2,
h3,
h4,
h5 {
font-family: 'GothamNarrowMedium', sans-serif;
}
th,
b,
p strong {
font-family: 'GothamNarrowMedium', sans-serif;
font-weight: normal!important;
color: #000;
}
table th {
text-transform: none;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.preload * {
-webkit-transition: none!important;
-moz-transition: none!important;
-ms-transition: none!important;
-o-transition: none!important;
transition: none!important
}
a,
a:hover,
a:active,
a:focus,
select option {
outline: 0 none !important;
text-decoration: none !important;
border: 0 !important;
}
a[href=""] {
pointer-events: none;
}
ul,
ul li {
list-style-type: none;
margin: 0 auto;
padding: 0;
}
.container-fluid {
width: 1920px;
padding: 0;
background-color: #ffffff;
border: 0;
}
@media (max-width: 1920px) {
.container-fluid {
width: 100%;
padding: 0;
margin: 0 auto;
}
}
@media (min-width:1280px) {
.container {
max-width: 1220px;
}
}
@media (min-width:1360px) {
.container {
max-width: 1300px;
}
}
@media (max-width:1199px) {
.container {
max-width: calc(100% - 30px);
margin: 0 15px;
}
}
@media (max-width:567px) {
.container {
max-width: 100%;
margin: 0 auto
}
}
.container .container {
padding: 0!important
}
.modal-open .post,
.modal-open .page {
padding-right: 0
}
img br {
display: none;
}
.slick-slide img{
border-radius: 0!important
}
.blockUI.blockOverlay {
z-index: 1!important
}
#page-loading {
display: block;
position: fixed;
top: -120px;
left: 0;
bottom: 0;
z-index: 9999;
width: calc(100% - -15px);
background-color: rgba(255, 255, 255, .9);
background-image: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/watch.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 76px auto
}
.site{
overflow: hidden;
} .site-header {
border: 0!important;
margin: 0 auto!important;
padding: 0
}
.site-header .header {
top: 0;
float: left;
width: 100%;
position: fixed;
background: #fff;
-webkit-box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.25);
-moz-box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.25);
box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.25);
z-index: 999
}
body:not(.mm-wrapper_opening) .site-header .header {
top: 0!important
}
@media (min-width:767px) {
.smaller:not(.mm-wrapper_opening) .site-header .header {
top: -40px!important;
}
}
.site-header .header,
.smaller .site-header .header,
body:not(.mm-wrapper_opening) .site-header .header,
.smaller:not(.mm-wrapper_opening) .site-header .header {
-webkit-transition: top .12s ease-out;
-moz-transition: top .12s ease-out;
-o-transition: top .12s ease-out;
transition: top .12s ease-out;
}
.site-header .header-top {
height: 40px;
line-height: 40px;
text-align: center;
background-color: var(--color-gray)
}
.site-header .header-top p.shipping-text {
font-size: 12px;
margin: 0;
float: left;
text-align: left;
}
.site-header .header-top p.shipping-text i.fa-truck {
margin-right: 5px;
transform: rotateY(180deg);
}
.site-header .header-top p.shipping-text span.details {
color: var(--color-font-gray);
cursor: help;
}
@media (max-width:991px) {
.site-header .header-top p {
width: 100%;
text-align: center;
}
}
.wishlist_products_counter {
display: none;
visibility: hidden;
}
.site-header .header-top div.menus-cart {
float: right;
}
.site-header .header-top div.menus-cart i {
font-size: 16px;
color: #000;
}
.site-header .header-top div.menus-cart>span {
position: relative;
float: left;
height: 40px;
line-height: 40px;
width: 60px;
border-left: 1px solid #c1c1c1!important;
text-align: center;
font-size: 18px;
color: #6d6d6d
}
.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler, html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
max-width: max-content;
}
.site-header .header-top div.menus-cart>span:last-child {
border-right: 1px solid #c1c1c1!important;
}
span.has-count i,
.site-header .header-top div.menus-cart>span.has-count i,
.site-header .header-top div.menus-cart>span i.fa-shopping-bag {
color: var(--color-orange);
}
.site-header .header-top div.menus-cart>span:hover {
background-color: #c5c5c5;
}
.site-header .header-top div.menus-cart>span:hover i {
color: var(--color-orange);
}
.site-header .header-top div.menus-cart>span,
.site-header .header-top div.menus-cart>span:hover,
.site-header .header-top div.menus-cart>span i,
.site-header .header-top div.menus-cart>span:hover i {
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.site-header .header-top div.menus-cart span>span.cart-number {
color: var(--color-orange);
float: left;
position: absolute;
top: -8px;
right: 14px;
font-family: 'GothamNarrowMedium', sans-serif;
font-size: 12px;
}
@media (max-width:576px) { .site-header .header-top div.menus-cart {
float: right;
width: 100%; }
.site-header .header-top div.menus-cart>span {
width: 20%;
}
.site-header .header-top div.menus-cart>span:first-child {
border-left: 0!important
}
.site-header .header-top div.menus-cart>span:last-child {
border-right: 0!important
}
.site-header .header-top div.menus-cart span>span.cart-number {
right: calc(50% - 14px)!important
}
}
.site-header .dgwt-wcas-si {
width: 70px!important;
height: 60px!important;
}
.site-header .dgwt-wcas-si img {
max-height: 100%!important
}
.site-header .dgwt-wcas-suggestion {
padding: 8px 10px !important
}
.site-header .header-top .dgwt-wcas-search-icon {
width: 60px;
height: 40px;
cursor: pointer;
text-align: center;
line-height: 36px;
}
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more{
color: #fff!important;
background-color: black!important;
}
.dgwt-wcas-st strong,
.dgwt-wcas-sd strong {
font-family: 'GothamNarrowBold', sans-serif;
font-weight: 600;
}
@media (max-width:576px) {
.dgwt-wcas-om-bar,
.dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input{
height: 55px!important;
}
.dgwt-wcas-om-bar .dgwt-wcas-om-return svg{
top: 17px!important
}
.dgwt-wcas-om-bar .dgwt-wcas-search-wrapp-mobile{
border-radius: 0;
margin-left: -2px;
}
.dgwt-wcas-overlay-mobile-on .dgwt-wcas-suggestions-wrapp{
top: 55px!important;
background-color: #fafafa;
padding-bottom: 4px;
box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.25);
border-bottom: 1px solid #eeeeee;
border-radius: 0;
}
.dgwt-wcas-overlay-mobile-on.dgwt-wcas-is-ios .dgwt-wcas-suggestions-wrapp {
max-height: inherit !important;
height: auto !important;
}
.dgwt-wcas-st-breadcrumbs{
font-size: 11px!important
}
.dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier,
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit svg path, 
.dgwt-wcas-om-bar .dgwt-wcas-om-return svg path {
fill: var(--color-orange)!important;
} .dgwt-wcas-suggestion.js-dgwt-wcas-suggestion-more.dgwt-wcas-suggestion-more span {
border-bottom: none;
background-color: var(--color-orange);
color: #fff;
width: 100%;
line-height: 20px;
padding: 5px 0;
border-radius: 2px;
}
}
.site-header .header-top .dgwt-wcas-search-icon .dgwt-wcas-ico-magnifier,
.site-header .header-top .dgwt-wcas-search-icon .dgwt-wcas-ico-magnifier-handler,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier {
height: 40px;
max-width: 15px;
overflow: inherit;
}
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier {
display: block!important;
}
.site-header .header-top .dgwt-wcas-search-icon path,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier path {
fill: #000000;
stroke: #000000;
stroke-width: 8px;
stroke-linejoin: round;
}
.site-header .header-top div.menus-cart>span:hover .dgwt-wcas-search-icon path,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier path {
fill: var(--color-orange);
stroke: var(--color-orange)
}
.site-header .header-top .dgwt-wcas-search-icon path,
.site-header .header-top div.menus-cart>span:hover .dgwt-wcas-search-icon path {
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
height: 36px!important;
min-width: 58px!important;
line-height: 36px!important;
min-height: 36px!important;
top: 2px!important;
right: 1px!important;
border-left: 1px solid var(--color-orange);
border-radius: 0 2px 2px 0 !important;
}
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
display: none!important
}
.dgwt-wcas-sf-wrapp,
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
background: var(--color-gray)!important;
border: 0!important;
box-shadow: none!important;
text-decoration: underline!important;
text-transform: uppercase!important;
font-size: 12px
} @media (min-width:991px) {
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
width: 280px!important;
float: right!important;
border: 1px solid var(--color-orange)!important;
}
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input,
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus { height: 39px;
padding-right: 60px;
font-size: 12px;
font-family: 'GothamNarrowMedium', sans-serif;
}
.dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
background-size: auto 14px;
}
.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon-arrow {
display: none!important;
}
html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-search-form {
top: 0;
left: -440px!important;
}
.smaller .dgwt-wcas-suggestions-wrapp {
top: 1px !important;
}
@media (min-width:991px) {
.dgwt-wcas-suggestions-wrapp {
min-width: 400px;
}
}
.dgwt-wcas-suggestions-wrapp {
max-width: 100%;
top: 40px !important;
position: fixed !important;
border-radius: 0 0 4px 4px;
border: 1px solid #eee;
border-top-width: 0;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st {
font-size: 12px;
line-height: 18px
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st-title {
display: -webkit-box!important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
margin: 4px auto;
line-height: 18px;
}
.dgwt-wcas-suggestions-wrapp del,
.dgwt-wcas-suggestions-wrapp del .woocommerce-Price-amount,
.dgwt-wcas-suggestions-wrapp .price del,
.dgwt-wcas-suggestions-wrapp .price del .woocommerce-Price-amount {
font-size: 13.5px!important
}
.dgwt-wcas-suggestions-wrapp,
.smaller .dgwt-wcas-suggestions-wrapp {
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.site-header .header-bottom {
float: left;
width: 100%; position: relative;
} .site-header .header-bottom .main-logo {
margin: 22px auto 8px; display: inline-block;
width: 100%;
background-color: transparent;
text-align: center;
}
.site-header .header-bottom .main-logo a{
float: none;
margin: 0 auto;
display: inline-block;
}
.site-header .header-bottom .main-logo img {
margin: 0 auto;
max-height: 30px
}
.site-header .header-bottom .header-menus {
height: 72px;
background-color: #fff;
width: 100%;
}
.site-header .header-bottom .header-menus ul#menu-primary-menu>li {
float: left;
padding: 0 22px;
height: 72px;
line-height: 72px;
}
.site-header .header-bottom .header-menus ul#menu-primary-menu>li>a,
.site-header .header-bottom .header-menus ul#menu-primary-menu>li>.sub-menu>li>a {
font-size: 14px;
font-family: 'GothamNarrowMedium', sans-serif;
}
@media (max-width:991px) {
.site-header .header-bottom { height: 70px;
}
.site-header .header-bottom .main-logo {
margin: 22px auto;
height: 24px;
}
.site-header .header-bottom .main-logo img {
margin:0 auto;
max-height: 22px
}
}
div.hamburger {
float: left;
width: 60px;
position: absolute;
top: 5px;
right: 5px;
}
div.hamburger a:hover{
color: inherit;
}
@media (min-width:1199px) {
body.smaller-menu .site-header .header-bottom .main-logo {
margin-top: -60px;
}
.site-header .header-bottom .main-logo,
body.smaller-menu .site-header .header-bottom .main-logo {
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.smaller .primary-navigation {
padding-top: 0px;
position: relative;
}
.smaller .primary-navigation ul#menu-primary-menu {
margin-bottom: 0;
position: static;
width: calc(88% - 225px);
margin-left: 225px;
}
.smaller .primary-navigation ul#menu-primary-menu:lang(km) {
width: calc(94% - 205px);
margin-left: 145px;
}
.smaller .primary-navigation ul#menu-primary-menu>li a img {
max-width: 34px;
position: absolute;
top: -38px;
}
.smaller .primary-navigation ul#menu-primary-menu>li>a {   text-align: center; word-wrap: break-word;
white-space: normal;
}
.smaller .primary-navigation ul#menu-primary-menu:lang(km)>li>a {
top: 48px;
}
.smaller .primary-navigation ul#menu-primary-menu>li>ul.sub-menu {
top: 72px
}
}
.primary-navigation {
padding-top: 0px;
position: relative;
}
.primary-navigation ul#menu-primary-menu {
margin-bottom: 0;
position: static;
width: calc(88% - 225px);
margin-left: 225px;
display: inline-flex; }
body.home .primary-navigation ul#menu-primary-menu>li.current-menu-ancestor>a {
color: #333
}
.primary-navigation ul#menu-primary-menu>li:hover>a {
color: var(--color-orange)!important
}
.primary-navigation ul#menu-primary-menu>li.current-menu-item>a,
.primary-navigation ul#menu-primary-menu>li.current-menu-ancestor>a {
color: var(--color-orange);
}
.primary-navigation ul#menu-primary-menu>li:hover>a img {
bottom: 38px;
}
.primary-navigation ul#menu-primary-menu>li>a img,
.primary-navigation ul#menu-primary-menu>li:hover>a img {
-webkit-transition: bottom .25s ease-out;
-moz-transition: bottom .25s ease-out;
-o-transition: bottom .25s ease-out;
transition: bottom .25s ease-out;
}
.primary-navigation ul#menu-primary-menu>li {
float: left;
width: auto;
list-style-type: none;
overflow: hidden;
}
.primary-navigation ul#menu-primary-menu>li>a {
white-space: nowrap;
position: relative;
font-size: 14px;
float: left;
}
@media (min-width:1440px) {
.primary-navigation ul#menu-primary-menu>li>a:lang(km) {
font-size: 14px
}
}
@media (max-width:1439px) {
.primary-navigation ul#menu-primary-menu>li>a:lang(km) {
font-size: 13px
}
}
.primary-navigation ul#menu-primary-menu>li>a>img {
max-width: 42px;
position: absolute;
bottom: 34px;
left: 50%;
transform: translateX(-50%);
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu {
position: absolute;
width: 100%;
max-width: 1300px;
padding: 0 15px 30px 15px;
background-color: #fafafa;
color: #fff;
float: left;
top: 71px;
right: 0;
z-index: 999;
display: none;
border-radius: 0 0 4px 4px;
margin: 0 auto !important;
}
.primary-navigation ul#menu-primary-menu>li.open>ul.sub-menu {
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li {
float: left;
vertical-align: middle;
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li>a {
font-weight: 700
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li:hover>a,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.current-menu-item>a,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.current-menu-ancestor>a{
color: var(--color-orange);
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li>ul.sub-menu>li:hover>a,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li>ul.sub-menu>li.current-menu-item:not(.menu-item-object-page)>a { color: var(--color-orange);
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li>ul.sub-menu>li.current-menu-item:not(.menu-item-object-page)>a {
font-family: 'GothamNarrowMedium', sans-serif
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li>ul.sub-menu>li.current-menu-item.menu-item-1889>a {
font-family: 'GothamNarrowMedium', sans-serif!important;
color: var(--color-orange)!important;
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.menu-item-type-custom.menu-item-object-custom>.sub-menu li a,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.menu-item-type-custom.menu-item-object-custom>.sub-menu li:hover a,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li a,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li:hover>a,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.menu-item-type-custom.menu-item-object-custom>.sub-menu li a {
-webkit-transition: all .15s ease-in;
-moz-transition: all .15s ease-in;
-o-transition: all .15s ease-in;
transition: all .15s ease-in;
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.main-child-menus {
padding: 22px 16px 0;
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.main-child-menus.b-left:before,
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.main-child-menus.b-right:after {
content: '';
position: absolute;
height: -webkit-fill-available;
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.main-child-menus.b-left:before {
border-left: 1px solid #eee!important;
left: 0
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.main-child-menus.b-right:after {
border-right: 1px solid #eee!important;
right: 0
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li>ul.sub-menu>li {
width: 100%
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.main-child-menus.child-col-2>ul.sub-menu>li {
width: 50%;
float: left;
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li.main-child-menus.child-col-3>ul.sub-menu>li {
width: 33.33%;
float: left;
}
.primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li a {
float: left;
color: #333;
text-align: left;
padding: 0;
position: relative;
width: 100%;
font-size: 14px;
line-height: 28px
} .primary-navigation ul#menu-primary-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
font-size: 13px;
line-height: 20px;
margin: 4px auto;
text-transform: capitalize;
} @media (max-width:991px) {
.site-header .header-top .dgwt-wcas-search-icon{
margin: 0 auto
}
.mm-wrapper_opening nav {
display: block !important
}
.mm-menu_opened {
display: block!important
}
.mm-menu_offcanvas {
position: absolute!important;
}
.smaller .mm-menu_offcanvas {
position: fixed!important
}
.mm-menu_offcanvas .mm-navbar_sticky,
.mm-menu_offcanvas .mm-navbar_sticky>.mm-navbar__title {
height: 70px;
min-height: 40px;
background-color: var(--color-gray);
color: #000
}
.primary-navigation:not(.mm-hidden) .mm-navbar_sticky,
.primary-navigation:not(.mm-hidden) .mm-navbar_sticky>.mm-navbar__title {
color: transparent;
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/WatchGalerie.png) no-repeat center / auto 24px;
}
.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
font-family: 'GothamNarrowMedium', sans-serif;
}
.mm-listitem:after {
left: 0!important;
right: 0!important;
}
a.mm-listitem__btn { min-width: 25%;
padding: 0 !important;
margin-right:0px;
border-left: 1px solid #ccc !important;
background-color: #eaeaea;
}
.mm-menu_offcanvas .mm-navbar_sticky>a:not([href]):not([tabindex]) {
background-color: var(--base-color-blue)
}
.mm-menu_offcanvas .mm-navbar_sticky>.mm-navbar__title img {
left: 0;
right: 0;
margin: 0 auto;
}
.mm-menu_offcanvas .mm-navbar__title>span {
color: var(--dark-blue)!important;
font-weight: 700!important;
}
.mm-menu_offcanvas .mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text {
padding-left: 50px;
padding-right: 0!important
}
.mm-menu_offcanvas .mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child img {
display: none;
}
.mm-menu_offcanvas .mm-btn:after,
.mm-menu_offcanvas .mm-btn:before {
border-color: var(--dark-blue)!important;
border-color: var(--dark-blue)!important;
right: 38px!important
}
.mm-menu_offcanvas #menu-primary-menu-1>li>a {
padding-right: 20px!important
}
.mm-menu_offcanvas #menu-primary-menu-1>li>a,
.mm-listitem a,
.mm-listitem a:hover {
line-height: 30px
}
.mm-menu_offcanvas #menu-primary-menu-1 img {
max-width: 30px;
float: left;
margin-right: 10px;
}
.mm-menu_offcanvas ul#menu-primary-menu-1>li:hover>a {
color: var(--base-color)!important;
}
.mm-menu_offcanvas ul#menu-primary-menu-1>li.current-menu-item>a,
.mm-menu_offcanvas ul#menu-primary-menu-1>li.current-menu-ancestor>a,
.mm-menu_offcanvas div.mm-panel.mm-panel_opened>ul.sub-menu>li:hover>a,
.mm-menu_offcanvas div.mm-panel.mm-panel_opened>ul.sub-menu>li.current-menu-item>a,
.mm-menu_offcanvas div.mm-panel.mm-panel_opened>ul.sub-menu>li.current-menu-ancestor>a {
color: var(--color-orange)!important;
}
.mm-listitem:not(.menu-item-has-children) a,
.mm-listitem:not(.menu-item-has-children) a:hover {
font-size: 14px!important;
text-transform: uppercase
}
.mm-wrapper_opening {
height: 100%;
}
} .site-main {
margin: 0 auto
}
.site-content {
margin: 178px auto 0;
background-color: #fff;
}
.page-template-content-home-page .woocommerce-info {
display: none;
overflow: hidden;
}
@media (max-width:991px) {
.site-content {
margin: 110px auto 0!important;
}
}
.entry-header {
margin-top: 60px!important;
width: 100%;
text-align: center;
padding: 0 0 15px!important
}
@media (max-width:576px) {
.entry-header {
margin-top: 40px!important;
padding-bottom: 0!important
}
}
.entry-header .entry-title {
font-size: 24px;
text-transform: uppercase;
}
.edit-link {
display: none;
visibility: hidden;
}
.wg-title {
text-transform: uppercase;
font-size: 22px;
letter-spacing: 1.2px;
position: relative;
width: 100%;
float: left;
line-height: 30px;
min-height: 30px;
margin: 40px auto 20px;
text-align: center;
width: 100%;
}
.wg-title>span {
position: absolute;
left: 50%;
background-color: #fff;
width: auto;
z-index: 2;
padding: 0 20px;
transform: translateX(-50%);
margin: 0 auto;
display: inline-table;
line-height: 20px
}
.wg-title.line-title::after {
content: '';
border-bottom: 1px solid var(--color-gray);
float: left;
width: 100%;
top: 50%;
position: absolute;
left: 0;
z-index: 1;
}
.wg-sub-title {
font-family: 'GothamNarrowRegular', sans-serif;
line-height: 30px;
}
@media (max-width:567px) {
.wg-title {
font-size: 16px;
margin: 30px auto 15px;
min-height: 22px;
}
.wg-title>span {
padding: 0 5px;
width: max-content
}
} .default{
text-align: left;
margin: 0 auto;
width: 100%;
padding: 0 0 30px!important;
}
.default .entry-content{
float: left;
margin: 0 auto 30px;
width: 100%;
}
.default .entry-content .entry-header{
margin: 50px auto 25px !important;
padding: 0!important;
}
.default .entry-content .entry-header h1{
margin: 0 auto !important;
}
.default .entry-content h1{
margin-bottom: 45px
}
.default .entry-content h2,
.default .entry-content h3,
.default .entry-content h4{
margin: 24px auto 12px;
font-size: 22px;
}
.default .entry-content a{
color: var(--color-orange);
text-decoration: underline;
}
@media (max-width: 567px){
.default {
padding: 40px 0;
}
.default .entry-content h1 {
margin-bottom: 25px;
}
}  .variations.var-list {
position: absolute;
left: 0px;
top: 2px;
text-align: center;
width: max-content;
}
.variations.var-list ul li {
width: 14px!important;
height: 14px!important;
border-radius: 2px;
margin: 2px;
}
.variations.var-list ul li[data-title="White"] {
border: 1px solid #eeeeee;
}
.variations.var-list ul li[data-title="Rose-Gold-Black"],
.variations.var-list ul li[data-title="Rose Gold + Black"],
.variations.var-list ul li[data-title="Black"] {
background-color: #000000!important;
color: transparent;
}
.variations.var-list ul li[data-title="Rose-Gold-Brown"],
.variations.var-list ul li[data-title="Rose Gold + Brown"],
.variations.var-list ul li[data-title="Brown"] {
background-color: #6c4332!important;
color: transparent;
}
.variations.var-list ul li[data-title="Brown-Black"],
.variations.var-list ul li[data-title="Brown + Black"],
.variations.var-list ul li[data-title="Red-Black"],
.variations.var-list ul li[data-title="Red + Black"],
.variations.var-list ul li[data-title="Black-Blue"],
.variations.var-list ul li[data-title="Black + Blue"]{ color: transparent;
}
.variations.var-list ul li[data-title="Dark Brown"],
.variations.var-list ul li[data-title="Dark-Brown"] {
background-color: #654321!important;
color: transparent;
}
.variations.var-list ul li[data-title="Light Brown"],
.variations.var-list ul li[data-title="Light-Brown"] {
background-color: #b5651d!important;
color: transparent;
}
.variations.var-list ul li[data-title="Blue"] {
background-color: #005385!important;
color: transparent;
}
.variations.var-list ul li[data-title="Light Blue"],
.variations.var-list ul li[data-title="Light-Blue"] {
background-color: #c3e4e8!important;
color: transparent;
}
.variations.var-list ul li[data-title="Creme"]{
background-color: #FFFDD0!important;
color: transparent;
} .variations.var-list ul li[data-title="Grey"],
.variations.var-list ul li[data-title="Gray"] {
background-color: #808080!important;
color: transparent;
}
.variations.var-list ul li[data-title="Green"] {
background-color: #0b8642!important;
color: transparent;
}
.variations.var-list ul li[data-title="Gunmetal"] {
background-color: #6d7172!important;
color: transparent;
}
.variations.var-list ul li[data-title="Orange"] {
background-color: #fbb040!important;
color: transparent;
}
.variations.var-list ul li[data-title="Pink"] {
background-color: #f1bad6!important;
color: transparent;
}
.variations.var-list ul li[data-title="Purple"] {
background-color: #b0499c!important;
color: transparent;
}
.variations.var-list ul li[data-title="Red"] {
background-color: #d12127!important;
color: transparent;
}
.variations.var-list ul li[data-title="White"] {
background-color: #ffffff!important;
color: transparent;
}
.variations.var-list ul li[data-title="Tan"] {
background-color: #e2d4af!important;
color: transparent;
}
.variations.var-list ul li[data-title="Yellow"] {
background-color: #ffde16!important;
color: transparent;
}
.variations.var-list ul li[data-title="Cherry"] {
background-color: #8C2F5B!important;
color: transparent;
}
.variations.var-list ul li[data-title="Natural"] {
background-color: #fffdef!important;
color: transparent;
}
.variations.var-list ul li[data-title="Nude"] {
background-color: #ebc8b2!important;
color: transparent;
}
.variations.var-list ul li[data-title="Burgundy"] {
background-color: #800020!important;
color: transparent;
}
.variations.var-list ul li[data-title="Bronze Tone"],
.variations.var-list ul li[data-title="Bronze-Tone"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/bronze-tone.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Silver Tone"],
.variations.var-list ul li[data-title="Silver-Tone"],
.variations.var-list ul li[data-title="Steel"],
.variations.var-list ul li[data-title="Stainless Steel"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/silver-tone.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Silver + Black"]{
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/silver-black.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Silver + Brown"]{
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/silver-brown.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Two Tone"],
.variations.var-list ul li[data-title="Two-Tone"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/two-tone.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Rose Gold"],
.variations.var-list ul li[data-title="Rose-Gold"],
.variations.var-list ul li[data-title="Rose Gold Tone"],
.variations.var-list ul li[data-title="Rose Gold-Tone"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/rose_gold-tone.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Rose Gold + Brown"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/rose_gold-brown.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Rose Gold + Blue"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/rose_gold-blue.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Rose Gold + Black"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/rose_gold-black.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Rose Gold + Silver"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/rose_gold-silver.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Gold"],
.variations.var-list ul li[data-title="Gold Tone"],
.variations.var-list ul li[data-title="Gold-Tone"] {
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/gold-tone.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Gold + Black"]{
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/gold-black.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.variations.var-list ul li[data-title="Gold + Brown"]{
background: url(//watch-galerie.com/wp-content/themes/watch-galerie-child/assets/images/icons/gold-brown.png) no-repeat center / 40px auto;
height: 30px;
color: transparent;
}
.woo-variation-items-wrapper .variations ul li {
background-color: transparent!important;
color: transparent!important
}
.woo-variation-swatches .variable-items-wrapper .variable-item img {
position: absolute!important;
cursor: pointer!important;
}
.woo-variation-swatches.wvs-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span {
color: transparent!important
}
.archive .container-fluid {
background-color: #f2f2f2;
}
.woocommerce ul.products li.product {
padding: 0!important;
overflow: hidden;
background-color: #fff;
float: left;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
min-height: 46px !important;
overflow: hidden;
margin: 12px auto 4px !important;
font-size: 14px !important;
font-weight: 300 !important;
background-color: #fff;
position: relative;
z-index: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding-bottom: 2px;
line-height: 22px;
font-family: 'GothamNarrowRegular', sans-serif!important;
}
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product.outofstock a.button {
padding: 5px 10px !important
}
.woocommerce ul.products li.product .onsale strong {
color: #fff!important;
background-color: var(--color-red)!important
}
.woocommerce ul.products li.product .onsale {
overflow: hidden;
position: absolute;
top: 0;
background-color: var(--color-red);
border: 1px solid var(--color-red);
color: #fff;
font-size: 12px;
padding: 0 5px;
border-radius: 0 5px 0 5px;
right: 0;
z-index: 1;
height: 28px;
line-height: 28px
} .woocommerce ul.products li.product {
border: 1px solid #eee;
text-align: left !important;
padding: 12px;
border-radius: 5px;
}
.woocommerce ul.products li.product .star-rating {
display: none;
visibility: hidden;
}
.woocommerce ul.products li.product a {
position: relative;
text-align: center;
}
.woocommerce ul.products li.product img {
border-bottom: 1px solid #fafafa;
transform: scale(1);
margin: 0 auto !important;
padding: 0;
position: relative;
} .woocommerce ul.products li.product:hover {
border: 1px solid rgba(241, 90, 41, 0.1);
-webkit-box-shadow: 0px 0px 10px 0px rgba(241, 90, 41, 0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(241, 90, 41, 0.1);
box-shadow: 0px 0px 10px 0px rgba(241, 90, 41, 0.1);
}
.woocommerce ul.products li.product:hover>a>img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.woocommerce ul.products li.product,
.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.product img,
.woocommerce ul.products li.product:hover>a>img {
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.woocommerce ul.products li.product h2 {
min-height: 40px
}
.woocommerce ul.products li.product .price {
margin-bottom: 10px;
min-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.woocommerce ul.products li.product:hover a.add_to_cart_button,
.woocommerce ul.products li.product:hover a.button {
bottom: 0
}
.woocommerce ul.products li.product:hover a.button,
.woocommerce ul.products li.product:hover a.add_to_cart_button {
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce ul.products li.product a.button {
padding: 0 !important; color: #fff !important;
margin: 5px 0 0!important;
font-weight: 400;
width: calc(100% - 0px);
box-shadow: none !important;
text-align: center;
float: left;
line-height: 36px;
height: 34px;
font-size: 14px !important;
text-transform: capitalize !important;
min-width: 150px;
position: absolute;
border-radius: 4px!important;
bottom: -36px;
z-index: 1;
opacity: 1!important
}
.woocommerce ul.products li.product a.added_to_cart {
bottom: 0;
z-index: 2;
background-color: var(--color-orange) !important;
}
.woocommerce-notices-wrapper {
float: left;
width: 100%;
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
margin: 18px auto;
position: relative;
left: 0;
padding: 16px 12px;
width: 100%;
border-radius: 3px; }
.woocommerce-message {
background-color: #dff0d8;
border-color: #d0e9c6;
color: #3c763d;
}
.woocommerce-error {
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
}
.woocommerce-info {
background-color: #d1ecf1;
border-color: #bee5eb;
color: #0c5460;
}
.woocommerce-info .button.wc-forward {
padding: 0!important;
color: #0c5460;
}
.woocommerce-error .button.wc-forward {
padding: 0!important;
color: #a94442;
}
.woocommerce-message .button.wc-forward {
padding: 0!important;
color: #3c763d;
}
.woocommerce-info:after,
.woocommerce-error:after,
.woocommerce-message:after {
content: " ";
position: absolute;
left: -19px;
top: 0px;
border-top: 12px solid transparent;
border-left: none;
border-bottom: 12px solid transparent;
}
.woocommerce-message:after {
border-right: 12px solid #d0e9c6;
}
.woocommerce-info:after {
border-right: 12px solid #bee5eb;
}
.woocommerce-error:after {
border-right: 12px solid #ebcccc;
}
form input[type="text"], form input[type="password"], form input[type="email"], form input[type="url"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="datetime"], form input[type="datetime-local"], form input[type="week"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea {
display: inline-block;
min-height: 40px;
width: 100%;
font-size: 14px;
line-height: 1.8;
padding: 6px 12px;
vertical-align: middle;
background-color: transparent;
color: #333;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
box-shadow: none;
}  span.woocommerce-Price-amount {
font-family: 'GothamNarrowMedium', sans-serif;
}
.wc-proceed-to-checkout,
.wc-proceed-to-checkout .button {
margin-bottom: 0!important;
} .woocommerce .woocommerce-Price-amount {
font-size: 16px;
color: #000
}
del,
del .woocommerce-Price-amount,
.price del,
.price del .woocommerce-Price-amount {
color: var(--color-red)!important;
font-size: 14px;
opacity: .8!important;
}
@media (max-width:576px) {
.woocommerce ul.products li.product .price {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
min-height: 28px !important;
overflow: hidden;
margin-bottom: 15px;
}
.woocommerce .woocommerce-Price-amount {
font-size: 14px;
}
.woocommerce ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product a.added_to_cart,
.woocommerce ul.products li.product a.button {
display: none!important;
visibility: hidden !important
}
} .qib-container button.plus {
border-left: 0!important;
border-radius: 0 4px 4px 0!important;
}
.qib-container button.minus {
border-right: 0!important;
border-radius: 4px 0 0 4px!important;
}
.qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
font-family: 'GothamNarrowMedium', sans-serif;
color: var(--color-orange);
padding-top: 2px!important;
}
.qib-button:not(#qib_id):not(#qib_id) {
padding: 0!important
}
.primary-btn {
background: #000;
color: #fff;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
float: left;
}
.secondary-btn {
background-color: transparent;
color: #fff;
border: 2px solid #fff !important;
display: inline-block;
}
.secondary-btn:hover {
background-color: #fff;
border: 2px solid #fff !important;
color: #000;
}
.btn-p-abs {
position: absolute;
top: 50%;
left: calc(50% - 75px);
transform: translateY(-50%);
width: 150px;
display: block;
text-align: center;
}
@media (max-width:991px) {
.btn-p-abs {
display: none;
}
}
div.wpcf7-validation-errors {
color: #f00!important;
}
span.help-block,
div#id_error {
color: red;
font-size: 12px!important
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
padding: 0 15px!important
}
.woocommerce-pagination {
width: 100%;
margin: 50px auto 10px;
}
.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
border-radius: 30px!important;
padding: 0!important;
width: 36px;
height: 36px;
line-height: 36px;
color: #000!important;
}
.woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #000!important;
color: #fff!important;
} .site-footer {
background-color: var(--color-gray);
border: 0!important;
margin: 0 auto!important;
padding: 0;
float: left;
width: 100%
}
.site-footer .site-info .f-short-desc {
margin-top: 40px;
color: #6d6d6d!important;
font-size: 14px;
padding-right: 24px;
line-height: 22px
}
.site-footer .site-info {
margin: 0 auto!important;
background-color: var(--color-gray);
padding: 80px 0!important;
}
.site-footer .site-info h3 {
font-size: 16px;
color: #000000;
margin: 12px 0;
}
.site-footer .site-info .f-menus {
margin-top: 30px;
}
.site-footer .site-info .f-menus li {
font-size: 12px;
margin-bottom: 4px
}
.site-footer .site-info .f-menus li a {
color: #6d6d6d!important;
text-transform: uppercase;
padding-left: 15px!important;
line-height: 30px;
}
.site-footer .site-info .f-menus li:hover::before,
.site-footer .site-info .f-menus li:hover a {
color: var(--color-orange)!important;
cursor: pointer;
}
.site-footer .site-info .f-menus li.current-menu-item::before,
.site-footer .site-info .f-menus li.current-menu-item a {
pointer-events: none;
color: var(--color-orange)!important;
}
.site-footer .site-info .f-menus li,
.site-footer .site-info .f-menus li:hover,
.site-footer .site-info .f-menus li a,
.site-footer .site-info .f-menus li:hover a {
transition: all .3s ease;
}
.site-footer .site-info .f-menus li::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f101";
margin-right: 4px;
color: #adadad;
}
.site-footer .copy-right>div {
border-top: 1px solid #cccccc;
padding-top: 22px;
padding-bottom: 22px;
}
.site-footer .copy-right .f-social {
float: right;
}
.site-footer .copy-right .f-social li {
float: left;
margin-right: 12px
}
.site-footer .copy-right .f-social li a {
color: transparent!important;
font-size: 2px;
border-radius: 40px;
background-color: #c5c5c5;
width: 44px;
height: 44px;
text-align: center;
float: left;
}
.site-footer .copy-right .f-social li a:hover {
box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, .5);
}
.site-footer .copy-right .f-social li i {
font-size: 26px;
color: #6d6d6d;
margin: 0 auto;
text-align: center;
width: 100%;
padding: 9px 0;
}
.site-footer .copy-right .f-social li i.fab.fa-instagram:hover {
color: transparent;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background-clip: text;
-webkit-background-clip: text;
}
.site-footer .copy-right .f-social li i.fab.fa-facebook-f:hover {
color: #3b5998;
}
.site-footer .copy-right .f-social li i.fab.fa-youtube:hover {
color: #FF0000;
}
.site-footer .copy-right .f-social li i:hover {
transform: scale(1.12) rotate(360deg);
}
.site-footer .copy-right .f-social li i,
.site-footer .copy-right .f-social li i:hover,
.site-footer .copy-right .f-social li a,
.site-footer .copy-right .f-social li a:hover {
transition: all .4s ease;
}
.site-footer .copy-right {
text-align: left;
padding: 10px 0 0;
background-color: var(--color-gray);
}
.site-footer .copy-right .copy-right-text {
font-size: 12px;
color: #000;
margin: auto 0
}
body.light{
background-color: #fff;
}
.progress-wrap {
position: fixed;
left: 14px;
bottom: 16px;
height: 54px;
width: 54px;
cursor: pointer;
display: block;
border-radius: 50px;
box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.progress-wrap::after {
position: absolute;
font-family: 'font awesome 5 free';
content: '\f062';
text-align: center;
line-height: 54px;
font-size: 24px;
color: #000000;
left: 0;
top: 0;
height: 54px;
width: 54px;
cursor: pointer;
display: block;
z-index: 1;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 0;
}
.progress-wrap::before {
position: absolute;
font-family: 'font awesome 5 free';
content: '\f062';
text-align: center;
line-height: 54px;
font-size: 24px;
opacity: 0;
background-image: linear-gradient(298deg, #000000, #333333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
left: 0;
top: 0;
height: 54px;
width: 54px;
cursor: pointer;
display: block;
z-index: 2;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap:hover::before {
opacity: 1;
}
.progress-wrap svg path { 
fill: none; 
}
.progress-wrap svg.progress-circle path {
stroke: #000000;
stroke-width: 4;
box-sizing:border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
body.light .progress-wrap {
box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}
body.light .progress-wrap::after {
color: #000000;
}
body.light .progress-wrap svg.progress-circle path {
stroke: #000000;
}
.ringing-phone{position:fixed;bottom:92px;right:25px;background:#fff;height:60px;width:60px;border-radius:50px;display:flex;z-index:2;box-shadow:0 3px 12px rgb(0 0 0 / 15%);transition:box-shadow 150ms linear;}
.ringing-phone:hover{box-shadow:0 5px 24px rgba(0, 0, 0, .39);}
.ringing-phone a{margin:auto;}
.ringing-phone a i{font-size:22px;color:#000000;background:var(--base-color);padding:10px;border-radius:50%;}
.ringing-phone {
margin: 0 auto;
border-radius: 100%;
border: solid 5px #fff;
animation: play 2s ease infinite;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
@keyframes play {
0% {
transform: scale(1);
}
15% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}
25% {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.4), 0 0 0 8px rgba(255, 255, 255, 0.2);
}
25% {
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.4), 0 0 0 16px rgba(255, 255, 255, 0.2);
}
}
.ringing-phone i {
animation: shake 2s infinite cubic-bezier(.36, .07, .19, .97) both;
}
@keyframes shake {
5%,
45% {
transform: rotate3d(0, 0, 1, -7deg);
}
10%,
40% {
transform: rotate3d(0, 0, 1, 7deg);
}
15%,
25%,
35% {
transform: rotate3d(0, 0, 1, -7deg);
}
20%,
30% {
transform: rotate3d(0, 0, 1, 7deg);
}
51% {
transform: rotate3d(0, 0, 0, 0deg);
}
100% {
transform: rotate3d(0, 0, 0, 0deg);
}
}
.fb_customer_chat_icon{
bottom: 16px!important;
right: 14px !important;
margin: 0 auto !important;
}
.fb_dialog.fb_customer_chat_bubble_pop_in{z-index:1 !important}
@media (max-width:576px) {
.site-footer .site-info {
text-align: center;
padding: 15px 0!important
}
.site-footer .site-info .f-logo img {
margin: 15px auto
}
.site-footer .site-info .f-short-desc {
width: calc(100% - 20%);
margin: 15px auto;
padding: 0
}
.site-footer .site-info .f-menus {
margin: 8px auto 22px;
float: left;
width: 100%;
}
.site-footer .site-info .f-menus li {
font-size: 10px;
margin: 0 2px 4px;
width: calc(33.33% - 8px); border: 1px solid #cccccc;
color: #000 !important;
display: inline-block;
}
.site-footer .site-info .f-menus li.current-menu-item {
border: 1px solid var(--color-orange);
}
.site-footer .site-info .f-menus li a {
color: #333333!important;
padding-left: 0!important
}
.site-footer .site-info .f-menus li::before {
content: '';
margin-right: 0;
}
.site-footer .copy-right>div {
padding: 5px 15px;
text-align: center;
border: 0;
}
.site-footer .copy-right .f-social {
float: none;
display: inline-block;
margin: 12px auto 0;
}
} @media (max-width: 991px) {
.smaller:not(.mm-wrapper_opening) .site-header .header {
top: 0px!important;
}
.site-content {
margin: 70px auto 0!important;
}
.icon {
position: absolute;
top: 55%;
left: 15px;
transform: translateY(-50%);
}
.header-bottom .dgwt-wcas-search-icon {
width: 40px;
height: 30px;
cursor: pointer;
}
.header-bottom .dgwt-wcas-ico-magnifier-handler {
max-width: 24px;
max-height: 24px;
overflow: inherit !important; }
.header-bottom .icon span.search .dgwt-wcas-search-icon path, 
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier path {
fill: #000000;
stroke: #000000;
stroke-width: 5px;
stroke-linejoin: round;
} #menu-primary-menu-1 span>span.cart-number{
color: var(--color-orange);
float: left;
position: absolute;
top: 5px;
font-family: 'GothamNarrowMedium', sans-serif;
font-size: 12px;
}
.site-header .header-bottom .icon .search{
padding: 0 10px;
}
#menu-primary-menu-1 .menus-cart { position: relative;
}
#menu-primary-menu-1 .menus-cart > span {
flex: 1;
text-align: center;
padding: 15px 20px;
border-right: 1px solid var(--mm-color-border);
height: 52px;
}
#menu-primary-menu-1 .menus-cart span:last-child {
border-right: none;
}
#menu-primary-menu-1 .menus-cart span i {
font-size: 20px;
}
#menu-primary-menu-1 .menus-cart span i.fas.fa-shopping-bag {
color: var(--color-orange);
} }.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails {
text-align: center; }
.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before, .header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after {
content: '';
display: table; }
.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after {
clear: both; }
.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li {
display: inline-block;
width: auto !important;
float: none !important;
margin-bottom: 0 !important; }
.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img {
max-height: 16px;
width: auto;
display: block; } .widget_brand_nav ul li .count {
float: right; } .tax-product_brand .woocommerce-products-header {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin: 0 0 2.2906835em;
text-align: center; }
.tax-product_brand .woocommerce-products-header .brand-thumbnail {
margin: 0 0 1em;
width: auto;
max-height: 2.2906835em;
align-self: center;
-webkit-box-ordinal-group: 2;
order: 1; }
.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,
.tax-product_brand .woocommerce-products-header .term-description {
-webkit-box-ordinal-group: 3;
order: 2; }
div#brands_a_z::before, div#brands_a_z::after {
content: '';
display: table; }
div#brands_a_z::after {
clear: both; }
div#brands_a_z ul.brands_index {
margin-left: 0;
padding: 0; }
div#brands_a_z ul.brands_index li {
float: none;
display: inline-block;
margin: 0 0.3342343017em 0.2360828548em 0;
padding: 0;
text-transform: uppercase; }
div#brands_a_z ul.brands_index li a,
div#brands_a_z ul.brands_index li span {
float: none;
display: block;
border: 0;
padding: 0.3819820591em;
min-width: 1.618em;
text-align: center;
background-color: #eeeeee;
color: #43454b;
line-height: 1; }
div#brands_a_z ul.brands_index li span {
opacity: 0.3; }
div#brands_a_z h3 {
text-transform: uppercase; }
div#brands_a_z a.top {
padding: 0.6180469716em;
background-color: #eeeeee;
color: #43454b;
border: 0;
line-height: 1; }
div#brands_a_z ul.brands {
margin-left: 0;
list-style-position: inside; }
div#brands_a_z ul.brands li {
margin: 0 0 0.3819820591em;
padding: 0 0 0.3819820591em;
border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .storefront-wc-brands-single-product {
margin: 0 0 0.5407911001em; }
.storefront-wc-brands-single-product img {
max-height: 2.2906835em; }
@media (min-width: 768px) {
div#brands_a_z ul.brands_index {
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease; }
div#brands_a_z h3 {
width: 73.9130434783%;
float: right;
margin-right: 0;
clear: right;
text-transform: uppercase; }
div#brands_a_z h3:first-of-type {
margin-top: 0; }
div#brands_a_z a.top {
clear: right; }
div#brands_a_z ul.brands {
width: 73.9130434783%;
float: right;
margin-right: 0;
clear: right; } }