.pulse {
	-webkit-animation: pulse 10s linear infinite;
	-moz-animation: pulse 10s linear infinite;
	-ms-animation: pulse 10s linear infinite;
	margin: .8%;
	animation: pulse 10s linear infinite;
	-webkit-filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.2));
}
.pulse2{
	animation-delay: 1s;
}

@keyframes "pulse" {
 0% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 50% {
    -webkit-transform: scale(0.9);
   	-moz-transform: scale(0.9);
   	-o-transform: scale(0.9);
   	-ms-transform: scale(0.9);
   	transform: scale(0.9);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }

}
@-moz-keyframes pulse {
 0% {
   -moz-transform: scale(1);
   transform: scale(1.1);
 }
 50% {
   -moz-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
}

@-webkit-keyframes "pulse" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1.1);
 }
 50% {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
  50% {
   -webkit-transform: scale(0.9);
   transform: scale(0.9);
 }
 0% {
   -webkit-transform: scale(1);
   transform: scale(1.0);
 }
}

@-ms-keyframes "pulse" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1.1);
 }
 50% {
   -ms-transform: scale(0.9);
   transform: scale(0.9);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
}

.cheersContainer{position: relative;margin-left:-10%;width: 125%;}
.frontpage-inner, .indexWelcome > div:first-child { max-width: 1200px; margin: 0 auto; }
.cheersContainer { margin: 0 auto; width: 100%; }
.search-section { display:flex;align-items:center;gap:20px;margin:0; }
.searchbox-outer { flex:1; padding: 8px 0px; width:100%; display: flex; align-items: center; }
.searchbox-outer input { border: none; outline: none; background: transparent; font-size: 22px; flex:1; padding: 18px 0; }
.searchbox-outer button { background: var(--purple); border: none; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-left: 8px; cursor: pointer; }
.searchbox-outer button svg { stroke: #fff; }
.mapbox-outer { min-width: 220px; height: 72px; border-radius: 32px; overflow: hidden; box-shadow: 0 4px 24px rgba(60,40,120,0.08); border: none; display: flex; align-items: center; justify-content: center; background: #fff; }
.mapbox-outer img { width: 220px; height: 72px; object-fit: cover; border-radius: 32px; }
.section-block { margin-bottom:40px; }
.card-list { display:flex;gap:20px;flex-wrap:wrap;justify-content: center; }
.experience-card {
	border-radius: 24px;
	width: 340px;
	background-color: none !important;
	padding: 0 0 0 0;
	transition: box-shadow 0.2s;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.experience-card .img-wrap {
	position: relative;
	width: 100%;
	height: 220px;
	border-radius: 24px;
	overflow: hidden;
	background: #eee;
}
.experience-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 24px;
	display: block;
	transition: transform 0.3s ease;
}
.experience-card:hover img {
	transform: scale(1.05);
}
.experience-card .heart {
	position: absolute;
	bottom: 18px;
	right: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.experience-card .card-content {
	padding: 8px 8px 0 8px;
	width: 100%;
	text-align: left;
}
.experience-card .card-title {
	font-weight: 600;
	font-size: 14px;
	color: #111;
}
.experience-card .card-meta {
	font-size: 14px;
	color: #888;
	margin-bottom: 8px;
}
@media (max-width: 500px) {
	.card-list { flex-direction: column; gap: 20px; }
	.experience-card { width: 100%;}
	.search-section { flex-direction: column; gap: 20px; }
	.mapbox-outer { width: 100%; min-width: unset; }
}
.frontpage-inner, .indexWelcome > div:first-child { max-width: 1200px; margin: 0 auto; }
.cheersContainer {  margin: 0 auto; width: 100%; }

.frontpage-main { padding: 40px 0 0 0; }
.search-section { display:flex;align-items:center;gap:32px;margin:0 auto;margin-bottom:50px; }
.section-block { margin-bottom:40px; }
.card-list { display:flex;gap:20px;flex-wrap:wrap; }
.experience-card { border-radius:24px;width:220px;}
@media (max-width: 500px) {
	.card-list { flex-direction: column; gap: 20px; }
	.experience-card { width: 100%; }
}

@media screen and (max-width : 780px) {
	.appStoreLink{
		right: 10px;
	}

	.frontpage-main {
		padding: 20 10px;
	}

	.stotImg{width:100%;}
	
	.cheersContainer{padding-top:15%;}
}

@media only screen and (max-width: 1170px) {
    .hideOnMobile {
        display: none !important; 
    }
}

/* Filter indicator dot hover effect */
#filter-indicators .filter-dot {
	transition: margin 0.2s;
}

#filter-indicators {
	transition: margin 0.2s;
}

#filter-indicators:hover{
	margin-right:-5px;
}

#filter-indicators:hover .filter-dot {
	margin: -5px !important;
}

/* Filter indicator dots for search icon */
.filter-dot {
	box-shadow: 0 1px 4px rgba(0,0,0,0.10);
	text-align: center;
	cursor: pointer;
	line-height: 35px;
	transition: box-shadow 0.2s;
	position:relative;display:inline-block;width:35px;height:35px;border-radius:50%;margin-left:-20px;
}

#filter-indicators{
	margin-right:-10px;
}

.filter-dot .fave-indicator {
	pointer-events: none;
}
:root {
	--purple: #5b2185;
	--grey: #F5F5F5;
	--content-text: #5E5E5E;
  }
  .signin-button > div > div > svg {  
	height: 50px;  
	width: 100%;  
  } 
html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
.grecaptcha-badge { visibility: hidden; }
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible;-webkit-appearance: none;}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0;-webkit-appearance: checkbox;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:'Open Sans',sans-serif;font-size:15px;line-height:1.5;background: var(--grey);}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
h1.heading {
    display: inline-block;
	box-sizing: border-box;
	color: #4c565e;
	font-size: 24px;
	padding: 0 10px 15px;
	border-bottom: 2px solid var(--purple);
	margin: 0;
	margin-bottom:20px;
}

.purpleButton{
	background: var(--purple);
	border-radius: 8px;
	float: left;
	width:auto;
	cursor: pointer;
	padding:15px 25px;
	font-size:12px;
	display:inline-block;
    box-shadow: 0 2px 8px 0 rgba(74,39,105,0.25);
	color: #fff;
	text-decoration: none;
	transition: ease-in-out .5s;
}

.purpleButton:hover{opacity: .9;}

.purpleButton:active{opacity:.8;}

.outlineButton{
	width: 50%;
	border: 1px solid var(--purple);
	border-radius: 5px;
	display: inline-block;
	color: var(--purple) !important;
	cursor: pointer;
	transition: all ease .2s;
	font-size: 16px;
	text-decoration: none;
	padding: 10px;
	margin: 0 auto;
}

.errorContainer{
	width: 100%;
	padding: 20px 200px 20px 20px;
	background:#fffbd0;
	color: #c0b752;
	position: relative !important;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 1.5;
	border: 2px dashed #e0da95;
	border-radius: 5px;
}

.errorContainer.red{
	background: #ffbaba;
	padding: 20px 180px 20px 20px;
	color: #a54b4b;
	border: 2px dashed #a54b4b;
}

.errorContainer.red .goLink{
	border: 2px solid #a54b4b;
}

.errorContainer.green{
	background: #efffde;
	color: #75a344;
	padding-right: 210px;
	border: 2px solid #93c45f;
}

.errorContainer.green .goLink{
	border: 2px solid #93c45f;
	width: 170px;
	}

.errorContainer .goLink{
	display: inline-block;
	position: absolute;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	border: 2px solid #e0da95;
	right: 20px;
	top: 20px;
	width: 180px;
}

.errorContainer .errorDesc{
	
}

