/* 
 * maiMedia Shop CSS File
 *	v1.0.0
 */

/* Table of content
 *
 * Fonts
 * Header
 * Video BG
 * Responsive Design
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
  width:100%;
/*
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #4c5058;
	color: #d0d0d0;
	font-size: 0.9rem;
*/
}

a, a:hover { text-decoration: none; }
a { color:#354D64; }
a:hover, a:focus { color:#6b8bc9; }

ul > li { list-style-type: none; }

.hidden { display:none; }

main{ width:100%; }

section{
  padding: 3rem 0;
  width:100%;
}
section.default { padding: 0rem 0 3rem 0; }
section.light{ background:#f9f9f6; }

.form-select, .form-control, .form-group, .control-label {
  font-size:.875rem;
}

.form-group, .control-label {
  padding: .2rem 0;
}

.form-select, .form-control {
  border: var(--bs-border-width) solid #bababa;
  border-radius: .2rem;
}
.form-select {border: 1px solid #bababa; cursor: pointer;}
.form-select:focus {border: 1px solid #86b7fe; box-shadow: 0 0 0 .0rem rgba(0,0,0,0);}

h3 {
  margin: 0;
  padding: 1.5rem 0 1rem 0;
  color: #354D64;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
}
h3 span { color:#656565; }
h3.status {
  margin: 0px 0px 20px 0px;
  padding: 30px 0 15px 0;
  color: #354D64;
  font-size: 24px;
  font-weight: 400;
}

.page-title {
  margin: 0;
  padding: 1.5rem 0 1rem 0;
  color: #354D64;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
}
h4 span { color:#656565; }

h5 {
  margin: 0;
  padding: 10px;
  font-size: .85rem;
  line-height: 1.5;
  font-weight: 300;
  letter-spacing: .05em;
  text-align: justify;
}

h5.card-title {
  margin-bottom: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 300;
}
h6.card-subtitle {
  font-size: .85rem;
  line-height: 1.5;
  font-weight: 400;
}

.alert {
  margin: 0;
  padding: 1rem 2rem;
  width: 100%;
  border-radius: 0;
  font-size: .875rem;
  font-weight: 600;
}

.alert-full {
  margin: 0;
  padding: 1rem 2rem;
  width: 100%;
  border-radius: 0;
  font-size: .875rem;
  font-weight: 600;
}
.alert-full .btn-close { right: 2rem; }
.alert-full .btn-close:focus { box-shadow: 0 0 0 0 rgba(0,0,0,0); }

.white{color: #fff;}


/* SECTIONS
*********************************/

section.page { padding: 3rem 0rem; font-family: "Open Sans", sans-serif; }
section.page ul > li { list-style-type: circle; line-height: 1.6; }
section.page ul > li::marker { color:#333; font-size: 1.25rem; }


/* HEADER
*********************************/

section.header-container{
  position: fixed;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 4;
}
#mid-block { height: 50px; background: #fff; }
.header-block {
  display: block;
  margin-top: 0px;
}
.logo-container {
  height: 60px;
}
.header-logo {
  position: absolute;
  top: 60px;
  height: 60px;
  z-index: 5;
}

#nav-top { background: #d0d8dc; padding: 0rem 3rem; font-size: .85rem; }
#nav-top .dropdown-toggle,
#nav-top .dropdown-menu { background: #f8f9fa; font-size: .85rem; }
#nav-top .dropdown-toggle { line-height: 1.69; }
#nav-top .dropdown-menu.show {
  right: 0;
  text-align: right;
  border-radius: 0;
  border: 1px solid #e2e5e8;
  border-top: 1px solid #f1f1f1;
}
#nav-top .dropdown-menu.show .currency-symbol { float: left; }
.navbar-toggler { color: #354D64; }
.navbar-toggler:focus { border: 1px solid #354D64; --bs-navbar-toggler-focus-width: 1px; }

.top-nav-center { height: 36.5px; }

.navbar-full { --bs-navbar-padding-y: 0; z-index: 2; }
.navbar-full .navbar-nav { --bs-nav-link-padding-y: 1rem; }
//.navbar-full .navbar-nav li:first-child { padding-left : 2rem; }
.navbar-full .dropdown-menu {
  padding: 10px 15px;
  left: 0;
  right: 0;
  border-radius: 0;
  border-left: 0px;
  border-right: 0px;
  opacity: 0;
}
.navbar-full .dropdown-menu.show { 
  display: flex;
  margin-top: 0px;
  padding: 1rem 4rem 2rem 4rem;
  background: #fff;
  border-top: 1px solid #ebeced;
  border-bottom: 1px solid #cacaca;
  opacity: 1;
  z-index: 3;
}
.navbar-full .dropdown-menu li {
  display: flex;
}

.navbar-full .dropdown, .navbar-full .navbar-nav .nav-item.dropdown {
  position: static;
}

.navbar-full .dropdown.search { top: 0px; right: 2rem; }
.navbar-full .dropdown.cart { top: 0px; right: 1rem; }

.navbar-full .search .dropdown-menu.show, 
.navbar-full .cart .dropdown-menu.show {
  display: block;
  position: absolute;
  margin-top: -1px;
  padding: .5rem;
  width: 350px;
  left: unset;
  right: 0rem;
  background: #f8f9fa;
  border-radius: 0;
  border: 1px solid #e1e1e2;
  border-top: 1px #f8f9fa;
  font-size: .75rem;
  z-index: 1;

-webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,.1) !important;
   -moz-box-shadow: 0px 6px 6px 0px rgba(0,0,0,.1) !important;
		box-shadow: 0px 6px 6px 0px rgba(0,0,0,.1) !important;
}

#nav-prod {
  position: inherit;
  width: 100%;
  background: #fff;
  z-index: 4;
}
#nav-prod.stay_on_top {
  position: fixed;
  width: 100%;
  top: 37px;
}
#nav-prod.stay_on_top.clicked {
  position: fixed;
  width: 100%;
  top: 98px;
}
#mid-block.midblock {
  position: fixed;
  background: #fff;
  z-index: 2;
}

.chevron{ padding-left: 2px; }

.cart-holder { position: relative; display: inline-flex; right: 0rem; }
.cart-holder .dropdown-toggle::after { display: none; }
.cart-holder .btn-cart { padding: 0rem 0rem 0.375rem 0rem; }
.cart-holder .btn-cart:active { border: 1px solid #fff; }
.cart-holder .dropdown-menu.show {
  position: fixed;
  margin: 56px 0px 0px 0px !important;
  padding: .5rem;
  width: 450px;
  border: 1px solid #efefee;
  border-top: 1px solid #fff;
  border-radius: 0px 0px 5px 5px;
}
.page-align { width: 100%;height: 140px; }
.page-align.regulate { height: 56px; }

.breadcrumbs { 
  display:flex;
  margin: 0;
  padding: .5rem 2rem;
  background: #f9f9f6;
  border-bottom: 1px solid #d7d8d9;
  font-size: .875rem;
}
.breadcrumbs b { color: #6f83a2; font-weight: lighter; }
.breadcrumbs li a { color: #646464; }
.breadcrumbs li a:hover { color: #1A1A1A; }
.breadcrumbs li span {
  position: relative;
  top: 3px;
  vertical-align: top;
  padding: 0 .75rem;
  color: #a1a1a1;
  font-weight: lighter;
  font-size: .65rem;
}

.subbed{
  padding: 0;
  font-size: .675rem;
}
.subbed li{
  padding: 0;
}
.subbed li a{
  padding: 0px 0px 0px 0px;
}

#nav-header	.btn.btn-default.dropdown-toggle:active,
#nav-header	.btn.btn-default.dropdown-toggle.show { border: 1px solid transparent; }

#nav-header .dropdown-toggle::after { display: none; }

#nav-header	.nav-link{
  padding: .875rem 1rem;
  font-size: 1rem;
  font-weight: 400;
}

.nav-subheader {
  margin: 0rem 0rem 2rem 0rem;
  padding: 15px 10px;
  color: #1d2b3a;
  border-bottom: 1px solid #e4e7eb;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: left;
}

.dropdown-item.cat {
  margin: 0px;
  background: transparent;
  color: #354d64;
  border: 1px solid transparent;
  border-radius: 1px;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}
.dropdown-item.cat:hover,
.dropdown-item.cat:active {
  background: #fcfefe;
  color: #354d64;
  border: 1px solid transparent;
}

.dropdown-item.brand,
.dropdown-item.page {
  margin: 0px;
  background: transparent;
  color: #354d64;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}
.dropdown-item.brand:hover,
.dropdown-item.brand:active,
.dropdown-item.page:hover,
.dropdown-item.page:active {
  background: #fcfefe;
  color: #354d64;
}

.search-form .input-group{
  height: 37px;
}
.search-input {
  padding: 6px 15px;
  width: 100%;
  background: #f9f9f6;
  border: 1px solid #d0d8dc;
  border-radius: 19px;
  font-size: 1.1rem;
  line-height: 1.1rem;
  font-weight: 300;
}
.search-input:focus {

}
.search-form .btn-search {
  position: absolute;
  right: 4px;
  top: 6.5px;
  padding: 0px 0px 5px 0px;
  background: #fff;
  width: 30px;
  height: 30px;
  border: 1px solid #b9c3c8;
  border-radius: 15px;
}
.search-form .btn-search:hover,
.search-form .btn-search:focus{
  background: #1d2b3a;
  color:#fff;
  border: 1px solid #1d2b3a;
}
.search-form .btn-search:hover img{
  filter: invert(100%);
}

.top-nav-start {
  justify-content: flex-start;
}

.top-nav-center {
  justify-content: center;
}

.top-nav-end {
  justify-content: flex-end;
}

img.icon{
  height:18px;
}
img.icon.icon-search.bar{
  height:15px;
  transition: .2s;
}
.icon-social{
  display: block;
  padding-top:.5rem;
  height: 37px;
  opacity: 1;
}
.icon-social:hover,
.icon-social:active{
  opacity: 1;
}

.icon-social img{
  padding: 0px 5px;
  height: 22px;
  width: auto;
}


.icon-box{
  display: block;
  padding: 0rem 0rem 0rem 0rem;
  width: 100%;
  height: 20px;
  font-size: .85rem;
  font-weight: 300;
  line-height: 1.5;
  text-align: right;
}

.icon-info{
  padding: 0rem 0rem 0rem .3rem;
  height: 15px;
  opacity: 1;
}

.row.marquee-block {
  padding: 0px;
}

.search-nav {
  position: absolute;
  float: left;
  padding: 0px 15px;
  left: 0px;
  background: #f8f9fa;
  border-right: 1px solid #eaeaea;
  line-height: 52px;
  opacity: 0;
  transition: opacity 0.4s;
}


.sc-block { min-width: 170px; }

.header-block { padding: 0rem 3rem; }
.sc-block { min-width: 170px; }

.header-block .dropdown-menu.show {
  border: 1px solid #eaeaea;
  border-top: 1px solid #fff;
  font-family: "Open Sans", sans-serif;
}
.header-block .dropdown-toggle {
  padding: 0rem 0rem 0rem 0rem;
}

.header-block .dropdown-toggle:after {
  display: none;
}

.header-block li.li-header {
  padding: .5rem 0rem .5rem 0rem;
  background: #f9f9f6;
  border: 1px solid #eaeaea;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-align: center;
}
.header-block li {
  font-size: .75rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.header-block li.li-footer a {
  font-weight: 500;
}

/* HEADER CART
*********************************/

.header-cart{
  margin-top: -2px;
  padding: 0 0 0 0;
}

.cart-spacer{
  list-style-type:none;
}

.prod-count {
  position: absolute;
  top: 15px;
  right: 12px;
  padding: 2.5px 5px 3px 5px;
  background: #333;
  color: #dadada;
  border-radius: 1.3rem;
  font-size: .65rem;
  line-height: 1;
}

b.total-price{
  font-size: .75rem;
}

.cart-total{
  background: #eaeaea;
  font-weight: bolder;
}

.prodincart .dropdown-item { padding: 0 .25rem; font-size: .875rem; }
.prodincart .item-price { text-align: right; font-size: .875rem; }

.btn-cart {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);

  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color 0s ease-in-out,box-shadow .15s ease-in-out;
}

.btn.show.btn-cart { border-color: transparent; }


/* HEADER MOBILE
*********************************/

.mobbar-mob { margin: 0; padding: 0rem 0rem 2rem 0rem; background: #fff; border-bottom: 1px solid #f1f4f6; }
.navbar-toggler-icon { width: 2.5em; }

.mobile-search {
  padding: 1rem;
  width: 100%;
  background: #fff;
}
.mobile-guest {
  padding: 2rem;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
}
.mobile-user {
  padding: 2rem;
  width: 100%;
  background: #f9f9f6;
  border-bottom: 1px solid #f2f2f2;
}
.mob{
  font-size: 1rem;
  font-height: 1.5;
  font-weight: 600;
}
.mob.user-info {
  position: relative;
  width: 100%;
  height: 50px;
}
.mob.user-name{
  position: absolute;
  left: 0;
}
.mob.user-logoff{
  position: absolute;
  right: 0;
}
.mob.user-logoff a{ color: #882626 !important; }
.mob.user-logoff a:focus, 
.mob.user-logoff a:hover{ color: #ae1d1d !important;}
.mob.user-menu{
  
}
.mob.user-menu li a {
  display: block;
  padding: .25rem 1rem;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: .02em;
  text-align: left;
}

#mobileMenu ul { margin-bottom: 0; padding-left: 0rem; }
#mobileMenu .modal-body {  padding: 0; }
#mobileMenu .cat-block { background: #fff; padding: 1rem; }
#mobileMenu .brand-block { background: #fff; padding: 1rem 1rem 3rem 1rem; }

#mobileMenu .mob-subheader {
  margin-bottom: 2rem;
  padding: 0rem 0rem 1rem 2rem;
  color: #354d65;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  border-bottom: 1px solid #eff2f5;
}

#mobileMenu .social-block {
  margin: 2rem 0;
  padding: 1rem;
  text-align: center;
}

#mobileMenu .icon-social img {
  padding: 0px 10px;
  height: 52px;
  width: auto;
}

#mobMenuPage { padding: 1rem 1rem; }

#mobContainer { overflow-x: hidden; }

.mob-item { list-style-type: none; text-align: left; }

.mobdown-item, 
.mob-link {
  position: relative;
  display: block;
  padding: .5rem 2rem;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  font-size: 1.10rem;
  letter-spacing: .02em;
  text-align: left;
}
.mobdown-item { padding: .3rem 2rem; }
.mobdown-item.cat { font-size: 1.10rem; font-weight: 500; }
.mobdown-item.brand { font-size: 1.10rem; font-weight: 500; }
.mobdown-item.page { padding: .3rem 1rem; }

#mobileMenuLabel {
  width: 100%;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #354d64;
}
#mobileMenu { top: 37px; }
#mobileMenu .modal-dialog { height: 100%; margin: 0; }

#mobileMenu .modal-header { background: #fff; }
#mobileMenu .modal-content { height: calc(100% - 37px); background: #fff; border: 0; border-radius: 0; }


#mobileMenu .modal-header .btn-close {
	padding: calc(var(--bs-modal-header-padding-y) * .1) calc(var(--bs-modal-header-padding-x) * .1);
	margin: calc(-.1 * var(--bs-modal-header-padding-y)) calc(-.1 * var(--bs-modal-header-padding-x)) calc(-.1 * var(--bs-modal-header-padding-y)) auto;
	color: #354D64;
	border: 2px solid #354D64;
	top: 17px;
	right: 2rem;
	width: 19px;
	height: 19px;
	opacity: .8;
}
#mobileMenu .modal-header .btn-back {
	position: absolute;
	padding: calc(var(--bs-modal-header-padding-y) * .1) calc(var(--bs-modal-header-padding-x) * .1);
	margin: calc(-.1 * var(--bs-modal-header-padding-y)) calc(-.1 * var(--bs-modal-header-padding-x)) calc(-.1 * var(--bs-modal-header-padding-y)) auto;
	font-size: 18px;
	line-height: 1;
	background: transparent;
	color: #354D64;
	border: 2px solid #354D64;
	border-radius: 20px;
	--bs-btn-close-bg: none;
	top: 17px;
	left: 2rem;
	width: 27px;
	height: 27px;
	opacity: .8;
}

#mobileMenu .modal-header .btn-back img {
	padding: 4px 2px 15px 0px;
}

#mobileMenu .dropdown-toggle::after { display: none; }
#mobileMenu .chevron { position: absolute;right: 2rem; top: 1.1rem; }


/* HEADER - SEARCH
*********************************/

#menu-ahead.menu-block {
  display: block;
  position: fixed;
  top: 139px !important;
  left: 0px;
  margin: 0rem 0rem 0rem 0rem;
  padding: 1rem 3rem 1rem 3rem;
  width: 100%;
  background: #fff;
  list-style: none;
}

#menu-ahead.menu-block li a {
  margin: 0rem 0rem;
  padding: .25rem 0rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

ul.typeahead {
  background-color: #FFFFFF;
  width: calc(100% - 2rem);
  margin-left: 1rem;
  margin-top: -1px;
  border: 1px solid #dde1e1;
  border-top: 1px solid #fff;
  border-radius: 0px;
}

ul.typeahead li a {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}
ul.typeahead li a:hover {
  background-color: #f9f9f6;
  color: #354d64;
}
ul.typeahead li a strong {
  color: #186797;
}


/* FOOTER
*********************************/

footer{ 
  padding: 2rem 2rem 1rem 2rem;
  background: #1D2B3A;
  font-size: .8rem;

  -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.5);
  box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.5);
}

.footer-social img{
  width: 32px;
}

.link-light{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

footer .lefty { text-align: left; }
footer .righty { text-align: right; }

footer h5 { text-align: unset; }

footer h5 {
  margin: 0;
  padding: 1rem 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: .05em;
}

footer li {
  padding: .25rem 0;
}

footer .dealer-info {
  padding-bottom: 1rem;
  font-size: .85rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}

.footer-logo {
  position: absolute;
  height: 140px;
}


/* CLOCK
*********************************/

.chrono-clock {
  margin-top: 5px;
  margin-left: calc(50% - 20px);
  position: relative;
  width: 40px;
  height: 40px;
  background: url(/images/clock_bg_small.svg);
  background-size: cover;
  border: 0 solid gray; /* thickness of outer border */
}
.footer-clock {
  margin-top: 10px;
  margin-left: calc(50% - 175px);
  position: relative;
  width: 350px;
  height: 54px;
  background: url(/images/clock-bg-full.svg);
  background-size: cover;
  border: 0 solid gray; /* thickness of outer border */
}
.small_txt { padding-right: 5px; color: #eef0f1; font-size: 10px; text-align: right; }

.inner-clock {
  position: relative;
  width: 78%;
  height: 78%;
  background: none;
  z-index: 1000;
  left: 11%; /* set this value of 1/2 width value*/
  top: 14% /* set this value of 1/2 height value*/
}
.inner-clock::before {
  /* clock center circle small */
  content: "";
  width: 7px; /* width of inner circle */
  height: 7px; /* height of inner circle */
  border-radius: 7px;
  margin-left: -3px; /* set this value of 1/2 width value*/
  margin-top: -4px; /* set this value of 1/2 height value*/
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 3px grey;
}
.inner-clock::after {
  content: "";
  position: absolute;
  width: 100%;
  font: normal 0.8em Arial;
  color: gray;
  text-align: center;
  top: 85%
}
.inner-clock .hand.hour,
.inner-clock .hand.minute,
.inner-clock .hand.second,
.inner-clock::before {
  background: #BABABA !important;
  box-shadow:none;
}
.inner-clock .hand.hour { width: 3px; }
.inner-clock .hand.minute { width: 3px; }
.inner-clock .hand.second { width: 1px; }

.hand, .hand.hour {
  position: absolute;
  width: 6px; /* width of hour hand */
  height: 25%; /* height of hour hand */
  top: 25%; /* set top to 50% - height */
  left: 50%;
  margin-top: 0px;
  margin-left: -1px; /* set this value to 1/2 width */
  background: white;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transform-origin: bottom;
  -ms-transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  z-index: -1;
  -moz-box-shadow: 0 0 3px gray;
  -webkit-box-shadow: 0 0 3px gray;
  box-shadow: 0 0 3px gray
}
.hand.minute {
  height: 35%;
  top: 15%;
  margin-left: -1px;
  margin-top: 0px;
}
.hand.second {
  height: 50%;
  margin-left: 0px;
  top: -1px;
  background: red
}


/* NEWSLETTER
*********************************/

section.newsletter{ 
  padding:0rem 0rem 0rem 0rem;
  background:#354D64;
  font-family: "Open Sans", sans-serif;
}

.newsrow { padding: 3rem 3rem; }

.newsletter-title {
  margin: 0;
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-align: center;
}

.newsletter-form input{
  background: #354d64;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #878787;
  color:#bababa;
}
.newsletter-form input:focus{
  background: #354d64;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.newsletter-form input::placeholder{
  color: #C5C7C8;
}

.newsletter p{
  padding: 1rem 2rem;
  font-size: .9rem;
  text-align: justify;
}

.btn-outline-news {
  padding: .7rem 1.5rem .75rem 1.5rem;
  --bs-btn-color: #d2d4d5;
  --bs-btn-border-color: #a8adb1;
  --bs-btn-hover-color: #354d64;
  --bs-btn-hover-bg: #C5C7C8;
  --bs-btn-hover-border-color: #C5C7C8;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: 1.5rem;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
}

.btn-outline-news i {
  margin: 0;
  padding: 0rem 0rem 0rem .5rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
  opacity: .7;
  transition: .2s;
}

.btn-outline-news:hover i, 
.btn-outline-news:focus i { opacity: 1; }


/* NEWSLETTER POPUP
*********************************/

.modal-body.newsletter{ 
  padding:0rem 0rem 0rem 0rem;
  background:#354D64;
  font-family: "Open Sans", sans-serif;
}

.modal-body.newsletter input{
  background: #354d64;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #878787;
  color:#bababa;
}
.modal-body.newsletter input:focus{
  background: #354d64;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.modal-body.newsletter input::placeholder{
  color: #C5C7C8;
}

.modal-body.newsletter p{
  margin: 0;
  padding: .5rem 1rem;
  font-size: .85rem;
  text-align: justify;
}

.newsletter .btn-close {
  position: absolute;
  top:15px;
  right:15px;
  width: 24px;
  height: 24px;
  font-size: 18px;
  line-height: 1;
  background: transparent;
  color: #C5C7C8;
  border: 2px solid #C5C7C8;
  border-radius: 20px;
  --bs-btn-close-bg: none;
}
.newsletter .btn-close:hover,
.newsletter .btn-close:focus,
.newsletter .btn-close:active {
  background: #C5C7C8;
  color: #354D64;
  border: 2px solid #C5C7C8;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;

}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}



/* CAROUSEL - RECOMMENDED
*********************************/

section.carousel{ padding: 0rem 0 3rem 0;  }

.carousel.transition {
  width: 100%;
  height: 100px;
  background: -moz-linear-gradient(180deg, rgba(249, 249, 246,1) 0%, #fff 100%);
  background: -webkit-linear-gradient(180deg, rgba(249, 249, 246,1) 0%, #fff 100%);
  background: linear-gradient(180deg, rgba(249, 249, 246,1) 0%, #fff 100%);
}

.carousel-title {
  margin: 0;
  padding: 1rem;
  color: #354D64;
  font-size: 1.20rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-align: left;
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
  width: 5%;
  filter: invert(100%);
}
.carousel-control-prev {
  left: -2rem;
}
.carousel-control-next {
  right: -2rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: .1rem .7rem;
  height: 30px;
  background: rgba(0,0,0,0);
  border-radius: .3rem .3rem 0 0;
}
.card-img-overlay a {
  font-size: .8rem;
  color:#1A1A1A;
}


/* responsive */
@media (max-width: 575px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

@media (min-width: 350px){
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(100%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-100%);
    }
}


@media (min-width: 350px) and (max-width: 767px){
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(100%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-100%);
    }
}

@media (min-width: 768px) and (max-width: 991px){
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(50%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-50%);
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.33%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.33%);
    }
}

@media (min-width: 1200px) and (max-width: 1399px){
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.33%);
    }
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.33%);
    }
}

