/*
# =================================================================================================================================================================
#	author: 		Emely Buchholt - Datamanix
#	date: 			
#	task:			
#	note: 			Styling specific for this website - look in dm_ui css files or the development tool in browser to find class to use to overrite
# =================================================================================================================================================================
*/
@import url(//fonts.googleapis.com/css?family=Lato:400,100,300,100italic,300italic,400italic,700,700italic,900,900italic);


/* ============== */
/* general class  */
/* ============== */

.dm_dsa_w30{
	width: 29% !important;
}

.dm_dsa_w33{
	width: 32% !important;
}

.dm_dsa_w70{
	width: 69% !important;
}

.dm_dsa_w20{
	width: 19% !important;
}

.dm_dsa_w40{
	width: 39% !important;
}

.dm_dsa_w90{
	width: 90%;
	margin: 0 auto;
}

.dm_dsa_h250{
	height: 250px !important;
}

.dm_dsa_bluecolor{
	color: #6498c0;
}

.dm_dsa_greencolor{
	color: #77b279;
}

.dm_dsa_bg_greencolor{
	background-color: #77b279;
}


h1{
	font-size: 2rem;
}

a.dm_dsa_buttonadvanced:hover,
a.dm_dsa_button:hover{
	color: #fff;
}

/*
	============================================
	Price boble
	============================================
*/

#dm_dsa_priceboble{
	position: relative;
	right: 10px;
	z-index: 99999;
	background-color: #e0d466;
	color: #fff;
	padding: 20px;
	border-radius: 50%;
	opacity: .9;
	top: -40px;
	transform: rotate(10deg);
	text-align: center;
	display: block;
}

#dm_dsa_priceboble_wrap {
	position: fixed;
	right: 0;
	z-index: 99999;
	width: auto;
	height: auto;
	right: 0;
}

/*
	============================================
	Checkout
	============================================
*/

.dm_dsa_deleteitembasket{
	right: 10px;
	top: 25%;
	cursor: pointer;
}

a#cart {
    display: inline;
    padding-left: 20px;
    color: #777777;
    text-decoration: none;
}

.badge {
    background-color: #9EC8E8;
    border-radius: 10px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.shopping-cart {
	background: #6498c0;
	width: 320px;
	position: absolute;
	bottom: 0px;
	z-index: 100000;
	right: 10px;
	border-radius: 3px;
	padding: 20px;
	overflow: hidden;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)!important;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	opacity: 0;
	-webkit-transform-origin: right bottom 0;
	-webkit-transform: scale(0);
	transform-origin: right bottom 0;
	transform: scale(0);
}

.shopping-cart.active {
    opacity: 1;
    -webkit-transform-origin: right bottom 0;
    -webkit-transform: scale(1);
    transform-origin: right bottom 0;
    transform: scale(1);
  }

.shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 10px;    
}

.shopping-cart-items {
    padding-top: 15px;
	margin-bottom: 20px;
}

 .shopping-cart-items li {
    margin-bottom: 8px;
    list-style-type: none;
  }

 .shopping-cart-items .item-name {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-style: italic;
}

 .shopping-cart-items .item-detail {
  display: block;
  font-size: 15px;
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
  overflow: hidden;
  line-height: 17px;
}

.shopping-cart-total span {
	font-size: 18px;
}

 .shopping-cart-items .item-price {
  color: #c1daee;
  margin-right: 8px;
}

 .shopping-cart-items .item-quantity {
  color: #fff;
}

.shopping-cart:after {
	bottom: 100%;
	left: 89%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: white;
	border-width: 8px;
	margin-left: -8px;
}

.cart-icon {
  color: #515783;
  font-size: 24px;
  margin-right: 7px;
  float: left;
}  

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

#salesConditions label {
	padding-left: 5px !important;
}



/*
	============================================
	boks over pdf's if the user didn't buy them
	============================================
*/
.dm_dsa_preview{
	height: 100px;
	width: 100%;
	font-size: 17px;
	padding: 36px;
	text-align: center;
	background-color: #6498c0;
	color: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	position: absolute;
	top: 5px;
	left: 100px;
	z-index: 10;
	transform-origin: 0 0;
}

/* .w-50 .dm_dsa_preview {
	top: 250px;
} */

/*
.big .dm_dsa_preview {
	width: 1010px;
	transform: rotate(
	50deg);
	-ms-transform: rotate(50deg);
	-webkit-transform: rotate(
	50deg);
	-moz-transform: rotate(50deg);
	left: -12px;
	top: 470px;
}
*/

/*
	============================================
	changing speed of slider and active color
	============================================
*/
.carousel-inner .carousel-item {
  transition: -webkit-transform 6s ease;
  transition: transform 6s ease;
  transition: transform 6s ease, -webkit-transform 6s ease;
}

.carousel-item.active { background: transparent; }

/*
	============================================
	set background
	============================================
*/
#ds_background {
    position: fixed;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../gfx/bg.jpg);
    background-size: 200px 200px;
    background-attachment: fixed;
    background-repeat: repeat;
}

/*
	============================================
	style container around content
	============================================
*/
#ds_container {
    position: relative;
    z-index: 1;

/*
    padding-bottom: 200px;
*/

}
/*
	============================================
	style main around content
	============================================
*/
main{
/*
	width: 90%;
    margin: 10px auto;
*/
	margin-top: 10px;
	margin-bottom: 10px;
    min-height: calc(100vh - 80px - 120px);
}

