@import url(base.css);

#header .header-nav{
	border: none;
}
.cart-hover-content{
  display:none;
}
#_desktop_cart{
  
}
.header{
  font-size: 1.6em;

}
body#checkout header .container{
	display: flex;
}
.checkout-logo-wrapper{
	display: inline-block;
	margin: auto;
}
body#checkout #wrapper{
	float: none;
}
@media (max-width:767px){
.checkout-step{
	display: inline-block;
}
}
body#checkout #footer{
	padding: 0;
}
#_desktop_logo{
  float:left;
  position: absolute;
  top: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content:center;
  max-width: 400px;
  border-bottom: solid 3px #2b2c79;
}
#_desktop_logo img, #_desktop_logo_checkout img{
	max-height: 95px;
	margin-top: 10px;
}
#_desktop_logo_checkout{
  position: relative;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content:center;
  max-width: 400px;
  padding-bottom: 5px;
  border-bottom: solid 2px #2b2c79;
}
.header-block{
  float: right;
  width: auto;
  padding-bottom: 5px;
}

#menu-icon{
	position: relative;
	width: 50px;
	height: 50px;
}
#menu-icon i{
	color: #232323;
	font-size: 2em;
	padding: 10px;
	position: relative;
}
#menu-icon-title{
	position: absolute;
	top:1.7em;
	left:4px;
	color: #232323;
	font-weight: 600;
}
.menu-icon-background{
	position: absolute;
	height: 110%;
	width: 125%;
	top:-7%;
	left:-12.5%;
	border-radius: 40%;
	transition: 0.3s;
}
.menu-icon-background.open-bg{
	background-color: #f1f1f1;
}
#new_mobile_logo{
	margin: 0px 115px 0px 70px;
	position: relative;
	height: 50px;
}
body#checkout #new_mobile_logo{
	margin: auto;
	padding: 15px;
	max-width: 300px;
	height: auto;
}
#new_mobile_logo a{
	display: flex;
	height: 100%;
}
#new_mobile_logo a img{
	margin: auto;
}
#account-cart-row{
  width: auto;
  float: right;
  padding: 16px 0px;
}
#_desktop_user_info, #_desktop_cart{
  display: inline-block;
}

#cart-button{
    height: 60px;
    width: 60px;
  position: absolute;
}
.user-info ul{
  margin: 0px;
}
li.user-link{
  display: inline;
  font-size: 17px;
  font-weight: 600;
  
}
li.user-link a{
  color: grey;
   padding: 2px 10px 2px 5px;
}
.user-link i{
	padding-right: 5px;
}
@media (max-width:767px){
li.user-link{
  font-size: 1.6em;
  position: relative;
  top: 7px;
}
.blockcart{
	top: 3px;
	position: relative;
}
}  
.blockcart .header{

    padding: 2px 10px 2px 10px;
    position: relative;
	top: 2px;
	
}
.blockcart.active .header{
	background-color: #4243a0;
	box-shadow: 0px 0px 8px -2px gray;
	outline: solid transparent 4px;
	transition: outline 0.15s;
}
.blockcart.active .header:hover{
	background-color: #2b2c79;
	outline: solid #cfcfe6 4px;
	transition: outline 0.3s;
}
.blockcart.inactive .header{
	background-color: transparent;
}
.blockcart.active .header a, .blockcart.active .header span{
  color: white;
}
.blockcart.inactive .header a, .blockcart.inactive .header span{
  color: lightgrey;
}
#_desktop_cart:hover .cart-hover-content{
  z-index: 1500;
  background-color: white;
  box-shadow: 0px 0px 3px lightgrey;
  padding: 5px;
  display: inline;
  width: 260px;
  max-height: 90vh;
  position: absolute;
  top: 60px;
  right: 0px;
}
.cart-hover-label{
	display: block;
	width: 100%;
	text-align: right;
}
.blockcart:hover {
  cursor: pointer;
}
.cart-hover-content:hover{
	cursor: default;
}
.blockcart a:focus{
	text-decoration: none;
}
.cart-products-count{
	font-weight: 600;
}
.cart-hover-content ul{
	margin: 5px 0px;
}
.cart-wishlist-item{
	height: 100px;
	display: flex;
	margin-bottom: 5px;
}
.cart-img{
	flex: none;
	width: 100px;
	height: 100px;
	display: flex;
	position: relative;
}
.cart-img img{
	margin: auto;
	max-width: 100px;
	max-height: 100px;
}
.cart-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 150px;
	margin-left: 7px;
}
.price-and-delete{
	display: inline-block;
}
.product-price{
	display: inline;
}
.remove-from-cart{
	display: block;
	float: right;
	padding-right: 5px;
}
.cart-summary span{
 font-size: 12px;
}
.cart-wishlist-action{
	margin: 10px 5px;
}
.cart-wishlist-action a{
	padding: 5px;
	background-color: lightblue;
	border-radius: 2px;
}
body#product #main h1{
	font-family: "rumeur";
}
@media (max-width:767px){
body#product #main h1{
	margin-top: 0.5rem;
}
}	
.qty{
	display: none;
}
.product-quantity{
	display: none !important;
}
.product-info-block{
	background-color: white;
	padding: 15px;
	border: 1px solid #e1e1e1;
}
.modal-content h1{
	font-family: "rumeur";
}
.contact-left{
	background-color: white;
	padding: 15px;
	margin-top: 15px;
	border: 1px solid #e1e1e1;
}
.form-question span{
	display: inline-block;
	margin-bottom: 5px;
	line-height: 175%;
}
.form-question input{
	width: 50%;
	min-width: 175px;
}
.form-accent{
	color: #333333;
}
#menu-search{
	position: absolute;
	top:60px;
	width: 100%;
}
#_mobile_top_menu{
	margin-top: 45px;
}
.search-tog-btn{
  margin-right: 10px;
}
.subscribe-block .input-wrapper{
	flex:auto;
  max-width: 350px;
  display: inline-block;
}
.subscribe-block .input-wrapper input{
  width: 100%;
}
.up{
	display: none;
}