@media (min-width: 1400px) {
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}


.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}


/* BRANDS BLOCK
*********************************/

section.brands{
  background: #f9f9f6;
}

.card.brands {
  border: 1px solid #f9f9f6;
  transition: .5s;
  background: #fff;
}
.card.brands:hover {
  background: #fff;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0) !important;
}

.card-img.brands{
  padding : 1rem 1rem;
}

.brands-img{
  height: 60px;
  width: auto;
}

.card-title.brands {
  margin: 0;
  padding: 1rem 0rem 1.5rem 0rem;
  color: #354d64;
  font-size: .9rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0em;
  text-align: center;
}

.card-title.brands.Audemars-Piguet { color: #ab9257; }
.card-title.brands.Breitling { color: #e6b223; }
.card-title.brands.Nomos { color: #9d9e9f; }
.card-title.brands.Omega { color: #c50124; }
.card-title.brands.Patek-Philippe { color: #b7a999; }
.card-title.brands.Rolex { color: #004c25; }
.card-title.brands.Tag-Heuer { color: #0d7e50; }
.card-title.brands.Tudor { color: #be0100; }

/* INFO BLOCK
*********************************/

section.info{ margin: 3rem 0rem; padding: 3rem; background: #354d64; }

.infoCon {
  position: relative;
  min-height: 350px;
  background: #354d64;
  border-radius: 5px;
}

.innerCon {
  position: inherit;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.infoBlock {
  width: 100%;
  height: 100%;
  text-align: center;
}

.info-Box {
  margin: 0;
  padding: 0rem;
  height: 100%;
}

.info-col {
  padding: .5rem 1.5rem;
}

.info-content {
  background: rgba(53,77,100,1);
}

.info-img{ height: 64px; width: auto; }

.info-title {
  margin: 0;
  padding: 1.5rem 0rem 2rem 0rem;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 500;
  letter-spacing: .02em;
  text-align: center;
  text-transform: unset;
}

.info-sub {
  margin: 0;
  padding: 2rem 0rem .5rem 0rem;
  width: 100%;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  line-height: 3rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
  border-bottom: 1px solid #4e6780;
}

.info-text{
  margin: 0;
  padding: 1rem .5rem;
  color:#fff;
  font-size:1rem;
  font-weight: 300;
  text-align: center;
}

/* CARDS
*********************************/

.card{
  border: 1px solid #ececec;
  transition: .5s;
  background: #F9F9F6;
  font-family: "Open Sans", sans-serif;
}
.card:hover{
background: #FCFCFC;

-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0) !important;
   -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0) !important;
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0) !important;
}

.card-footer { border-top: 1px solid #ececec; }


.card-img-top {
  width: 80%;
  margin: 10% 10% 0% 10%;
}

.fas.fa-heart:hover {
  color: #f44336 !important;
}

.fas.fa-share-alt:hover {
  color: #0d47a1 !important;
}

.ajax-indicator{
  position: fixed;
  left: calc(50% - 26px);
  top: calc(50% - 26px);
  background: #fff;
  padding: 10px;
  border: 1px solid #d0d0d0;
  border-radius: .3rem;
  z-index: 3;
}


/* CONTACT
*********************************/


section.contact { padding: 0rem 0rem 0rem 0rem; }

#deptMap { width:100%; height: 400px; }
.icon-map {
  position: absolute;
  left: -17px;
  top: -48px;
}

.departments .nav-item {
  cursor:pointer;
}
.departments .nav-item.disabled {
  cursor:default;
}
.departments .nav-item a {
  color: #a9a9a9;
}
.departments .nav-item:focus,
.departments .nav-item:hover {
  border:0px solid transparent;
}
.departments .nav-link:focus,
.departments .nav-link:hover {
  color: #1A1A1A;
  border:1px solid transparent;
}
.dept-block{
  font-size: .8rem;
}
.dept-block p{
  margin-bottom:0;
  font-size: .8rem;
}
.dept-block p.pickup{
  margin-top:1rem;
  font-weight: bold;
  text-align:center;
}
.dept-block h4{
  margin: 1rem 0;
  font-size: 1.2rem;
  font-weight: 200;
}

.contact-form {
  padding: 1rem 3rem 3rem 3rem;
  min-height: 325px;
  background: #eef0f1;
}

.contact-form .form-control {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}
.contact-form .form-control:focus {
  box-shadow: 0 0 0 0 rgba(13,110,253,.25);
}

.contact-form textarea {
  padding: 10px !important;
  width: 100%;
  resize: none;
  background: #f9f9f6 !important;
  border: 1px solid #354d64 !important;
  border-radius: .1rem !important;
}

.contact .dropdown-toggle {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  width: 100%;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
  box-shadow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.contact .dropdown-toggle:after { display:none; }
.contact .dropdown-menu.show {
  margin-top: -3px !important;
  padding: 1rem;
  --bs-dropdown-min-width: unset;
  width: inherit;
  border-radius: 0px 0px 5px 5px;
}

.contact .contact-info i {
  padding: 0rem .5rem 0rem 0rem;
  color: #354d64;
}


/* PARALAX
*********************************/

section.paralax { padding: 0rem 0rem 3rem 0rem; background: #eef0f1; }

.paralax.transition {
  width: 100%;
  height: 100px;
  background: -moz-linear-gradient(180deg, #fff 0%, rgba(238, 240, 241,1) 100%);
  background: -webkit-linear-gradient(180deg, #fff 0%, rgba(238, 240, 241,1) 100%);
  background: linear-gradient(180deg, #fff 0%, rgba(238, 240, 241,1) 100%);
}

.page-logo {
  padding: 0px 2rem 0px 2rem;
  width: 100%;
  text-align: center;
}
.page-logo .watch-brand { height: 80px; }

.watch-brand{
  Margin-top: 0px;
  padding: 0px;
  width: auto;
  height: 50px;
  color:#000;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
  text-transform: uppercase;
}

.page-header {
  margin-top: 60px;
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  font-size: 42px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.page-header.rolex { margin: 20px; color: #167e4e; }

.paralax-header {  }

.paralax-heading {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 23px;
  text-transform: uppercase;
  letter-spacing: .02em;
  text-align: center;
  padding: 2.5rem 7.5rem;
  background: #424040;
  color: #f9f9f6;
}

.paralax-logo { float:right; }
.paralax-manufactor {
  display: block;
  width: 100%;
  font-size: 60px;
  line-height: 60px;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.paralax-variants {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #167e4e;
  margin-left: 5px;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.paralax-world {
  display: block;
  padding: 0 1rem;
  width: 100%;
  color: #354d64;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

.paralax-combine {
  display: block;
  width: 100%;
  font-size: 16px;
  letter-spacing: .02em;
}

.btn-paralax {
  margin: 30px 0;
  padding:8px 30px;
  background: #354d64;
  color: #f5f7f9;
  border-radius: 22px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .02em;
  transition: background-color .2s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  		  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.btn-paralax:hover { background: #1d2b3a; color: #fff; text-decoration: none; }
.btn-paralax:focus { box-shadow: none; }


/* BANNER 3
*********************************/


section.banner { padding: 2rem; background: #354d64; }

.promise-title {
  padding: 1rem 0 3rem 0;
  color: #f9f9f6;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 400;
}

p.promise {
  padding: 1rem 0 1rem 0;
  color: #f9f9f6;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.imgCon {
  position: relative;
  height:700px;
  overflow: hidden;
}

.imgBox{
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  opacity: .65;
  z-index: -1;
}

.img-content {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 3rem;
  background: rgba(144,179,200,.25);
}

.imgClock{
  position: absolute;
  width: auto;
  height: 450px;
}

.bannerContainer{
  width:60%;
  text-align: center;
}
.bannerBox {
  padding: 2rem 1rem;
  background: rgba(0,0,0,.5);
}
.bannerBox p {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  color:#f9f9f6;
}
.iconBox {

}

.hero-title {
  margin-bottom: 1rem;
  padding: 0rem 0;
  font-size: 2rem;
  line-height: 2rem;
  color: #f9f9f6;
  font-weight: 500;
  letter-spacing: .05rem;
}
.hero-subtitle {
  margin-bottom: 1rem;
  padding: 0rem 0;
  font-size: 2rem;
  line-height: 2rem;
  color: #f9f9f6;
  font-weight: 500;
  letter-spacing: .05rem;
}
.hero-text {
  margin-bottom: 0rem;
  padding: 0rem 0;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 400;
}

.hero-subtext {
  margin-bottom: 2rem;
  padding: .5rem 0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  font-style: italic;
}

.btn-hero {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-font-family: "Open Sans", sans-serif;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #f8f9fa;
  --bs-btn-bg: #354d64;
  --bs-btn-border-color: #a8adb1;
  --bs-btn-border-width: 2px;
  --bs-btn-hover-color: #354d64;
  --bs-btn-hover-bg: #C5C7C8;
  --bs-btn-hover-border-color: #C5C7C8;
  --bs-btn-focus-shadow-rgb: 248,249,250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

/*
.mask-fade {
  position: absolute;
  bottom: 245px;
  width: 100%;
  height: 200px;
  z-index: 1;

  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
}
.mask {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height:245px;
  padding: 0rem 1rem 3rem 1rem;

  z-index: 1;

  background: -moz-linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.5) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.5) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.5) 100%);
}

.hero-title {
  padding: 15px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  line-height: 24px;
  color: #fff;
}
.hero-text {
  margin-bottom: 0rem:
  padding: 15px 0;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 300;
  color: #fff;
}


.btn-hero {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-font-family: "Open Sans", sans-serif;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #a8adb1;
  --bs-btn-border-width: 2px;
  --bs-btn-hover-color: #354d64;
  --bs-btn-hover-bg: #C5C7C8;
  --bs-btn-hover-border-color: #C5C7C8;
  --bs-btn-focus-shadow-rgb: 248,249,250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
*/


/* FAQ
*********************************/

section.faq {
  padding: 3rem 0;
  font-family: "Montserrat", sans-serif;
}

.faq .specs {
  padding-top: 3rem;
  color: #1A1A1A;
  font-size: 1.5rem;
}

.faq .panel-body {
  padding: 1rem 2rem 2rem 2rem;
  background: #eef0f1;
  color: #1A1A1A;
  font-size: 1rem;
  letter-spacing: 0em;
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
}

.faq .panel-body ul {
  margin:0;
  padding: 0;
}

.faq .panel-title::after { color: #354d64; }



.faq .specs .spec-head {
  margin-top: 1rem;
  color: #354d64;
  font-size: 1rem;
  line-height: 2rem;
  text-transform: unset;
}

.faq .specs .spec-txt {
  color: #1d2b3a;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.3rem;
  text-transform: unset;
}



/* ORDERS
*********************************/

section.orders {
  padding: 3rem 0;
  font-family: "Montserrat", sans-serif;
}

.orders .listing-header {
  padding: .5rem 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #ababab;
  font-size: .85rem;
  line-height: 1.5;
  font-weight: 400;
}

.orders .listing {
  margin-top: 10px;
  padding: .5rem 0;
  background: #eef0f1;
  border: 1px solid rgb(218, 218, 218);
  font-size: 0.85rem;
  line-height: 2rem;
}

.orders .listing img {
  height: 18px;
}




/* WATCH LISTING
*********************************/

.listing{ padding: 3rem 0rem 3rem 0rem; }

#nav-func {
  position: relative;
  margin: 0rem .5rem;
  padding: .3rem 1rem;
  width: calc(100% - 1rem);
  background: #fff;
  transition: .1s;
  z-index: 2;
  border-top: 1px solid #dfe0e0;
  border-bottom: 1px solid #dfe0e0;
}
#nav-func .dropdown-toggle { font-size: .75rem; }
#nav-func.stay_on_top { 
  position: sticky; 
  margin: 0rem .25rem;
  padding: .3rem .3rem;
  width: calc(100% - .5rem); 
  top: 139px; 
  left: 0;
  background: #fff;
  border-top: 1px solid transparent;
}
.func-align { width: 100%;height: 0px; }
.func-align.regulate { height: 54px; }

.card > .list-group {
  border: 1px solid transparent;
}
.card-body {
  padding: 1rem 2rem;
  font-size: .875rem;
}
#getProducts .card-body.gapped {
  padding: 0rem 0rem 0rem 0rem;
  width: 75px;
  min-height:40px;
}

.card-body small.boxed {
  display: flex;
  position: relative;
  min-width: 50px;
  margin: .8rem 0;
  padding: .3rem 1rem .3rem .5rem;
  background: #f2f2ef;
  line-height: .65rem;
  border-radius: 1rem;
  border: 1px solid #e7e7e7;
}
.card-body small.boxed span {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0rem .3rem 0rem .1rem;
  color: #354D64;
  font-size: .85em;
  font-weight: 600;
}

#getProducts .card-body {
  padding: 0rem 1rem;
  font-size: .875rem;
  line-height: 1.5;
}

#getProducts .card-footer { margin-top: .75rem; }

.watch-icon {
  opacity: .7;
  width: 15px;
  height:15px;
}

.customize {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
  color: #354d64;
  font-size: .85rem;
  font-weight: 500;
  line-height: 1rem;
}

#nav-func .dropdown-toggle {
  margin: 0rem 0rem 0rem 0rem;
  padding: .375rem 1rem;
  width: 100%;
  background: transparent;
  color: #354d64;
  border: 1px solid transparent;
  border-radius: 1rem;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
#nav-func .dropdown-toggle:after {
  display: none;
}
#nav-func .dropdown-menu.show {
  padding: .5rem;
}
#nav-func .dropdown-menu.show li {
  cursor: pointer;
}
#nav-func .dropdown-toggle i {
  padding-left: .5rem;
}

#nav-func select {
  margin: 0rem 0rem 0rem 0rem;
  padding: .375rem 1rem;
  width: 100%;
  background: transparent;
  color: #354d64;
  border: 1px solid transparent;
  border-radius: 1rem;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;

  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.listing .listing-block {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
  background: #eef0f1;
  border-radius: 0;
}

.listing .page-title {
  margin:  0rem 0rem 0rem 0rem;;
  padding: 1.5rem 0rem 1rem 0rem;
  color: #354D64;
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
}
.listing .page-subtitle {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem .5rem 0rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
}
.listing .page-text {
  margin: 0rem 0rem 0rem 0rem;
  padding: .5rem 0rem .5rem 0rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.35rem;
  font-weight: 300;
  letter-spacing: .02em;
  text-align: left;
}

#nav-func .menu-dropdown {
  position: relative;
}

#nav-func .menu-toggler {
  display: inline-block;
  margin: 0rem 0rem 0rem 0rem;
  padding: .375rem;
  width: 100%;
  background: transparent;
  color: #354d64;
  border: 1px solid transparent;
  border-radius: 1rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}
#nav-func .menu-toggler.left { text-align: left; }
#nav-func .menu-toggler.right { text-align: right; }
#nav-func .menu-toggler i { position: relative; z-index: -1; }

#nav-func .menu-block {
  position: absolute;
  display: none;
  top : 53px;
  left: 0px;
  width: 100%;

  margin: 0rem 0rem 0rem 0rem;
  padding: 1rem 1rem 1rem 1rem;
  background: #fff;
  border: 1px solid #dfe0e0;
  z-index: 2;
}
#nav-func .menu-block.show {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
}
#nav-func.stay_on_top .menu-block {
  top : 49px;
  padding: 1rem 1rem 1rem 1rem;
}

#nav-func .menu-header {
  position: relative;
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem .8rem 0rem;
  border-bottom: 1px solid #dee2e6;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
#nav-func .menu-back {
  margin: 0rem 1rem 0rem 0rem;
  padding: 0rem 5px 4px 4px;
  background: transparent;
  border: 1px solid #000;
  border-radius: .375rem;
  opacity: .6;
}
#nav-func .menu-close {
  position: absolute;
  top: 0px;
  right:0px;
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 6px 3px 6px;
  background: transparent;
  border: 1px solid #000;
  border-radius: .375rem;
  opacity: .6;
}
#nav-func .menu-back:hover,
#nav-func .menu-close:hover { opacity: .8; }
#nav-func .menu-back:focus, 
#nav-func .menu-back:active, 
#nav-func .menu-close:focus, 
#nav-func .menu-close:active { opacity: 1; }
#nav-func .menu-back img,
#nav-func .menu-close img {
  height: 14px;
}
#nav-func .counter {
  position: absolute;
  top: .8rem;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #8c8c8c;
  font-weight: 300;
  display: none;
}
#nav-func .counter span{ color: #464545; font-weight: 400; }

#nav-func .menu-content {
  margin : 0rem;
  padding: 0rem 0rem 0rem 0rem;

  overflow: auto;
}
#nav-func .ul-menu {
  margin : 0rem;
  padding: 0rem 0rem 0rem 1rem;
}
#nav-func .ul-menu li {
  margin : 0rem;
  padding: 0rem 0rem;
}
#nav-func .ul-item {
  display: block;
  width:100%;
  margin : 0rem;
  padding: .25rem .5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}
#nav-func .ul-item.deactive { font-weight: 400; }
#nav-func .ul-item.deactive:hover { color: #354D64; }
#nav-func .ul-item.active { background: #f9f9f6; color: #354D64; }
#nav-func .ul-item.active i { float: right; margin-top: 5px; padding-right: 1rem; color: #354D64; }

#nav-func .choose-model {
  margin : 0rem 0rem;
  padding: 0rem .5rem;
  color: #7e7e7e;
}

#nav-func .choose-model i {
  margin : 0rem 0rem;
  padding: 0rem 1rem;
  font-size: .8rem;
  color: #323232;
}