@media screen and (max-width : 780px) {
	.mobileHide{
		display: none !important;
	}
	
	.errorContainer{
		padding: 10px;
	}
	.errorContainer .errorDesc{
	width: 100% !important;	
		display: block;
	}

	.errorContainer .goLink{
		width: 100%;
		position: relative;
		right: auto;
		top: auto;
		margin-top: 10px;
		display: block;
	}
}

.outlineButton:hover{
	background:var(--purple);
	color: #ffffff !important;
}
/*table {
    margin-left:auto;
margin-right:auto;
}*/

/* CALC ROI*/
.calcROI{
	margin: 50px;
	padding: 20px;
	border-radius: 5px;
	background: var(--purple);
}

.calcROI h2{
	padding-bottom: 50px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	font-size: 25px;
}

.calcROI table tr td{
	color: white !important;
	font-size: 17px;
	padding: 12px;
	font-weight: bold;
	text-align: center;
}

.calcROI i{
	font-size: 12px;
	text-align: center;
	width: 100%;
	color: #a870d0;
	display: inline-block;
}

.calcROI input{
	max-width: 200px !important;
	font-size: 25px;
	background: transparent;
	border: 0px !important;
	text-align: center;
	border-bottom:2px solid white !important;
	color: white !important;
	border-radius: 0px !important;
	margin: 20px;
}

@media screen and (max-width : 1220px) {
.calcROI{
	border-radius: 0px;
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 10px;
}

.calcROI h2{
	font-size: 16px;
	padding: 5px;
}

.calcROI table tr td{
	font-size: 12px;
	padding: 10px 0px;
}


.calcROI i{
	padding: 10px 0px;
}

.calcROI input{
	font-size: 14px;
	margin: 0px;
}
}

/* CALC ROI END*/

.contactDesc{
	width: calc(100% + 110px);
	text-align:center;
	background: #f5f5f5;
	display: block;
	margin:0px 0px 0px -55px;
}

.contactDesc.welcome{
		margin: 0px;
		width: 100% !important;
	}

.contactInfo{
	color: #393939;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	width: 50%;
	float: right;
	line-height: 1.5;
	padding: 60px 40px;
	}
	
	.companyInfo{
	color: #393939;
	text-align: left;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	width: 40%;
	line-height: 1.5;
	padding: 60px 0px 10px 0px;
	}
	
 .loginInfo{float:right;text-align: center;width:55%;color: #3b3b3b;margin: 0px 0px 30px 0px;}
	
.contactFormContainer{display: inline-block; width:40%;}

.missingDeal{
	display: inline-block;
	padding:20px 20px 20px 80px;
	color:#7A590B;
	text-decoration: none;
	font-size: 16px;
	width: 100%;
	margin: 20px 0px;
	background: #FFD167;
	border-radius: 2px;
	background-image: url(../img/missingDeal.png);
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size:40px;
	transition: ease-in-out .2s;
	box-shadow: 0px 5px 15px rgba(172, 123, 10, 0.137);;
	border: 1px solid #FDB818;
}

.missingDeal:hover{
	transform: scale(1.05);
}

.partnerSteps{
	float: right;color: black;width: 55%;
	vertical-align: top;
	padding: 5% 5%;
}

.partnerSteps .number{
	background:var(--purple);
	text-align: center;
	line-height: 80px;
	font-size: 24px;
	font-weight: bold;
	width: 80px;
	height: 80px;
	color: white;
	margin-bottom: 30px;
	display: inline-block;
	border-radius: 50px;
}

.partnerSteps .stepDesc{
	color: grey;
	font-size: 16px;
	display: inline-block;
	padding: 40px;
}
	
@media screen and (max-width : 780px) {
	.contactDesc.welcome{
		margin: 0px;
		max-width: 100% !important;
	}
	
	.partnerSteps{
		width: 100%;
		padding: 30px 0px 0px 0px;
	}
	
	.partnerSteps .number{
	line-height: 50px;
	font-size: 18px;
	width: 50px;
	height: 50px;
	}
	
	.partnerSteps .stepDesc{
		padding: 20px 5px 20px 20px;
		font-size: 14px;
		width: 75%;
	}
	
	.contactDesc.welcome img{
		max-width: 100%;
	}
	
.contactInfo, .loginInfo{
	width:100% !important;
	padding: 20px;
	float: none;
	}	
	
	.loginInfo .outlineButton{
		width: 100%;
	}
	
.contactFormContainer{
	width: 100%;
}

}

/* BAR DETAILS PAGE */
.bgGrey{
	position: relative;
	min-width: 330px;
	padding: 10px;
}

h1.contentName{
	font-size:28px;
	width: 100%;
	max-width: 750px;
	padding-top:20px;
	margin: 0 auto;
	font-family: 'EB Garamond', serif;
}

.descContainer{
	width: 100%;
	font-size: 16px;
	max-width: 750px;
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
	line-height: 1.5;
	color: #262626 !important;
}

.descContainer img{
	max-width:750px;
}

.descContainer iframe{
	max-width:100%;
}


.barDetailsContainer{
	max-width: 100%;
	min-width: 330px;
	margin: 0% 10%;
	padding: 0%;
}

.barDetailsContainer .bgGrey{
	border-radius: 5px;
}

.barDetailsName h1{
	font-size: 24px;
	pointer-events: none;
	margin: 0 auto;
	padding: 20px 10px 0px 10px;
}

.barDetailsAdress{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	font-size: 12px;
	position: relative;
	font-style: italic;
	display: inline-block;
	margin-top: -5px;
}

.barDetailsName{
	pointer-events: none;
}

.w3-border{border-radius: 3px;}

@media screen and (max-width : 400px) {
	
.barDetailsContainer{
	margin: 0 !important;
}

.barDetailsContainer .bgGrey{
	border-radius: 0;
}

.w3-border{border:none !important;}

.barDetailsAdress{
	width: 46%;}
}

.ratingContainer{
	display: inline-block;
	padding: 0px 10px;
	height: 30px;
	pointer-events: all;
}

img.starRating{
	width: 25px !important;
	margin-bottom: -6px;
}

.infoBoxOpeningHours {
    padding: 10px;
    background:rgba(255, 255, 255, 0.8);
    color:black;
	width:100%;
	max-width: 750px !important;
	margin: 0;
	display: block !important;
    border-radius: 10px;
}

.infoBoxDetails{
	max-width: 750px;
	margin: 0 auto;
	font-size: 12px;
	padding: 10px 0px 2px 10px;
	cursor: default;
	color: #00000070;
}

.openingHours{
	width: 100%;
    table-layout:fixed;
}

.openingHours tr td{
	padding: 8px;
	font-size: 13px;
	text-align: right;
}

tr.today{
	font-weight: bold;
}

.noFacilities{
	text-align: center;
	display: inline-block;
	font-size: 12px;
	color: #c1c1c1;
	width: 100%;
	padding-top: 15px;
}

#becomeOwnerDiv{
	display: inline-block;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 10px 0px;
}

#becomeOwnerDiv a{	color: var(--purple);}

#facilitiesDiv ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#facilitiesDiv ul li{
	padding: 8px;
	font-size: 13px;
}

/* BAR DETAILS PAGE END*/

/* SEARCH PAGE START*/
#searchBox {
    width:80%;
    margin-left:auto;
    border:none;
    border-radius: 2px;
    margin-right:auto;
    height:59px;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
            -ms-transition: all 0.3s ease;
   }
    
    #content.search{
	background: var(--purple);
	padding: 10% 20%;
}

.searchButton {
    display: inline-block;
    border-radius: 2px;
    background-color:  #fff;
    color: var(--purple);
    font-weight: bold;
    font-size:20px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 18px 22px;
    border: 0;
}

div.searchResult {
    border-bottom: 1px solid #dbdbdb;
    width:100%;
    margin-top: 10px;
    padding-bottom:20px;
    cursor: pointer;
}