.ht-level-0 {
  background-color: white;
  font-size: 21px;
  border-bottom: solid #e1e1e1 2px;
  transition: 0.05s ease;
}
.ht-level-0 a{
	color:#232323;
	font-family: "rumeur";
	font-weight: 400;
}
.ht-level-0:hover{
	 background-color: #f5f5f5;
	transition: 0.05s ease;
}
.ht-level-0 a:hover{
	color:#4243a0;
}
.ht-level-0.has-child > a:hover{
	cursor: default;
	color:#232323;
}
.btn, .btn-primary{
	font-family: "rumeur";
	font-weight: 400;
	font-size: 14px;
}
.block_newsletter{
	float: none !important;
}
.newsletter-title{
	text-align: center;
}
.newsletter-content form{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 70%;
	margin: auto;
	min-width: 240px;
}
@media (max-width:600px){
.block_newsletter{
	padding: 0 0 .625rem 0;
}	
.newsletter-content form{
	width: 100%;
}
}	
.newsletter-content p{
	text-align: center;
}
  .block_newsletter form button[type=submit]{
      display: inline-block;
    position: relative;
    width: 42px;
    height: 42px;
    padding: 2px;
    background-color: lightblue;
    border:none;
    top: -17px;
    right:;
    color:#7a7a7a
}
  .block_newsletter form button[type=submit] .search:hover{
  color:#2fb5d2}
 .linkblock .clearfix{
 	display: none;
 }
#module-ps_emailsubscription-unsubscription #content{
	border: 0;
} 
.linkblock ul{
	display: flex !important;
	flex-direction: row;
	justify-content: center;
}
.linkblock ul li{
	margin: 10px 10px 0px 10px;
}
@media (max-width:767px){
.linkblock ul{
	flex-direction: column;
	align-items: center;
	padding-bottom: 5px;
	background-color: transparent !important;
}	
.linkblock ul li{
	margin: 8px 8px 8px 8px;
	padding: 0px !important;
	font-weight: 600;
}
}	
.linkblock-label{
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 20px;
}
.submenu-arrow{
  content:"";
  margin: 0px 2px 0px 10px;
  width: 0; 
  height: 0;
  position: relative;
  top: 19px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent; 
  border-top: 8px solid #232323;
}
a.dropdown-item:hover .submenu-arrow{
    border-top: 8px solid #232323;
}
.dropdown-submenu{
  width: 150px;
}
@media (max-width:767px){
.submenu-arrow{
top: 14px;
}
.dropdown-submenu span{
font-size: 16px;
}
}
#_desktop_top_menu{
  width: 100%;
}
div.displaytopmenu{
  position: sticky;
  top: 0px;
  background-color: white;
  z-index: 1000;
  box-shadow: rgba(0,0,0,0.1) 0px 2px 2px;
}
ul#top-menu{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 10px;
}
.desktop-menu-sticky{
	position: absolute;
	height: 100%;
	display: none;
}
.desktop-menu-sticky a{
	display: inline-block;
	margin: auto;
	height: 100%;
	display: flex;
}
.logo-sticky{
	margin-left: 50px;
}
.links-sticky{

}
.desktop-menu-sticky a img{
margin: auto 0;
width: calc(43vw - 515px);
max-width: 240px;
	}
