/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.box-footertop1 ul li {
  margin: 0 10px !important; }

.customize-slider .slider-wrapper {
	position: absolute !important; 
	top: 0 !important; 
	left: 0 !important; 
	width: 50% !important;
        height:100%;
 }

.col-left .customize-slider:nth-child(2) .slider-wrapper {
	left: 50% !important; 
 }

.col-right .customize-slider .slider-wrapper {
	width: 100% !important;
        height:50%;
 }

.col-right .customize-slider .slider-wrapper  .carousel-item img {
        height:100% !important;
 }

.customize-slider .slider-wrapper  .slide {
        position: relative;
        height:100% !important;
}

.customize-slider .slider-wrapper  .slide  .carousel-inner .carousel-item{
       height:100%;
}

@media screen and (max-width: 992px) { 
	.col-right .customize-slider .slider-wrapper {
	        width: 50% !important;
                height:100%;
        }
}

@media screen and (max-width: 768px) { 
	.img-top .slider-wrapper {
		width: 100% !important; 
	}
}

@media screen and (max-width: 600px) { 
	.customize-slider .slider-wrapper {
	      position: relative !important; 
	      width: 100% !important;
        }

        .col-left .customize-slider:nth-child(2) .slider-wrapper {
	       left: 0 !important; 
        }

        .col-right .customize-slider .slider-wrapper {
	        width: 100% !important;
        }
}
	
.slider-wrapper img {
	position: static !important; 
	top: auto !important; 
	left: auto !important; }

.box-top1 .h-logo {
	height: 40px !important; }
	
.box-top1 .h-logo a img {
	max-height: 40px !important; }
	
.box-footertop1 .f-logo img {
	max-width: 80px !important; }

.box-banner1 .ApImage .image_description h4 {
	padding: 0 0 20px !important; }

@media screen and (min-width: 1200px) { 
	.box-banner1 .ApImage .image_description h3 {
		font-size: 30px !important; 
	}
}

@media screen and (min-width: 1400px) { 
	.box-banner1 .ApImage .image_description h3 {
		font-size: 40px !important; 
	}  
}

@media screen and (min-width: 1800px) { 
.box-banner1 .ApImage .image_description h3 {
		font-size: 54px !important; 
	}
}	

@media screen and (max-width: 767px) { 
        .about-brand {
                display: flex;
                flex-direction: column-reverse;
        }
}

.about-brand-text p {
        margin-bottom: 2rem;
}

.collection-banner .block {
        margin-bottom: 0 !important;
}

@media screen and (min-width: 992px) { 
        .menu-voucher {
                margin-top: 15px !important;
        }
}

.blog-iframe-wrapper {
	padding-bottom: 56.25% !important; 
	position: relative !important; 
	display: block !important; 
	width: 100% !important;
	margin-bottom: 1rem;
}

.blog-iframe-wrapper:last-child {
	margin: 0 !important;
}

.blog-iframe-player {
	position: absolute !important; 
	top: 0 !important; 
	left: 0 !important;
}

@media screen and (min-width: 768px) { 
	.about-us {
		display: flex !important; 
		align-items: center;
	}
}

@media screen and (max-width: 991px) { 
	#cookie-change-button {
		left: 10px;
		bottom: 60px;
	}
}

@media screen and (min-width: 992px) { 
	#cookie-change-button {
		left: 25px;
		bottom: 80px;
	}
}

.campaign h2::after {
	content: "";
	display: block;
	width: 40px; 
	height: 2px; 
	background: #666;
	margin: 0.5rem 0 0.8rem;
}

.color-week a {
	color: #e0525c;
}

.jp-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.jp-modal.active {
  display: flex;
}

.jp-modal-content {
  position: relative;
  max-width: 900px;
  width: 90%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
}

.jp-modal-content img {
  width: 100%;
  height: auto;
  max-height: 75vh;
  object-fit: contain;
  display: block;
}

.jp-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #000;
  z-index: 10;
}

.jp-modal-close:hover {
  opacity: 0.6;
}

.jp-modal-checkbox {
  margin-top: 12px;
  text-align: center;
  font-size: 14px;
}

.jp-modal .jp-mobile {
  display: none !important;
}

.jp-modal .jp-desktop {
  display: block !important;
}

@media (max-width: 768px) {
  .jp-modal .jp-desktop {
    display: none !important;
  }

  .jp-modal .jp-mobile {
    display: block !important;
  }

  .jp-modal-content {
    width: 95%;
  }
}

.ego-modular-system li:first-child a {
  font-weight: bold !important;
}

.box-latestnews2 .latest-blogs .blog-image-container {
  padding-bottom: 100% !important;
}

@media (max-width: 600px) {
  .box-banner1 .ApImage img {
     aspect-ratio: 4 / 5 !important;
  }
}

.product-detail .product-detail-name {
  text-transform: unset !important;
} 

@font-face {
    font-family: 'Forma DJR Micro';
    src: 
    url('/fonts/FormaDJRMicro-Regular.woff2') format('woff2'),
    url('/fonts/FormaDJRMicro-Regular.woff') format('woff'),
    url('/fonts/FormaDJRMicro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Forma DJR Micro';
    src: 
    url('/fonts/FormaDJRMicro-Bold.woff2') format('woff2'),
    url('/fonts/FormaDJRMicro-Bold.woff') format('woff'),
    url('/fonts/FormaDJRMicro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html, body {
    font-family: 'Forma DJR Micro', serif !important;
    font-weight: 400 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
}

.leo-megamenu .navbar-nav > li > a {
	font-weight: 700 !important;
}

.leo-megamenu .dropdown-menu div.menu-title {
	font-weight: 700 !important;
}

.box-banner1 .ApImage .image_description h3 {
	font-family: inherit !important;
	color: rgb(68, 129, 147) !important;
}

.box-freeshipping .ApRawHtml {
	font-family: inherit !important;
}

.page-home .ApColumn .title_block {
	font-family: inherit !important;
	font-weight: 700 !important;
	color: rgb(68, 129, 147) !important;
}

.sidebar .block .title_block {
	font-family: inherit !important;
	font-weight: 700 !important;
}

.sidebar .block .title_block a {
	color: rgb(68, 129, 147) !important;
}

#search_filters > .h6 {
	font-family: inherit !important;
	font-weight: 700 !important;
	color: rgb(68, 129, 147) !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit !important;
	font-weight: 700 !important;
	color: rgb(68, 129, 147) !important;
}

.product-prices .current-price {
	font-family: inherit !important;
	font-weight: 700 !important;
}

.product-tabs.tabs .nav-tabs .nav-link {
	font-family: inherit !important;
	font-weight: 700 !important;
}

.products-section-title {
	text-transform: uppercase !important;
}

.page-header {
	font-family: inherit !important;
	font-weight: 700 !important;
	color: rgb(68, 129, 147) !important;
}

.page-header h1 {
	text-transform: uppercase !important;
}

.blog-lastest-title {
	text-transform: uppercase !important;
}