div.searchResult:last-child{
	border-bottom:none;
}

b.sponsored {
    color: rgba(255, 0, 0, 0.59);
    margin-top:0;
    margin-bottom:0;
}

.searchResultContainer{
	color: grey;
}

@media screen and (max-width : 780px) {
	#content.search{
		padding: 70px 10px;
	}
	
#searchBox{
	width: 100%;
	font-size: 12px;
}	

#searchBox:focus{
	width: 100%;
	font-size: 15px;
}

.searchButton{
	width: 100%;
	margin-top: 10px;
}
}
/* SEARCH PAGE END*/

header{
	padding: 0% 10%;
	margin: 0 auto;
	position: relative;
	max-width: 80%;
	height: 80px;
	color: white;
	position:fixed;
	            background-color: #5b2185e6; /* more opaque */
                box-shadow: 0 4px 24px rgba(60,40,120,0.12);
                background-color: #5b21854d;
                -webkit-backdrop-filter: blur(8px);
                backdrop-filter: blur(8px);
    			width: calc(100% - 40px);
                z-index: 999;
                top:20px;
                left:50%;
                transform:translateX(-50%);
                justify-content: space-between; 
                max-width: 1200px;
                margin:20px auto;
                display:flex;
                align-items: center;
                border-radius: 20px;
    			transition: background 0.2s, box-shadow 0.2s, top 0.2s;
            }

            header.header-scrolled {
  
            }

            .w3-panel.w3-center a{color:#fff;}

            .mobileDealPopup{
                display: none;
            }

            #navigation .show-menu{
                background-image: url(/img/nav_icon_white.svg);background-size:25px;
            }

            .loginMove{right:220px !important}

            @media only screen and (max-width: 768px) {
            .mobileDealPopup{
                display: inline-block;
                padding:12px 20px;
				backdrop-filter: blur(2px);
				color: #25063C;
				padding: 10px 30px !important;
				font-weight: 700;
				border-radius: 18px;
            }

            header{
                top:10px;
                width: calc(100% - 20px);
            }


            .hideOnMobile{display: none;}
            }

	#navigation {
		margin-left: auto;
		display: flex;
		align-items: center;
 		order: 2;
	}

	#navigation .findExperiences{
		background: rgba(255, 255, 255, 0.9);
		backdrop-filter: blur(2px);
		color:#25063C;
		padding:0px 30px;
		font-weight: 700;
		border-radius: 18px;
	}

header.greyHeader{
	background: var(--grey);
}

.backArrow{
	height: 40px;
	padding: 5px;
	margin-top: 12px;
}

header h1{
	color: white;
   font-weight: 300;
  }
  
  /* FOOTER START*/
  footer{
	font-size: 14px;
    position: relative;
}
  
  .footerContainer {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
    padding: 2% 10%;
    margin: 0 auto;
}

.paymentTypeContainer{
    margin:0 auto;
    text-align:center;
    width: 100%;
    max-width: 750px;
    position:relative;
}

.creditcardContainer{
	width: 46px;
	transition: all ease-in-out .2s;
	border:1px solid #D1D1D1;
	border-radius:4px;
	height: 30px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right:0px;
}

.creditcardContainer.dk{background-image: url('../img/dankort.svg');}
.creditcardContainer.visa{background-image: url('../img/visa.svg');}
.creditcardContainer.mastercard{background-image: url('../img/mastercard.svg');}
.creditcardContainer.mobilepay{background-image: url('../img/mobilepay.svg');}
.creditcardContainer.apay{background-image: url('../img/apay.svg');}
.creditcardContainer.gpay{background-image: url('../img/gpay.svg');}

.footerColumnContainer{width:auto;margin-left:40px}
.footerColumnContainer ul{list-style:none;padding:0;margin:0}

.footerColumnContainer .footerBlogContainer{background-image:url('../img/logo100.png');background-repeat:no-repeat;background-position:left center;background-size:50px;height:50px;padding-top:20px;padding-left:55px}

.footerColumnContainer ul li{padding-bottom:3px}

.footerColumnContainer a{color:var(--purple);text-decoration:none}

.footerColumnContainer a:hover{text-decoration: underline;}

.footerSocialLinks{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;white-space:nowrap;margin-top:12px}

