/* CSS Document */


/*
100: Light
300: Thin
400: Regular
500: Medium
700: Bold
900: Black
*/
@font-face { 
font-family: "Main 100"; 
src: url("/fonts/Metropolis-ExtraLight.otf");
font-display: swap;
}
@font-face { 
font-family: "Main 200"; 
/*src: url("/fonts/Roboto-Light.ttf"); */
src: url("/fonts/Metropolis-Light.otf");
font-display: swap;
}
@font-face { 
font-family: "Main 300"; 
/*src: url("/fonts/Roboto-Thin.ttf"); */
src: url("/fonts/Metropolis-Thin.otf");
font-display: swap;
}
@font-face { 
font-family: "Main"; 
/*src: url("/fonts/Roboto-Regular.ttf"); */
src: url("/fonts/Metropolis-Regular.otf");
font-display: swap;
}
@font-face { 
font-family: "Main 500"; 
/*src: url("/fonts/Roboto-Medium.ttf"); */
src: url("/fonts/Metropolis-Medium.otf");
font-display: swap;
}
@font-face { 
font-family: "Main 600"; 
src: url("/fonts/Metropolis-SemiBold.otf");
font-display: swap;
}
@font-face { 
font-family: "Main 700"; 
/*src: url("/fonts/Roboto-Bold.ttf"); */
src: url("/fonts/Metropolis-Bold.otf");
font-display: swap;
}
@font-face { 
font-family: "Main 800"; 
src: url("/fonts/Metropolis-ExtraBold.otf");
font-display: swap;
}
@font-face { 
font-family: "Main 900"; 
/*src: url("/fonts/Roboto-Black.ttf"); */
src: url("/fonts/Metropolis-Black.otf");
font-display: swap;
}


@font-face { 
font-family: "Main Italic"; 
src: url("/fonts/Metropolis-RegularItalic.otf");
font-display: swap;
}
@font-face { 
font-family: "Main Italic 500"; 
/*src: url("/fonts/Roboto-Black.ttf"); */
src: url("/fonts/Metropolis-MediumItalic.otf");
font-display: swap;
}

@font-face { 
font-family: "getanyboat"; 
src: url("/fonts/getanyboat.otf");
font-display: swap;
}



:root{
	--color-font-main: #35424A;
	
	--font-fallback: -applete-system, BlinkMacSystemFont,'Segoe UI','Roboto', 'Droid Sans','Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	--font-main: 'Main', var(--font-fallback);
	--font-main-500: 'Main 500', var(--font-fallback);
	--font-main-600: 'Main 600', var(--font-fallback);
	--font-main-700: 'Main 700', var(--font-fallback);
	--font-main-800: 'Main 800', var(--font-fallback);
	--font-main-900: 'Main 900', var(--font-fallback);
	
	--font-main-italic: 'Main Italic', var(--font-fallback);
	
}


html{
	
	height: 100%;
	-webkit-text-size-adjust: none;
}

body {
	touch-action: manipulation;
	margin: 0px;
	height: 100%;
	width:100%;
	font-family: var(--font-main);
    background-color: #FEFEFE; /*#FEFEFE;*/
    color: var(--color-font-main);
	font-size:14px;
	/*letter-spacing: -0.05em;*/
	
	
}
.noScroll{
	overflow:hidden!important;
	touch-action: none!important;
	-webkit-overflow-scrolling: none!important;
	overscroll-behavior: none!important;
}

h1{
	font-family: var(--font-main-700);
	font-weight: 700;
	font-size:28px;
	margin-block-start: 1.2em;
	margin-block-end: 1.1em;
	line-height: 1.3em;
}

h2{
	font-family: var(--font-main-700);
	font-weight: 700;
	font-size:26px;
	margin-block-start: 100px;
	margin-block-end: 1.1em;
	line-height: 1.3em;
	
}
.h2p{
	margin:-22px 0px 22px 0px;
	font-size:16px;
}

a:link, .link{ 
  cursor: pointer;
  color:#2b74a1;
  text-decoration: none;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;
} 
a:visited{ color:#2b74a1;text-decoration: none; } 
a:hover, .link:hover{ color:#35424A;text-decoration: none; } 
a:active{ color:#2b74a1;text-decoration: none;}

form {
   /* display: inline-block;*/
	-webkit-appearance: none;
}
input[type=text], select, textarea, input[type=email], input[type=password] {
	width:calc(100% - 28px - 2px);
	padding: 14px 14px 14px 14px;
    border: 1px solid #ccc;
    border-radius: 2px 0px 0px 2px;
    resize: vertical;
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: var(--font-main);
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	
	
	outline: none;
	color:#0B1421;
}

.searchinp{
	padding: 14px 0px 14px 40px!important;
	background-image:url('images/locationInp.png');
 	background-repeat:no-repeat;
}


input:focus {
    outline: none;
}

input[type=button], input[type=reset] {
	/*width:120px;*/
	background-color: #2b74a1;/*EA4000 489CB3 #EE3D00;*//*#489CB3;*//*3F8CAC*/
    border: 0px solid #D5D5D5;
    color: #fff;/*9F9F9F*/
    padding: 15px 32px 14px 32px;
    text-decoration: none;
    margin: 4px 0px;
    cursor: pointer;
	font-size:16px;
	border-radius: 6px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
	-webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
	-o-transition:.25s;
  	-ms-transition:.25s;
    -moz-transition:.25s;
    -webkit-transition:.25s;
    transition:.25s;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background-color: #3BC0DD;
}

input[type=button]:focus {outline:0;}


.form-control, .fb-form-control {
  font-family: 'Main';
  font-size: 1em;
  line-height: 1.2em;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.8em;
	align-items: center;

}
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  /*background-color: #fff;*/
  margin: 0;
  font: inherit;
  color: #9ba8b0;
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 1.25em;
  border: 1px solid #9ba8b0;
  border-radius: 0.3em;
  transform: translateY(-0.175em);
}

.form-control + .form-control, .fb-form-control + .fb-form-control {
  margin-top: 1.1em;
}
input[type="checkbox"] {
  /* ...existing styles */
  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #2b74a1;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	clip-path: polygon(22% 42%, 10% 55%, 47% 81%, 90% 33%, 75% 23%, 45% 58%);
	clip-path: polygon(8% 55%, 0 68%, 47% 94%, 96% 39%, 85% 29%, 44% 74%);
	clip-path: polygon(20% 60%, 10% 74%, 48% 95%, 99% 41%, 85% 29%, 44% 72%);
	clip-path: polygon(22% 56%, 10% 74%, 48% 95%, 97% 28%, 79% 16%, 43% 67%);


}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}
input[type="checkbox"]:focus {
  /*outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);*/
	border-color:#35424A;
}
	
:root {
  --form-control-disabled: #959495;
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}




.columns{
	
}

.nobreak{
	white-space: nowrap;
}


	
.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
	
	width:100%;height:22px;margin:5px 0px;
}
.form-switch span{
	float:left;line-height:28px;font-size:14px;
}