/* WATCH LISTING - FILTER
*********************************/


.ui-slider { margin: 1rem 0; }
.ui-widget.ui-widget-content { background: #f9f9f6; border: 1px solid #dfe0e0; }
.ui-widget-header { background: #d0d8dc; }
.ui-slider-horizontal { height: .3em; }
.ui-slider-horizontal .ui-slider-handle {
  top: -.6em;
  margin-left: -.7em;
  width: 1.5em;
  height: 1.5em;
  background: #354d64;
  border: 1px solid #354d64;
}
.ui-state-focus { outline: none; border: 1px solid #354d64; }
.ui-state-active, 
.ui-widget-content 
.ui-state-active { border: 1px solid #1D2B3A; background: #1D2B3A; }


#nav-func .accordion {
  margin : 0rem 0rem;
  padding: 0rem 0rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --bs-accordion-border-color: #efefee;
}

#nav-func .accordion-button:not(.collapsed) {
  color: #354D64;
  background-color: #fff;
  font-weight: 600;
}
#nav-func .accordion-button:disabled {
  background-color: #FCFCFC;
  color: #ccc !important;
}
#nav-func .accordion-button:disabled::after {
  display:none;
}

#nav-func .accordion-body {
  padding: .75rem 1rem;
  background-color: #FCFCFC;
}