@media (max-width:1600px){
.desktop-menu-sticky{
	visibility: hidden;
	}
}
textarea.form-control{
  height: 185px;
}
@media (min-width:1200px){
#js-product-list{
width: 1080px;
position: relative;
right: 11px;
}
.left-column #js-product-list{
width: 824px;
position: relative;
right: 11px;
}
}
#wrapper{
	background-image: url("../img/background-large.jpg");
	background-size: 1900px;
	background-position: center top;
	padding-top: 25px;
}
.featured-products, .new-product{
	background-image: url("../img/background-large.jpg");
	background-size: 1900px;
	background-position: center bottom;
	padding-top: 25px;
}
body#cart .featured-products{
	background: transparent;
	border: none;
}
@media (max-width:768px) {
	#wrapper, .featured-products, .new-product{
	background-image: url("../img/background-small.jpg");
	background-size: 750px;
}
}	
#content-wrapper{
	background-color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 50px;
	margin-top: 15px;
	border: 1px solid #e1e1e1;
}
#js-checkout-summary{
	background-color: white;
}
.icon-right{
	float: right;
}
@media (max-width:767px){
body#index .ht-main-content{
	padding-top: 50px;
}
}
body#contact #content-wrapper, body#category #content-wrapper, body#cart #content-wrapper, body#order-confirmation #content-wrapper, body#search #content-wrapper, body#order-confirmation .featured-products ,body#product .featured-products{
	background: transparent;
	border: none;
}
body#order-confirmation .card-block{
	background-color: white;
}
@media (max-width:768px) {
body#cart #content-wrapper{
		background-color: white;
		border: 1px solid #e1e1e1;
}
body#contact #content-wrapper{
padding: 0 !important;
	}