.form-switch i {
  position: relative;
  display: inline-block;
  /*margin-right: .5rem;*/
  width: 56px; /* 46 */
  height: 28px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
	/* transition: all 0s linear;*/
}
.form-switch-small i {
	width: 50px;
  	height: 24px;
	
}
.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 52px; /*42*/
  height: 24px;
  background-color: #f0f3f5;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
	/* transition: all 0s linear;*/
}
.form-switch-small i::before {
	width: 46px;
  	height: 20px;
	
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
	/* transition: all 0s ease-in-out; */
}

.form-switch-small i::after {
	width: 20px;
  	height: 20px;
}

.form-switch:active i::after {
  width: 24px; /*28*/
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(30px, 2px, 0); } /*16*/

.form-switch input { opacity: 0;width: 0;height: 0; }

.form-switch input:checked + i { background-color: #489CB3; } /* #4BD763 */

.form-switch input:checked + i::before { transform: translate3d(20px, 2px, 0) scale3d(0, 0, 0); } /*18*/

.form-switch input:checked + i::after { transform: translate3d(30px, 2px, 0); } /*22*/
	

.form-switch input:disabled + i {
	opacity: 0.5;
}

/* +++++++ Calender ++++++++ */

.flatpickr-calendar{
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}




/* +++++++ MAP ++++++++ */

.leaflet-container {
    font-family: var(--font-main);
	
}
.leaflet-enlarge-btn, .leaflet-delarge-btn{
	background-color:#fff;
	margin: 0 auto!important;
	width:110px;
	left: 50%!important;
	transform: translate(-50%, 0%)!important;
	bottom:0;
	border:none!important;
	border-radius: 2px 2px 0px 0px!important;
	padding:6px 0px;
	text-align: center;
	cursor: pointer!important;
	font-family: var(--font-main-500);
	font-weight: 500;
	font-size: 14px;
	box-shadow: 0 0px 4px rgba(41,51,57,.5)!important;
	color:#35424A!important;

}
.leaflet-enlarge-btn:hover, .leaflet-delarge-btn:hover{
	background-color:#F4F4F4;
}
.leaflet-delarge-btn{
	display:none;
}
.leaflet-left, .leaflet-bottom{
	width:100%!important;
}
.leaflet-control-location{
	background-color:#fff;
	padding:6px 6px;
	border:none!important;
	border-radius: 2px!important;
	color: #35424A!important;
	font-size:14px;
	max-width:250px;
	white-space:nowrap; 
	overflow:hidden;
	text-overflow: ellipsis;
	font-style: italic;
	box-shadow: 0 2px 4px rgba(41,51,57,.5)!important;
}
.leaflet-control-logo{
	background-color:transparent;
	padding:0px;
	border:none!important;
	box-shadow: none!important;	
	
}

.leaflet-control-zoom{
	margin:auto 0!important;
	margin-right: 12px!important;
	top: 50%;
  	transform: translate(0, -50%);
	border:none!important;
	border-radius: 2px!important;
	box-shadow: 0 1px 4px rgba(41,51,57,.5)!important;
	
}
.leaflet-control-zoom-in, .leaflet-control-zoom-out{
	font-size:32px!important;
	line-height: 36px!important;
	padding:4px 12px 6px 12px!important;
	color:#35424A!important;
	transition: none!important;
	text-shadow: none!important;
	border:none!important;
}
.leaflet-control-zoom-in:hover, .leaflet-control-zoom-out:hover{
	background-color:#fff!important;/*#F4F4F4;*/
	color:#000!important;
}
.leaflet-control-zoom-in{
	border-bottom:1px solid #eaeaea!important;
}
.leaflet-bar a{
	width:auto!important;
	height:auto!important;
	min-width: 10px;
	min-height: 10px;
}
.leaflet-disabled{
	background-color: #fff!important;
}
.leaflet-att-btn{
	border:none!important;
	opacity: 0.35;
	cursor: pointer!important;
	position: absolute!important;
	padding: 0px!important;
	margin:0px 0px 0px 5px!important;
	bottom:0!important;
}
.leaflet-att-btn:hover{
	opacity: 0.85;
}

.leaflet-right{
	height:100%!important;
}

.map-marker-location-point{
	cursor: default!important;
}

.map-marker-is{
	/*display:inline;*/
}

.map-marker-outside{
	/*transform: translate(-50%, -50%);*/
		
	text-align: center;
	position: absolute;
			
	transform: translate(-50%, -100%);
	margin:3px 0px 0px 6px;
	
			
}
		
.map-marker-inside{
			
	border: 1px solid #686F74;
	border-radius: 2px;
	background-color:#363f45;/*#285075; 212a30*/
	color:#fff;

			
	font-size:14px;
	font-family: var(--font-main-500);
	font-weight: 500;
			
	white-space: nowrap;			
			
	display: inline-block;	
	padding: 5px 5px 3px 5px;
	border-radius: 6px;
}
.map-marker-inside div{
		min-width:25px
	}
.arrow-down {
	position: relative;
	width:0;
	border-top:solid 8px #686F74;
	border-right:solid 7px transparent;
	border-left:solid 7px transparent;
	border-top-color:#686F74;
			
	margin:0 auto;
			
	bottom:0;
	margin-top:-1px!important;
			
			
}
.arrow-down .full {
	position: absolute;
	top:-8px;
	left:-6px;
	width:0;
	border-top:solid 7px #363f45;
	border-right:solid 6px transparent;
	border-left:solid 6px transparent;
	border-top-color:#363f45;/*#285075; 212a30*/
	margin-top:-1px;
}		

.map-marker-shade{
	background-color:rgba(44, 62, 80,0.3);
	width:12px;
	height:6px;
	border-radius:50%;
	margin-top:3px;
}


.marker-type-poi .map-marker-inside{
	
	background-color:#4da954; /* 43944A */
	border-color:#43944A;
	border-radius:27px;
	
}
.marker-type-poi .map-marker-inside div{
	min-width:16px;
}

.marker-type-poi .arrow-down {
	
	border-top:solid 8px #43944A;
	border-top-color:#43944A;	
	
	margin-top:-1px!important;
}
.marker-type-poi .arrow-down .full{
	border-top-color: rgb(77, 169, 84)!important; /* rgb(67, 148, 74) */
}



/* +++++++ ENDE - MAP  ++++++++ */



.topbar-sec-d{
	display:flex;
	margin-right:0px;
	color:#192024;
	font-family:'Main 600';
	flex: 1 0 140px;
	justify-content: flex-end;
	align-items: center;
	gap:10px;
}
.topbar-sec-m{
	display:none;
	margin-right:0px;
	color:#192024;
	font-family:'Main 600';
	flex: 1 0 140px;
	justify-content: flex-end;
	align-items: center;
	gap:10px;
}


/* Panel */


.tb-profile-btn{
	padding:3px;cursor: pointer;
}
.tb-profile-btn div{
	height:32px;width:32px;display: flex;align-items: center; justify-content: center;border-radius:50%;font-size:12px;
}
.tb-profile-btn div span{
	font-family:'Main 800';font-size:14px;
}
.tb-profile-logout{
	background-color:#F4F6F7;
}
.tb-profile-btn-d{
	cursor: pointer;
}
.tb-profile-btn-d div{
	height:34px;width:34px;display: flex;align-items: center; justify-content: center;border-radius:50%;
}
.tb-profile-btn-d div span{
	font-family:'Main 800';font-size:15px;
}
#tb-profile-panel-d{
	display:none;background-color:#fff;width:320px;box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 4px 0 rgba(0, 0, 0, 0.1);border-radius: 4px;position:absolute;z-index:1002;
}