/*
	============================================
	Style body
	============================================
*/
body{
	font-family: 'Lato', sans-serif;
	touch-action: pan-y;
}

/*
	============================================
	overrite nav and footer color
	============================================
*/
nav, footer{
	background-color: #6498c0;
	z-index: 4;
}

header, footer{
	position: sticky;
	z-index: 100;
}

header{
	top: 0;
}

.modal{
	height: unset;
}

/*
	============================================
	reomve circles on list item in navbart
	============================================
*/
nav li{
	list-style-type: none;
}


/*
	=================================================
	style section in nav, so it has the correct with
	=================================================
*/
/*
nav section{
	width: 90%;
	margin: auto;
}
*/
.swiper{
	overflow: visible;
}

#dm_dsa_publication,
#dm_dsa_searchresult {
	margin-bottom: 70px;
}

#dm_dsa_publication .small-device,
#dm_dsa_searchresult .small-device {
	/* height: 310px !important;  */
	min-height: 100px;
}

#dm_dsa_publication .product_container:not(.small-device),
#dm_dsa_searchresult .product_container:not(.small-device) {
    width: 230px !important;
    transition-duration: 250ms;
    transition-property: transform, opacity;
    /* height: 300px; */
    /* min-height: 100px; */
}

#dm_dsa_publication .product_container.hovered,
#dm_dsa_searchresult .product_container.hovered {
	height: 300px; 
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 2;
	background-color: whitesmoke;
	opacity: 1;
	margin-top: -30px !important;
	margin-bottom: -100px; 
}


#dm_dsa_publication .hovered .product_image,
#dm_dsa_searchresult .hovered .product_image {
	border-bottom: 1px solid #d1d2d4;
}

#dm_dsa_publication .dm_dsa_types_con,
#dm_dsa_searchresult .dm_dsa_types_con {
	display: none;
}

#dm_dsa_publication .hovered .dm_dsa_types_con,
#dm_dsa_searchresult .hovered .dm_dsa_types_con {
	display: block;
}

#dm_dsa_publication .product_basket,
#dm_dsa_searchresult .product_basket {
	display: none;
}

#dm_dsa_publication .hovered .product_basket,
#dm_dsa_searchresult .hovered .product_basket {
	display: block;
}

#dm_dsa_myfiles .product_container{
	height: 260px;
	min-height: 100px;
}

#dm_dsa_myfiles .product_image{
	border-bottom: 1px solid #d1d2d4;
}

#dm_dsa_myfiles .dm_dsa_types_con{
	display: block;
}

#dm_dsa_myfiles .product_basket{
	display: block;
}



.swiper-pagination{
	bottom: var(--swiper-pagination-bottom) !important;
	left: auto !important;
    width: auto !important;
    right: var(--swiper-navigation-sides-offset, 100px) !important;
}

.swiper-pagination-bullet{
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px) !important;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 4px)) !important;
	border-radius: var(--swiper-pagination-bullet-border-radius, 30%) !important;
}

/* .swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: calc((var(--swiper-wrapper-height) - var(--swiper-navigation-size)) / 1.25);
} */

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, -3%) !important;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, -3%) !important;
}

.swiper-slide {
	width: 230px;
	opacity: .25;
	transition-duration: 250ms;
	transition-property: transform, opacity;
}

.swiper-slide-fully-visible {
	opacity: 1;
}

.small-device{
	opacity: 1;
}

.small-device .product_container{
	height: 310px; 
	min-height: 100px;
}

.small-device .product_image{
	border-bottom: 1px solid #d1d2d4;
}

.swiper-wrapper {
	padding: 20px 0;
}

.swiper-pagination {
	opacity: 0; /* Ocultar la paginación por defecto */
	transition: opacity 0.3s; /* Agregar una transición suave */
	z-index: 1;
}
  
.swiper-slide.hovered {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
	z-index: 2;

	/* background-image: url(../../gfx/bg.jpg); */
	background-color: whitesmoke;
	opacity: 1;
	margin-top: -30px;
	margin-bottom: -60px;
}

.swiper-slide.hovered .dm_dsa_types_con{
	display: block;
}

.swiper-slide.hovered .product_basket{
	display: block;
}

.small-device .dm_dsa_types_con{
	display: block !important;
}

.small-device .product_basket{
	display: block !important;
}

.swiper-slide.hovered .product_image{
	border-bottom: 1px solid #d1d2d4; 
}

.tippy-box[data-theme="custom"] .tippy-content {
	background-color: #6498c0;
	color: #fff;
}

.dm_dsa_types_con {
	display: none;
}

.product_basket{
	display: none;
}
/*
	====================================================
	overrite footer size, because we only have 1 column
	====================================================
*/
footer section{
	width: 100%;
   padding: 10px 50px 10px 50px;
}

/*
	============================================
	make navigation in footer circle
	============================================
*/
li.circle{
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 14px;
  border-radius: 40px;
  display: inline-block;
  background-color: #366D97;
}

li.circle.nav_active{
	background-color: #9EC8E8;
	color: #000;
}

li.circle.nav_active svg path{
	fill: #000;
}
/*
	============================================
	Style input fields - but not the buttons
	============================================
*/
input:not([type=submit]){
	color: #252525;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased !important;
    border: 1px solid #bcbdc0;
    padding: 0 10px;
    height: 35px;
    border-radius: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
}

input[type=checkbox]{
/* 	width: unset; */
	height: 28px;
	margin-right: 5px;
}