body#contact .form-fields{
	padding-top: 1em;
}
body#contact #gdpr_consent{
	padding: 0 15px;
}
body#contact .form-footer{
	padding: 15px 15px 15px 15px;
}
}
body#cms .page-header{
	margin-top: 10px;
}
body#cms .page-header h1{
	text-transform: uppercase;
	color: #232323;
	font-size:1.6rem;
	font-weight:800;
	text-align: center;
}
#custom-text h1, #custom-text h2, #custom-text h3, section.page-cms h1, section.page-cms h2, section.page-cms h3{
	text-transform: uppercase;
	color: #232323;
}
#custom-text h1, section.page-cms h1{
	font-size:1.6rem;
	font-weight:800;
	text-align: center;
	margin-bottom: 30px;
}
#custom-text h2, section.page-cms h2{
	font-size:1.5rem;
	font-weight:700;
	margin-bottom: 20px;
}
#custom-text h3, section.page-cms h3{
	font-size:1.4rem;
	font-weight:600;
	margin-bottom: 20px;
}
#custom-text h4, #custom-text h5, #custom-text h6, section.page-cms h4, section.page-cms h5, section.page-cms h6{
	color: #464646;
}
#custom-text h4, section.page-cms h4{
	font-size:1.3rem;
	font-weight:500;
	margin-bottom: 15px;
}
#custom-text h5, section.page-cms h5{
	font-size:1.2rem;
	font-weight:400;
	margin-bottom: 15px;
}
#custom-text h6, section.page-cms h6{
	font-size:1.1rem;
	font-weight:400;
	margin-bottom: 15px;
}
#custom-text .page-footer{
	display: none;
}
#custom-text p, section.page-cms p{
	margin-bottom: 20px;
	text-align: left;
}
#custom-text img, section.page-cms img, #custom-text iframe, section.page-cms iframe, #custom-text table, section.page-cms table{
	max-width: 100%;
	margin: 5px;
}
#custom-text img, section.page-cms img{
		height: auto;
}
#custom-text p.cms-block-center, section.page-cms p.cms-block-center{
	text-align: center;
}
body#product .page-footer{
	margin-bottom: 25px !important;
}
.custom-separator{
	width: 100%;
	height: 12px;
	display: flex;
	margin-bottom: 15px;
	float: left;
}
.custom-separator img{
	height: 100%;
	margin: auto;
}
.product-short-desc{
	padding: 3px 10px 2px 10px;	
}
.product-price-and-shipping{
	padding-bottom: 10px;
}
.price-discount{
	background-color: #4243a0;
	color: white;
	padding: 2px 5px;
	margin-right: 5px;
}
.regular-price{
    position: relative;
    text-decoration: none;
}
.regular-price:after{
    border-top: 2px solid #7a7a7a;
    position: absolute;
    content: "";
    right: 0;
    top:50%;
    left: 0;
}
.product-discount .regular-price:after{
	  border-top: 1px solid #7a7a7a;
    top:52%;
}
.show_grid, .show_list{
	position: relative;
}
.show_grid i, .show_list i{
position: relative;
z-index: 2;
}	
.display-btn-background{
	position: absolute;
	width: 25px;
	height: 25px;
	top:-3px;
	left: -3px;
	z-index: 1;
	transition: 0.2s;
}
.show_grid:hover .display-btn-background, .show_list:hover .display-btn-background{
	background-color: #dddddd;
	transition: 0.2s;
}
.grid-list-view{

}
.grid-list-view .column{
	width: 100%;
}
.owl-wrapper .thumbnail-container{
	overflow: unset;
}
.thumbnail-border-box{
	position: absolute;
	z-index: 5;
	pointer-events: none;
	height: 100%;
	width: 100%;
	border: 1px solid rgba(85, 85, 85, 0.3);
}
/* new */
#content-wrapper-pdf{
	min-height: 1720px;
	padding-top: 0;
}
#pdf-grid .products-grid{
	width: 1110px;
	position: relative;
	left: -210px;
}
#pdf-grid .products-grid .products{

}	
.pdf-hidden-wrapper{
	visibility: hidden;
	position: absolute;
}
#pdf-grid .thumbnail-border-box{
	display: none;
}
#pdf-grid .highlighted-informations{
	display: none;
}
#content-wrapper-pdf .block-category{
	border: none;
}
/* cms pdf */
#container-cms-pdf{
	display: none;
	width: 1078px;
	min-height: 1717px;
}
/* new pdf form */
#pdf-form a{
	margin-left: 10px;
}
#pdf-button-block{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 0px;

}
#pdf-button{
	margin: 30px auto;
}
.pdf-form-block{
	background-color: #f7f7f7;
	border: solid lightgrey 1px;
	padding: 20px 4vw 0px 4vw;
}
.greyout{
	opacity: 0.6;
}
.greyout .greyout{
	opacity: 1;
}
.product-item.list-view .thumbnail-container{
	width: 100% !important;
	display: flex;
}
.product-item.list-view .product-description{
	flex: auto;
	padding: 15px;
}
.list-view .highlighted-informations{
	display: none;
}
.list-view .product-image-block{
	background-color: #f6f6f6;
}
.product-item.list-view .product-thumbnail{
	height: 100% !important;
	display: flex !important;
	flex-direction: row;
}
.product-item.list-view .product-thumbnail img{
	margin: auto;
}
.products{
display: block;
margin: 0 auto;
}
.product-item{
	margin: auto;
}
#_desktop_search_filters_clear_all{
	height: 20px;
}
.pagination-btn{
	text-align: center;
}
.page-list{
	display: inline-block;
	padding: 0.5rem 0.7rem;
}
.page-list li a:not(.next), .page-list li a:not(.previous){
	padding-left: 8px;
	padding-right: 8px;
}
.page-list .previous, .page-list .next{
	padding: 2px 10px;
}
.page-list .previous i, .page-list .next i{
	font-size: 25px;
}
ul.carousel-inner{
	margin-bottom: 0px;
}
.display-1{
	font-family: "rumeur";
	font-size: 2rem;
}
.owl-wrapper{
	z-index: 5;
	display: flex !important;
	align-items: baseline;
}
.owl-item{
	display: flex;
}
.owl-item .product-item{
	margin: auto;
}
.owl-item .product-miniature{
	display: inline-block;
}
.owl-item .product-description{
	display: inline-block;
}
.owl-item .product-short-desc, .product-item .product-short-desc{
	float: left;
	text-align: center;
	width: 100%;
}
.owl-item .product-price-and-shipping{
	float: left;
	width: 100%;
	text-align: center;
}
.owl-controls{
	position: absolute;
	height: 100%;
	width: 100%;
	top:0px;
	display: flex;
}
.owl-buttons{
	width: 100%;
	margin: auto;
}
.owl-prev{
	position: absolute;
	left: -3rem;
	background: transparent;
	z-index: 6;
}
.owl-next{
	position: absolute;
	right: -3rem;
	background: transparent;
	z-index: 6;
}
.dlbuttonblock{
	display: flex;
	margin-top: 10px;
}
a.btn.btn-primary{
	color: white;
	display: flex;
	align-items: center;
	margin: auto;
	white-space: normal;
}
.btn-primary, .btn-primary:active, .btn-primary:visited{
	outline: solid transparent 4px;
	transition: outline 0.15s;
}
.btn-primary:hover, .btn-primary:focus{
	outline: solid #cfcfe6 4px;
	transition: outline 0.3s;
}
.btn-primary[disabled]:hover{
	outline: solid transparent 4px;
}