.topbar-link{
		font-size: 15px;
		font-family:var(--font-main-600);
		font-weight: 600;
		padding:12px 12px;
		border-radius:4px;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
		white-space: nowrap;
	}	
	.topbar-link a{
		color:#35424A;
	}
	.tb-lang-btn{
		cursor: pointer;
		
	}
	.tb-lang-btn:hover{
		background-color:#F4F6F7;
	}
	.fb-country-btn{
		cursor: pointer;
		min-width: 240px;
		max-width: 260px;
		padding:6px 0px;
		border-radius:4px;
		-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
		transition:.3s;
		white-space: nowrap;
		
	}
	.fb-country-btn:hover{
		background-color:#343E47;
	}


.topbar-link-fp{
	font-size: 15px;
	font-family:var(--font-main-600);
	font-weight: 600;
	padding:10px 12px;
	border-radius:4px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	white-space: nowrap;
	color:#fff;
}
.topbar-link-fp:hover{
	background-color:transparent;
	color:#ccc;
}



	.lang-col{
		width:calc(33.3% - 16px);
	}
	.panel-btn{
		padding:12px;
		margin:4px 0px;
		/*display: inline-flex;*/
		cursor: pointer;
		border-radius:8px;
		display:flex;
		flex-direction: column;
		gap:3px;
		hyphens: auto;
		line-height: 1.1em;
		
		border:1px solid #35424A;
		border:1px solid #fff;
		
		
	}
	.panel-btn:hover{
		background-color:#F5FBFF;/*#F4F6F7;*/
	}
	.btn-title{
		
	}
	.btn-subtitle{
		opacity:0.7;
	}
	.panel-btn-select{
		/*border:1px solid #35424A;*/
		background-color:#E8F4FD;
	}
	
	
	.topsetting-box{
		display:flex;
		justify-content: space-between;
		margin-bottom:20px;
	}
	.topsetting-box-m{
		display:none;
		margin-bottom:14px;
	}
	.ts-filter-btn{
		white-space: nowrap;border: 2px solid #efefef;padding: 14px 16px;border-radius: 6px;background-color: #fff;cursor:pointer;
	}
	.fb-isset{
		border:2px solid #5A6165;
		/*border:2px solid #285075;*/
		
	}
	.save-search-btn-box-m{
		display: none;
	}

	
	.panel-screen{
		width:0px;
		height:0px;
		background-color:rgba(0, 0, 0, 0.0);
		position:relative;
		z-index: 10002;
		align-items: center;
		justify-content: center;
		-webkit-transition: background-color 0.3s linear;
		-moz-transition: background-color 0.3s linear;
		-o-transition: background-color 0.3s linear;
		-ms-transition: background-color 0.3s linear;
		transition: background-color 0.3s linear;    

		
	}
	.panel-show{
		background-color:rgba(0, 0, 0, 0.25);
		width:100%;
		height:100%;
		
	}
	.panel-hide{
		background-color:rgba(0, 0, 0, 0.0);
		width:100%;
		height:100%;
		
	}
	.body-fixed{
		position: fixed;
	}
	.panel-box{
		background-color:#fff;box-shadow: rgba(25, 32, 36, 0.1) 0px 10px 20px, rgba(25, 32, 36, 0.04) 0px 3px 6px, rgba(25, 32, 36, 0.04) 0px -3px 6px;border-radius:10px;
		position: absolute;
		z-index: 10003;
		/*-webkit-transition: top 0.2s linear;
		-moz-transition: top 0.2s linear;
		-o-transition: top 0.2s linear;
		-ms-transition: top 0.2s linear;
		transition: top 0.2s linear;  */
		-webkit-transition: top 0.2s linear;
		-moz-transition: top 0.2s linear;
		-o-transition: top 0.2s linear;
		-ms-transition: top 0.2s linear;
		transition: top 0.2s linear;  
		top:200%;
		left:50%;
		transform: translate(-50%, -50%);
		width:0px;
		height:0px;
		overflow: hidden;
		max-width:80%;
		max-height: 80%;
		
	}

	.panel-box-inside{
		padding:20px;
		height:calc(100% - 40px);
	}
	
	.panel-box-show{
		top: 50%;
		width:620px;
		height: 450px;
	}
	.cookie-box-show{
		top: 50%;
		width:700px;
		height: 580px;
	}

	.panel-box-hide{
		top: 200%;
	}

	#login-box {
		width:450px;
		height: 620px;
	}


	
	.panel-container, .panel-container-lang{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:-100;
		width:0px;
		
	}
	.panel-container-show{
		z-index:10002;
		width:100%;
		
	}



.profile-t1{
	background-color:#FADBD8;
	color:#78281F;
}
.profile-t2{
	background-color:#FCF3CF;
	color:#7D6608;
}
.profile-t3{
	background-color:#D6EAF8;
	color:#1B4F72;
}
.profile-t4{
	background-color:#EBDEF0;
	color:#512E5F;
}
.profile-t5{
	background-color:#D1F2EB;
	color:#0E6251;
}




.type-profile{
	/*background-color: #fafafa;*/
}

.profile-sidebar{
	background-color:#fff;
	padding:0px;
	width:340px;
	border:none;
	border-radius:8px;
}

.nav-select{
	background-color: #E8F4FD;
}
.profile-cont{
	width:calc(100% - 400px);
	background-color:#fff;
	padding:20px;
	border:none;
	border-radius:8px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; 
}