#filter-Brand.collapse.show .accordion-body {
  max-height: 240px;
  overflow-y: scroll;
}

#nav-func .accordion-button:focus {
  box-shadow: 0 0 0 0 rgba(255,255,255,0);
}

#nav-func .form-control {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #fcfcfc;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}

#nav-func .input-group-text {
  height: 34.5px;
  padding: .375rem .75rem;
  background-color: #FCFCFC;
  color: #354d64;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}

#active-filter {
  padding: 1rem 0rem 0rem 0rem;
}

#active-filter ul{
  position: relative;
  display: flex;
  padding: 1rem .5rem 0rem .5rem;
  text-align: left;
}

#active-filter ul li{
  margin: 0rem 0rem;
  padding: .25rem .25rem;
}


.option-filter {
  position: relative;
  display: block;
  margin: 0rem 0rem;
  padding: .5rem .5rem;
  width: 100%;
  background: transparent;
  color: #354d64;
  border: 1px solid #354d64;
  border-radius: .3rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
}
.option-filter i {
  position: absolute;
  top: .5rem;
  right: .5rem;
  color: #98adb7;
  font-size: .75rem;
  line-height: 1;
}



/* DEBUG
*********************************/


section.debug {
  padding: 3rem 1rem;
  background: #354d64;
  color: #f9f9f6;
}

section.debug h3 {
  margin: 0;
  padding: .5rem 0rem 1rem 0rem;
  color: #f9f9f6;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 300;
  letter-spacing: .02em;
  text-align: center;
}

section.debug h5 {
  margin: 0;
  padding: .5rem 0rem 1rem 0rem;
  color: #f9f9f6;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 200;
  letter-spacing: .02em;
  text-align: center;
}

section.debug p {
  margin: 0;
  padding: 0rem 0rem;
  color: #f9f9f6;
  font-family: "Montserrat", sans-serif;
  font-size: .75rem;
  line-height: 1.75rem;
  font-weight: 300;
  letter-spacing: .02em;
  border-bottom: 1px dotted #6483a1; 
}
section.debug p span {
  margin: 0;
  padding: 0rem 0rem;
  float: right;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: .75rem;
  line-height: 1.75rem;
  font-weight: 600;
  letter-spacing: .02em;
}

.resetBtn{
  display: block;
  margin-top: 1rem;
  padding: .5rem 1rem;
  width: 100%;
  background: #74829a;
  color: #d7d7d7;
  border: 1px solid #3e4259;
  border-radius: .25rem;
  font-size: .75rem;
  font-weight: 600;
  text-align: center;
}
.resetBtn:hover{
  background: #8a99b2;
  color: #fff;
  border: 1px solid #3e4259;
  border-radius: 3px;
  text-decoration: none;
}


/* WATCH DETAILS
*********************************/


section.watch-top { padding: 3rem 0rem 0rem 0rem; }
section.watch-cut { padding: 0rem; }
section.watch-spec{ padding:3rem 0rem; }
section.dial-block {
  padding: 0rem;
  min-height: 350px;
}
section.vidbox-bg, 
section.vidbox-bg-patek { padding: 0rem; }

.prod-info {
  font-family: "Sans Open", sans-serif;
  font-size: .9rem;
  font-weight: 300;
}

.prod-price {
  padding: 0rem 0rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: .02em;
}

#nav-cart { padding: .3rem .3rem; background:#fff; transition: .1s; z-index:3; }
#nav-cart .dropdown-toggle { font-size: .75rem; }
#nav-cart.stay_on_top { 
  position: fixed; 
  margin: 0;
  padding: .3rem 1rem;
  width: 100%; 
  top: 139px; 
  left: 0;
  background: #fff;
  border-top: 1px solid #f9f9f6;
}
.cart-align { width: 100%;height: 0px; }
.cart-align.regulate { height: 49px; }


.form-control.qty.value {
  text-align: center;
  border: 1px solid #6c757d;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

#single.amount {
  line-height: 2rem;
  width: 70px;
  border: 1px solid transparent;
  color: #afafaf;
}

.btn-outline-secondary.minus:focus,
.btn-outline-secondary.minus { border-right: 1px solid transparent; }
.btn-outline-secondary.plus:focus,
.btn-outline-secondary.plus { border-left: 1px solid transparent; }

.btn-outline-secondary.minus, 
.btn-outline-secondary.plus {
  font-size: 1.7rem;
  line-height: 1rem;
  padding: 0px 10px 6px 10px;
}
.btn-outline-secondary.chrono{ border-radius: .2rem; }
.btn-outline-secondary.chrono:hover, 
.btn-outline-secondary.minus:hover, 
.btn-outline-secondary.plus:hover {
  background: #354D64;
}
.btn-outline-secondary.chrono:focus,
.btn-outline-secondary.minus:focus,
.btn-outline-secondary.plus:focus {
  background: transparent;
  color: #6c757d;
}

.fav-btn {
  max-width: 45px;
  border-left: 1px solid #1A1A1A;
}

.brand-icon {
  margin: .5rem 0rem;
  width: 50px;
  height: auto;
}

.brand-title {
  margin-bottom: 0px;
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #666;
  padding: 0;
}

.prod-title {
  padding: .5rem 0px 0px 0px;
  font-size: 2rem;
  font-weight: 300;

}