@media (max-width:576px){
.owl-prev{
	left: 0;
}
.owl-next{
	right: 0;
}
}	
.prev-arrow, .next-arrow {
	background: #fff;
	font-size: 3rem;
	color: #555;
	height: 3.2rem;
	width: 3.2rem;
	border-radius: 100%;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.prev-arrow i, .next-arrow i{
	font-size: 3.125rem;
}
.prev-arrow{
	padding-right: 3px;
}
.next-arrow{
	padding-left: 3px;
}
.prev-arrow:hover, .next-arrow:hover{
	color: #4243a0;
}
#block-newsletter-label{
	text-align: center;
}
.alert{
	text-align: center;
}
.social-wapper{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.block_social{
	width: 100vw;
	background-color: #f1f1f1;
	margin-bottom: 20px;
	padding: 25px 0 25px 0;
}
.social-btn, .social-btn .inner-block{
	height: 50px;
}
.social-btn .inner-block{
	display: flex;
}
.social-btn ul{
	margin: auto;
}
.social-btn li{
	width: 50px;
	display: inline-block;
	margin: 0 10px;
}
.social-btn li a{
	display: flex;
	width: 50px;
	height: 50px;
}
.social-btn li a:hover img{
	filter: opacity(70%);
	transition: 0.1s;
	transform: scale(1.05);
}
.social-btn li a img{
	height: 50px;
	transition: 0.1s;
	
}
.subscribe-block{
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
	width: auto;
}
.subscribe-block input.btn{
	max-width: 350px;
}
@media (max-width:500px){
.subscribe-block{
	flex-direction: column;
}
}
@media (max-width:1200px){
.displaytopmenu .container{
	width: 100%;
}
}
@media (max-width:992px) and (min-width:767px){
.header-top .container{
	width: 100%;
}
}	
@media (max-width:1000px) and (min-width:767px){
.displaytopmenu .container{
	width: 100%;
}
.ht-level-0 {
	font-size: calc(3vw - 9px);
	}
.submenu-arrow{
  top: calc(3vw - 8px);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent; 
  border-top: 7px solid #444;
}	
}	
@media (max-width:767px){
.hideoverflow{
	overflow: hidden;
}	
 .header-block{
  width: 100%;
  padding-top: 5px;
 }
#account-cart-row{
	padding: 0px;
}
#_desktop_user_info, #_desktop_cart{
  display: none;
}
header#header{
	top: 0px;
	z-index: 15;
/* Mobile sticky header that hides on scroll */
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	transition: margin 0;
	transform: translateZ(1px);
}
header#header.sticky {
		position: fixed;
		margin-top: -75px;
}
header#header.alt {
			transition: margin .5s;
		}
header#header.header--up {
		position: fixed;
		margin-top: 0;
		transition: margin .5s;
	}
header#header.is-open{
	height: 100vh;
	overflow: scroll;
	margin: 0;
}
.header-top .search-widget form {
	width: 75%;
}
#wrapper{
	padding-top: 85px;
}
} 
@media (min-width:576px) {
 .popover.sub-menu.collapse {
  width:540px;
  max-width:100%
 }
}
@media (min-width:768px) {
 .popover.sub-menu.collapse {
  width:250px;
  max-width:100%;
  z-index: 1000;
 }
  .popover.sub-menu.collapse:hover{
      display: flex;
  flex-direction: column;
  }
  ul#top-menu{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
}
@media (max-width:576px) {
#content{
padding: 0px;
}
.contact-form{
padding: 0px;
}
}