.list-navbtn{
	padding:6px;
	width:10px;
	text-align: center;
	border-radius: 50%;
	height: 20px;
	width:20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.list-navbtn:hover{
	background-color:#efefef;
}
.user-save-search-item{
	display:inline-block;
	/*line-height:38px;*/
	background-color:#EEEEEE;
	padding:8px 12px;
	font-size:13px;
	border-radius:4px;
	font-family: 'Main';
	margin:2px 2px;
	white-space:nowrap;
}
.user-search-unset-btn{
	margin-right:20px;
	font-size: 0.9em;
    padding: 10px 16px;
    font-family: 'Main';
    background-color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
}
.user-search-unset-btn:hover{
	background-color:#eee;
}


.profile-section-upper{
	padding: 13px 13px;
	border:0px solid #eeeeee;
	border-radius:8px;
	display: flex;
	justify-content: space-between;
}
.profile-section{
	margin-top:40px;
}
.profile-subhead{
	margin:10px 0px 12px 14px;
	font-family: 'Main 700';
	font-size:16px;
}
.profile-menu{
	padding:4px 10px;
	border:1px solid #eeeeee;
	border-radius:8px;
}
.profile-menu-item{
	height:48px;
	display:flex;
	justify-content: space-between;
	align-items:center;
	font-family: 'Main';
	font-size:15px;
	padding:0px 8px;
	cursor:pointer;
	color:#35424A;
}
.profile-menu-sep{
	height:1px;
	width:100%;
	background-color:#eeeeee;
}


.profile-page-cont{
	min-height:600px;
	display:flex;
	gap:20px;
	position: relative;
	padding:30px 0px;
}
.profilePage{
	padding:30px 0px;
}
.profile-sidebar{
	display:block;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; 
}
.log-page-cont{
	padding:60px 0px;
}
.log-page-panel-wrap{
	display:flex;
	justify-content: center;
}
.log-page-panel{
	width:420px;
	background-color: #fff;
	border:0px solid #eee;
}
.log-page-panel-padding{
	padding:40px;
}


.reg-page-panel{
	width:420px;
	background-color: #fff;
	border:0px solid #eee;
}
.error-resp{
	margin:10px 0px;
	color:#b4183a;
}


/* in Profile */

.profile-cont hr{
	margin:40px 0px;
	border: none;
	border-top:1px solid #eee;
}
.setting-subhead{
	font-size: 1.2em;
	font-family: 'Main 700';
	margin:20px 0px;
}
.setting-box{
	display:flex;
	max-width: 800px;
	margin:20px 0px;
	height:36px;
	align-items: center;
}
.setting-multi-box{
	display:flex;
	max-width: 800px;
	margin:30px 0px;
	align-items: flex-start;
}
.setting-name{
	width:250px;font-family: 'Main 600';
}
.setting-value{
	flex-grow: 1;
}
.setting-btn-field{
	min-width:100px;text-align: right;
}
.setting-btn{
	padding:10px 14px;
	color:#2b74a1;
	font-family: 'Main 500';
	font-size:0.9em;
	cursor:pointer;
	display:inline-block;
	border-radius: 4px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.setting-btn:hover{
	background-color:#E8F4FD;
}

.dropdown-box{
	padding:14px 14px 14px 14px;
	border:1px solid #9ba8b0;
	border-radius:4px;
	display:flex;
	justify-content: space-between;
	cursor: pointer;
}
.dropdown-box:hover{
	border-color:#35424A;
}
.dropdown-drop{
	position: absolute;background-color:#fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px;
	max-height:200px;
	overflow:hidden auto;
	z-index:2;
}
.dropdown-drop ul{
	list-style: none;
	margin:0;
	padding:0;
}
.dropdown-drop ul li{
	padding:6px 16px;
	cursor: pointer;
	font-size:14px;
	line-height:24px;
}
.dropdown-drop ul li:hover{
	background-color:#eef7fe;	
}
.list-select{
	background-color:#E8F4FD;
}
.setting-input{
	font-size:14px!important;
}
.setting-input-standard{
	border: 1px solid #9ba8b0!important;
	border-radius: 4px!important;
	padding: 14px!important;
	font-size:14px!important;
}
.setting-input-standard:hover{
	border-color:#35424A!important;
}
.input-nr{
	width:50px!important;
}
.input-price{
	width:100px!important;
}
.input-indrop{
	padding:10px 0px!important;
	border:none!important;
}
.dropdown-box-indrop{
	padding:4px 14px!important;
}
.dropdown-box-arrow{
	display: flex;
    align-items: center;
}


.account-delete-btn{
	display:inline-block;color:#d93025;border:1px solid #d93025;padding:8px 10px;border-radius:4px;font-size:0.9em;line-height:16px;font-family:'Main 500';
	cursor: pointer;
}




.boat-set-box{
	max-width: 800px;
	margin:35px 0px;
}
.boat-setting-name{
	margin:4px 0px;
	font-family: 'Main 600';
}
.boat-setting-name-check{
	font-family: 'Main 600';
}
.boat-value{
	max-width:400px;
}
.boat-value-unit{
	display:flex; 
	align-items: flex-end;
}
.boat-unit{
	padding:6px;
	font-family:'Main 600';
	color:#9ba8b0;
	font-size:0.9em;
}

.boat-set-cluster{
	display:flex;
	margin:35px 0px;
}
.boat-set-cluster .boat-set-box{
	min-width:200px;
	margin:0px 0px;
}


.boat-price-btn{
	width: 30px;
    height: 30px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
	border:1px solid #eee;
}




#cookie-cont-1{
	display:block;
}
#cookie-cont-2{
	display:none;
}
#cookie-box h1{
	font-family: 'Main 700';
	font-size: 24px!important;
	margin-block-start: 1em;
	margin-block-end: 1em;
	line-height: 1.2em;
	hyphens: auto;
}
#cookie-box h2{
	font-size: 18px!important;
	font-family: 'Main 700';
	margin-block-start: 1em;
	margin-block-end: 1em;
	line-height: 1.2em;
	hyphens: auto;
}
#cookie-box p, #cookie-box ul li{
	font-family: 'Main';
	font-size:13px;
	line-height: 1.4em;

}
#cookie-box ul{
	list-style-type:disc;
	 padding-inline-start: 20px;
}

	
	.cookie-box-btn{
		padding:10px;
		border:1px solid #000;
		border-radius: 8px;
		text-align: center;
		cursor: pointer;
	}




	
	
	.filter-panel-box{
		background-color:#fff;box-shadow: rgba(25, 32, 36, 0.1) 0px 10px 20px, rgba(25, 32, 36, 0.04) 0px 3px 6px, rgba(25, 32, 36, 0.04) 0px -3px 6px;border-radius:10px 10px 0px 0px;
		position: absolute;
		z-index: 10003;
		-webkit-transition: top 0.2s linear;
		-moz-transition: top 0.2s linear;
		-o-transition: top 0.2s linear;
		-ms-transition: top 0.2s linear;
		transition: top 0.2s linear;  
		top:200%;
		left:50%;
		transform: translate(-50%, -50%);
		width:0;
		height:0;
		overflow: hidden;
		max-width:100%;
		max-height: 70vh;
		
	}
	
	.filter-panel-box-show, .filter-panel-box-show-guest, .filter-panel-box-show-price{
		top: 50%;
		width:450px;
		height:450px;
		border-radius: 10px 10px 10px 10px;
		padding-bottom:20px;
	}
	
	
	
	#filter-guest-box{
		max-width:100%;
		max-height: 340px;
	}
	/*.filter-panel-box-show-guest{
		top: calc(100% - 170px);
		width:100%;
		height: 340px;
	}*/
	
	#filter-price-box{
		max-width:100%;
		max-height: 380px;
	}
	/*.filter-panel-box-show-price{
		top: calc(100% - 170px);
		width:100%;
		height: 340px;
	}*/
	
	
	
	
	.filter-panel-box-hide{
		top: 200%;
	}
	
	
	.panel-select-btn-box{
		display: flex;
		gap:30px;
		font-family: var(--font-main-700);
		font-weight: 700;
		padding:8px 10px 0px 10px;
		margin-bottom:8px;
		border-bottom:1px solid #eee;
		font-size:1.2em;
	}
	.panel-select-btn{
		cursor: pointer;
		padding:14px 2px;
	}
	.panel-close-btn, .cookie-close-btn{
		font-size:20px;
		padding:8px;
		cursor: pointer;
		display: inline-flex;
   		align-items: center;
    	justify-content: center;
		width:22px;
		height:22px;
		border-radius: 50%;
	}
	.cookie-back-btn{
		display:flex;height:36px;gap:4px;align-content: center;flex-wrap: wrap;cursor:pointer;
		padding:0px 8px;border-radius:8px;
	}
	.panel-close-btn:hover, .cookie-close-btn:hover, .cookie-back-btn:hover{
		background-color:#F4F6F7;
	}
	
	.filter-panel-close-btn{
		color:#2b74a1;
		font-family: 'Main 600';
		font-weight: 600;
		padding: 7px 5px;
		font-size:0.9em;
		cursor: pointer;
		
	}
	.panel-select-btn-select{
		border-bottom:2px solid #35424A;
	}
	.panel-cont{
		display:flex;
		gap:16px;
		flex-wrap: wrap;
	}
	.panel-cont-head{
		font-size: 1.3em;
		font-family: var(--font-main-600);
		font-weight: 600;
		padding:20px 10px;
		margin-top:0px;
	}
	.filter-panel-cont-head{
		font-size: 1.3em;
		font-family: var(--font-main-600);
		font-weight: 600;
		
	}
	
	.filter-box-inner-cont{
		height:calc(100% - 40px - 20px - 20px);overflow: scroll;padding:10px 12px 10px 0px;
	}
	.filter-btn-sec{
		border:0px solid #000;height:60px;width:calc(100% - 20px);display:flex;align-items: center;padding:0px 10px;gap:10px;font-family: 'Main 600';font-weight: 600;
	}
	.filter-box-delete-btn{
		height:46px;border:1px solid #ccc;border-radius:6px;width:50%;display:flex;align-items: center;justify-content: center;
		cursor: pointer;
	}
	.filter-box-done-btn{
		height:46px;background-color:#2b74a1;border-radius:6px;width:50%;display:flex;align-items: center;justify-content: center;color:#fff;
		cursor:pointer;
	}
	.filter-box-choose-btn{
		height:46px;background-color:#2b74a1;border-radius:6px;width:100%;display:flex;align-items: center;justify-content: center;color:#fff;
		cursor: pointer;
	}