button:focus{
    outline: none;
}
/*
	============================================
	made search boks placeholder bigger
	============================================
*/
input#dm_dsa_generalsearch::placeholder{
	font-size: 16px;
}

/*
	============================================
	button styling - both button and class 
	because we the add class to a-link etc.
	============================================
*/
button, .dm_dsa_button, .dm_dsa_buttonback, .dm_dsa_buttonadvanced, .dm_dsa_bookbutton{
	background-color: #6498c0;
    height: 35px;
    color: #ffffff;
    font-size: 16px;
    padding: 5px 20px;
    cursor: pointer;
    border-left-width: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: none;
/*     margin-left: 10px; */
    border: 1px solid #bcbdc0;
}

.dm_dsa_button.active {
    background-color: #366D97;
    border-color: #334e6f;
}

.dm_dsa_buttonback{
	padding: 0 20px;
}
.dm_dsa_buttonadvanced{
	width: 30%;
	text-align: center;
}
.dm_dsa_button.disabled, .dm_dsa_buttonadvanced.disabled, .dm_dsa_buttonadvanced:disabled {
	opacity: .35 !important;
  }
.dm_dsa_bookbutton{
	background: transparent;
	border-color: #6498c0;
	color: #6498c0;
}

/*
	============================================
	Buy product modal
	============================================
*/


#dm_dsa_buyproductmodal .modal-footer {
	justify-content: flex-start;
}

#dm_dsa_printmodal .modal-footer {
	justify-content: space-between;
}

@media (min-width:501px) {

	#dm_dsa_putinbaskebtn {
		position: relative;
		top: 65px;
	}
}

#wait-dialog .modal-dialog {
    min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}

/*
	============================================
	overrite accordion style
	============================================
*/

.panel{
	background:transparent;
	padding: 0;
}

.accordion{
    background-color: #6498c0;
    color: #ffffff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border-radius: 0;
    margin-top: 5px;
}

.accordion:hover {
    background-color: #6498c0;
}

.active.accordion {
    background-color: #366D97 !important;
}

.dm_dsa_deletegroup{
	display: none; right: 0; top: 10px; /*z-index:1999;*/
}

.dm_dsa_vers{
	width: 100%;
	padding-left: 5rem !important;
	margin-bottom: 10px;
}

#dm_dsa_song_con.big div{
    font-size: 15px;
}
#dm_dsa_song_con{
	padding-left: 5px;
}

#dm_dsa_song_con.big .dm_dsa_vers{
	width: 100%;
	padding-left: 5rem !important;
}
.dm_dsa_lyrics div{
	font-size: 15px;
    padding: 0 5px;
}

#dm_dsa_wordetails h1 span {
	position: relative;
	bottom: -10px;
	font-weight: bold !important;
}

.hidenode {
	filter: blur(0.94px);
	-webkit-filter: blur(0.94px);
}

#dm_dsa_close_fulldetail {
	margin-bottom: 5rem !important;
}

/*
	============================================
	iframe styling
	============================================
*/
iframe									{ width: 100%; 	height: 95vh; margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; -webkit-appearance:none !important; }

#frontPageSlider{
	height: auto;
	min-height: 500px;
}

#newsfeedwrapper{
  width: 90%;
  max-width: 1300px;   /* mismo tope que butik */
  margin-left: 5%;      /* centrar */
  box-sizing: border-box;
}

#newsfeedwrapper iframe{
  width: 100% !important;  /* que el iframe llene el wrapper */
  height: auto;
  display: block;
}


/*
	============================================
	Styling on filter list
	============================================
*/
#advanced_search_box											{ width: 50% }
#filter_list													{ float: left; width: 50%; font-size: 13px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#filter_list .filter_box										{ border: 1px solid #d1d2d4; padding: 10px 5px; width: 24%; }
.mix_checkbox													{ display: flex; flex-wrap: wrap; justify-content: space-between}


#filter_list .filter_box										{ margin-bottom: 5px; }
#filter_list .filter_box .filter_title							{ font-weight: 600; height: 20px; cursor: pointer; }
#filter_list .filter_box .filter_content.filter_content_hide	{ display: none; }
#filter_list .filter_box .filter								{ position: relative; margin: 2px 0; padding: 2px; line-height: 0.9; }
#filter_list .filter_box .filter .filter_overlay				{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
#filter_list .filter_box .filter .filter_checkbox				{ position: absolute; top: 0; left: 0; z-index: 0; }
#filter_list .filter_box .filter .filter_value					{ padding-left: 20px; }
#filter_list #filter_input input[type=text]						{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 10px; }
#filter_list .filter_box .filter .form-check-input[type=checkbox] { margin-top: 0; }