.footerSocialLink{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#c4c4c4;color:#fff !important}

.footerSocialLink:hover{text-decoration:none;background:var(--purple);color:#fff !important;}

.footerColumnContainer.right{float:right}

.footerColumnContainer.left{float:left;margin-left: 0px;}.footerColumnContainer .columnHeader{font-weight:600;color:var(--content-text);margin-bottom:15px}

.appDownloadBanner{
	display:none;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	position:fixed;
	top:92px;
	left:50%;
	z-index:1000000005;
	width:calc(100% - 40px);
	max-width:620px;
	margin:0;
	padding:16px 20px;
	box-sizing:border-box;
	transform:translateX(-50%);
	border:0;
	border-radius:0;
	background:rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	box-shadow:0 10px 30px rgba(39, 39, 39, 0.16);
	transition:transform 0.25s ease, opacity 0.25s ease;
}

.appDownloadBannerText{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	min-width:0;
	gap:0;
	line-height:1.15;
}

.appDownloadBannerIconLink{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 48px;
	width:48px;
	height:48px;
}

.appDownloadBannerIcon{
	display:block;
	width:48px;
	height:48px;
}

.appDownloadBannerButton{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	padding:10px 8px;
	border-radius:0;
	background:transparent;
	color:#0d6efd !important;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

.appDownloadBannerButton:hover{
	background:transparent;
	color:#0d6efd !important;
	text-decoration:none;
}

.appDownloadBannerClose{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 32px;
	width:32px;
	height:32px;
	padding:0;
	border:0;
	background:transparent;
	color:#666;
	font-size:26px;
	line-height:1;
	cursor:pointer;
}

.appDownloadPage{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:100vh;
	margin:0;
	padding:20px;
	box-sizing:border-box;
	background:#f7f3fa;
}

.appDownloadPageCard{
	width:100%;
	max-width:560px;
	padding:40px;
	box-sizing:border-box;
	border-radius:16px;
	background:#fff;
	text-align:center;
	box-shadow:0 10px 30px rgba(39, 39, 39, 0.12);
}

.appDownloadPageLogo{
	display:block;
	width:110px;
	height:auto;
	margin:0 auto;
}

.appDownloadStoreLinks{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:12px;
	margin-top:24px;
}

.appDownloadStoreLinks a{
	display:inline-flex;
}

.appDownloadStoreLinks img{
	display:block;
	width:174px;
	height:auto;
}

.appDownloadPageQr{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	margin-top:28px;
}

.appDownloadPageQr svg{
	display:block;
	width:180px;
	height:180px;
}

.appDownloadPageQr span{
	color:#666;
	font-size:13px;
}

.appPromoCard{
	position:relative;
	display:grid;
	grid-template-columns:minmax(0, 1fr) 360px;
	min-height:430px;
	margin:20px 0 50px;
	padding:44px 50px;
	box-sizing:border-box;
	overflow:hidden;
	border-radius:24px;
	background:#f3edf7;
	color:#34213f;
}

.appPromoContent{
	position:relative;
	z-index:2;
}

.appPromoHeading{
	display:flex;
	align-items:center;
	gap:12px;
}

.appPromoHeading img{
	display:block;
	width:54px;
	height:54px;
}

.appPromoHeading h2{
	margin:0;
	color:#431266;
	font-size:32px;
	line-height:1.2;
}

.appPromoBenefits{
	margin:22px 0 0;
	padding:0;
	list-style:none;
	font-size:16px;
	line-height:1.6;
}

.appPromoBenefits li{
	display:flex;
	align-items:flex-start;
	gap:9px;
	margin-top:8px;
}

.appPromoBenefits li svg{
	flex:0 0 20px;
	width:20px;
	height:20px;
	margin-top:2px;
	color:var(--purple);
	stroke-width:3;
}

.appPromoActions{
	display:flex;
	align-items:center;
	gap:24px;
	margin-top:30px;
}

.appPromoQr{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	padding:9px;
	border-radius:12px;
	background:#fff;
	color:#555;
	font-size:11px;
	text-decoration:none;
}

.appPromoQr svg{
	display:block;
	width:118px;
	height:118px;
}

.appPromoDownload p{
	display:flex;
	flex-direction:column;
	margin:0 0 14px;
}

.appPromoDownload p strong{
	font-size:25px;
	line-height:1.2;
}

.appPromoDownload p span{
	color:#766a7d;
	font-size:13px;
}

.appPromoStoreLinks{
	display:flex;
	align-items:center;
	gap:10px;
}

.appPromoStoreLinks a,
.appPromoStoreLinks img{
	display:block;
}

.appPromoStoreLinks img{
	width:135px;
	height:auto;
}

.appPromoReadMore{
	display:inline-block;
	margin-top:14px;
	color:var(--purple);
	font-size:13px;
	font-weight:600;
}

.appPromoVisual{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:390px;
}

.appPromoCardCompact{
	display:block;
	min-height:0;
}

.appPromoCardCompact .appPromoVisual{
	display:none;
}

.dealListAppPromo{
	width:100%;
	max-width:950px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
}

.appPromoScreenshot{
	position:absolute;
	top:28px;
	right:60px;
	width:240px;
	height:auto;
	border:7px solid rgba(255, 255, 255, 0.9);
	border-radius:28px;
	box-shadow:0 18px 40px rgba(22, 7, 32, 0.32);
}

.bellisAppLanding{
	max-width:970px;
	margin:30px auto 50px !important;
	color:#272727;
	overflow:hidden;
}

.bellisAppLanding #backLinkDiv{
	margin-top:20px;
}

.bellisAppHero{
	padding-top:10px;
}

.bellisAppHeroText{
	max-width:680px;
}

.bellisAppIcon{
	display:block;
	width:64px;
	height:64px;
	margin-bottom:18px;
}

.bellisAppEyebrow{
	margin:0 0 8px;
	color:var(--purple);
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.05em;
}

.bellisAppLanding h1{
	margin:0 0 18px;
	font-size:40px;
	line-height:1.15;
}

.bellisAppIntro{
	margin:0;
	font-size:18px;
	line-height:1.65;
	color:#555;
}

.bellisAppStoreLinks{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:12px;
	margin-top:28px;
}

.bellisAppStoreLinks a{
	display:inline-flex;
}

.bellisAppStoreLinks img{
	display:block;
	width:150px;
	height:auto;
}

.bellisAppDownloadCta{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin-top:28px;
}

.bellisAppDownloadCtaIconLink{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 56px;
	width:56px;
	height:56px;
	border-radius:14px;
}

.bellisAppDownloadCtaIcon{
	display:block;
	width:56px;
	height:56px;
}

.bellisAppDirectDownload{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	min-height:48px;
	padding:0 20px;
	border:1px solid #e4d8eb;
	border-radius:12px;
	background:#f5f1f7;
	color:var(--purple);
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	box-shadow:0 4px 12px rgba(57, 27, 74, 0.08);
	transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.bellisAppDirectDownload:hover{
	background:#f5f1f7;
	border-color:#cdb9d9;
	color:#431266;
	text-decoration:none;
	box-shadow:0 6px 16px rgba(57, 27, 74, 0.12);
	transform:translateY(-1px);
}

.bellisAppDirectDownload svg{
	width:18px;
	height:18px;
}

.bellisAppStoreLinksBelowScreens{
	justify-content:center;
	margin:0 0 44px;
}

.bellisAppScreens{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:16px;
	max-width:820px;
	margin:42px auto 48px;
}

.bellisAppScreens img{
	display:block;
	width:100%;
	height:auto;
	border-radius:14px;
	box-shadow:0 10px 24px rgba(57, 27, 74, 0.12);
}

.bellisAppDownload{
	display:flex;
	align-items:center;
	gap:40px;
	margin-top:42px;
	padding:36px;
	border-radius:12px;
	background:#f7f3fa;
}

.bellisAppQr{
	display:flex;
	flex:0 0 230px;
	align-items:center;
	justify-content:center;
	width:230px;
	height:230px;
	padding:10px;
	border-radius:8px;
	background:#fff;
}

.bellisAppQr svg{
	display:block;
	width:210px;
	height:210px;
}

.bellisAppDownloadText h2{
	margin:0 0 12px;
	font-size:28px;
}

.bellisAppDownloadText p{
	max-width:490px;
	margin:0;
	font-size:16px;
	line-height:1.6;
	color:#555;
}

.bellisAppDownloadText .bellisAppBrowserLink{
	margin-top:16px;
	font-size:14px;
}

.bellisAppDownloadText a{
	color:var(--purple);
	font-weight:600;
}

.bellisAppBenefits{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:24px;
	padding-top:44px;
}

.bellisAppBenefits article{
	padding:24px;
	border:1px solid #e8e1ed;
	border-radius:10px;
}

.bellisAppBenefits h2{
	margin:0 0 10px;
	font-size:18px;
}

.bellisAppBenefits p{
	margin:0;
	line-height:1.6;
	color:#666;
}

.bellisAppSeo{
	max-width:760px;
	margin:56px auto 0;
	padding:44px 0 16px;
}

.bellisAppSeo h2{
	margin:0 0 18px;
	font-size:28px;
	line-height:1.3;
}

.bellisAppSeo h3{
	margin:30px 0 10px;
	font-size:20px;
	line-height:1.4;
}

.bellisAppSeo p{
	margin:0;
	color:#555;
	font-size:16px;
	line-height:1.75;
}

.bellisAppSeo a{
	color:var(--purple);
	font-weight:600;
}

  #cookieReminderLink{float:right;color:#fff;width: 100%;background:var(--purple);padding:10px;text-align:center;border-radius:12px;font-size:17px;font-weight:bold;margin: 10px 0px;text-decoration: none;}

#cookieReminderDiv{	
	width: calc(100% - 20px);
    padding: 20px;
    z-index: 999999;
    left: 10px;
    color: black;
    position: fixed;
    bottom: 20px;
    max-width: 300px;
    border-radius: 12px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #e1e1e1;
	background: rgba(255, 255, 255, .95);
}

@media screen and (max-width : 780px) {
	header{max-width: 100%;}
#footer{font-size:14px;min-width:320px;width:100%;padding-bottom:60px;border-top:3px solid #cccccc}
.footerContainer{padding:20px 0px;min-width:100%;width:100%}
.footerColumnContainer{width:auto;margin-left:0px;text-align:left}
.footerColumnContainer .footerBlogContainer{background-position:left center;background-size:50px;height:50px;font-size:13px;padding:30px 10px 10px 60px;border-radius:8px}
.footerColumnContainer.right{float:none;padding:10px;font-size:13px;margin-top:10px;border-radius:8px;background: rgba(130, 63, 177, 0.13);}.footerColumnContainer.left{float:none}.footerColumnContainer .columnHeader.copyright{text-align:left;font-weight:normal}
.appDownloadBanner{
	display:flex;
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	max-width:none;
	margin:0;
	padding:calc(4px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) 4px calc(10px + env(safe-area-inset-left));
	transform:none;
	border:0;
	border-radius:0;
	background:var(--grey);
	-webkit-backdrop-filter:none;
	backdrop-filter:none;
	box-shadow:none;
	transition:none;
	gap:0;
}
body.app-download-banner-active .barDetailsHeader{
	top:var(--app-download-banner-offset, calc(68px + env(safe-area-inset-top))) !important;
	transition:none;
}
.appDownloadBannerText strong{font-size:12px;font-weight:600}
.appDownloadBannerText span{font-size:12px}
.appDownloadBannerButton{padding:10px 6px}
.appDownloadPageCard{padding:28px 18px}
.appPromoCard{
	display:block;
	min-height:0;
	margin:10px 0 40px;
	padding:28px 20px;
	border-radius:18px;
}
.appPromoHeading{gap:8px}
.appPromoHeading img{
	width:46px;
	height:46px;
}
.appPromoHeading h2{font-size:25px}
.appPromoBenefits{
	margin-top:18px;
	font-size:14px;
}
.appPromoActions{
	display:block;
	margin-top:22px;
}
.appPromoQr{display:none}
.appPromoStoreLinks img{width:120px}
.appPromoVisual{
	display:none;
}
#content.bellisAppLanding{
	margin:0 auto 20px !important;
	padding:0 18px 28px;
	padding-top:10px !important;
	border-radius:0;
}
.bellisAppLanding #backLinkDiv{margin-top:0}
.bellisAppHero{
	padding-top:0;
}
.bellisAppLanding h1{font-size:30px}
.bellisAppIntro{font-size:16px}
.bellisAppStoreLinks img{width:120px}
.bellisAppScreens{
	display:flex;
	gap:12px;
	width:calc(100% + 36px);
	max-width:none;
	margin:32px -18px 24px;
	padding:12px 18px 28px;
	box-sizing:border-box;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
}
.bellisAppScreens img{
	flex:0 0 200px;
	width:200px;
	max-width:none;
	scroll-snap-align:center;
}
.bellisAppDownload{
	display:none;
}
.bellisAppDownloadText h2{font-size:24px}
.bellisAppBenefits{
	grid-template-columns:1fr;
	gap:14px;
	padding-top:30px;
}
.bellisAppSeo{
	margin-top:40px;
	padding-top:30px;
}
.bellisAppSeo h2{font-size:24px}
.bellisAppSeo h3{font-size:18px}
.bellisAppSeo p{font-size:15px}
#cookieReminderDiv{max-width: none;;}  
}
  

  /* FOOTER END*/
  header a{text-decoration: none;color: white;padding: 0px 10px;margin: 10px 0px;}


header a img.logo {
	margin-left:-15px !important;
}


  header a:hover{text-decoration: underline;}

nav {
	max-width:970px;
	margin:0 auto;
	float: right;
}

nav ul {
	margin:0;
	padding:0;
	max-width:970px;
	display:table-row;
}

nav ul li {
	list-style:none;
	line-height: 45px;
	margin: 0px 5px;
	display:inline-block;
}

nav ul li:first-child {
	border-left:none;
}

nav ul li a {
	display:block;
	text-decoration:none;
	width:100%;
	position:relative;
	cursor: pointer;
	height:45;
	color:#000;
	line-height:45px;
}

nav ul li a:hover {cursor: pointer;}

#navigation {
}