.prod-refno {
  color: #a0a0a0;
  font-family: "Sans Open", sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.prodframe { min-height: 350px; background: #fff; }
.imgframe { background: #f9f9f6; }
.imgframe-spacer { width: 100%; height: 100px; background: #f9f9f6; }

.prod-img {
  position: relative;
  width: 500px;
}

.row.request {
  margin-top: 0rem;
  padding: 3rem 1rem 0rem 1rem;
  background: #f9f9f6;
  text-align: center;
}

.percent-block {
  display: block;
}
.label_offer.percentage {
  font-size: 1.5rem;
  display: inline-flex;
}
.percent-block .oldprice {
  color:#e38484;
  font-size: 1.2rem;
  text-decoration: line-through;
}

.percent-block sub {
  font-size: .65rem;
  bottom: -.8rem;
  padding: 0 6px;
}

.percent-block .offer {
  font-size: 55%;
  bottom: -.9em;
}

.request .form-group {
  position: relative;
}
.request .form-control {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #f9f9f6;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}
.request .form-control.empty { border-bottom: 1px solid #c44545; }
.request .form-control.empty::placeholder { color: #c44545; }

.request .dropdown-toggle {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  width: 100%;
  background: #f9f9f6;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
  box-shadow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.request .dropdown-toggle:after { display:none; }
.request .dropdown-toggle:hover, .request .dropdown-toggle:focus {
  background: #f9f9f6;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
}
.request .dropdown-menu.show {
  margin-top: -3px !important;
  padding: 1rem;
  --bs-dropdown-min-width: unset;
  width: inherit;
  border-radius: 0px 0px 5px 5px;
}
.dropdown-menu.show li {
  cursor: pointer;
}

.request .vali_red {
  position: absolute;
  top: 2.4rem;
  width: 100%;
  color: #c44545;
  font-family: "Sans Open", sans-serif;
  font-size: .85rem;
  font-weight: 500;
}


/* WATCH  */
.watch_slider_main_header { }

.watch_slider_main_header h1 {
  padding: 0px 10px !important;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.watch_slider_main_header h1.rolex { color: #135b3a; }
.watch_slider_main_header h1.patek-philippe { color: #ab947d; }


h1 .model {
  margin: 5px;
  color: #646464;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
}

h1 .descr {
  margin: 5px;
  color: #646464;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
}

h1 .refno {
  margin:0;
  font-family: "Montserrat", sans-serif;
  font-size: .8rem;
}
h1 .refno.rolex { color: #135b3a; }
h1 .refno.patek-philippe { color: #ab947d; }
h1 .refno.iwc { color: #666; }
h1 .refno.omega { color: #c40d2e; }
h1 .refno.breitling { color: #ebb626; }
h1 .refno.tudor { color: #be0100; }
h1 .refno.tag-heuer { color: #0e7e50; }
h1 .price {
  margin: 0;
  padding: 15px;
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: 600;
}

.carousel-inner .item.active{ display: flex; margin: 30px 0; }
.watch_slider_left_box, .watch_slider_right_box {
  width: calc(50% - 30px);
  padding: 50px 15px;
  font-family: "Open Sans", sans-serif;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.jumbotron { 
  margin-bottom: 2rem;
  padding: 4rem; 
  height: 100%; 
  background-color: #fff;
  border-radius: 0; 
  border-bottom: 1px solid #dee2e6;
}
.jumbotron.first { border-right: 1px solid #dee2e6; }
.jumbotron p { font-size:14px; }
.jumbotron p.pickup {
  padding-top: 2.5rem;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
}

.jumbotron.side { 
  margin-bottom: 0;
  padding: 2rem 0; 
  height: 100%; 
  background-color: #fff;
  border-radius: 0; 
  border-bottom: 1px solid #dee2e6;
}
.jumbotron.side.first{ padding-top: 0rem; border-right: 0px; }
.jumbotron.side.last { border-bottom: 0px; }


/* SLIDER */
.bezel-slider {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}
.price-ranger {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inherit;
}

.bezel-slider .input-group-text, .price-ranger .input-group-text {
  padding: 6px 12px;
  color: #9b9b9b;
  background: none;
  border: 0px solid #ced4da;
  border-radius: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  font-size: 26px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-align: center;
}

.bezel-slider .form-control:focus, .price-ranger .form-control:focus {
  color: #000;
  background-color: #fff;
  border: 1px solid #000 !important;
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(0,0,0,0);
}

.input_min, .input_max{ 
  color: #9b9b9b;
  border:none; 
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  font-size: 26px;
  letter-spacing: 0.1em;
  text-align: center;
}
.input_min:focus, .input_max:focus{ 
  outline:none;
  border: 0px;
  border-color: none;
  box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

.noUi-background {
  top:18px;
  min-height: 1px !important;
  height: 1px !important;
  box-sizing: inherit !important;
  border: 0px solid #D3D3D3;
  outline-offset: -1px;
  border-radius: 4px;
  border-radius: 0px;
  background: #555;
}

.noUi-base .noUi-origin:last-child {
  background: #c9c9c9;
  top: 0;
}

.noUi-base .noUi-origin:first-child {
  background-color: #000;
  border: none;
  height: 1px;
  box-shodow: none !important;
  box-shadow: none !important;
  -webkit-transition: none !important;
}

.noUi-horizontal .noUi-handle, .noUi-horizontal .noUi-handle:hover {
  background: #000;
  border: none !important;
  height: 30px !important;
  width: 15px !important;
  position: absolute !important;
  top: -15px;
  z-index: 1 !important;
  cursor: pointer;
  box-shadow:none;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  left: calc(50% - 55px);
  padding: 5px 10px;
  min-width: 110px;
  background: #b1b1b1;
  color: #fff;
  border: 0px solid #D9D9D9;
  border-radius: 5px;
  text-align: center;
}

.noUi-handle-lower .noUi-tooltip, .noUi-handle-upper .noUi-tooltip {
  top: unset;
  bottom: -42px;
}

.wrapper{ padding:50px; }

.row.watch{ padding:100px 50px; }

.back{
  position: absolute;
  left: 30px;
  top: 30px;
  padding: 5px 15px 5px 0px;
  color: #bababa;
  font-size: 13px;
  letter-spacing: .05em;
  border-radius: 3px;
  text-decoration: none;
}
.back:hover{ color: #ababab; text-decoration: none; }
.back img{
  height: 20px;
  opacity: .25;
  top: -1px;
  position: relative;
}

.watch-box{ background: #f9f9f6; text-align: center; border: 1px solid #e1e1e1; border-radius: 5px; }
.watch-box p{
  margin-top: 0;
  margin-bottom: 0rem;
  font-size: 14px;
}
.watch-box p:last-child{
  margin-top: 0;
  margin-bottom: 2rem;
  color:#949494;
}
.watch-img{ max-width: 350px; height: auto; }
.img-watch{ max-height: 500px; width: auto; }
.row.watch a{ text-decoration:none; color:#1A1A1A; }

.watch-refno{
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  color: #8c8c8c;
  font-weight: 400;
}

.rev_slider_wrapper { 
  width: 100% !important;
  left: 0px !important;
}

.tp-bgimg{background-size: 500px !important;}

.new-badge{
  position: absolute;
  width: 100%;
  top: 130px;
  text-align: center;
}
.new-badge span{
  padding: 3px 15px;
  background: #5e5e5e;
  color: #f5f7f9;
  font-size: 13px;
  letter-spacing: .05em;
  border-radius: 3px;

  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:	  inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 		  inset 0px 1px 3px 0px rgba(0,0,0,0.15);
}

.refno-badge{
  position: absolute;
  width: 100%;
  bottom: 130px;
  text-align: center;
}
.refno-badge span{
  padding: 3px 15px;
  background: #fff;
  color: #5e5e5e;
  font-size: 13px;
  letter-spacing: .05em;
  border: 1px solid #d0d0d0;
  border-radius: 3px;

  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:	  inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  box-shadow: 		  inset 0px 1px 3px 0px rgba(0,0,0,0.15);
}

.slider-layer{
  position: absolute;
  height: 745px;
  width: auto;
  z-index: 102;
  left: calc(50% - 250px);
  top: -123px;
  clip-path: inset(176px 110px 89px 128px round 50px);
  display:none;
}
.slider-layer.single{ clip-path: unset; top: 0px; height: 500px; left: calc(50% - 250px); }
.slider-layer.yacht-master 		{ clip-path: inset(164px 96px 75px 120px); }
.slider-layer.sky-dweller 		{ clip-path: inset(168px 102px 78px 122px);}
.slider-layer.gmt-master-ii 	{ clip-path: inset(174px 103px 86px 126px);}
.slider-layer.deepsea 			{ clip-path: inset(164px 90px 74px 118px); }
.slider-layer.day-date-36 		{ clip-path: inset(186px 125px 97px 139px);}
.slider-layer.day-date-40 		{ clip-path: inset(174px 115px 86px 130px);}
.slider-layer.datejust-41 		{ clip-path: inset(174px 113px 83px 128px);}
.slider-layer.datejust-36 		{ clip-path: inset(187px 126px 96px 139px);}
.slider-layer.cosmograph-daytona{ clip-path: inset(176px 107px 86px 128px);}

.slider-layer.bezel{
  z-index: 99;
}
.slider-layer.dial{
  z-index: 98;
}

.bullet-container{ width:100%; text-align:center; }
.option-bullet{
  text-decoration: none;
  background: #fff;
  padding: 5px 20px;
  margin: 0 15px;
  color: #888;
  border: 1px solid rgba(2, 21, 0, 0.5);
  border-radius: 5px;
  height: 30px;
  display: inline-block;
  font-size: 14px;
}
.option-bullet span{ color: #bababa; }

.option-bullet.active{
  background: #135b3a;
  color: #f9f9f6;
  border: 1px solid rgba(2, 21, 0, 0.5);
}

.erinyen .tp-title-wrap {
  background: rgba(0,0,0,0.3);
  min-height: 30px;
  line-height: 30px;
  top: -150px;
  border-radius: 15px;
}

.erinyen.tp-leftarrow .tp-title-wrap,
.erinyen.tp-rightarrow .tp-title-wrap {
  padding-left: 10px;
  padding-right: 10px;
}

.erinyen .tp-arr-titleholder {
  letter-spacing: 1px;
  font-weight: 300;
  font-size: 13px;
  line-height: 30px;
  padding: 0px 10px;
  margin-left: 11px;
}


.tp-carousel-wrapper::before, 
.tp-carousel-wrapper::after {
  content: '';
  width: 150px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 99;
  display:block;
}
.tp-carousel-wrapper::before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #f9f9f6);
}
.tp-carousel-wrapper::after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f9f9f6);
}


article {
  display: block;
}


#tabs{ position: relative; }

.project-tab.contact {
  margin-top: 60px;
}
.project-tab {
//  padding: 10%;
  margin-bottom: 0px;
}
.project-tab #tabs{
  background: transparent;
  color: #1A1A1A;
}
.project-tab .nav-tabs {
//  border-bottom: 1px solid #000;
  background: #f9f9f6;
}
.nav-link{
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: .02em;
}
.nav-tabs .nav-link.disabled {
  padding-left: 0;
  max-width: 150px;
  text-align: left;
  color: #ababab;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #1A1A1A;
  background-color: transparent;
  border-color: transparent transparent #000;
  border-bottom: 2px solid !important;
}
.project-tab .nav-link {
  border: 1px solid transparent;
  color: #000;
  z-index:103;
}
.project-tab .nav-link:hover {
  border: 1px solid transparent;
}
.project-tab a{
  text-decoration: none;
  color: #333;
}
.project-tab .tab-content {
  padding: 30px 0;
}
.project-tab .tab-content { padding: 0px 0; }
.project-tab.search-tab .tab-content { padding: 30px 0; }

.project-tab .nav-link .count {
  padding-left: 5px;
  color: #135b3a;
  font-weight: 400;
}

.project-tab.contact .nav-link .current {
  color: #135b3a;
}

.project-tab .dytab{
  color: #135b3a;
  font-size: 14px;
  line-height: 56px;
  opacity: .7;
  text-align: center;
}

.project-tab .selectbar{ background: #f9f9f6; }

.project-tab .selection{
  display: block;
  font-size: 14px;
  line-height: 56px;
  text-align: right;
  opacity: .7;
}

.cookie-box{
padding: 15px;
  margin: 15px;
  position: inherit;
  right: 15px;
  width: 100%;
  height: calc(100% - 30px);
  background: #b0bdc8;
  text-align: left;
  font-size: 12px;
}
.cookie-box p{ margin:0; padding:0; }
.cookie-box p span{ position: absolute; right: 15px; color: #5a9ab9; }

.debug-box{
  padding: 15px;
  margin: 15px;
  position: inherit;
  left: 15px;
  width: 100%;
  background: #b0bdc8;
  text-align: left;
  font-size: 12px;

}
.debug-box span{
  line-height: 24px;
}
.deb-input{
  width:100%;
  margin: 2px auto;
  padding: 1px 5px;
  color: #5a9ab9;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  line-height: 12px;
  text-align: right;
}

input:focus, input.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.option-container{
  margin: 1rem auto;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.option-li{
  display: inline;
  list-style-type: none;
  margin: 0 15px;
  padding: 3px 30px;
  background: #f5f7f9;
  border: 1px solid #dee2e6;
  border-radius: 15px;
  font-size: 13px;
  letter-spacing: .03em;
  cursor: pointer;
}
.option-li.active, .option-li.active:hover{
  background: #135b3a;
  border: 1px solid #135b3a;
  color: #f7f7f8;
  cursor: default;
}
.option-li:hover{
  background: #edeff2;
  border: 1px solid #d6d8db;
}

.specs {
  padding:0;
  color: #1A1A1A;
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  letter-spacing: .05em;
  text-align:center;
}
.specs h1 { padding:30px 0; }
.specs .panel { text-align:left; }


.specs span { color: #135b3a; }
.specs.patek span { color: #ab947d; }
.specs.audemars span { color: #797979; }
.specs.iwc span { color: #666; }
.specs.omega span { color: #c40d2e; }
.specs.breitling span { color: #ebb626; }
.specs.tudor span { color: #be0100; }
.specs.tag-heuer span { color: #d61b25; }

.specs p { margin: 0; color: #646464; font-size: 1rem; text-transform:uppercase; }

.descr-txt {
  display: block;
  margin-bottom: 30px;
  padding: 30px 15px 10px 15px;
  background: #f9f9f6;
}
.specs .descr-txt p{ 
  color:#000;
  font-size: 14px;
  font-weight: 400;
  text-transform:unset; 
}

/*
 * Watch Accordion
 */

.panel-title {
  position: relative;
  margin-bottom: 0;
  padding: 10px;
  border-bottom : 1px solid #ccc;
  color: #354d64;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  cursor: pointer;
}
  
.panel-title::after {
  content: "\f067";
  color: #135b3a;
  top: 0px;
  right: 0px;
  position: absolute;
  font-family: "FontAwesome";
  font-size: 14px;
  line-height: 38px;
}

.panel-title.patek::after { color: #ab947d; }
.panel-title.audemars::after { color: #797979; }

.panel-title[aria-expanded="true"]::after {
  content: "\f068";
  color: #ccc;
}

.panel-heading-full.panel-heading {
  padding: 0;
}

.panel-heading-full .panel-title {
  padding: 10px 15px;
}

.panel-heading-full .panel-title::after {
  top: 10px;
  right: 15px;
}

#WatchAcc .panel-body {
  padding: 15px;
  background: #354d64;
  color: #1A1A1A;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  letter-spacing: .05em;

  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
  box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.15);
}

#WatchAcc .panel-body ul {
  margin: 0;
  padding: 0;
}

#WatchAcc .panel-body li {
  padding: 1rem;
  display: inline-block;
  width: 32.8%;
  vertical-align: top;
}
#WatchAcc .panel-body li.full {
  padding: 1rem;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

#WatchAcc .panel-body p {
  margin-bottom: 0rem;
  text-transform: unset;
}

#spec-cert .panel-body li {
  padding: 1rem;
  display: inline-block;
  width:100%;
  vertical-align: top;
}
.specs .spec-head {
  color: #f9f9f6;
  font-size: 1rem;
}

.specs .spec-txt {
  color: #fff;
  font-size: .8rem;
  font-weight: 300;
}

.done{ color: #248abb !important; }



.btn-atc {
  margin: 0;
  padding: .75rem 1rem .875rem 2rem;
  background: #354d64;
  color: #f5f7f9;
  border-right: 2px solid #fff;
  border-radius: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  transition: background-color .2s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.btn-atc:hover {
  background: #1d2b3a;
  color: #fff;
  text-decoration: none;
  border-right: 1.5px solid #fff;
}
.btn-atc.fav { padding: .75rem 1.3rem .875rem 1rem;  border-right: 0px solid transparent; }
.btn-atc.fav:hover { border-right: 0px solid transparent; }

.prodframe .checkout { height: 56px; }
.prodframe .checkout.debug { height: auto; }

img.icon.checkout-cart {
  margin-top: -3px;
  padding: 0rem .5rem 0rem 1rem;
  height: 14px;
}

.swipe-info {
  margin: 0rem;
  padding: 1.4rem 0rem 0rem 0rem;
  font-family: "Open Sans", sans-serif;
  font-size: .65rem;
  font-weight: 400;
  color: #8e9ca9;
}


/* USP
*********************************/


section.usp{
  padding: 0rem;
  background: rgba(53,77,100,.2);
}

section.usp p {
  margin: 0;
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 400;
  text-align: center;
}

.usp-content {
  padding: 1rem 3rem;
  width: 100%;
}

.logo-box {
  position: relative;
  min-height:100px;
}

.img-box-left, 
.img-box-right {
  position: relative;
}

.usp .banner-title { padding: 1.5rem 0rem 1rem 0rem; }

.banner-title {
  margin: 0;
  padding: 1.5rem 0rem 2rem 0rem;
  color: #354d64;
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  line-height: 2.3rem;
  font-weight: 500;
  letter-spacing: .02em;
  text-align: center;
  text-transform: unset;
}
.banner-text {
  padding: 1rem 1rem 1rem 1rem;
  color: #354d64;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: justify;
}

.vcenter{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* POPULAR
*********************************/


section.popular{
  padding: 0rem 1rem 3rem 1rem;
  background: #fff;
  text-align: center;
}

.popular.transition{
  width: 100%;
  height:100px;

  background: -moz-linear-gradient(180deg, rgba(238,240,241,1) 0%, rgba(255, 255, 255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(238,240,241,1) 0%, rgba(255, 255, 255,1) 100%);
  background: linear-gradient(180deg, rgba(238,240,241,1) 0%, rgba(255, 255, 255,1) 100%);
}



/* VIDEO
*********************************/

.vidBox {
  position: relative;
  height:700px;
  overflow: hidden;
}

.playBox{
  position: absolute;
  width: 100%;
  height: auto;
  z-index: -1;
}

.mask-fade {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 200px;
  z-index: 1;

  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
}
.mask {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 50%;
  height:100%;
  padding: 0rem 0rem 3rem 3rem;
  z-index: 1;

  background: -moz-linear-gradient(270deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.85) 100%);
  background: -webkit-linear-gradient(270deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.85) 100%);
  background: linear-gradient(270deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.85) 100%);
}


/*
.vidbox-bg { padding: 0; }
.vidbox {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: auto;
}
.vidbox-bg video {
  min-height: 930px;
  float: left;
  opacity: 1;
}
.watch-video {
  // left: 50%;
  min-height: 100%;
  min-width: 100%;
//  position: absolute;
  // -webkit-transform: translate(-50%,-50%);
  // -moz-transform: translate(-50%,-50%);
  // -ms-transform: translate(-50%,-50%);
  // transform: translate(-50%,-50%);
  top: 0%;
  z-index: 0;
}
.watch-video-patek {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
//  position: absolute;
//  -webkit-transform: translate(-50%,-15%);
//  -moz-transform: translate(-50%,-15%);
//  -ms-transform: translate(-50%,-15%);
//  transform: translate(-50%,-15%);
  top: 0%;
  z-index: 0;
}
.overlay {
  width: 100%;
  height: 100%;
  float: left;
  background: url(/images/pattern.png);
  position: absolute;
  left: 0;
  z-index: 2;
  top: 0;
}
*/

/* BLOG
*********************************/

section.blog{ padding: 3rem 0rem; font-family: "Open Sans", sans-serif; }

.blog-block{
  margin: 1rem 0 0 0;
  padding: 1rem 1rem 1rem 1rem;
  background: #eef0f1;
  font-size: .9rem;
}

.blog-block .photo {
  display: block;
}
.blog-block .photo img {
  margin-bottom: 1rem;
  width: 100%;
}

.blog-block .photo.nopic {
  display: block;
}
.blog-block .photo.nopic img {
  margin-bottom: 1rem;
  width: 100%;
}

.blog-block .subbed {
  background: #f1f1f1;
}

.blog-img {
  width: 100%;
}

.blog-img-copy {
  display: block;
  padding: 0;
}
.blog-img-link {
  position: absolute;
  margin-top: -30px;
  margin-left: 30px;
  padding: .2rem 1rem;
  background: rgba(0,0,0,.35);
  color:#dadada;
  font-size: .65rem;
  font-weight: 400;
  line-height: 1rem;
  border-radius: 1rem;
}
.blog-img-link:hover, .blog-img-link:active {
  background: rgba(0,0,0,.5);
  color:#fff;
}

.blog h4 {
  margin: 0;
  padding: 1rem 0 1rem 0;
  color: #354D64;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
}

.blog-item {
  margin: 1rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
}

.blog p{
  margin: 0rem;
  padding: 0rem;
}

.blog .txt2{
  margin: 0rem;
  padding: 0rem;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.15rem;
}

.blog .txt3{
  margin: 0rem;
  padding: 1rem 0rem 1rem 0rem;
  font-size: .65rem;
  font-weight: 400;
  line-height: 1rem;
  text-align: right;
  font-style: italic;
}

.blog .txt4{
  margin: 0rem;
  padding: 0rem 0rem 1rem 0rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  text-align: center;
}

.blog .txt5 {
  margin: 0rem;
  padding: 0rem 0rem .5rem 0rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1rem;
}

.blog-date {
  margin: 0rem 0rem 0rem 0rem;
  padding: 1rem 0rem 1rem 0rem;
  text-align: right;
  font-size: .75rem;
  font-weight: .400;
  line-height: 1rem;
  font-style: italic;
}

/* Blog Carousel */

#blogCarousel .card-img-top {
  width: 100%;
  margin: 0;
}

#blogCarousel .card-blog {
  margin: 0;
  padding: 1rem 1rem 1rem 1rem;
  font-family: "Sans Open", sans-serif;
}

#blogCarousel h4.card-title {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem 1rem 0rem;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1rem;
}
#blogCarousel h5.card-subtitle {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem .5rem 0rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}
#blogCarousel .card-text {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
  font-size: .85rem;
  font-weight: 300;
  line-height: 1rem;
}
#blogCarousel .card-date {
  margin: 0rem;
  padding: 1rem 0rem 0rem 0rem;
  font-size: .65rem;
  font-weight: 400;
  line-height: 1rem;
  text-align: right;
  font-style: italic;
}
#blogCarousel a:hover {
  color: inherit;
}


/* MISC
*********************************/

section.test{ padding: 3rem 3rem 3rem 3rem; background: #343c4e; }
section.test .check-header{ padding: 1rem 0rem; color:#fff; }
section.test .test-block{
  padding: 1rem 1rem 1rem 1rem;
  background: rgba(255,255,255,.1);
  color:#fff;

  border: 1px solid rgba(255,255,255,.25);
  font-family: "Open Sans", sans-serif;
  font-size: .65rem;
  font-weight: 500;
  line-height: 1.5;
}

.btn-group-xs > .btn, .btn-xs {
  --bs-btn-padding-y: 0.07rem;
  --bs-btn-padding-x: 0.3rem;
  --bs-btn-font-size: 0.575rem;
}

.btn-clear{
  padding: 0;
  width: 24px;
  height: 24px;
  background: transparent;
  border: 1px transparent;
  border-radius: 0;
  opacity:.5;
  transition: .3s;
}
.btn-clear:hover{
  background: transparent;
  color:#1A1A1A;
  opacity:1;
}

.btn-spacer {
  padding-top: 3rem;
}

.custom-tooltip {
  --bs-tooltip-bg: #1D2B3A;
  --bs-tooltip-color: #fff;
  font-size: .9rem;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) #eff2f5 !important;
}

.btn-chrono {
  margin: 0;
  padding: .75rem 2rem .875rem 2rem;
  background: #354d64;
  color: #f5f7f9;
  border-radius: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  transition: background-color .2s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  		  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.btn-chrono:hover { background: #1d2b3a; color: #fff; text-decoration: none; }
.btn-chrono:focus { box-shadow: none; }

.btn-chrono i {
  margin: 0;
  padding: 0rem 0rem 0rem .5rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1;
  opacity: .7;
  transition: .2s;
}

.btn-chrono:hover i, 
.btn-chrono:focus i { opacity: 1; }

.btn-chrono-outline {
  margin: 0;
  padding: .675rem 1.5rem .867rem 1.5rem;
  background: transparent;
  color: #354d64;
  border: 1.5px solid #354d64;
  border-radius: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  transition: background-color .2s ease-in-out;
}
.btn-chrono-outline:hover {
  background: #354d64;
  border: 1.5px solid #1d2b3a;
  color: #f9f9f6;
  text-decoration: none;
}
.btn-chrono-outline:focus { box-shadow: none; }

.btn-chrono-outline.address {
  border-radius: 0rem 1.5rem 1.5rem 0rem !important;
}

.btn-chrono-sm {
  margin: 0;
  padding: .5rem 1rem;
  background: #354d64;
  color: #f5f7f9;
  border-radius: 1.5rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
  transition: background-color .2s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  		  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.btn-chrono-sm:hover { background: #1d2b3a; color: #fff; text-decoration: none; }
.btn-chrono-sm:focus { box-shadow: none; }


.btn-chrono-outline-sm {
  margin: 0;
  padding: .5rem 1rem;
  background: transparent;
  color: #354d64;
  border: 1px solid #354d64;
  border-radius: 1.5rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1;
}
.btn-chrono-outline-sm:hover { background: #1d2b3a; color: #fff; text-decoration: none; }
.btn-chrono-outline-sm:focus { box-shadow: none; }


/* GENDER BLOCK
*********************************/

section.gender{
  padding: 2rem 2rem;
  background: #F9F9F6;
}

.gender.transition {
  width: 100%;
  height: 100px;
  background: -moz-linear-gradient(180deg, #eef0f1 0%, #C5C7C8 100%);
  background: -webkit-linear-gradient(180deg, #eef0f1 0%, #C5C7C8 100%);
  background: linear-gradient(180deg, #eef0f1 0%, #C5C7C8 100%);
}

.gmask {
  position: inherit;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  padding: 1rem;
  z-index: 1;
/*
  background: -moz-linear-gradient(180deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.25) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.25) 100%);
  background: linear-gradient(180deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.25) 100%);
*/
}

.genCon {
  position: relative;
  min-height:500px;
  overflow: hidden;
}

.genBox{
  position: absolute;
  width: 100%;
  height: auto;
  z-index: -1;
}

.genderContainer{
  width:100%;
  height: 100%;
  text-align: center;
}
.genderBox {
  margin: 0;
  padding: 0rem;
  height: 100%;
}
.genderBox p {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  color:#f9f9f6;
}
.giconBox {

}

.gen-col {
  padding: 1rem;
}

.gen-block {
  display: block;
  margin: 0 1rem;
  padding: 0rem;
  height: 100%;
  background: rgba(180,194,203,.4);
  border: 1px solid transparent;
  border-radius: 7px;
  transition: 0.5s;
}

.gen-block.ladies { background: rgba(203, 183, 180, 0.4); }
.gen-block.ladies:hover { background: rgba(203, 183, 180, 0.6); }

.gen-block:hover {
  background: rgba(180,194,203,.6);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.gen-block:hover h5 {
  background: rgba(255,255,255,0);
}

.gender-img {
  padding-bottom: 2rem;
  height: 300px;
  width: auto;
}

.gen-block h5 {
  margin: 0;
  padding: 1rem 1rem 1.5rem 1rem;
  width: 100%;
  color: #354d64;
  font-family: "Montserrat", sans-serif;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: center;
  transition: 0.5s;
}
.gen-block h5 img {
  height: 13px;
  margin-top: -2px;
  opacity: .75;
}

.btn-gender {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);

  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-font-size: 1.5rem;
  --bs-btn-font-weight: 300;
  --bs-btn-line-height: 1.5;
  background-color: rgba(0,0,0,.65);
  --bs-btn-color: #a8adb1;
  --bs-btn-border-color: #a8adb1;
  --bs-btn-border-width: 2px;
  --bs-btn-hover-color: #354d64;
  --bs-btn-hover-bg: #C5C7C8;
  --bs-btn-hover-border-color: #C5C7C8;
  --bs-btn-focus-shadow-rgb: 248,249,250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

/* TABS
*********************************/





/* TABLE
*********************************/





/* CAROUSEL
*********************************/

.logos{
  white-space: nowrap;
  background: #F9F9F6;
}
.logos::before, 
.logos::after {
  content: '';
  width: 300px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.logos::before {
  left: 0;
  background: linear-gradient(to left, rgba(249, 249, 246, 0), #F9F9F6);
}
.logos::after {
  right: 0;
  background: linear-gradient(to right, rgba(249, 249, 246, 0), #F9F9F6);
}
.logos-slide {
  animation: 60s slide infinite linear;
}
.logos:hover .logos-slide {
  animation-play-state: paused;
}
.logos-slide img {
  height: 60px;
  margin: 0 50px;
}
@keyframes slide {
	from{ transform: translateX(0); }
	to { transform: translateX(-100%); }
}

/* TABLE
*********************************/

section.video{
  padding:0;
}

/* SOCIAL
*********************************/

section.social { padding: 3rem 3rem; background: #f9f9f6; }

.social .carousel-title { padding: 1rem 0rem 1rem 0rem; }

.social .function-account a {
  margin: 1.5rem 0rem 0rem 0rem;
  padding: .75rem 2rem .875rem 2rem;
  font-weight: 400;
}

.social .function-account a img {
  margin-top: -2px;
  padding: 0rem .5rem 0rem 0rem;
  height: 14px;
}

/* LOGIN
*********************************/

section.login { padding: 3rem 3rem; }

.sign-in,
.forgot-account {
  padding: 1rem 3rem 3rem 3rem;
  min-height: 325px;
  background: #eef0f1;
}

.function-account {
  padding-top: 1rem;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 300;
  line-height: 3;
}

.login p {
  padding: 1rem 3rem;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 300;
  line-height: 1.5;
}
.function-account a {
  padding: 0 .5rem;
  font-weight: 500;
}
.function-account i {
  padding: 0 .5rem 0 .5rem;
  font-size: .65rem;
  opacity: .8;
}

.login .form-control{
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}

/* USER
*********************************/

section.signin{ padding: 3rem 3rem; }

.edit-account {
  padding: 3rem 3rem 3rem 3rem;
  min-height: 325px;
  background: #eef0f1;
}

.signin .form-control {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}

section.change-pwd{ padding: 0rem 3rem 3rem 3rem; }
.pswd-account {
  padding: 1rem 3rem 3rem 3rem;
  min-height: 325px;
  background: #eef0f1;
}

.change-pwd .form-control {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}

.signin .dropdown-toggle {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  width: 100%;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
  box-shadow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.signin .dropdown-toggle::after { display: none; }
.signin .dropdown-menu.show {
  margin-top: -3px !important;
  padding: 1rem;
  --bs-dropdown-min-width: unset;
  width: inherit;
  border-radius: 0px 0px 5px 5px;
}

/* REGISTER
*********************************/

section.register { padding: 3rem 3rem; }
.register-account {
  padding: 1rem 3rem 3rem 3rem;
  min-height: 325px;
  background: #eef0f1;
}

.register .form-control {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}

.register .dropdown-toggle {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  width: 100%;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
  box-shadow: 0;

  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}
.register .dropdown-toggle:after { display:none; }

.register .dropdown-menu.show{
  margin-top: -3px !important;
  padding: 1rem 1rem;

  --bs-dropdown-min-width: unset;
  width:inherit;
  border-radius: 0px 0px 5px 5px;
}

.register .dropdown-menu.show li {
  cursor: pointer;
  min-width: 90px;
  padding: .35rem 0;
  font-size: .9rem;
}

.btn-reset {
  border: 1px solid transparent;
  background: transparent;
  color: #A83D3D;
  font-weight: 300;
  padding: 0 .5rem;
}
.btn-reset:focus, 
.btn-reset:hover { color: #DB5959; }

/* FAVORITES
*********************************/

section.favorites {
  padding: 3rem 0;
}

.favorites .listing-header {
  padding: .5rem 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #ababab;  
}
.favorites .listing {
  margin: 1rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
  background: #eef0f1;
  border: 1px solid #dadada;
  font-size: .85rem;
}
.favorites .listing img {
  background: #f9f9f6;
}
.favorites .listing div:first-child {
  padding: 0px;
  width: 70px;
  background: #fff;
}
.favorites .listing div:last-child {
  padding: 17px 23px;
  width: 70px;
  background: #eaeaea;
}
.favorites .listing div.form-check:last-child {
  padding: 23px 23px;
  width: unset;
  background: #eef0f1;
}

.favorites .form-switch .form-check-input,
.favorites .form-switch .form-check-input:focus  {
  border: 1px solid #82a1c2;
  cursor:pointer;
}

.favorites .listing-none {
  padding: 1rem;
  background: #fff;
  border: 1px solid #dadada;
  font-weight: 600;
}

.favorites .product-name {
  display: block;
  width: 100%;
  padding-left: 10px;
  line-height: 1rem;
  font-weight: 600;
}

.favorites .price {
  display: inline-block;
  padding-right: 10px;
  height: 100%;
  vertical-align: middle;
  line-height: 4rem;
  font-weight: 200;
}

.favorites i { color:#7f2e2e; }
.favorites font {
  padding: 0px 0px 0px 10px;
  color:#838383;
  line-height: 1.6rem;
}

.fav-count {
  position: absolute;
  top: 15px;
  right: 41px;
  padding: 2.5px 5px 3px 5px;
  background: #333;
  color: #dadada;
  border-radius: 1.3rem;
  font-size: .65rem;
  line-height: 1;
}


/* CART
*********************************/


.cart .listing-header {
  padding: .5rem 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #ababab;  
}
.cart .listing {
  margin-top: 10px;
  padding: 0px 0px 0px 0px;
  background: #eef0f1;
  border: 1px solid #dadada;
  border-radius: 0px 7px 7px 0px;
  font-size: .85rem;
}
.cart .listing-footer {
  padding: .5rem 0;
  margin-top: 15px;
  border-top: 1px solid #ababab;  
}

.cart .img-box {
  padding: 0px;
  width: 50px;
  background: #fff;
}
.cart .img-box img { width: 50px; }
.cart .qty-box {
  padding: 6px 6px 6px 6px;
}
.cart .func-box {
  padding: 6px;
  text-align: right;
}

.cart .cart-info,
.cart .cart-price,
.cart .cart-subtotal { line-height: 3rem; }

.cart .cart-prod.info span.subbed {
  display: block;
  width:100%;
  line-height: 1rem;
  padding-top: 8px;
  font-size: .75rem;
}

.cart .cart-prod.info .subbed-block {
  display: block;
  width:100%;
  line-height: 1rem;
}

.cart .cart-prod.info span.subbed-item {
  display: inline-block;
  width:auto;
  padding: 0rem 1rem 0rem 0rem;
  font-size: .65rem;
  line-height: 1rem;
}

.cart .cart-price {
  font-weight: 300;
}

.cart .total,
.cart .total-price { line-height: 2.5rem; font-weight: 600; }
.cart .total-price { text-align: right; }
#mid-block .total-price { display: none; }

.btn.minus, 
.btn.plus,
.btn.chrono { background: #fff; }

h5.noproducts {
  margin: 0;
  padding: 10px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: .02em;
  text-align: center;
}


/* CHECKOUT
*********************************/

section.checkout { padding: 0rem 0; background: #fff; }

.checkout .listing-header {
  padding: 0;
  margin-bottom: 15px;
  border-bottom: 1.5px solid #f1f1f1;  
}
.checkout .listing {
  margin-top: 15px;
  padding: 0px 0px 0px 0px;
  background: #eef0f1;
  border: 1px solid #f1f1f1;
  border-radius: 0px;
  font-family: "Sans Open", sans-serif;
  font-size: .85rem;
}
.checkout .listing-footer {
  padding: .5rem 0;
  margin-top: 15px;
  border-top: 1px solid #ababab;  
}

.checkout .img-box {
  padding: 0px;
  width: 50px;
  background: #fff;
}
.checkout .img-box img { width: 50px; }
.checkout .qty-box {
  padding: 6px 6px 6px 6px;
}
.checkout .func-box {
  padding: 6px;
  text-align: right;
}

.checkout .cart-header {
  line-height: 4rem;
  font-size: 1.2rem;
  font-weight: 3;
}
.checkout .cart-header span { float: right; }

.checkout .cart-info { padding: 0 1rem; }

.checkout .cart-info,
.checkout .cart-price,
.checkout .cart-subtotal { line-height: 3rem; border-top: 1px solid #f1f1f1; }
.checkout .cart-subtotal span { float: right; }
.checkout .cart-subtotal i { font-size: .65rem; }

.checkout .cart-details { padding-bottom: 10px; color: #797979; line-height: 1.5rem; }
.checkout .cart-details span { float: right; }
.checkout .cart-details p { margin: 0; }

.checkout .cart-price {
  font-weight: 300;
}

.checkout .total,
.checkout .total-price { line-height: 2.5rem; font-weight: 600; }
.checkout .total-price { text-align:right; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: #354D64;
}
.nav-link { color: #354D64; }
.nav-link.disabled { color: #ababab; }

.btn-check + .btn-dlp {
  margin: 15px 0;
  padding: 0;
  background: #fff;
  color: #354D64;
  border: 1px solid #bababa;
  border-radius: 0;
}
.btn-check + .btn-dlp:hover {
  background: #fff;
  color: #354D64;
  border: 1px solid #6b8bc9;
  border-radius: 0;
}

.btn-check:checked + .btn-dlp {
  background: #afc2ca;
  color: #fff;
  border: 1px solid #354D64;
}

.shipping-block {
  padding: 0 12px;
}

.shipping-icon {
  padding: 0;
  width: 50px;
  height: 50px;
  background: #fff;
  border-right: 1px solid #ccc;
}
.shipping-info {
  padding: 0px 0px 0px 15px;
  text-align: left;
}
.shipping-info b.double {
  display: block;
  margin-top: 3px;
  line-height: 1.3rem;
  font-weight: 600;
}
.shipping-info small {
  display: block;
  margin-top: -3px;
  font-size: .8rem;
  line-height: 1.3rem;
  font-weight: 400;
}
.shipping-price {
  padding: 0px 10px 0px 0px;
  min-width:50px;
  text-align: right;
  font-weight: 600;
}

.pickup-point, .gls-shipping { display: flex; }
.frmPickuppoint, .frmDroppoint{
  position: absolute; margin: 7px;
}

.label-info {
  margin-left: 30px;
}

#pickupBox {
  margin-top: -15px;
  padding: 15px 10px;
  background: #fff;
  border: 1px solid #bdbdbd;
  border-top: 0px;
  border-radius: 0px 0px 3px 3px;
  text-align: left;
}

.phonecode {
  width: 20px;
  margin-right: 10px;
}
.phonecode-block {
  border: 1px solid #bababa;
  border-radius: .2rem;
  font-size: .875rem;
}
ul.dropdown-menu.phonecode {
  max-height: 250px;
  overflow-y: auto;
  --bs-dropdown-min-width: 7rem;
}

.ulli-block {
  width: 100%;
  min-width: 105px;
  border: 1px solid #bababa;
  border-radius: .2rem;
  font-size: .875rem;
  text-align: left;
  background: #eef0f1;
}
.ulli-block::after {
  display: none;
}
.ulli-block i {
  position: relative;
  float: right;
  top: 4px;
  right: 0px;
}
.input-group .ulli-block {
  width: unset;
  min-width: auto;
}
.input-group .ulli-block i {
  padding-left:5px;
}
.dropdown-menu.ulli.show{
  padding: 10px;
  --bs-dropdown-min-width: 7rem;
}
.dropdown-menu.ulli.show li{
  cursor: pointer;
}
.dropdown-menu.ulli.show li:hover{
  background: #f9f9f6;
}


ul.dropdown-menu.phonecode li { cursor: pointer; }

#frmTlf_F { border-left: 1px solid transparent; }

#cvrname-L, #cvrname { display:none; }

.mm-has-error{ border: 1px solid rgba(255,0,0,.25); }

.checkout-watch { max-width:280px; }

.radio-payment .shipping-info, 
.shipping-info.bank, 
.shipping-price{ line-height: 3rem; }

.header-sub{
  color: #354D64;
  line-height: 3rem;
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .01rem;
}

label.error { width: 100%; }
.vali_red_small {
  display: block;
  width: 100%;
  padding: 1rem;
  color: var(--bs-danger-text-emphasis);
  background: var(--bs-danger-bg-subtle);
  border: 1px solid var(--bs-danger-border-subtle);
  font-size: .875rem;
  font-weight: 600;
  cursor: pointer;
}
.vali_red_small span {
  display: block;
  float: right;
  margin: 0px 5px 0px 0px;
  line-height: 1.2rem;
}

#summaryBox {
  padding: 1rem 3rem 3rem 3rem;
  background: #eef0f1;
  font-family: "Sans Open", sans-serif;
  font-size: .875rem;
  text-align: left;
}

#summaryBox .listing-header {
  margin: 0px -15px 15px -15px;
  padding: 0;
  border-bottom: 1px solid #f1f1f1;
}

#summaryBox p {
  display : inline-block;
  margin: 0;
  padding: 2px 5px;
  width: 100%;
  font-weight:300;
}

#summaryBox p span {
  float: right;
  font-weight:400;
}

.loguser, .billing, #levbox  {
  padding: 1rem 3rem 3rem 3rem;
  background: #eef0f1;
  font-family: "Sans Open", sans-serif;
  font-size: .875rem;
}

.loguser textarea {
  padding: 10px;
  width: 100%;
  resize: none;
  border: 1px solid #354d64;
  border-radius: .1rem;
}

.loguser input,
.billing input,
#levbox input {
  background: #eef0f1;
}

.loguser textarea {
  background: #f9f9f6;
}

.loguser p {
  display: inline-block;
  margin: 0;
  padding: 2px 5px;
  width: 100%;
  font-weight: 300;
}

.loguser p span {
  float: right;
  font-weight: 400;
}

.checkout .form-control {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
}

.checkout .form-control.fetch-info {
  margin-bottom: 0rem;
  padding: .35rem 1.5rem .36rem 1rem;
  background: #f9f9f6;
  color: #354d64;
  border: 1.5px solid #354d64;
  border-radius: 1.5rem;
}

.checkout .dropdown-toggle {
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  background: #eef0f1;
  color: #354d64;
  border: 1px solid transparent;
  border-bottom: 1px solid #354d64;
  border-radius: 0;
  box-shadow: 0;
  font-family: "Open Sans", sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  width: 100%;
}
.checkout .dropdown-toggle:after { display:none; }

.checkout .dropdown-menu.show {
  position: fixed;
  margin: -2px 0px 0px 0px !important;
  padding: .5rem;
  border: 1px solid #efefee;
  border-top: 1px solid #fff;
  border-radius: 0px 0px 5px 5px;
}
.checkout .dropdown-menu.show li {
  cursor: pointer;
}

#checkout-steps {
  margin: 0rem 0rem 0rem 0rem;
  padding: 1rem .5rem 1rem .5rem;
  background: #eef0f1;
}

.checkout li.nav-item {
  font-family: "Open Sans", sans-serif;
}
.checkout li.nav-item h4 {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
  font-size: 1.15rem;
  font-weight: 500;
}
.checkout li.nav-item p {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem;
  font-size: .875rem;
  font-weight: 400;
}
.checkout li.nav-item a { color: #1d2b3a; }
.checkout li.nav-item a:hover { color: #afc2ca; }
.checkout li.nav-item.active a { color: #7699c9; }
.checkout li.nav-item.disabled a { color: #ccc; cursor: default; }

section.multistep { padding: 0rem 0rem 3rem 0rem; }

.check-header {
  margin: 0rem 0rem 0rem 0rem;
  padding: 2rem 0rem 1rem 0rem;
  color: #354D64;
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: .02em;
  text-align: center;
}

/* ACCOUNT
*********************************/


.row.account {
  padding: 15px 12px;
  background: #fff;
  border: 1px solid #e3e3e3;
  font-size: .875rem;
}

.row.account input {
  background: #f9f9f6;
  -webkit-box-shadow:inset 0px 0px 6px 0px rgba(0,0,0,.05) !important;
    -moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,.05) !important;
		 box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,.05) !important;
}

.account .nyhedsmail{
  padding: 50px 15px 15px 15px;
  text-align: center;
}


/* SUCCESS PAGE
*********************************/


section.success{ padding: 3rem 3rem; font-family: "Open Sans", sans-serif; }
.approvedtext {
  margin: 0rem 0rem;
  padding: 0rem 0rem;
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.5;
}
.redirecttext {
  margin: 1rem 0rem;
  padding: 0rem 0rem;
  color: #656767;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5;
}
.redirecttext span {
  color: #354d64;
  font-weight: 700;
}


/* PARALAX
*********************************/




/* MAP
*********************************/




/* RESPONSIVE
*********************************/

@media (max-width: 575px) {
	.imgframe-spacer { height: 0rem; }
	.slider-layer { height: 439px; left: calc(50% - 148px); top: -70px; clip-path: inset(102px 68px 53px 76px round 50px); }
	.slider-layer.single { top: 30px; clip-path: unset; }
	.slider-layer.yacht-master 		{ clip-path: inset(102px 61px 50px 72px);}
	.slider-layer.sky-dweller 		{ clip-path: inset(98px 61px 46px 70px); }
	.slider-layer.gmt-master-ii 	{ clip-path: inset(101px 60px 50px 74px);}
	.slider-layer.deepsea 			{ clip-path: inset(95px 51px 42px 68px); }
	.slider-layer.day-date-36 		{ clip-path: inset(109px 73px 58px 82px);}
	.slider-layer.day-date-40 		{ clip-path: inset(103px 68px 50px 76px);}
	.slider-layer.datejust-41 		{ clip-path: inset(100px 67px 48px 75px);}
	.slider-layer.datejust-36 		{ clip-path: inset(109px 74px 56px 82px);}
	.slider-layer.cosmograph-daytona{ clip-path: inset(103px 62px 50px 75px);}
	.specs { padding: 30px 0; }
	.tp-bgimg{background-size: 300px !important;}
	.current-dial{ margin: 1rem auto; font-size: 12px; }
	.option-container { margin: 0; line-height: 55px; }
	.option-li { margin: 0 5px; padding: 3px 10px; font-size: 12px; letter-spacing: 0em; }
	.wrap-watches h5 { font-size: 12px; }
	.project-tab .selection { left: 15px; }
}

@media (max-width: 767px) {
	section.video { padding: 0px 0px 0px 0px; }
	section.banner { padding: 1rem; }
	#nav-prod { width: 100%; height: 50px; margin-top: 0px; padding: 5px 0; }
	#nav-prod.stay_on_top { position: fixed; top: 0px; }
	.navbar-full .navbar-nav li { text-align:center; }
	.navbar-full .navbar-nav li:first-child { padding-left: 0rem; }
	.cart-spacer { padding: .2rem .1rem 0rem .1rem; }
	img.icon { height: 22px; }
	.navbar-full .dropdown-menu.show { margin: 0 -15px; padding: 0rem 2rem 1rem 2rem; border-top: 1px solid #c7c7c7; }
	.navbar-full .dropdown-menu.show li { padding: 0px 0; text-align: left; }
	.navbar-full .dropdown-menu.show li a { margin-top: 0 !important; border-radius: 1px; }
	.navbar-full .dropdown-menu.show li a.btn.chrono { margin-top: 1rem; font-size: .85rem; padding: .25rem .5rem; border-radius: 1px; }
	.dropdown-item.cat { margin: 3px; }
	.dropdown-item.brand, .dropdown-item.page { margin: 3px; font-size: .8rem; letter-spacing: .0rem; }
	.navbar-full .dropdown-menu.shadow.show { box-shadow: 0 0 0 rgba(0,0,0,0) !important; }
	#nav-cart { margin-top: 0px; }
	#nav-cart.stay_on_top { top: 87px; }
	.navbar-menu { position: absolute; left: 1rem; top:5px; }
	.navbar-logo { position: absolute; top: 5px; left: 50%; transform: translate(-50%, 0%); }
	.navbar-brand { position: absolute; right: 0rem; top:0px; }
	#nav-header .nav-link { font-size: 1rem; }
	#nav-header	.btn.btn-default.dropdown-toggle:active,
	#nav-header	.btn.btn-default.dropdown-toggle.show { border: 1px solid transparent; }
	.nav-subheader { font-size: .9rem; margin: 0rem 0rem .5rem 0rem; padding: 5px 10px; }

	.imgCon { min-height: 300px; }
	.imgBox { min-height: 300px; height: 100%; width: auto; }
	.bannerContainer{ width:90%;}

	.checkout-watch { max-width:100%; }

	#nav-top { padding: 0rem 2rem; }
	.header-block { padding: 0rem 1rem; }
	.header-block .sinput { padding: .5rem 0; }
	.search-form .btn-search { top: 6.5px; }

	.sc-block { min-width: unset; }

	.header-logo {
		position: unset;
		height: 42px;
		padding: 5px 0;
	}

	.btn-cart {
	  --bs-btn-padding-x: .1rem;
	  --bs-btn-padding-y: .1rem;
	  --bs-btn-line-height: 1;
	}

	.mask { bottom: 0px; padding: 0rem 1rem; }

	.video .hero-title {
	  position: absolute;
	  top: 15%;
	  left: 1rem;
	  width: calc(100% - 2rem);
	  margin-top: 0rem;
	  margin-bottom: 0rem;
	  padding: 1rem 0 1rem 0;
	  font-size: 1rem;
	  line-height: 1rem;
	}
	.video .hero-subtitle {
	  position: absolute;
	  top: 20%;
	  left: 1rem;
	  width: calc(100% - 2rem);
	}
	.video .hero-text, 
	.video .hero-subtext {
	  display:none;
	}
	.video .btn-chrono {
	  position: absolute;
	  bottom: 27.5%;
	  left: calc(50% - 125px);
	  width: 250px;
	}

	.cc-revoke.cc-bottom { display:none;}


	.navbar-full .search .dropdown-menu.show {
	  margin: 6px -1rem 0px 0px;
	  padding: 0;
	}
	.navbar-full .cart .dropdown-menu.show {
	  margin: 6px -1rem 0px 0px;
	  padding: 1rem 2rem;
	}

	.search-nav{ display: none; }
	.prod-count { top: 25px; right: 20px; }

	.icon-box {
	  display: block;
	  padding: 3rem 1rem 1rem 1rem;
	  width: 100%;
	  height: 20px;
	  font-size: 1.15rem;
	  font-weight: 500;
	  line-height: 1.5;
	  text-align: center;
	  color: #354d64;
	}
	.icon-box img {
	  padding: 0px 0px 0px 0px;
	  height: 20px;
	  opacity : .75;
	}
	.dropdown-toggle::after { display: none; }

	.carousel.slide { padding: 0 2rem; }
	.carousel-control-next, 
	.carousel-control-prev { width: 10%; }
	.carousel-control-prev { left: 0rem; }
	.carousel-control-next { right: 0rem; }

	.page-align { height: 87px; }

	.imgCon { height: unset; }
	.img-content { position: relative; padding: 1rem; }
	.img-box-left {
	  position: relative;
	  text-align: center;
	  padding: 2rem;
	}
	.usp-content {
	  padding: 0rem;
	  background: transparent;
	}
	.imgClock {
	  position: relative;
	  width: auto;
	  height: 350px;
	  padding: 1rem;
	}

	.gen-col, 
	.gen-block { margin: .5rem 0; padding: 0rem; }
	.gmask { padding: 0rem; }

	.mask {
	  position: absolute;
	  top: 0rem;
	  left: 0rem;
	  width: 100%;
	  height: 100%;
	  padding: 1rem 1rem 1rem 1rem;
	  z-index: 1;

	  background: -moz-linear-gradient(270deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 100%);
	  background: -webkit-linear-gradient(270deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 100%);
	  background: linear-gradient(270deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 100%);
	}

	.page-title {
	  padding: 1rem 0 2rem 0;
	  font-size: 1.25rem;
	  line-height: 1.5rem;
	  font-weight: 500;
	}

	.promise-title {
	  padding: 1rem 0 2rem 0;
	  color: #f9f9f6;
	  font-size: 1.25rem;
	  line-height: 1.5rem;
	  font-weight: 500;
	}

	p.promise {
	  padding: 1rem 0 1rem 0;
	  color: #f9f9f6;
	  font-size: .9rem;
	  font-weight: 500;
	  line-height: 1.5;
	}

	.iconBox { height: 60px }

	.carousel.transition, 
	.paralax.transition { height: 50px; }

	h3 {
	  font-size: 1.25rem;
	  line-height: 1.5rem;
	  font-weight: 600;
	  letter-spacing: .02em;
	  text-align: center;
	}

	.paralax-world { font-size: 1rem; }

	.btn-chrono { font-size: .85rem; }

	.carousel-title { 
	  text-align: center; 
	  font-size: .9rem;
	  line-height: 1.5rem;
	   font-weight: 700;
	}


	section.info { padding: 1rem; }
	.innerCon { padding: 0rem; }

	.info-title {
	  font-size: 1.25rem;
	  line-height: 1.5rem;
	  font-weight: 600;
	}

	.gen-block h5 {
	  font-size: 1.25rem;
	  line-height: 1.5rem;
	  font-weight: 700;
	}

	footer .col-12 { text-align: center; }
	footer h5 { text-align: center; }

	.btn-modal {
	  padding: .3rem .375rem .75rem 0rem;
	}



	section.login { padding: 0; }
	.sign-in, .forgot-account { padding: 3rem 1rem; }
	.function-account { text-align: center !important; }
	.login p { padding: 1rem 0; text-align: center; }


	section.register { padding: 1rem 0rem 0rem 0rem; }
	.register-account { padding: 1rem 1rem 3rem 1rem; }
	.register input, .register .dropdown-toggle { text-align: center; }
	.register .dropdown-menu.show { left: 1rem; width: calc(100% - 3.5rem); text-align: center; }


	section.newsletter p { padding: 1rem 0; }
	.newsrow { padding: 2rem 1rem; }


	.breadcrumbs { padding: .5rem 1rem; }
	.breadcrumbs li a { font-size: .65rem; }
	.breadcrumbs li span { padding: 0 .2rem; }
	.breadcrumbs b { font-weight: inherit; font-size: .65rem; }


	section.watch-spec{ padding:0 .5rem; }
	.img-watch { width: 100%; }
	#WatchAcc .panel-body li { width: 100%; }

	#nav-tab .nav-link { font-size: .75rem; }
	.project-tab .dytab { padding: .5rem 0; font-size: .65rem; line-height: 1rem; }

	.new-badge,	
	.refno-badge { display: none !important; }

	.project-tab .selectbar { position: absolute; width: 100%; min-height: 50px; padding: 0 1rem; }
	section.dial-block {  margin: 0px; padding: 49px 0px; }
	section.watch-top { padding: 1rem 0rem 0rem 0rem; }
	.prod-title {
	  padding: 0rem 0px 0px 0px;
	  font-size: 1.25rem;
	  font-weight: 400;
	  text-transform: unset;
	}
	.prodframe { min-height: 300px; }
	.set-price { height: 32px; }

	.prod-price { font-size: 1.15rem; }
	.prod-info { font-size: .85rem; }

	.contact-form { padding: 1rem 1rem 2rem 1rem; }
	.paralax-world { padding: 0rem; }

	section.faq { padding: 2rem 1rem; }
	.faq .specs { padding-top: 0rem; }

	section.page { padding: 2rem 1rem; }
	section.blog { padding: 2rem 1rem; }
	section.signin { padding: 2rem 1rem; }
	section.orders { padding: 2rem 1rem; }
	section.change-pwd { padding: 2rem 1rem; }
	section.success { padding: 2rem 1rem; }
	.edit-account { padding: 2rem 1rem 2rem 1rem; }
	.pswd-account { padding: 1rem 1rem 2rem 1rem; }

	.favorites .listing { font-size: .65rem; }
	.favorites .listing-header { font-size: .65rem; }
	.favorites font { padding: 0; line-height: 1rem; }
	.favorites .product-name { padding: 0; }
	.favorites .form-switch .form-check-input { margin-top: .5em; margin-left: -1em; }

	.orders .listing-header { font-size: .65rem; line-height: 1.3; }
	.orders .listing { font-size: 0.65rem; line-height: 1rem; }
	.orders .tracking-code { padding: .5rem 0rem; color: #354d64; font-weight: 500; text-align: center; }

	.fav-count { top: 25px; right: 45px; }

	.usp .banner-title { padding: 1.5rem 0rem 0rem 0rem; font-size: 1.25rem; font-weight: 600; }
	section.usp p { font-size: .9rem; }

	#nav-func.stay_on_top {
	  margin: 0;
	  padding: .3rem 1rem; 
	  top: 87px;
	  left: 0;
	  width: 100%;
	}

	#nav-func select, 
	#nav-func .dropdown-toggle { padding: .375rem .5rem; font-size: .65rem; }
	#nav-func .dropdown-toggle i { padding-left: .2rem; }

	section.video .playBox { width: auto; height: 100%; left: -100%; }
	.phonecode{ display: none; }

	.listing .listing-block { margin: 0rem -.75rem; padding: 0rem 0rem 2rem 0rem; }
	.listing .page-title {
	    padding: 1rem 0 1rem 0;
	    font-size: 1.25rem;
	    line-height: 1.5rem;
	    font-weight: 500;
	}
	.listing .page-subtitle {
	  font-size: 1rem;
	  line-height: 2rem;
	  text-align: center;
	}
	.listing .page-text {
	  font-size: .85rem;
	  line-height: 1.2rem;
	  text-align: center;
	}

	.gender-img {
	  padding: 1rem 0;
	  height: 300px;
	  width: auto;
	}

	section.cart { padding: 1rem 1rem 2rem 1rem; }
	.cart .listing-header {
	  font-size: .75rem;
	  line-height: 1rem;
	}
	.cart .cart-info, .cart .cart-price, .cart .cart-subtotal {
	  font-size: .65rem;
	}
	.cart .cart-info { line-height: 1.5rem; }

	section.checkout { padding: 1rem 1rem 2rem 1rem; }
	section.checkout .billing {
	  padding: 1rem 1rem 2rem 1rem;
	  background: #eef0f1;
	  font-family: "Sans Open", sans-serif;
	  font-size: .875rem;
	}
	section.checkout .btn-chrono-outline { padding: .5rem 1rem .5rem 1rem; font-size: .75rem; }
	section.checkout .form-control.fetch-info {
	  margin-bottom: 0rem;
	  padding: .35rem 1.5rem .36rem 1rem;
	  background: #f9f9f6;
	  color: #354d64;
	  border: 1.5px solid #354d64;
	  border-radius: 1.5rem;
	  font-size: .75rem;
	}
	section.checkout .loguser { padding: 1rem 0rem 1rem 0rem; }
	#summaryBox { padding: 1rem 1rem 1rem 1rem; }

	.favorites .price { line-height: 1rem; }

	.navbar-full .dropdown-menu ul.typeahead {
	    background-color: #F9F9F6;
	    width: calc(100% + 2rem);
	    margin-left: -1rem;
	    margin-top: 19px;
	    border: 1px solid #dde1e1;
	    border-top: 1px solid #dde1e1;
	    border-radius: 0px;
	    opacity: 1;
	}

	section.listing { padding: 0rem 0rem 3rem 0rem; }
	#nav-func .menu-toggler { font-size: 1rem; }
	#nav-func .menu-block.show {
	  top: 87px;
	  position: fixed;
	  height: calc(100% - 87px);
	  max-height: unset;
	}
	#nav-func .menu-content { max-height: 100%; }
	#nav-func.stay_on_top .menu-block { padding: 1rem 1rem; }
	#nav-func .ul-menu { padding: 0rem 0rem; }
	#nav-func .accordion-button { padding: .75rem .5rem .75rem 0rem; font-size: 1rem; font-weight: 600; letter-spacing: -.02rem; }
	#nav-func .menu-back { margin: 0rem .5rem 0rem 0rem; padding: 3px 5px 4px 4px; }
	#nav-func .choose-model i { padding: 0rem .25rem; font-size: .65rem; }
	#active-filter ul { padding: .5rem 0rem 0rem 0rem; }

	#active-filter { padding: .5rem 0rem; }

	#nav-func .input-group-text { height: 35px; }

	.card-body { padding: 1rem 1rem; font-size: .875rem; }

	#menu-ahead.menu-block {
	  display: block;
	  position: fixed;
	  top: 162px !important;
	  left: 0px;
	  margin: 0rem 0rem 0rem 0rem;
	  padding: 1rem 1rem 1rem 1rem;
	  border-top: 1px solid #eee;
	}

}

@media (min-width: 576px) and (max-width: 767px) {
	.modal-dialog { max-width: unset; }
	.imgframe-spacer { height: 3rem; }
	.swipe-info { margin-top: 3rem; }
}

@media (max-width: 767px) {
	.nav.nav-tabs.nav-lang.nav-fill.stay_on_top { top: 60px;left: 40px;width: calc(100% - 80px); }
}

@media (max-width: 991px) {
	.checkout .listing { margin-top: 10px; }
}

@media (min-width: 768px) and (max-width: 1199px) {
	.img-content { padding: 3rem; }
	.imgClock { height: 350px; }
	.usp-content { padding: 1rem 2rem; }
	.banner-title {
	  font-size: 1.4rem;
	  line-height: 2rem;
	}
	.banner-text { padding: 1rem 0rem; line-height: 1.4; }

	.gen-block h5 { font-size: 1.4rem; }
	.gen-col { padding: 0rem; }
}

@media (min-width: 1200px) and (max-width: 1920px) {

}

@media (min-width: 1921px) {

}