/*
	============================================
	styling on products
	============================================
*/
 .product_container								{ display: inline-block; vertical-align: top; height: auto;   padding: 5px; overflow: hidden; border: 1px solid #d1d2d4; position: relative;}
 
 .swiper-slide.product_container { width: 15%; }
 
  #dm_dsa_publication .product_container,
  #dm_dsa_searchresult .product_container, 
  #dm_dsa_myfiles .product_container,
  #dm_dsa_proposal_foryou .product_container			{ margin: 0 0.3%; width: 220px; }
 
/*  #dm_dsa_proposal_foryou .product_container		{ margin: 0 0.5%; width: 32%; } */
 
/*  #dm_dsa_proposal_foryou .product_container		{ width: 100%; } */
 .product_title									{ font-size: 16px; font-weight: 600; /* margin-bottom: 10px; */ cursor: pointer; overflow: hidden; }
 .product_image									{ cursor: pointer;     padding: 10px 0; }
 /* .product_image									{ border-bottom: 1px solid #d1d2d4; cursor: pointer;     padding: 10px 0; } */
 .product_image img								{ max-width: 100%; width: 80%; margin: 0 auto; display: block; }

 .product_description							{ height: 85px; margin-top: 10px; font-size: 12px; cursor: pointer; overflow: hidden; }
 
 .product_title_con								{ height: 70px; }
 
/*  news mark */
.item_image_new													{ position: absolute; top: 10px; right: -25px; background-color: #e0d466; width: 100px; text-align: center; color: #ffffff; transform: rotate(40deg); -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); }

/* product button */

.product_basket_btn				{ position: absolute; bottom: 5px; left: 2.5%; width: 95%; background-color: #6498c0; height: 40px; color: #ffffff; font-size: 14px; text-transform: uppercase; padding: 10px 10px; border: 0; cursor: pointer; text-align: center; border-radius: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.buttonstypes button { 
	margin-bottom: 10px;
}

/* Advanced search */
#dm_dsa_publication .product_title_con, #dm_dsa_searchresult .product_title_con,  #dm_dsa_myfiles .product_title_con, #dm_dsa_proposal_foryou .product_title_con  {
	height: 85px;
	line-height: 18px;
}

.swiper-wrapper .product_title_con {
	/* height: 80px; */
	height: 85px;
	line-height: 18px;
}

#dm_dsa_publication  .product_title, #dm_dsa_searchresult  .product_title, .swiper-wrapper .product_title, #dm_dsa_myfiles  .product_title, #dm_dsa_proposal_foryou  .product_title {
	padding-bottom: 10px;
}


@media all and (display-mode: fullscreen) {
  body {
    margin: 0;
    background-color: fuchsia;
  }
}

@media (max-width:1300px) {

	#advanced_search_box{
		width: 100%;
	}

	#filter_list{
		justify-content: space-between;
		width: 100%;
	}
	
	#filter_list .filter_box{
		width: 23%;
        margin: 5px;
	}
}
/* ipad portrait */
@media (max-width:768px) {
	#dm_dsa_publication, #dm_dsa_searchresult {margin-bottom: auto;}
	#dm_dsa_publication .product_container, #dm_dsa_searchresult .product_container		{ height: 300px;}

/* 	.product_container						{ width: 32%; } */
/* 	 .product_title_con								{ height: 150px; } */
	
	#dm_dsa_proposal_foryou .product_container		{ width: 32%;  margin: 0 0.4%;}

	#advanced_search_box{
		width: 100%;
	}

	#filter_list .filter_box{
		width: 23%;
	}
	
/*
	button, .dm_dsa_button{
		width: 100%;
	}
*/
	.dm_dsa_details.dm_dsa_w20, 
	#dm_dsa_song_con.dm_dsa_w40,
	#dm_dsa_nodes_con.dm_dsa_w40,
	#dm_dsa_nodes_con.w-50,
	#dm_dsa_song_con.w-50					{ width: 100% !important; }
	
	.dm_dsa_buttonadvanced {
	    width: 33%;
	}
	
	header img.w-50{
		width: 100% !important;
	}
	
/*
	.big .dm_dsa_preview {
		width: 760px;
		transform: rotate(
		50deg);
		-ms-transform: rotate(50deg);
		-webkit-transform: rotate(
		50deg);
		-moz-transform: rotate(50deg);
		left: -12px;
		top: 358px;
	}
*/
	/* .dm_dsa_preview {
		height: 130px;
		padding: 48px;
		transform: rotate(65deg);
		-ms-transform: rotate(65deg);
		-webkit-transform: rotate(65deg);
		-moz-transform: rotate(65deg);
		top: 298px;
		top: 150px;
		z-index: 10;

	} */


}


/* mobile  */