nav ul.subNavPush {
	height:90px;
}

#navigation .show-menu {
	text-decoration:none;
	color:transparent;
	background-image:url(../img/nav_icon_white.svg);
	background-size:20px;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	width:40px;
	margin:20px 10px;
	line-height:40px;
	padding:0;
	display:none;
}

#navigation .show-menu:hover{
	cursor:pointer;
}

#navigation input[type=checkbox] {
	display:none;
}

#navigation input[type=checkbox]:checked ~ nav ul {
	display:block;
}

nav li:hover {
}
/* CONTENT */

/* SETTINGS */
.newConnectedUser{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    border: 1px solid #27bd4a;
    outline: none;
    border-radius: 25px;
    font-size: 13px;
    text-decoration: none;
    padding: 8px;
    width: 25px;
    height: 25px;
	background-color: #68d16a;
	float: right;
    color: #fff;
    display: inline-block;
    text-align: left;
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}

.connectedHeader td{
	font-weight: bold;
	padding-top: 10px;
	border-bottom: 2px solid #d4d4d4;
}

.connectedUser td{
	padding-top: 10px;
}

.connectedHeader{margin: 10px 0px;}

.connectedUsers .connectedUsersTable{
	width: 100%;
}

.connectedUsers .connectedBar{
	font-size: 12px;
	color: #8e8e8e;
}

.connectedUsers .connectedBar img{
	width: 20px;
	margin-right: 10px;
	margin-bottom: -5px;
}

/* SETTINGS END */


/* PARTNER CENTRAL PAGE START*/
.partnerCentral{
	position: relative;
	overflow: hidden;
}

.shortcutContainer{
	display: inline-block;
	width: 100%;
	position: relative;
	text-align: center;
}

.partnerShortcut{
	width: 23%;
	display: inline-block;
	color: #bebebe;
	text-decoration: none;
	border-radius: 3px;
	transition: all ease 1s;
	margin-right: 5px;
	padding: 50px 0px;
	text-align: center;
	font-size: 13px;	
}

.toBars{
	display: inline-block;
	color: #bebebe;
	text-decoration: none;
	border-radius: 3px;
	transition: all ease 1s;
	height: 200px;
	max-height: 200px;
	min-height: 200px;
	margin-right: 5px;
	padding: 50px 0px;
	text-align: center;
	font-size: 13px;
}

.partnerShortcut > img{
		width: 77px;
		padding: 10px;
		border: 1px solid #fff;
		transition: all ease 1s;
}

.partnerShortcut:hover > img{
	background: #dcf9ff79;
    border-radius: 17px;
}

.statisticContainer{
	width: 100%;
	background:#f8f8f8;
	padding: 30px;
	border-radius: 3px;
    position: relative;
    text-align: center;
    color: #d2d2d2;
    font-size: 17px;
    cursor: not-allowed;
    border: 1px solid #dedede;
    height: 100px;
}

.newsContainer{
	float: right;
	width: 29%;
	min-width: 250px;
	padding: 30px;
	height: 100%;
	background: #f8f8f8;
    border-radius: 3px;
    position: relative;
    border: 1px solid #dedede;
}

.partnerLeftWrap{
	display: inline-block;
	width: 60%;
}