/* Panel Ende */





.mainBtn{
	background-color:#f0f3f5;
}

.buttonItem{
	transition: background-color 0.3s;
	background-color:#f0f3f5;
	cursor:pointer;
	
}
.buttonItem:hover{
	background-color:#e6ebef;
}

/*#e6ebef*/



.image-loaded {
 /* transition: opacity .25s linear;*/
}

.handled{
	background-size: cover;
}
.header-section, .full-image, .image-loaded {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  -webkit-filter: none;
}

.bg {
    /* The image used */
    

    /* Full height */

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	width:100%;
	height:100%;
	
	position: relative;
	margin-top:0px;
	margin-left:0px;
	
}
.blur-image {
	filter: blur(14px); /* blur(2vw); */
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	background-overflow: hidden;	
	
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


#bg2{background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.15) 8%, rgba(0, 0, 0, 0) 92%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4) );
	margin-left:-1px;
}
header{
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.08);
}

#bgpartner{background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0.2) );
	margin-left:-1px;
}


#logo{
	margin-left:5px;
	padding-top:24px;
	
}
#logo_alt{
	margin-left:0px;
	padding-top:14px;
	
}
#logo-img{
	width:36px;
	height:36px;
	border-radius: 6px;
}

.trnav{
	
}
.trbtn{
	color:#fff;
	float:right;
	padding:8px 10px;
	margin:0px 6px;
	cursor: pointer;
}

.trbtn_alt{
	color:#000;
	float:right;
	padding:8px 10px;
	margin:0px 6px;
	cursor: pointer;
}


#frontboxcontainer{
	/*width:1040px;*/
	/*width:90%;*/
	/*max-width: calc(100% - 60px);*/
	width:1220px;
	padding:0px 30px;
	margin:0 auto;
}
#headfrontbox{
	background-color:#FFFFFF;
	max-width:360px;
	padding:35px 25px;
	border-radius:5px;
	margin-top:14vh;
	border: 1px solid #E5E7EA;
	box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 16px 0 rgba(0, 0, 0, 0.15);
	
}
.headfronth{
	/*font-weight: 600;*/
	font-family: var(--font-main-600);
	font-weight: 600;
	font-size: 26px;
	color:#303030;
	margin: 0px 0px 20px 0px;
	line-height: 36px;
}

#hloc::placeholder{
	color:#0B1421;
}

#mainform{
	
	/*padding-top:10%;*/
	margin:0 auto;
	width:55%;
	text-align:center;
	/*height: 200px;*/

	
}


.main{	
	margin:0 auto;
	padding: 0px 30px;
	width:1260px; /*1320*/
}
.mainfull{
	margin-left:0px;
}