@media (max-width:600px) {
	
/*
	#dm_dsa_generalsearch.w-50						{ width: 50%; }
	
	.dm_dsa_buttonback{
		padding: 0 20px;
	}
	.dm_dsa_buttonadvanced{
		width: 100%;
		text-align: center;
	}
*/
	
	#dm_dsa_publication .product_container, #dm_dsa_searchresult .product_container		{ margin: unset; width: 100%; height: 400px;}
	
	 .product_title_con								{ height: 100px; }

	#filter_list .filter_box{
		width: 47%;
	}
	
	button, .dm_dsa_button{
		width: 100%;
	}
	
	.dm_dsa_w33, .dm_dsa_w40, .dm_dsa_w20 { width: 100% !important;}



	footer section {
		padding: 0 10px;
	}

	li.circle {
		width: 40px;
		height: 40px;
		padding: 4px 0;
	}

	nav .text-right {
		text-align: center !important;
	}

	header img.w-50 {
		width: 70% !important;
	}

	.dm_dsa_buttonback {
		padding: 0;
	}

	#dm_dsa_generalsearch {
		width: 70% !important;
	}

	nav .dm_dsa_buttonadvanced {
		overflow: hidden;
		width: 15%;
		font-size: 0;
	}
	
	nav .dm_dsa_buttonadvanced:before {
		content: "";
		position: relative;
		top: -4px;
		left: -20px;
		display: inline-block;
		width: 33px;
		height: 33px;
		background-repeat: no-repeat;
		background-position: center left;
		background-size: contain;
	}

	nav .dm_dsa_buttonadvanced.search::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='606.493' height='653.081' viewBox='0, 0, 606.493, 653.081'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M469.807,184.477 C467.008,178.729 464.366,172.89 461.272,167.303 C444.479,136.973 421.6,112.183 392.934,92.729 C376.82,81.794 359.447,73.393 341.071,67.004 C340.117,66.672 338.891,66.487 338.215,65.93 C336.486,65.791 335.162,65.126 333.508,64.658 C320.831,61.07 307.96,58.481 294.862,57.129 C267.04,54.258 239.691,56.874 212.8,64.497 C209.64,65.393 206.467,66.244 203.297,67.103 C201.647,67.549 192.107,71.579 190.478,72.004 L173.569,79.749 C170.255,81.616 167.087,83.74 163.816,85.686 C159.413,88.305 154.872,90.705 150.582,93.493 C147.891,95.242 145.557,97.538 143.053,99.576 C136.797,104.668 130.445,109.622 124.601,115.227 C104.896,134.129 89.128,155.822 77.534,180.554 C67.086,202.84 60.751,226.256 58.351,250.731 C56.685,267.714 56.95,284.668 59.546,301.566 L62.605,318.489 C65.166,328.039 67.655,337.655 71.04,346.927 C77.046,363.376 85.129,378.832 95.227,393.19 C96.061,394.376 96.382,396.058 97.425,396.929 C98.99,398.235 100.028,399.488 99.585,400.956 C101.155,402.351 102.529,403.342 103.621,404.581 C108.229,409.808 112.569,415.283 117.344,420.351 C129.764,433.532 143.763,444.815 159.125,454.415 C160.178,455.073 161.701,456.26 162.784,457.396 C163.877,458.199 164.36,458.454 165.394,458.915 C167.222,459.616 168.365,460.023 169.495,460.496 C171.386,461.288 173.131,462.425 174.962,463.368 C187.421,469.777 200.394,474.932 213.864,478.731 C229.123,483.034 244.68,485.678 260.544,486.531 C278.259,487.483 295.816,486.403 313.239,483.084 C333.543,479.217 352.888,472.556 371.244,463.061 C390.478,453.112 407.846,440.577 423.329,425.406 C450.072,399.202 461.082,381.971 474.017,348.435 C481.34,329.45 485.75,309.801 487.511,289.532 C489.144,270.743 488.164,252.079 484.904,233.535 C482.697,220.984 479.413,208.706 474.849,196.788 z M460.551,457.833 C487.058,489.475 513.572,521.109 540.102,552.732 C555.695,571.32 571.244,589.946 586.964,608.426 C592.506,614.941 592.351,628.236 584.892,633.894 C582.203,635.934 579.434,637.868 576.473,640.018 C576.526,639.845 569.452,642.221 564.997,639.501 C564.404,639.25 563.731,639.105 563.232,638.73 C560.924,636.998 558.271,635.534 556.449,633.376 C531.897,604.302 507.457,575.134 483.003,545.977 C463.418,522.624 443.861,499.248 424.255,475.913 C423.29,474.765 421.972,473.915 420.565,472.71 L411.583,480.154 C409.022,482.086 405.856,486.069 392.45,493.191 C375.287,502.521 357.225,509.677 338.35,514.648 C310.746,521.917 282.673,524.504 254.188,522.315 C251.697,522.124 249.19,522.02 246.73,521.63 C245.634,521.457 244.638,521.546 242.857,521.125 C240.317,520.941 240.317,520.941 238.387,520.663 C222.784,518.414 207.488,514.82 192.575,509.739 C175.692,503.987 159.563,496.541 144.308,487.259 L129.369,477.612 C100.537,457.377 76.977,432.21 58.606,402.167 C46.607,382.543 37.548,361.633 31.305,339.498 C31.282,339.418 31.27,339.329 31.25,339.256 C29.405,332.42 28.37,329.096 27.376,323.864 C25.086,311.818 23.315,299.731 22.517,287.498 C22.426,286.107 22.149,284.729 21.958,283.345 L21.958,259.845 C22.341,255.877 22.566,251.885 23.138,247.945 C24.692,237.242 26.247,226.534 28.174,215.895 L30.492,205.974 C37.733,179.986 48.55,155.616 63.428,133.093 C77.738,111.43 94.975,92.395 115.129,76.035 C134.158,60.589 155.003,48.15 177.672,38.83 C192.856,32.587 208.51,27.944 224.63,24.689 C242.518,21.078 260.55,19.555 278.741,19.921 C293.322,20.214 307.867,21.404 322.103,24.741 C333.178,27.337 344.127,30.468 355.121,33.406 L366.482,37.649 C378.651,42.428 390.327,48.217 401.589,54.863 L411.598,61.217 C477.69,108.19 492.021,144.498 501.657,165.185 C511.406,186.112 518.171,207.948 521.866,230.745 C525.446,252.827 526.072,274.975 523.839,297.239 C521.76,317.974 517.156,338.125 510.035,357.668 C502.083,379.489 491.332,399.888 477.587,418.63 C472.844,425.096 467.681,431.26 462.584,437.458 L461.132,439.101 C461.388,437.743 451.89,447.545 452.079,446.543 C453.214,448.137 453.353,448.552 454.458,449.785 z' fill='%23FFFFFF'/%3E%3Cpath d='M174.262,308.938 C182.168,309.987 191.756,302.441 191.726,291.78 C191.699,282.288 183.823,274.565 174.303,274.623 C164.766,274.682 157.032,282.455 157.102,291.971 C157.182,302.746 166.825,309.829 174.262,308.938 M163.64,334.622 C163.927,330.877 162.821,329.087 159.127,327.594 C144.047,321.503 134.863,306.991 135.388,290.806 C135.92,274.407 145.463,261.3 160.629,255.448 C162.652,254.667 163.216,253.747 163.213,251.703 C163.158,217.299 163.185,182.895 163.16,148.491 C163.157,144.772 163.846,141.39 166.771,138.798 C170.167,135.788 174.132,135.174 178.171,136.829 C182.546,138.623 184.828,142.146 184.826,147.006 C184.818,163.501 184.825,179.996 184.825,196.49 C184.826,214.818 184.862,233.145 184.776,251.472 C184.767,253.564 185.423,254.444 187.385,255.179 C200.332,260.031 208.635,269.09 212.193,282.59 C217.276,301.881 205.997,322.53 186.826,328.825 C184.983,329.43 185.224,330.657 185.223,331.959 C185.219,353.035 185.205,374.112 185.231,395.188 C185.237,400.056 183.348,403.728 178.846,405.825 C171.913,409.056 163.799,404.133 163.601,396.454 C163.432,389.877 163.546,383.292 163.543,376.711 C163.539,367.464 163.486,358.217 163.592,348.971 z' fill='%23FFFFFF'/%3E%3Cpath d='M373.821,308.938 C381.727,309.987 391.315,302.441 391.285,291.78 C391.258,282.288 383.382,274.565 373.862,274.623 C364.325,274.682 356.591,282.455 356.661,291.971 C356.741,302.746 366.384,309.829 373.821,308.938 M363.199,334.622 C363.486,330.877 362.38,329.087 358.686,327.594 C343.606,321.503 334.422,306.991 334.947,290.806 C335.479,274.407 345.022,261.3 360.188,255.448 C362.211,254.667 362.775,253.747 362.772,251.703 C362.717,217.299 362.744,182.895 362.719,148.491 C362.716,144.772 363.405,141.39 366.33,138.798 C369.726,135.788 373.691,135.174 377.73,136.829 C382.105,138.623 384.387,142.146 384.385,147.006 C384.377,163.501 384.384,179.996 384.384,196.49 C384.385,214.818 384.421,233.145 384.335,251.472 C384.326,253.564 384.982,254.444 386.944,255.179 C399.891,260.031 408.194,269.09 411.752,282.59 C416.835,301.881 405.556,322.53 386.385,328.825 C384.542,329.43 384.783,330.657 384.782,331.959 C384.778,353.035 384.764,374.112 384.79,395.188 C384.795,400.056 382.907,403.728 378.405,405.825 C371.472,409.056 363.358,404.133 363.16,396.454 C362.991,389.877 363.105,383.292 363.102,376.711 C363.098,367.464 363.045,358.217 363.151,348.971 z' fill='%23FFFFFF'/%3E%3Cpath d='M273.546,223.419 C283.155,223.384 290.983,215.564 291.006,205.977 C291.028,196.369 282.996,188.366 273.355,188.39 C263.811,188.414 255.934,196.329 255.914,205.917 C255.893,215.658 263.748,223.454 273.546,223.419 M309.946,218.456 C308.594,223.148 306.101,227.125 303.087,230.749 C298.648,236.084 293.141,240.028 286.523,242.211 C284.521,242.871 283.926,243.843 283.929,245.925 C283.99,295.245 283.964,344.566 283.995,393.887 C283.998,398.559 282.674,402.425 278.322,404.711 C271.435,408.329 263.178,403.591 263.011,395.82 C262.854,388.492 262.963,381.158 262.963,373.826 C262.961,331.254 262.943,288.682 263.016,246.109 C263.02,243.911 262.37,242.959 260.314,242.195 C241.878,235.34 231.405,216.72 235.779,197.68 C238.911,184.05 247.343,174.576 260.625,169.753 C262.395,169.11 263.048,168.298 263.011,166.379 C262.885,159.883 262.931,153.383 262.974,146.885 C263.017,140.513 267.433,135.942 273.444,135.953 C279.347,135.964 283.834,140.427 283.943,146.653 C284.06,153.316 284.035,159.984 283.934,166.647 C283.908,168.362 284.472,169.111 286.071,169.682 C298.003,173.947 306.012,182.089 310.119,194.129 C311.733,198.858 312.463,203.693 311.973,208.602 C311.724,211.101 311.27,214.513 310.3,216.873 z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	}
	  
	nav .dm_dsa_buttonadvanced.cancel::before {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='593.787' height='639.528' viewBox='0, 0, 593.787, 639.528'%3E%3Cg id='Layer_1'%3E%3Cg%3E%3Cpath d='M461.336,175.159 C458.537,169.411 455.895,163.572 452.801,157.985 C436.008,127.655 413.129,102.865 384.463,83.411 C368.349,72.476 350.976,64.075 332.6,57.686 C331.646,57.354 330.42,57.169 329.744,56.612 C328.015,56.473 326.691,55.808 325.037,55.34 C312.36,51.752 299.489,49.163 286.391,47.811 C258.569,44.94 231.22,47.556 204.329,55.179 C201.169,56.075 197.996,56.926 194.826,57.785 C193.176,58.231 183.636,62.261 182.007,62.686 L165.098,70.431 C161.784,72.298 158.616,74.422 155.345,76.368 C150.942,78.987 146.401,81.387 142.111,84.175 C139.42,85.924 137.086,88.22 134.582,90.258 C128.326,95.35 121.974,100.304 116.129,105.909 C96.425,124.811 80.657,146.504 69.063,171.236 C58.615,193.522 52.28,216.938 49.88,241.413 C48.214,258.396 48.479,275.35 51.075,292.248 L54.134,309.171 C56.695,318.721 59.184,328.337 62.569,337.609 C68.575,354.058 76.658,369.514 86.756,383.872 C87.59,385.058 87.911,386.74 88.954,387.611 C90.519,388.917 91.557,390.17 91.114,391.638 C92.684,393.033 94.058,394.024 95.15,395.263 C99.758,400.49 104.098,405.965 108.873,411.033 C121.293,424.214 135.292,435.497 150.654,445.097 C151.707,445.755 153.23,446.942 154.313,448.078 C155.406,448.881 155.889,449.136 156.923,449.597 C158.751,450.298 159.894,450.705 161.024,451.178 C162.915,451.97 164.66,453.107 166.491,454.05 C178.95,460.459 191.923,465.614 205.393,469.413 C220.652,473.716 236.209,476.36 252.073,477.213 C269.787,478.165 287.345,477.085 304.768,473.766 C325.072,469.899 344.417,463.238 362.773,453.743 C382.007,443.794 399.375,431.259 414.858,416.088 C441.601,389.884 452.611,372.653 465.546,339.117 C472.869,320.132 477.279,300.483 479.04,280.214 C480.673,261.425 479.693,242.761 476.433,224.217 C474.226,211.666 470.942,199.388 466.378,187.47 z M452.08,448.515 C478.587,480.157 505.101,511.791 531.631,543.414 C547.224,562.002 562.773,580.628 578.493,599.108 C584.035,605.623 583.88,618.918 576.421,624.576 C573.732,626.616 570.963,628.55 568.001,630.7 C568.055,630.527 560.981,632.903 556.526,630.183 C555.933,629.932 555.26,629.787 554.761,629.412 C552.453,627.68 549.8,626.216 547.978,624.058 C523.426,594.984 498.986,565.816 474.532,536.659 C454.947,513.306 435.39,489.93 415.784,466.595 C414.819,465.447 413.501,464.597 412.094,463.392 L403.112,470.836 C400.551,472.768 397.385,476.751 383.979,483.873 C366.816,493.203 348.754,500.359 329.879,505.33 C302.275,512.599 274.202,515.186 245.717,512.997 C243.226,512.806 240.719,512.702 238.259,512.312 C237.163,512.139 236.167,512.228 234.386,511.807 C231.846,511.623 231.846,511.623 229.916,511.345 C214.313,509.096 199.017,505.502 184.104,500.421 C167.221,494.669 151.092,487.223 135.837,477.941 L120.898,468.294 C92.066,448.059 68.506,422.892 50.135,392.849 C38.135,373.225 29.077,352.315 22.834,330.18 C22.811,330.1 22.799,330.011 22.779,329.938 C20.934,323.102 19.899,319.778 18.905,314.546 C16.615,302.5 14.844,290.413 14.046,278.18 C13.955,276.789 13.678,275.411 13.487,274.027 L13.487,250.527 C13.87,246.559 14.095,242.567 14.667,238.627 C16.221,227.924 17.776,217.216 19.703,206.577 L22.021,196.656 C29.262,170.668 40.079,146.298 54.957,123.775 C69.267,102.112 86.504,83.077 106.658,66.717 C125.687,51.271 146.532,38.832 169.201,29.512 C184.385,23.269 200.039,18.626 216.159,15.371 C234.047,11.76 252.079,10.237 270.27,10.603 C284.851,10.896 299.396,12.086 313.632,15.423 C324.707,18.019 335.656,21.15 346.65,24.088 L358.011,28.331 C370.18,33.11 381.856,38.899 393.118,45.545 L403.127,51.899 C469.219,98.872 483.55,135.18 493.186,155.867 C502.935,176.794 509.7,198.63 513.395,221.427 C516.975,243.509 517.601,265.657 515.368,287.921 C513.289,308.656 508.685,328.807 501.564,348.35 C493.612,370.171 482.861,390.57 469.116,409.312 C464.373,415.778 459.21,421.942 454.113,428.14 L452.661,429.783 C452.917,428.425 443.419,438.227 443.608,437.225 C444.743,438.819 444.882,439.234 445.987,440.467 z' fill='%23FFFFFF'/%3E%3Cpath d='M377.239,371.44 C381.119,376.079 382.24,381.084 379.615,386.668 C375.572,395.268 363.914,397.03 357.614,389.862 C352.217,383.723 347.086,377.351 341.845,371.076 C334.482,362.259 327.071,353.479 319.814,344.575 L159.838,153.682 C156.876,150.138 154.841,146.363 155.568,141.563 C156.412,135.988 159.705,132.247 164.875,130.612 C170.476,128.841 175.457,130.384 179.323,135.022 C192.444,150.763 205.579,166.491 218.707,182.225 z' fill='%23FFFFFF'/%3E%3Cpath d='M403.281,273.273' fill='%23000000'/%3E%3Cpath d='M175.736,385.739 C171.705,390.247 166.913,392.077 161.01,390.284 C151.917,387.523 148.493,376.241 154.678,368.973 C159.975,362.749 165.541,356.753 170.996,350.662 C178.66,342.105 186.28,333.506 194.045,325.042 L359.892,139.227 C362.973,135.785 366.415,133.228 371.27,133.256 C376.908,133.288 381.085,136.007 383.448,140.887 C386.008,146.175 385.198,151.326 381.166,155.82 C367.48,171.072 353.809,186.337 340.131,201.596 z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	}

	#advancedSearchButton{
		border: none;
	}

	#dm_dsa_priceboble {
		right: -10px;
		top: -180px;
	  }

	.dm_dsa_w90 .w-25 {
		width: auto !important;
	}
}