@media screen and (max-width : 1400px) {
	.partnerShortcut{
		width: 45%;
	}
	
	.statisticContainer{width: 100%;}
	
	.newsContainer{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	
	.partnerLeftWrap{
		width: 100%;
	}
}

.newsContainer h2{
	margin: 0;
	font-weight: bold;
	color: #afafaf;
	padding: 0;
	padding-left: 10px;
	border-bottom: 2px solid #dedede;
	padding-bottom: 5px;
	font-size: 16px;
}

.newsArticleContainer{
	width: 100%;
    border: 1px solid #f8f8f8;
	color: #9f9f9f;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	line-height: 1.5;
	margin: 10px 0px;
}

.newsArticleContainer:hover{
	background: #fff;
    border: 1px solid #dedede;
    border-radius: 3px;
}

.newsArticleContainer h3{
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding: 0;
	padding-bottom: 5px;
	margin: 0;
}

.newsArticleContainer .date{
	font-style: italic;
	font-size: 12px;
}

.newsArticleTextContainer{
	overflow-x: hidden;
	white-space: nowrap;
	margin-top: 10px;
	font-size: 12px;
	text-overflow: ellipsis;
	
}

/* PARTNER CENTRAL PAGE END*/

/* PARTNER PAGE START*/
.functionList{
	width: 100%;
}

.functionList .comingSoon td{
	background: var(--grey) !important;
	width:100%;
	font-size:12px;
}

.tableRecommend{
	float:right;padding:10px;text-align: center;font-weight: bold;;margin-bottom:2px;width: calc(20% - 3px);background: #974cbc;}

.functionList tr:nth-child(even) {background: #f1f1f1;border-radius:10px;}
.functionList tr:nth-child(odd) {background: none;}

.functionList thead{
	background: #f5f5f5;
	color: black;
}

.functionList tr img{
	width:30px;
}

.functionList th{
	border-bottom: 0px;}


.functionList th.tableDesc{
	font-weight: normal;
	color: #585858;
	padding: 20px;
}

.functionList .purple{
	text-align: center;
	border-left: 2px solid #f1f1f1;
	background: var(--purple);
	padding: 30px 10px;
	font-size: 16px;
	color: white;
}

.functionList .purple a{
	color: white;
	text-decoration: none;
}

.purpleDesc{
	margin-top: 15px;
	font-size: 14px;
	font-weight: normal;
	opacity:.8;
	display: inline-block;
}

.functionList .purple .price{
	font-size: 70px;
	font-weight: normal;
	display: inline-block;
	margin-top: 20px;
}

.functionList .purple .krmd{
	font-size: 15px;
	font-weight: normal;
	padding-left: 5px;
	display: inline-block;
	margin-top: 20px;
}

.functionList .purple img{
	margin-bottom: -12px;
}

.functionList td{
	padding: 15px;
	text-align: center;
	font-size: 14px;
	color: #686868;
}

.functionList tr{
	transition: all ease .5s;
}


.functionList .comingSoon:hover{
	background: transparent;
}

.functionList tr .yes{
	font-size: 16px;
	color: var(--purple);
}

.functionList tr .no{
	font-weight: bold;
	font-size: 35px;
	color: #d2d2d2;
}

.functionList thead tr:hover{	
	background: #f5f5f5 !important;	
}

tr td:first-child{
	text-align: left;
	font-size: 13px;
	color: #585858;
}

.yellowShoutOut{
	width: calc(100% + 110px);
	position:relative;
	background: #fbb700;
	margin-left: -55px;
	margin-bottom: -55px;
	background-image: url('../img/bubbles_big.png');
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 55px;
}

.yellowPhone{display:inline-block; width:30%}

.yellowDesc{
	display:inline-block;vertical-align:top;}
 
.yellowShoutOut .waitingFor{
	font-size: 4vw;font-weight: bold;padding: 40px;z-index: 1;
}

.yellowShoutOut .waitingFor2{
	font-size:1.2vw;font-weight: bold;padding: 0px 40px 40px 40px; z-index: 1;
}

.yellowShoutOut .outlineButton{text-align: center;margin-left: 50px;font-weight: bold;border-width: 2px;}

@media screen and (max-width : 780px) {
	.form-basic.partnerPage{
		padding: 0px !important;
	}
	
	.functionList td{
	padding: 7px;
	}
	
	.functionList .comingSoon td{
		padding-left: 7px;
	}
	
	.functionList th.tableDesc{
	font-size: 14px;
	width:160px;
	padding: 5px !important;
	color: #585858;
	}
}

.tableRecommend{display: none;}

.functionList .purple{
	padding:10px 5px;
	vertical-align: top;
}

.functionList .purple .price{
	font-size: 40px;
}


.yellowShoutOut {
	max-width: 100%;
	overflow: hidden;
	margin-left: 0px;
	margin-bottom: 0px;
}


.yellowPhone{display:inline-block; width:45%;margin-left: -50px;}

.yellowDesc{
	display:inline-block;vertical-align:top;width: 65%;}
	
.yellowShoutOut .waitingFor{
	font-size: 5vw;padding: 0px;
	display: inline-block;
	padding-top: 20px
}


.yellowShoutOut .outlineButton{text-align: center;margin-left: 0px;font-size:13px;border-width: 2px; width: 100%;margin-top:30px;
}

.yellowShoutOut .waitingFor2{
	font-size:13px;padding: 0px;display: inline-block;
}
}

/* PARTNER PAGE END*/

/* ADMIN PANEL START */
.nonYet{
	padding-top: 40px;
	font-size: 13px;
	margin: 0 auto;
	color: #cccccc;
	text-align: center;
}

.tableIconTop{
	width: 24px;
	height: 24px;
	margin-right: 5px;
	margin-bottom: -2px;
}

.tableIcon{
	width: 30px;
	height: 30px;
	background: #f0f0f0;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	padding: 2px;
	margin: 0 5px;
}

.tableButtonContainer{
	min-width: 280px;
}

.tableIcon:hover{
	background: white;
}

.tableIcon.visible{
	background: none;
	border: none;
}

.visability{
	display: inline-block;
	margin-top: -8px;
	vertical-align: text-top;
	height:30px;
	width: 60px;
	font-size: 12px;
	margin-right: 20px;
	color: grey;
}

.enabled{text-align: center;}

.numberOfBars{
	font-size: 12px;
	padding: 0px;
	color: #898989;
}

.numberOfBars p{
	margin: 0px;
}

#foo{
	margin-top: 20px;
}

.newBar{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    border: 1px solid #27bd4a;
    outline: none;
    border-radius: 25px;
    position: absolute;
    right: 100px;
    font-size: 13px;
    text-decoration: none;
    padding: 8px;
    width: 50px;
    height: 50px;
    float: right;
    top: 60px;
	background-color: #68d16a;
    color: #fff;
    display: inline-block;
    text-align: left;
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
}

.subNavLink{
	color: rgb(84,41,128);
	font-size: 18px;
	padding: 0px 30px 0px 0px;
	text-decoration: none;
}

.subNavLink.currentSubNav{
	text-decoration: underline;
}

.barList th{
	color: #aaaaaa;
	background: #f2f2f2;
	font-size: 12px;	
	font-weight: normal;
}

.barList th{
	border-bottom: 1px solid #dedede;
}

.barListName{
	color: var(--purple);
	text-decoration: none;
	font-size: 16px;
}

.barListName:hover{
	text-decoration: underline;
}

#city.editBarInput{
	width: 70% !important;
	color: #999999;
	float: right;
	cursor: no-drop;
	margin-top: 5px;
}

#tel.editBarInput{
	width: 48% !important;
	margin-top: 28px;
}

#website.editBarInput{
	width: 48% !important;
	float: right;
	margin-top: 28px;
}


#name.editBarInput{
	font-size: 16px;
	margin-bottom: 20px;
	width: 50% !important;
}

.editBarInput.type{
	margin-left: 10px;
}

.editBarInput.type span{
	margin-right: 10px;
	font-size: 13px;
	color: #6f6f6f;
}

#zip.editBarInput{
	margin-top: 5px;
	width: 25% !important;
}

.adverList th{
	color: #aaaaaa;
	border: none;
	font-size: 12px;	
	font-weight: normal;	
}

.adverContainer{
	background:#f8f8f8;
	border-radius: 3px;
	position: relative;
	border: 1px solid #dedede;
	float: left;
	transition: ease-in-out all .2s;
	width: calc(100% / 3 - 10px);
	text-align: left;
	max-width: 100%;
	min-height: 150px;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.adverContainer:nth-child(3n+3) {  
	width: calc(100% / 3);
	margin-right: 0px !important;
}

@media screen and (max-width : 1400px) {
	.editBarInput.type{
		width: 100%;display: block;
	}
	
	.editBarInput.type input{
		max-width: 50%;
	}
	
	#name.editBarInput{
		width: 100% !important;
	}
	
	.tableButtonContainer{
	min-width: 0px;
}
	
.adverContainer{  
	width: calc(100% / 2 - 10px);
	margin-right: 10px;
}	

.adverContainer:nth-child(3n+3) {  
	width: calc(100% / 2 - 10px);
	margin-right: 10px !important;
}

.adverContainer:nth-child(2n+2) {  
	width: calc(100% / 2 - 10px);
	margin-right: 0px;
}	
}