.home-news{
	display:block;
}
.home-news-m{
	display:none;
}
.home-news-inside{
	position:absolute;
	bottom:0;
	left:0;
	background-color:rgba(255,255,255,0.95);
	backdrop-filter: blur(5px);
	margin:50px;
	max-width:40%;
	padding:30px;
	border-radius:8px;
}


.home-history-link{
	flex-basis:calc(25% - 10px);
	margin-right:10px;
	min-width: 280px;
}
.home-history-link:nth-child(4){
	flex-basis:25%;
	margin-right:0px;
}

.blog-history-link{
	flex-basis:calc(33.3% - 10px);
	margin-right:10px;
	min-width: 360px;
}
/**.blog-history-link:nth-child(4){
	flex-basis:33.3%;
	margin-right:0px;
}*/

.gradient {
    animation-duration: 1.0s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #fafafa 8%, #f0f3f5 38%, #fafafa 54%);
    background-size: 1000px 640px;
    
    position: relative;
    
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.resultbox{
	user-select: none;
	display:flex;
	color:#45515E;
	box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	margin:13px 0px;
	border-radius:8px;
	background-color:#fff;
}

.resultbox-banner{
	user-select: none;
	display:flex;
	color:#45515E;
	box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	margin:13px 0px;
	border-radius:8px;
	background-color:#fff;
	width: 100%;
	height: 220px;
	display:none;
}
@media screen and (max-width: 450px) {
	.resultbox-banner{
		display:flex;
	}
}

.resultbox-ph {
  width: 100%;
  height: 210px;
}
@media screen and (max-width: 550px) {
	.resultbox-ph {
	  height: 190px;
	}
}



.offerbtn{
	display:inline-block;
	background-color: #285075;
    border: 0px solid #D5D5D5;
    color: #fff;
    padding: 11px 15px;
    text-decoration: none;
    margin: 0px 0px;
    cursor: pointer;
	font-size:13px;
	border-radius: 4px;
	/*font-weight: 500;*/
	font-family: var(--font-main-500);
	font-weight: 500;
}
.sofferbtn{
	
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
	display:none;
  cursor:pointer;
	
	float:left;border:1px solid #35424A; border-radius:50%;width:11px;line-height:11px;font-size:9px;font-weight:700;margin-left:5px;margin-top:1px;text-align:center;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #000;
  color: #fff;
  text-align: center;
  

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  top: calc(100% + 5px);
  left: 50%;
  margin-left: -100px;
	
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
 .tooltiptext {
	 font-family: var(--font-main-300);
	 font-weight: 300;
	 /*font-weight:300;*/
	 font-size:11px;
	 line-height:14px;
	 color:#fff;
	 padding:8px 10px;
	 border-radius:6px;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -15px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #000 transparent;
	
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 0.85;
}



.foot{
	min-height: 200px;
	background-color: #17222d;/*  #212a30;*/
}
.foot a, .foot-link{
	color:#E2E3E5;
	cursor: pointer;
}
.foot a:hover, .foot-link:hover{
	color:#A8ACB0;
	transition: color 0.3s;
}
.foot div{
	color:#515962;
}
.foot-logo-brand{
	height:30px;
}
.foot-logo-brand-s{
	height:18px;
}
.foot-text-brand{
	color:#E2E3E5!important;
	font-size:15px;
	font-family: 'Main 600';
	margin-left:5px;
}

.foot-text-brand-s{
	color:#E2E3E5!important;
	font-size:15px;
	font-family: 'Main 500';
	margin-left:5px;
}

.foot-all-sec{
	display:flex;
	flex-wrap: wrap;
	gap:30px 0px;
	box-sizing: border-box;
}
.foot-sec{
	width:33%;
	display:flex;
	justify-content: center;
	
}
.foot-sec-column{
	display:flex;
	flex-direction: column;
	gap:10px;
}



/* TYPE SETTING */
	.type-setting .headimg{
		height:420px;
	}
	.type-setting .headimgh{
		
		font-family: var(--font-main-800);
		font-weight: 800;
		text-shadow: 0px 0px 0.1em rgba(0,0,0,0.6);
		max-width: 100%;
		 overflow-x: hidden;
		 overflow-wrap: break-word;
		hyphens: auto;
	  -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
		word-break: break-word;
		 
		
	}
	.type-setting .mainPage{
		max-width:1024px;		
	}	
	.type-setting .mainPage p, .type-setting .mainPage ul li, .type-setting .mainPage ol li{
		font-size:16px;	
		line-height:1.5em;
	}
	.mimg{
		width:200px;height:20px;
	}
	.type-setting .mainPage h1{
		font-size:3.4em;
	}
	.type-setting .mainPage h2{
		font-size:2.0em;
	}
	.type-setting .mainPage h3{
		font-size:1.3em;
		font-family: var(--font-main-700);
		font-weight: 700;
	}
	.type-setting td, .type-setting th{
		font-size:16px;	
		line-height:1.5em;
		border:1px solid var(--color-font-main);
		border:1px solid #D4DBE2;
		
		padding:5px;
	}
	.type-setting th{
		font-family: 'Main 600';
		font-weight: 600;
	}
	.type-setting table{
		border:1px solid var(--color-font-main);
		border:1px solid #D4DBE2;
		border-spacing: 0px;
		margin-bottom: 30px;
	}

.text-setting-bold{
	font-family: 'Main 700';
	font-weight: 700;
}
.text-setting-anchor {
    display: block;
    position: relative;
    top: -66px;
    visibility: hidden;
}
.h-upper{
	text-transform:uppercase;
}
	
.headimgBlog{
	height:420px;
}

.type-setting .d-head {
	margin:0 auto;
	max-width: 700px
}
.type-setting .d-head-d {
	font-size:3em;
	font-family: var(--font-main-700);
	font-weight: 700;
	text-align: center;
	line-height: 1.2em;
}
.type-setting .d-head-p {
	font-size:1.7em;
	font-family: var(--font-main-500);
	font-weight: 500;
	text-align: center;
	margin-top:30px;
}


/* type app */
.type-app .headimgh{
	font-size:44px;
	font-family: var(--font-main-800);
	font-weight: 800;
	text-shadow: 0px 0px 0.1em rgba(0,0,0,0.6);
	max-width: 100%;
	 overflow-x: hidden;
	 overflow-wrap: break-word;
	hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
	word-break: break-word;


}
	

/* HElp */

.list-faq { position:relative;border:2px solid #D4DBE2; margin:12px auto; }
.list-faq h3	{ font-size:1.3em;cursor:pointer;margin:0;overflow: hidden; padding:22px 20px; font-family:var(--font-main-600)!important;font-weight: 600;display:flex;justify-content: space-between;}
/*.list-faq:hover { border-bottom:2px solid #EE5757; }*/
.list-faq h3 .h3open{cursor:pointer;float:right; padding:5px 10px 5px 20px;line-height: 12px;/*color:#489CB3*/}
.list-faq div	p{ text-decoration: none;padding:14px 22px 28px 22px;margin:0; margin-bottom:0px; font-size:16px; }

.faqh2{margin:50px 2px 15px 2px; font-size: 1.8em!important;}
.h3open{
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.faq-bottom-all-boxes{
	display:flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	gap:10px;
}
.faq-bottom-box{
	box-sizing: border-box;
	width:50%;
	max-width: 50%;
	height:180px;
	background-color:#fff;
	border: 1px solid #E7EDF1;
	padding: 32px 24px;
	border-radius: 8px;
}

/* Contact */
.grecaptcha-badge { 
    visibility: hidden !important;
}	
.contact-form .column .field{
	margin:20px 0px;
}
.contact-form .field label{
	text-align: left;
	margin: 18px 0px 6px 0px;
	display:inline-block;
	font-family: 'Main 600';
	font-size:1.1em;
}
.contact-form button {
	background-color: #2b74a1;/*EA4000 489CB3 #EE3D00;*//*#489CB3;*//*3F8CAC*/
	border: 0px solid #D5D5D5;
	color: #fff;/*9F9F9F*/
	padding: 15px 32px 14px 32px;
	text-decoration: none;
	margin: 4px 0px;
	cursor: pointer;
	font-size:16px;
	border-radius: 6px;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
}
.contact-form button:hover {
	background-color: #3BC0DD;
}
#email-hint{
	display:none;
	color:#d32933;font-size:12px;font-family: 'Main 600';padding:12px 0px;
}


/* Blog */


.blog-bookmark-btn, .blog-option-btn{
	margin:14px 16px;
	color: var(--color-font-main); 
	font-size:15px; 
	background-color: #fff; 
	display:flex; 
	justify-content: center; 
	align-items: center; 
	width:34px;
	height:34px;
	box-shadow: 0 0px 2px rgb(25 32 36 / 16%);
	border-radius: 8px;
	cursor: pointer;
}



.blog-faq { position:relative; margin:0px 0px;}
.blog-faq .faq-question	{ font-size:17px;line-height:1.3em;cursor:pointer;margin:0; padding:10px 10px; font-family:var(--font-main-600)!important;font-weight: 600;}
.blog-faq .faq-question:hover{background-color:#f5fafb;}
/*.list-faq:hover { border-bottom:2px solid #EE5757; }*/
.blog-faq .faq-question .h3open{cursor:pointer;float:right; padding:5px 10px 5px 20px;line-height: 12px;/*color:#489CB3*/}
.blog-faq div	p{ text-decoration: none;padding:2px 10px 12px 10px;margin:0; margin-bottom:0px; font-size:16px; }


.blog-faq-box, .boat-faq-box{
	display:flex;
	flex-direction: row;
	border: 1px solid #f5fafb;
	margin:80px 0px;
}
.blog-faq-head-box, .boat-faq-head-box{
	display:flex;
	font-size:26px;
	line-height: 1.3em;
	background-color:#f5fafb;
	font-family:var(--font-main-700);
	font-weight: 700;
	width:240px;
	padding:30px;
	flex-basis: 240px;
	flex-grow: 0;
	flex-shrink: 0;
}
.boat-faq-box{
	display:flex;
	flex-direction: column;
	border: 1px solid #f5fafb;
	margin:80px 0px;
}
.boat-faq-head-box{
	width:auto;
	flex-basis: auto;
	padding:30px 12px;

}


@media screen and (max-width: 1320px) {
	
	.main{
		width:calc(100% - 60px);
		padding:0px 30px;
	}
	
	
	#frontboxcontainer{
		width:calc(100% - 60px);
	}
	
}




@media screen and (max-width: 950px) {
	
	
	.profile-cont{
		width:calc(100% - 40px);
	}
	.profile-sidebar{
		display:none;
	}
}


@media screen and (max-width: 900px) {
	.home-news-inside{
		max-width:50%;
	}
	
	.blog-faq-box{
		display:flex;
		flex-direction: column;
		border: 1px solid #f5fafb;
		margin:80px 0px;
	}
	.blog-faq-head-box{
		width:auto;
		flex-basis: auto;
		padding:30px 12px;

	}
	
	.faq-bottom-all-boxes{
		display:flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
		gap:20px;
	}
	.faq-bottom-box{
		box-sizing: border-box;
		width:100%;
		max-width: 450px;
		height:180px;
		background-color:#fff;
		border: 1px solid #E7EDF1;
		padding: 32px 24px;
		border-radius: 8px;
	}
	
}


@media screen and (max-width: 800px) {
	.blog-history-link, .blog-history-link:nth-child(4){
		flex-basis:100%;
		margin-right:0px;
		min-width: 280px;
	}
}

@media screen and (max-width: 748px) {
	
	.topbar-sec-d{
		display:none;
	}
	.topbar-sec-m{
		display:flex;
	}
	
	.main{
		width: calc(100% - 16px);
    	padding: 0px 8px;
	}
	.main2{
		margin:0px 10px;
	}
	.mainfull{
		margin-left:8px;
	}
	
	.swiper-button{
		display:none;
	}
	
	.panel-box{
		/*background-color:#fff;
		position: absolute;
		z-index: 10003;
		-webkit-transition: top 0.2s linear;
		-moz-transition: top 0.2s linear;
		-o-transition: top 0.2s linear;
		-ms-transition: top 0.2s linear;
		transition: top 0.2s linear;  
		top:200%;
		left:50%;
		transform: translate(-50%, -50%);
		width:0px;
		height:0px;
		overflow: hidden;*/
		
		box-shadow: rgba(25, 32, 36, 0.1) 0px 10px 20px, rgba(25, 32, 36, 0.04) 0px 3px 6px, rgba(25, 32, 36, 0.04) 0px -3px 6px;
		border-radius:0px;
		max-width:100%;
		max-height: 100%;
		
	}
	.panel-box-inside{
		padding:20px 10px 0px 10px;
		height:calc(100% - 10px);
	}
	
	.panel-box-show, .cookie-box-show{
		top: 50%;
		width:100%;
		height: 100%;
	}
	#login-box {
		width:100%;
		height: 100%;
	}
	
	.panel-box-hide{
		top: 200%;
	}
	
	.type-setting .main{
		width:calc(100% - 16px);
		padding:0px 8px;
	}
	.type-setting .headimg{
		height:280px;
	}
	.type-setting .headimgh{
		font-size:42px;
	}
	
	.type-setting .mainPage h1{
		font-size:2.8em;
	}
	.type-setting .mainPage h2{
		font-size:2.0em;
	}
	.type-setting .mainPage h3{
		font-size:1.2em;
		line-height: 1.3em;
	}

	.type-setting .d-head {
		margin:0 auto;
		max-width: 700px
	}
	.type-setting .d-head-d {
		font-size:2.5em;
		font-family: var(--font-main-700);
		font-weight: 700;
		text-align: center;
	}
	.type-setting .d-head-p {
		font-size:1.3em;
		font-family: var(--font-main-500);
		font-weight: 500;
		text-align: center;
		margin-top:25px;
	}
	
	.type-setting .headimgh, .type-app .headimgh{
		font-size:36px;
		text-shadow: 0px 0px 0.1em rgba(0,0,0,0.4);
	}
	
	
	
	
	.profile-section-upper{
		border:1px solid #dddddd;
	}
	.profile-menu{
		border:1px solid #dddddd;
	}
	.profile-menu-sep{
		background-color:#dddddd;
	}
	
	
	
	
	
	.foot-all-sec{
		display:flex;
	}
	.foot-sec{
		width:50%;
		display:flex;
		justify-content: center;
	}
	.foot-sec:nth-child(3){
		width:100%;
		padding:0px 10px;
	}
	.foot-sec-column{
		display:flex;
		flex-direction: column;
	}
	.foot-sec:nth-child(3) .foot-sec-column{
		flex-direction: row;
    	flex-wrap: wrap;
	}
	
	
}
@media screen and (max-width: 600px) {
	
	.lang-col{
		width:calc(50% - 16px);
	}
	
	.home-news{
		display:none;
	}
	.home-news-m{
		display:block;
	}
	.home-history-link, .home-history-link:nth-child(4){
		flex-basis:100%;
		margin-right:0px;
		min-width: 280px;
	}
	
	
	
}

@media screen and (max-width: 550px) {
	
	.profile-page-cont{
		padding:0px 0px;
	}
	.profilePage{
		width:calc(100% - 0px);
		padding:0px 0px;
	}
	
	.log-page-cont{
		padding:0px 0px;
	}
	.log-page-panel-wrap{
		display:block;
	}
	.log-page-panel, .reg-page-panel{
		width:100%;
	}
	.log-page-panel-padding{
		padding:5vw;
	}
	
}


@media screen and (max-width: 450px) {

	
	/*.list-faq { position:relative;border:2px solid #D4DBE2; margin:12px auto; }*/
	.list-faq h3	{ font-size:1.4em;cursor:pointer;margin:0;overflow: hidden; padding:12px 18px; font-family:var(--font-main-600)!important;font-weight: 600;}
	/*.list-faq h3 .h3open{cursor:pointer;float:right; padding:5px 10px 5px 20px;line-height: 12px;}
	.list-faq div	p{ text-decoration: none;padding:14px 22px 28px 22px;margin:0; margin-bottom:0px; font-size:16px; }*/
	.faqh2{ font-size: 1.6em!important;}
	
	.blog-faq .faq-question	{ font-size:16px;line-height:1.3em;}
	.blog-faq div p{  font-size:15px; }

	
	.blog-faq-head-box, .boat-faq-head-box{
		font-size:22px;
		line-height: 1.3em;
	}
	/*.boat-faq-head-box{
		width:auto;
		flex-basis: auto;
		padding:30px 20px;

	}*/
	
	
	.type-setting .mainPage p, .type-setting .mainPage ul li, .type-setting .mainPage ol li{
		font-size:14px;	
		line-height:1.5em;
	}
	.mimg{
		width:175px;height:18px;
	}
	
	.type-setting .mainPage h1{
		font-size:2.4em;
	}
	.type-setting .mainPage h2{
		font-size:1.7em;
	}
	.type-setting .mainPage h3{
		font-size:1.1em;
		line-height: 1.3em;
	}
	.type-setting td, .type-setting th{
		font-size:14px;	
		line-height:1.5em;
	}
	
	
	.type-setting .d-head-d {
		font-size:2.2em;
	}
	.type-setting .d-head-p {
		font-size:1.2em;
		margin-top:16px;
	}

	
	
	.type-profile{
		background-color: #ffffff;
	}
	.profile-sidebar{
		box-shadow: none;
	}
	.profile-cont{
		border-radius:0px;
		padding:20px 2vw;
		width:100%;
		box-shadow: none;
	}
	
	
	
	.filter-panel-box-show{
		top: calc(100% - 35vh);
		width:100%;
		height: 70vh;
		border-radius: 10px 10px 0px 0px;
		padding-bottom:0px;
	}
	.filter-panel-box-show-guest{
		top: calc(100% - 160px);
		width:100%;
		height: 340px;
	}
	.filter-panel-box-show-price{
		top: calc(100% - 180px);
		width:100%;
		height: 380px;
	}
	
	
	
	.filter-panel-box-hide{
		top: 200%;
	}
	
	
	.foot-logo-brand{
		height:26px;
	}
	.foot-logo-brand-s{
		height:18px;
	}
	
	.foot-text-brand{
		font-size:13px;
	}
	
	.type-setting .headimgh, .type-app .headimgh{
		font-size:32px;
		text-shadow: 0px 0px 0.1em rgba(0,0,0,0.3);
	}
	.fb-country-btn{
		min-width: 100%;
		max-width: 100%;
		margin-top: 10px;
	}
	.foot-sec:nth-child(3) .foot-sec-column {
		width: 100%;
	}
	
	
	
}
	
@media screen and (max-width: 420px) {	
	
	/*.swiper {
		width: 100%;
		height: 280px;
		margin:10px 0px;
	}
	.swiper-small{
		height:320px!important;
	}
	.swiper-slide{
		width:250px;
	}
	.swiper-slide-small{
		width:165px;
	}

	.swiper-wrapper{
		transform: translate3d(0px, 0px, 0px);
	}
	.main2{
		width:calc(100% - 16px);
		margin:0px 8px;
	}*/

	
	.lang-col{
		width:calc(100% - 16px);
	}
	
}
@media screen and (max-width: 400px) {
	
	h2{
		font-family: var(--font-main-700);
		font-weight: 700;
		font-size:20px;
		margin-block-start: 80px;
		margin-block-end: 1.1em;
		line-height: 1.5em;

	}
	.h2p{
		margin:-18px 0px 22px 0px;
		font-size:14px;
	}
	
	
	
}
@media screen and (max-width: 320px) {
	body{
		width:320px;
	}
}