@media (max-width:370px) {	
	#filter_list .filter_box{
		width: 46%;
	}
}

@media (max-width:330px) {
	#filter_list .filter_box{
		width: 100%;
	}
}


.carousel-inner > .carousel-item  {
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-indicators-numbers li {
    text-indent: 0;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 100%;
    line-height: 40px;
    color: #fff;
    background-color: #999;
    transition: all 0.25s ease;
	text-align: center;
}

.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
	margin: 0 10px;
	width: 40px;
	height: 40px;
	background-color: #366D97;     
}

.carousel-inner {
	min-height: 80vh;
}

.carousel-item {
	padding-bottom: 3rem;
}

.hidepager {
	visibility: hidden;
	display: none;
} 

.carousel-indicators {
	bottom: -5%;
}

.big .carousel-indicators {
	bottom: -10%;
	height: 4rem;
}

@media (max-width:450px) {
	#dm_dsa_publication .product_container, #dm_dsa_searchresult .product_container	{ height: 380px;}
}

@media (max-width:400px) {
	#dm_dsa_publication .product_container, #dm_dsa_searchresult .product_container	{ height: 360px;}
}

@media (max-width:350px) {
	#dm_dsa_publication .product_container, #dm_dsa_searchresult .product_container	{ height: 340px;}
}