.adverContainer h2{
	padding: 0px !important;
	font-weight: 100;
	margin: 0px;
	padding-bottom: 0px !important;
	width: 100%;
	height: 30px;
	max-height: 30px;
	white-space: nowrap;
	max-width: 340px;
	overflow: hidden !important;
	text-overflow: ellipsis;
	border: none !important;
}

.adverContainer .deleteAdver {
	border-radius: 30px;
	border: 1px solid #dedede;
	padding: 4px;
	background: white;
	height: 30px;
	width: 30px;
	right: 80px;
	bottom: 10px;
	position: absolute;
}
.copyAdver {
    border-radius: 30px;
	border: 1px solid #dedede;
	padding: 4px;
	right: 45px;
	bottom: 10px;
	position: absolute;
	margin-top:5px;
	background: white;
	width: 30px;
	height: 30px;
}
.activAdver {
	border-radius: 30px;
	border: 1px solid #dedede;
	padding: 4px;
	right: 115px;
	bottom: 10px;
	position: absolute;
	margin-top:5px;
	background: white;
	width: 30px;
	height: 30px;
}
.soldAdver{
    border-radius: 30px;
	border: 1px solid #dedede;
	padding: 4px;
	right: 45px;
	bottom: 10px;
	margin-top:5px;
	background: white;
	width: 30px;
	height: 30px;
}

.soldAdverText{
	color: gray;
}

.soldAdverText span{
	color: gray;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
	font-size: 12px;
}

.adverBarName{
	color: #b0b0b0;
	float: left;
	font-weight: bold;
	padding: 4px 0px;
	margin-right: 10px;
	max-width: 100px;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
}

.adverTimeContainer{
	background: #fff;
	border-radius: 3px;
	padding: 6px;
	vertical-align: text-top;
	font-size: 12px;	
	color: #595959;
	width: 100%;
	border: 1px solid #dedede;	
}

.adverTimeContainer img{
	width: 16px;
	margin-right: 8px;
	margin-bottom: -3px;
}

.adverContainer .editAdver{
	border-radius: 30px;
	border: 1px solid #dedede;
	padding: 4px;
	background: white;
	width: 30px;
	right: 10px;
	bottom: 10px;
	position: absolute;
	height: 30px;
}

.adverContainer.expired{
	opacity: .5;
}

.adverContainer.expired:hover{
	opacity: 1;
}

.adverLive{
	font-size: 12px;
	font-style: italic;
	margin-right: 20px;
	color: #b9b9b9;
	line-height: 20px;
	float: left;
	margin-bottom: 2px;
}

.adverLive img{
	width: 20px;
	margin-right: 3px;
	margin-bottom: -5px;
}

.adverClaim{
	font-size: 12px;
	font-style: italic;
	color: #b9b9b9;
	line-height: 20px;
	margin-bottom: 2px;
}

.adverClaim img{
	width: 20px;
	margin-right: 0px;
	margin-bottom: -5px;
}


.adverInfWrapper .newAdverInfContainer{
	width: calc(100% / 2 - 12px);
	vertical-align: text-top;
	margin-right: 10px;
	display: inline-block;
}

.adverInfWrapper .newAdverInfContainer .newAdverContainer{
	min-height: 220px;
}

.dropImage{
	text-align: center;
	min-height: 200px;
	display: table;
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	color: grey;
	background:#EEE;
	margin-bottom: 20px;
	cursor: pointer;
}

.dropImageText{
  display: table-cell;
  text-align: center;
}

.extraPicture{
	box-sizing: content-box;
	width: 20%;
	max-width: 130px;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-shadow: 1px 7px 16px grey;
	border: 1px solid #d0d0d0;
	background-size: cover !important;
	cursor: pointer;
	font-size:30px;	
	line-height: 80px;
	background: #eee;
	height: 80px;
	border-radius: 5px;
	margin: 0px 5px 5px 0px;
}

.con2{
	min-height: 110px !important;
}

.pickBar{
	color: #989898;
	font-size: 13px;
}

.newAdverOffer{
	color: #707070;
	font-size: 13px;
}

.newAdverWrapper h2{
	font-size: 25px;
	display: inline-block;
	font-weight: 300;
	width: auto;
}

.newAdverWrapper h2 img{
	margin-bottom: -5px;
}

.newAdverContainer, .greyContainer{
	padding: 10px;
	background: #f8f8f8;
    border-radius: 3px;
    position: relative;
    border: 1px solid #dedede;
    }
    
.newAdverContainer input,  .newAdverContainer textarea{
	  width: 100% !important;
  } 
  
.newAdverContainer textarea{
	min-height: 133px;
	max-height: 400px !important;
}

.newAdverContainer #title, .newAdverContainer #pushTitle{
	font-size: 17px;
	margin-bottom: 5px;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

.newAdverContainer a{
	font-size: 12px;
	line-height: 18px;
	color: #a4a4a4;
	display: inline-block;
	margin: 4px 0px;
}

.newAdverContainer a img{
	margin-bottom: -4px;
}

.pickDayRepeat{
	line-height: 30px;
	background:white;
	padding: 10px;
	font-size: 14px;
	margin-bottom: 5px;
	border: 1px solid #dedede;
	border-radius: 4px;
	color: grey;
	display: inline-block;
	width: 100%;
}

.newAdverContainer #count, .newAdverContainer #count2{float: right;font-size: 12px;color: #d2d2d2;}

.styleLabelText{
	font-size: 14px;
	line-height: 1;
	color: #aaaaaa;
}

.starts, .expires{
	display: inline-block;
	width: calc(100% / 2 - 10px);
	margin-right: 10px;
	float: left;
	vertical-align: text-top;
}

.starts span, .expires span{
	padding: 10px 0px;
	width: 100%;
	text-align: center;
	color: #aaaaaa;
	font-size: 13px;
	display: inline-block;
}

.starts input, .expires input{
	font-size: 16px;
	width: 100% !important;
	text-align: center;
}

.subscriptionLink{
	background:#f8f8f8;border:1px solid #dedede;border-radius: 4px;display:inline-block;padding: 5px 10px;text-decoration: none;color: gray;font-size: 12px;line-height: 24px;
}


@media screen and (max-width : 1400px) {
	.subscriptionLink{
		width: 100%;
		margin-bottom:10px;
	}
	
	.newAdverLink{
		display: none;
	}
}

/* ADMIN PANEL END */

/* SLIDER START*/
.switch {
  position: relative;
  float: right;
  display: inline-block;
  flex: 0 0 60px !important;
  flex-shrink: 0 !important;
  min-width: 60px !important;
  width: 60px !important;
  max-width: 60px !important;
  height: 34px;
  box-sizing: border-box;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--purple);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}	
/* SLIDER END*/

.showHideBarInfo{
	text-align: center;
	display: block !important;
}

#hoursContainer .form-row, #facilitiesContainer .form-row{
	background: white;
	border-radius: 4px;
    padding: 10px 15px;
	margin-bottom: 10px;
	text-align: left;
	color: #6f6f6f;
    border: 1px solid #dedede;
}

#hoursContainer, #facilitiesContainer{
	padding-top: 10px;
}

#facilitiesContainer .form-row{
	padding: 5px 10px;
	position: relative;
	height: 50px;
}

#facilitiesContainer .form-row span{
	width: auto !important;
	}
	
#facilitiesContainer .form-row label{	
	margin-top: 4px;
}


#facilitiesContainer .form-row img{
	float: left;
}

#facilitiesContainer .form-row .faciItem{
	display: inline-block;
	padding-left: 20px;
	line-height: 40px;
	float: left;
}

.hoursInputContainer{
	float: right;
}

#hoursContainer .form-row span{
	text-align: left;
	width: 80px;
	display: inline-block;	
	padding-right: 30px;
}


#hoursContainer .form-row select{
	padding: 6px 8px;
}

.showHideMap{
	color: #989898;
	padding-bottom: 20px;
	display: inline-block;
	margin-top: -20px;
	float: left
}

/* CONTENT */
@media screen and (max-width : 780px) {

.newAdverContainer{
	min-height: 100px !important;
}

.newAdverContainer select{
	width: 100% !important;
}
	
.adverInfWrapper .newAdverInfContainer{
	width: 100%;
	
	position: relative;
}
	
.adverContainer{
	max-width: 100% !important;
	width: 100% !important;
	margin: 10px 20px 10px 0px;
}

.adverContainer h1{
	max-width: 300px;
}

footer{font-size: 12px;padding:20px;}

header a{padding: 0px 10px;}

header a img.logo {
	z-index: 99999999;
}
	
	#navigation .show-menu{
		top:25px;
	}
	
	nav ul.subNavPush {
     		height: auto; 
	}
	
	nav{float: none;}

	nav ul {
		position:absolute;
		left: 0px;
		z-index: 99999;
		backdrop-filter: blur(8px);
		top: 85px;
		border-radius: 20px;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
		border: 1px solid #e1e1e1;
		background: rgba(255, 255, 255, .95);
		width:100%;
		display:none;
	}

	li.visiting{
	box-shadow:inset 5px 0px rgb(1, 136, 60) !important;
	}

	.subNavigationContainer{
		position: relative !important;
    		height: auto !important;
    		border:none;
    		display: inline-block !important;
	}

	.subNavigationContainer ul{
		position: relative !important;
    		height: auto !important;
    		display: inline-block !important;
	}
	nav li {
		width:80%;
		padding: 5px 0px;
		text-align:center;
		display:block;
	}

	nav li.subsite{
		border:none;
	}

	nav li:first-child{
		border-top: none;
	}
	
	nav ul li,li a {
		width:100%;
		margin: 0px;
		height: auto;
		color:#000 !important;
	}
	
	nav ul li:hover, li a:hover {
		color:#000 !important;
	}

	ul li a.w3-border{border: none !important;font-style: italic;}
	
	ul li a.w3-light-grey{font-weight: bold;
		color:var(--purple) !important;}

	nav li:first-child:hover{
		border-top: none;
	}

	nav ul li:hover{
	}

	nav ul li.subsite:hover{
	border-top:none;
	}
	#navigation .show-menu {
		display:block;
	}
	
	
.indexWelcome img{;display: inline-block;width:320px;;margin-left: -160px;z-index: 9999;position: relative}

#content.indexWelcome{padding: 10px !important;}

.welcomeText{padding: 0px 0px 0px 130px !important;margin-top: -300px;}

.welcomeText h1{font-size: 22px;}

.welcomeText h2{font-size: 14px;margin-top:-20px;}
}


.goToLogin{
	display: block;
    border-radius: 2px;
    background-color: var(--purple);
    width: 50%;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 14px 22px;
    border: 0;
	margin: 0 auto;
    text-align: center;
    text-decoration: none;
}

th {
    text-align:left;
    border-bottom:1px solid black;
}
.oddTR {
    background: rgba(250, 250, 250, 1);
}

.w3-row{color: #ffffff !important;background:var(--grey);}
#content {
    margin: 0 auto;
    padding: 55px;
    padding-top:0;
    box-sizing: border-box;
    font: 14px "Raleway", Arial, sans-serif;
}

#backLinkDiv{
	color: #A6A6A6;
	cursor: default;
	margin-bottom:30px;
}

#backLinkDiv img{margin: 0px 5px -3px 5px;width:10px;}

.visabilityContainer{
	position: absolute;right: 55px;
}

.form-basic{
	background: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
	border-radius: 8px;
	margin-bottom: 20px !important;
}

h1 a {text-decoration: none;}

.indexWelcome{color: white !important;background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/img/bgindex.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;min-height:350px;padding:5% 10% !important;position:relative;z-index:1;overflow:visible;}
.indexWelcomeInner{padding-top:100px;max-width:1200px;margin:0 auto;}
.indexWelcomeTitle{max-width:630px;font-size:30px;}
.indexWelcomeSubtitle{max-width:450px;font-size:22px;}
.welcomeSectionBlock{padding:0px 10px;}
.welcomeSectionBlockSpaced{margin-top:40px;}
.indexWelcome img{;display: inline-block;margin-bottom: -250px;}

@media screen and (max-width : 780px) {
	.indexWelcome{min-height:auto;}
	.indexWelcomeInner{padding:50px 10px 0px 10px}
	.indexWelcomeSubtitle{font-size:16px;}
}

.indexPurple{color: #000 !important;background:var(--purple);padding:5% 20% !important;}

.whiteBlock{
	text-align: right;
	background: #fff;
	position: relative;
	width: 100%;
	z-index:0;
	color: gray;
	padding: 2% 6%;
}

/* ATTRAKTIONER*/

.contentInfoContainer{
	padding: 20px;
    background: rgba(255, 255, 255, 0.8);
    color: black;
    width: 100%;
    max-width: 750px !important;
    margin: 0 auto;
	margin-bottom: 20px;
	align-items: center;
    display: flex !important;
    border-radius: 10px;
}

.contentInfoContainer .contentInfoImage{
	height:150px;
	float:left;
	border-radius: 10px;
	object-fit: cover;
	max-width: 150px;
	margin-right: 20px;
	color:#272727;
}

.contentInfoContainer .contentInfoContent{
	font-size:15px;
	line-height:32px;
	display:block;
}

.contentInfoContainer .contentInfoContent a{
	text-decoration: none;
}

.contentInfoContainer .contentInfoContent a:hover{
	text-decoration: underline;
}

.contentInfoContainer .contentInfoContent.name{
	font-weight:400;
	font-size:20px;
}

.contentInfoContainer .contentInfoContent.address, .contentInfoContainer .contentInfoContent.email, .contentInfoContainer .contentInfoContent.phone, .contentInfoContainer .contentInfoContent.website{
	font-weight:400;
	background-position: left center;
	background-repeat: no-repeat;
	display:inline-block;
	padding-left:25px;
	background-size: 15px;
}

.contentInfoContainer .contentInfoContent.address{
	background-image: url(../img/mobil/infoAddress.png);
}

.contentInfoContainer .contentInfoContent.email{
	background-image: url(../img/mobil/infoEmail.png);
}

.contentInfoContainer .contentInfoContent.phone{
	background-image: url(../img/mobil/infoPhone.png);
}

.contentInfoContainer .contentInfoContent.website{
	background-image: url(../img/mobil/infoWebsite.png);
}

.deliveredByVisitDK{
	max-width: 750px;
    margin: 0 auto;
    font-size: 12px;
	text-align: center;
    padding: 10px 0px 2px 10px;
    cursor: default;
    color: grey;
}
@media screen and (max-width: 780px){
	.contentInfoContainer{height:auto;}
	.contentInfoContainer .contentInfoImage{display:none;}

	.backLink img{width:16px;margin-bottom: -103px;margin-left:-70px;z-index: 9999;position: relative;
}

.visabilityContainer{
	position: absolute;right: 20px;
}

.whiteBlock{
	padding: 5% 5%;
	text-align: center;
}
}

hr{border:0;border-top:1px solid #eee;margin:20px 0;}



.w3-image{max-width:100%;height:auto}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:0px;margin: 0 10px;vertical-align:middle;transition: ease-in-out .5s;overflow:hidden;color:var(--content-text);text-decoration:none;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:auto;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto;text-align: right;}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block;color:#fff;}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:right;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0px}
.w3-container,.w3-panel{padding:10px 10px}.w3-panel{margin-top:0px;margin-bottom:0px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{background: rgba(255,255,255,0.1);}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:0px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{cursor: pointer;}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#ffffff!important;background-color:#bbb!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:var(--content-text);text-decoration: underline;}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#009688!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}