@media (max-width:300px) {
	#dm_dsa_publication .product_container, #dm_dsa_searchresult .product_container	{ height: 320px;}
}


/* @media (min-width:1400px) and (max-width:1800px) {
	.w-50 .dm_dsa_preview {
		top: 260px;
	}
}

@media (min-width:1801px) and (max-width:1920px) {
	.w-50 .dm_dsa_preview {
		top: 290px;
	}
}

@media (min-width:1921px) and (max-width:2560px) {
	.w-50 .dm_dsa_preview {
		top: 390px;
	}
}

@media (min-width:2561px) {
	.w-50 .dm_dsa_preview {
		top: 550px;
	}
} */

/* Style the buttons that are used to open and close the accordion panel */
.acmain {
	background-color: #eee;
	/* color: #444; */
	cursor: pointer;
	padding: 18px;
	width: 100%;
	height: auto;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-radius: 0;
	/* margin-top: 5px; */
  }
  
  .acmain:after{
	  float: right;
	  content: '\002B';
	  font-weight: bold;
  }
  .acmain.acactive:after{
	  content: "\2212";
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .apanel {
	padding: 18px;
	background-color: white;
	display: none;
	overflow: hidden;
  }

  .carousel-item.active {
	display: flex;
	align-items: center;
  }

  .slide-arrows {
	padding: 0;
	margin: 0;
	color: #6498c0;
	height: 50px;
	width: 50px;
	background: none;
	border: none;
	cursor: pointer;
  }

  .slide-arrows.inactive {
	color: gray;
	cursor: not-allowed;
  }

/* Cookie banner */

#cookie_text {
    background-color: #6498c0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 10px 15px;
    color: #ffffff !important;
    text-align: center;
    border-top: 1px solid #457eaa;
}

#cookie_text p {
    margin: 0 0 10px 0;
    font-size: 14px;
	color: #ffffff !important;
}

#cookie_text strong {
    color: #ffffff !important;
}

.cookie_accept_button, .cookie_customize_button {
    background-color: #4caf50;
    height: 40px;
    line-height: 40px;
    color: #ffffff !important;
    font-family: inherit;
    font-size: inherit;
    border: none;
    margin: 5px;
    cursor: pointer;
    padding: 0 20px;
    border-radius: 5px;
}

.cookie_customize_button {
    background-color: #5b89ad;
}

.cookie_customize_button:hover, .cookie_accept_button:hover {
    opacity: 0.9;
}

#cookie_customize_container {
    background-color: #5b89ad;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    text-align: left;
}

.cookie_option {
    margin-bottom: 15px;
    color: #ffffff !important;
}

.cookie_option_label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.cookie_option_label input[type="checkbox"] {
    display: none;
}

.cookie_option_label .slider {
    position: relative;
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.cookie_option_label .slider:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fff;
    top: 1px;
    left: 1px;
    transition: transform 0.3s;
}

.cookie_option_label input[type="checkbox"]:checked + .slider {
    background-color: #4caf50;
}


.cookie_option_label input[type="checkbox"]:checked + .slider:before {
    transform: translateX(20px);
}

.cookie_option_description {
    margin: 0;
    padding-left: 30px; 
    font-size: 13px;
    line-height: 1.5;
}

.cookie_option_label input[type="checkbox"]:disabled + .slider {
    opacity: 0.5;      
    cursor: not-allowed;
}