@charset 'UTF-8';
@import url('http://unique-portal.com/css/OpenSan.css');
@import url('http://unique-portal.com/css/font-awesome.css');
/*
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800');
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);*/
@import url('font-awesome.min.css');

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#sliderPics{
 border-width: 3px 1px 1px;
    border-style: solid;
    border-color: rgb(245, 156, 56) rgb(204, 204, 204) rgb(204, 204, 204);
    background: transparent none repeat scroll 0px center;
    font-family: Arial,sans-serif;
    border-radius: 3px;
    height: auto;
    overflow: hidden;
    margin: 7px;
    width: 97%;
}
body { margin: 0; } 
div#sliderPics { overflow: hidden; }
div#sliderPics figure img { width: 20%; float: left; }
div#sliderPics figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

#seachHistory > li{
margin-left: 12px;
}



#seachHistory {
    border-width: 3px 1px 1px;
    border-style: solid;
    max-height: 120px;
    border-color: rgb(245, 156, 56) rgb(204, 204, 204) rgb(204, 204, 204);
    background: transparent none repeat scroll 0px center;
    font-family: Arial,sans-serif;
    border-radius: 3px;
    height: auto;
    overflow: hidden;
    margin: 7px;
    width: 97%;
}
#resort {
    position: fixed;
    bottom: -4px;
    right: 20%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 200px;
    height: 30px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 3;
	text-align: center;
}




#return-to-top {
    position: fixed;
    bottom: 4px;
    right: 4px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 30px;
    height: 30px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 3;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 6px;
    top: 3px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: -4px;
}
#radioWeb-to-top:hover{
    background-color: #fff;

    color: #fff;
    top: -4px;
}
/* Extra Things */
body{background: #eee ;font-family: 'Open Sans', sans-serif;}h3{font-size: 30px; font-weight: 400;text-align: center;margin-top: 50px;}h3 i{color: #444;}




/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #303238 url('images/bg01.png');
scroll-behavior: smooth;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}
	
	body,input,select,textarea
	{
		font-family: 'Open ', sans-serif;
		/*font-family: 'Droid Serif',georgia, serif;*/
		/*color: #7b818c;*/
		color: #333333;
		font-weight: 400;
		
	}

	a
	{
		color: #71A4D5;
		text-decoration: underline;
	}
	
		a:hover
		{
			text-decoration: none;
		}
	
	h1, h2, h3, h4, h5, h6
	{
		text-transform: uppercase;
		font-weight: 800;
		letter-spacing: 0.04em;
		color: #404248;
		margin: 0 0 0.2em 0;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: #FF6600;
		text-decoration: none;
		outline: 0;
	}

	h2
	{
		font-size: 2em;
		margin: 0 0 1.5em 0;
		line-height: 1em;
	}
	
		h2.icon
		{
			line-height: 48px;
		}

			h2.icon:before
			{
				position: relative;
				top: 0.05em;
				margin-right: 0.5em;
				opacity: 0.25;
			}

	h3
	{
		font-size: 1.35em;
		margin-top: 2em;
	}

	b, strong
	{
		color: #404248;
		font-weight: 700;
	}

	i, em
	{
		font-style: italic;
	}
	
	br.clear
	{
		clear: both;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid  2px #030000;
		border-color: #DBDBDB;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
		
	p, ul, ol, dl, table
	{
		/*margin-bottom: 2em;*/
		
	}

	.date
	{
		display: block;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.065em;
		font-size: 0.9em;
		color: #696969;
		margin: 0 0 0.25em 0;
	}
	
	/* Section/Article */
	
		section,
		article
		{
			margin-bottom: 5em;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		header
		{
			margin: 0 0 2em 0;
		}
		
			header h2, header h3
			{
				margin: 0 0 0.25em 0;
			}
			
			header p
			{
				display: block;
				text-transform: uppercase;
				font-weight: 700;
				letter-spacing: 0.065em;
				font-size: 0.9em;
				color: #696969;
				margin: 0;
			}

				header p strong
				{
					color: #404248;
					font-weight: 800;
				}

		footer
		{
			margin: 2.5em 0 0 0;
		}
		
		header.major
		{
			border-bottom: solid 1px #dbdbdb;
			margin: 0 0 3em 0;
		}
		
			header.major:after
			{
				content: '';
				display: block;
				border-top: solid 1px #dbdbdb;
				height: 8px;
			}

			header.major h2, 
			header.major h3
			{
				margin: 0 0 1.2em 0;
			}

			header.major p
			{
				margin: 0 0 1.5em 0;
				position: relative;
				top: -1em;
			}
	
	/* Forms */

		form
		{
		}
		
			form label
			{
				display: block;
				text-transform: uppercase;
				font-weight: 800;
				letter-spacing: 0.04em;
				color: #404248;
				margin: 0 0 1em 0;
				font-size: 0.8em;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea
			{
				-webkit-appearance: none;
				display: block;
				width: 100%;
				border-radius: 8px;
				border: solid 1px #eee;
			}

				form input[type="text"]:focus,
				form input[type="email"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus
				{
					box-shadow: 0 0 2px 1px #4091bf;
				}

			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select
			{
				line-height: 3em;
				padding: 0 1em;
			}
				
			form textarea
			{
				min-height: 9em;
				padding: 1em;
			}

			form .formerize-placeholder
			{
				color: #555 !important;
			}

			form ::-webkit-input-placeholder
			{
				color: #555 !important;
			}

			form :-moz-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-placeholder
			{
				color: #555 !important;
			}

			form :-ms-input-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-focus-inner
			{
				border: 0;
			}
			
	/* Tables */
	
		table
		{
			width: 100%;
		}
		
			table.default
			{
				width: 100%;
			}

				table.default tr
				{
					border-top: solid 1px #eee;
				}

					table.default tr:first-child
					{
						border-top: 0;
					}
			
				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.default th
				{
					text-align: left;
					padding: 0.5em 1em 0.5em 1em;
					text-transform: uppercase;
					font-weight: 800;
					letter-spacing: 0.04em;
					margin: 0 0 1em 0;
					font-size: 0.8em;
				}
			
				table.default thead
				{
					background: #404248;
					color: #fff;
				}
				
				table.default tfoot
				{
				}
				
				table.default tbody
				{
				}

	/* Image */

		.image
		{
			position: relative;
			display: inline-block;

		}
		
			.image img
			{
				display: block;
				width: 100%;
				border-radius: 8px;
			}
			
			/* 
				Adds a grain-y overlay to your images. Delete this entire rule if
				that's not something you want.
			*/
			.image:before
			{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				//background: url('images/bg01.png');
				width: 100%;
				height: 100%;
				opacity: 0.75;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}
			
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2.5em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
				
				
			}
			
			.image.left.media
			{
				float: left;
				margin: 0 2em 2em 0;
				    height: 150px;
			}
				
					
			.image.centered
			{
				display: block;
				margin: 0 0 2.5em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

	/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background-color: #4091bf;
			background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2)), url('images/bg02.png');
			background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2)), url('images/bg02.png');
			background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2)), url('images/bg02.png');
			background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2)), url('images/bg02.png');
			background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2)), url('images/bg02.png');
			border-radius: 8px;
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.35), inset 0px 2px 1px 0px rgba(255,255,255,0.35);
			text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
			color: #fff !important;
			text-decoration: none;
			/*text-transform: uppercase; */
			font-weight: 800;
			font-size: 0.95em;
			letter-spacing: 0.075em;
			padding: 0.9em 2em;
			outline: 0;
			border: 0;
			white-space: nowrap;
			cursor: pointer;
			
			-moz-transition: background-color 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out;
			-o-transition: background-color 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out;
		}
		
			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #50a1cf;
			}
		
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #3081af;
			}
			
			.button.icon
			{
			}
			
				.button.icon:before
				{
					opacity: 0.5;
					margin-right: 0.5em;
					position: relative;
					top: 0.05em;
				}
			
			input[type="button"].medium,
			input[type="submit"].medium,
			input[type="reset"].medium,
			.button.medium
			{
				font-size: 1.25em;
				padding: 1em 2.25em;
			}

			input[type="button"].big,
			input[type="submit"].big,
			input[type="reset"].big,
			.button.big
			{
				font-size: 1.5em;
				padding: 1em 2.25em;
			}

			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #464a52;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #565a62;
				}

				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #363a42;
				}

	/* List */

		dl.contact
		{
		}
		
			dl.contact dt
			{
				display: block;
				text-transform: uppercase;
				font-weight: 700;
				letter-spacing: 0.065em;
				font-size: 0.9em;
				color: #696969;
				float: left;
				width: 6em;
			}
			
			dl.contact dd
			{
				margin: 0 0 1em 6em;
			}

		ul
		{
		}

			ul.default
			{
				list-style: disc;
				padding-left: 1em;
			}
			
				ul.default li
				{
					padding-left: 0.5em;
				}		

			ul.actions
			{
			}

				ul.actions li
				{
					display: inline-block;
					padding: 0 0 0 0.25em;
					margin: 0 0 0 0.25em;
				}
				
					ul.actions li:first-child
					{
						margin-left: 0;
						padding-left: 0;
					}
			
			ul.menu
			{
			}

				ul.menu li
				{
					border-left: solid 1px #eee;
					display: inline-block;
					padding: 0 0 0 1em;
					margin: 0 0 0 1em;
				}
				
					ul.menu li:first-child
					{
						border-left: 0;
						margin-left: 0;
						padding-left: 0;
					}
			
			ul.divided
			{
			}
			
				ul.divided li
				{
					border-top: solid 1px #eee;
					padding: 0.5em 0 0 0;
					margin: 0.5em 0 0 0;
				}
				
					ul.divided li:first-child
					{
						border-top: 0 !important;
						padding-top: 0 !important;
						margin-top: 0 !important;
					}

		ol
		{
		}	

			ol.default
			{
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li
				{
					padding-left: 0.25em;
				}

	/* Box */

		.box
		{
		}
		
			.box.excerpt
			{
				position: relative;
				overflow: hidden;
			}

				.box.excerpt header
				{
					margin: 0 0 1em 0;
				}

				.box.excerpt .image
				{
					margin-bottom: 0;
				}

				.box.excerpt p
				{
					margin-bottom: 0;
				}

			.box.feature1
			{
				text-align: center;
			}
			
				.box.feature1 header.first
				{
				}
			
					.box.feature1 header.first h2
					{
						font-size: 2.5em;
					}
					
					.box.feature1 header.first p
					{
						font-size: 1.2em;
					}
					
				.box.feature1 header.second
				{
					position: relative;
					display: inline-block;
					text-align: left;
					margin: 0 auto;
					white-space: nowrap;
					left: 24px;
				}

					.box.feature1 header.second p
					{
						line-height: 1em;
					}
				
					.box.feature1 header.second:before
					{
						font-size: 48px;
						position: absolute;
						right: 100%;
						margin-right: 18px;
						opacity: 0.5;
						bottom: -4px;
					}
					
			.box.feature2
			{
				text-align: center;
			}
			
			.box.article-list
			{
			}
			
				.box.article-list article
				{
/* 					border-bottom: solid 2px #dbdbdb; */
					margin: 0 0 1.00em 0;
					
					padding: 0 0 1.20em 0;
				}
				
				

				.box.article-list article:last-child
				{
					border-bottom: 0;
					margin-bottom: 0;
					padding-bottom: 0;
				}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		.icon > .label {
			display: none;
		}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		text-align: center;
	}
	
		#banner h2
		{
			border: solid 1px rgba(255,255,255,0.25);
			border-left: 0;
			border-right: 0;
			color: #fff;
			color: rgba(255,255,255,0.75);
			font-size: 2.35em;
			font-weight: 700;
			line-height: 1.3em;
			margin: 0 0 1.5em 0;
		}
		
			#banner h2 strong
			{
				font-weight: 800;
				color: inherit;
			}
		
			#banner h2:before
			{
				content: '';
				display: block;
				border-top: solid 1px;
				border-color: #888;
				border-color: rgba(255,255,255,0.25);
				margin: 10px 0 1.25em 0;
			}

			#banner h2:after
			{
				content: '';
				display: block;
				border-bottom: solid 1px;
				border-color: #888;
				border-color: rgba(255,255,255,0.25);
				margin: 1.25em 0 10px 0;
			}

		#banner p
		{
			text-transform: uppercase;
			color: #fff;
			color: rgba(255,255,255,0.75);
			font-size: 1.5em;
			font-weight: 700;
			line-height: 1.3em;
			letter-spacing: 0.04em;
		}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		background: url('images/bg01.png'), url('../images/header.jpg');
		background-position: top left, center center;
		background-size: auto, cover;
	}
	
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
		background: #fff;
	}

	#footer-wrapper
	{
		position: relative;
		background-image:		-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)),		url('images/bg03.png'),		url('images/bg02.png');
		background-image:		-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)),	url('images/bg03.png'),		url('images/bg02.png');
		background-image:		-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)),		url('images/bg03.png'),		url('images/bg02.png');
		background-image:		-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)),		url('images/bg03.png'),		url('images/bg02.png');
		background-image:		linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5)),			url('images/bg03.png'),		url('images/bg02.png');
		background-repeat:		repeat-x,														no-repeat,					repeat;
		background-size:		100% 100%,														100% 15em,					auto auto;
		background-position:	top left,														top center,					top left;
	}

	.wrapper
	{
	}

		.wrapper > .inner
		{
			position: relative;
			z-index: 2;
		}

		.wrapper.style1
		{
			position: relative;
			text-shadow: 1px 1px 0 #fff;
			background-color:		#fff;
			background-image:		url('images/bg03.png'),		url('images/bg04.png'),		url('images/bg02.png');
			background-repeat:		no-repeat,					no-repeat,					repeat;
			background-size:		100% 15em,					100% 15em,					auto auto;
			background-position:	top center,					bottom center,				top left;
		}
	
		.wrapper.style2
		{
		}
	
		.wrapper.style3
		{
			position: relative;
			text-shadow: 1px 1px 0 #fff;
			background-color:		#fff;
			background-image:		url('images/bg03.png'),		url('images/bg02.png');
			background-repeat:		no-repeat,					repeat;
			background-size:		100% 15em,					auto auto;
			background-position:	top center,					top left;
		}
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		margin-bottom: 0;
	}

	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		margin-bottom: 0;
		color:#ddd;
		position: relative;
		z-index: 2;
	}
	
		#footer h2
		{
			font-size: 1.35em;
			color: #fff;
		}

		#footer strong
		{
			color: #fff;
		}

		#footer a
		{
			color: #acb2bf;
		}

		#footer .button.alt
		{
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.75), inset 0px 2px 1px 0px rgba(255,255,255,0.25);
		}

		#footer ul.divided li,
		#footer ul.menu li
		{
			border-color: #444;
			border-color: rgba(255,255,255,0.075);
		}

			#footer ul.divided li a
			{
				text-decoration: none;
			}

		#footer ul.menu
		{
			margin: 0;
		}
		
		#footer dl.contact dt
		{
			color: #ddd;
		}

	#copyright
	{
		border-top: solid 1px;
		border-color: #444;
		border-color: rgba(255,255,255,0.075);
		text-align: center;
		margin-top: 2em;
		padding: 3em 0 4em 0;
		color: inherit;
	}
	
		#copyright a
		{
			color: inherit;
		}
			
	
	


#skel-layers-hiddenWrapper{
	position:absolute;
	
	
	
}
	
	
	::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:#eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #dfdfdf inset;
	border-radius:10px;
}
::-webkit-scrollbar-thumb {
	background:#999;
	border: thin solid gray;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#7d7d7d;
}


input#suchtext
{
  -moz-border-radius: 50px;
 border-radius: 5px;
    border:solid 1px black;
    padding:2px;
       position:relative;
     center: 50px;
     width:70px;
  
     
     
}


input#suchtext::-webkit-input-placeholder {
    color: #CCCCCC;
    position:relative;
    padding-left:0;
    -webkit-transition: padding 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: padding 0.5s;
}
input#suchtext:-moz-placeholder {
    /* Firefox 18- */
    color: #CCCCCC;
    position:relative;
    padding-left:0;
    -moz-transition: padding 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: padding 0.5s;
}
input#suchtext::-moz-placeholder {
    /* Firefox 19+ */
    color: #CCCCCC;
    position:relative;
    padding-left:0;
    -moz-transition: padding 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: padding 0.5s;
}
input#suchtext:-ms-input-placeholder {
    color: #CCCCCC;
    position:relative;
    padding-left:0;
    -ms-transition: padding 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: padding 0.5s;
}
/*
* On hover
*/
 input#suchtext:hover::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
    padding-left:42%;
}
input#suchtext:hover:-moz-placeholder, input:focus:-moz-placeholder {
    /* Firefox 18- */
    padding-left:42%;
}
input#suchtext:hover::-moz-placeholder, input:focus::-moz-placeholder {
    /* Firefox 19+ */
    padding-left:42%;
}
input#suchtext:hover:-ms-input-placeholder, input:focus:-ms-input-placeholder {
    padding-left:42%;
}


 
#pulsate_slow {
	  -webkit-animation: fadein 1s infinite alternate;
  -moz-animation: fadein 1s infinite alternate;
  -o-animation: fadein 1s infinite alternate;
  animation: fadein 1s infinite alternate;
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  20% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein {
  0% { opacity: 0; }
  20% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; }
}
@-o-keyframes fadein {
  0% { opacity: 0; }
  20% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; }
}
@keyframes fadein {
  0% { opacity: 0; }
  20% { opacity: 0; }
  80% { opacity: 1; }
  100% { opacity: 1; }
}



form { display: flex; }
input[type=text] { flex-grow: 1; }

#logo:hover {
text-shadow: 0 1px 0 #666,
0 2px 0 #555,
1px 3px 0 #444,
2px 4px 0 #333,
3px 5px 0 #222,
4px 6px 1px #111,
0 0 5px rgba(0,0,0,.6),
0 1px 3px rgba(0,0,0,.5),
1px 3px 5px rgba(0,0,0,.4),
3px 5px 10px rgba(0,0,0,.3),
5px 10px 10px rgba(0,0,0,.2),
10px 20px 20px rgba(0,0,0,.1);
}
#logo {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}



input#suchtext
{  
/*    //background: #FFFFFF url(../images/search_chart_32.png) no-repeat right; */
   padding-right: 18px;
   display: flex;
   border:1px solid #ccc;

   width: 10%;
}

#logo1 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
			   font-size: 140%;
			   
			   
}



#abgewinkelter-button {

	cursor: pointer;
	background: transparent;
	border: 0;
	height: 40px;
	padding: 0 17px;
	position: relative;
	color: white;
	font-weight: bold;
}
#abgewinkelter-button:after {
	z-index: -1;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	transform: skewX(+25deg);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
	border-radius: 5px;
	background: #FF6600;
 left: -12px;
	background: linear-gradient(to bottom, FF6600 0%,#FF6600 100%);
	 
 
    border: 1px solid #ccc
    
    
    
}





#topiconmenu {
 position: fixed;
    top: -15px;
    right: 0px;
   
    width: 20px;
    height: 20px;
}
#topLoginLogoutnmenu {
 position: fixed;
    position: fixed;
	top: 5px;
	right: 0px;
}

#topiconlanguage {
 position: fixed;
    top: 10px;
    right: 55px;
  
   
    height: 20px;
}

#bottomQR {
 position: fixed;
     position: fixed;
    bottom: 5px;
    right: 0px;
    width: 55px;
    height: 55px;
    
}

#bottomCopyRightStartPage {
 
     position: fixed;
    bottom: 0px;
   right: 60px;
    z-index: 5;
    
}


#TrendingRightStartPage {
 
     position: fixed;
    top: 55%;
   right: +30%;
    z-index: 5;
    
}

#leftcolNon {
  
  display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 90%;
    height: 90%;
    margin: auto;
  padding: 10px;
  border: 1px solid #ddd;
  background-size: cover;
 background-clip: content-box;
  background-color: #FF6600;
  box-sizing: border-box;
 
  
  
  color: #fbfbfb;
  
}

#leftcolNon:after {
  content: "";
  display: block;
  position: absolute;
  border: 50px solid transparent;
  border-bottom: 50px solid #fefefe;
  bottom: -60px;
  right: -65px;
  box-shadow: 0px 7px 6px -9px black;
  transform: rotate(135deg);
}

#leftcolNon:before {
  content: "";
  display: block;
  position: absolute;
  border: 50px solid transparent;
  border-top: 50px solid #fefefe;
  top: -60px;
  left: -65px;
  box-shadow: 0px -7px 6px -9px black;
  transform: rotate(135deg);
}
	







/* btn */
.topmenu {
	 position: fixed;
    top: -15px;
    right: 0px;
   
    width: 20px;
    height: 20px;
}
.topmenu span {
	margin: 0 auto;
	position: relative;
	top: 8px;
}
.topmenu span:before, .topmenu span:after {
	position: absolute;
	content: '';
}
.topmenu span, .topmenu span:before, .topmenu span:after {
	width: 30px;
	height: 6px;
	background-color: #ff0000;
	display: block;
}
.topmenu span:before {
	margin-top: -8px;
}
.topmenu span:after {
	margin-top: 8px;
}

/* btn */
.topmenu {
	position: relative;
	display:  inline-block;
	width: 20px;
	height: 20px;
	margin: 25px;
}
.topmenu span {
	margin: 0 auto;
	position: relative;
	top: 8px;
}
.topmenu span:before, .topmenu span:after {
	position: absolute;
	content: '';
}
.topmenu span, .topmenu span:before, .topmenu span:after {
	width: 25px;
	height: 3px;
	background-color: #ff0000;
	color:rgba(59,62,69,0.9);
	display: block;
}
.topmenu span:before {
	margin-top: -8px;
}
.topmenu span:after {
	margin-top: 8px;
}
/* --- btn --- */

/* examples */

/* example 1 */
.example1 {
  -webkit-transform: rotate(0deg); transform: rotate(0deg);
	-webkit-transition: 0.2s ease; transition: 0.2s ease;
}
.example1:hover {
	-webkit-transform: rotate(90deg); transform: rotate(90deg);
}




#abgewinkelter-button:hover:after{
	background: linear-gradient(to bottom, FF6600 100%,#FF6600 0%);
}

.circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

.circle1 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: -40px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}


#slider {
box-shadow: 0 15px 18px -5px rgba(0, 0, 0, 0.75);
-moz-border-radius: 15px;
border-radius: 15px;
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }

}

@-webkit-keyframes slidy { 0% { left: 0%; } 20% { left: 0%; } 25% { left: -100%; } 45% { left: -100%; } 50% { left: -200%; } 70% { left: -200%; } 75% { left: -300%; } 95% { left: -300%; } 100% { left: -400%; } }

body { margin: 0; } div#slider { overflow: hidden; } div#slider figure img { width: 20%; float: left;  } div#slider figure { position: relative; width: 500%; margin: 0; left: 0; text-align: left; font-size: 0; -webkit-animation: 15s slidy infinite; }
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left;  }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite;
  
}


.Description {
line-height: initial;
cursor: pointer;
cursor: hand;
}

 .textSmallLowHeight   {
	  font-size: smaller;
	  line-height: initial;
	  cursor: pointer;
	  cursor: hand;
	   }
.textLowHeight   {
	  line-height: initial;
	 cursor: pointer;
	  cursor: hand;
	   }	   
.orange {
    color: #FEF4E9;
border: 1px solid #DA7C0C;
background: transparent -moz-linear-gradient(center top , #71A4D5, #71A4D5) repeat scroll 0% 0%;
background-color: #71A4D5;
display: inline-block;
vertical-align: baseline;
margin: 0px 2px;
outline: medium none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial,Helvetica,sans-serif;
padding: 0.1em 1em 0.1em;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
border-radius: 0.8em;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}


input[type=radio], input[type=checkbox] {
		display:none;
	}

input[type=radio] + label, input[type=checkbox] + label {
		display:inline-block;
		margin:-2px;
		padding: 4px 12px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 20px;
		color: #333;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255,255,255,0.75);
		vertical-align: middle;
		cursor: pointer;
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
		background-image: -o-linear-gradient(top,#fff,#e6e6e6);
		background-image: linear-gradient(to bottom,#fff,#e6e6e6);
		background-repeat: repeat-x;
		border: 1px solid #ccc;
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
		border-bottom-color: #b3b3b3;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
 		
	}

	 input[type=radio]:checked + label, input[type=checkbox]:checked + label{
		   background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
		box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
			background-color:#71A4D5;
	}
	

div.style1:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > center:nth-child(2) > label:nth-child(2){
border-top-left-radius: 5px;
}

div.style1:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > center:nth-child(2) > label:nth-child(16){
border-top-right-radius: 5px;
}

#Statistics{
color: grey;
font-size: 12px;
}



#gifload{
  position: absolute;
  width: 100%;
  height: 2.9px;
  border-right: 5px solid white;
  background-color: #71A4D5;
  box-shadow: 0 0 10px #5CE6E6;
  -webkit-transition: width 3.5s;
  -webkit-animation: loading 3.5s ease-out infinite;
  -moz-animation: load 3.5s infinite;
  -moz-transition: width 3.5s;
}

@-webkit-keyframes loading{
  0%{
    width: 0px;}

  100%{
    opacity: 0;
    width: 1��%;
  }
}

@-moz-keyframes load {
  from {
    width: 0px;
  }
  to {
   opacity: 0;
    width: 100%;
  }
}


#nav-one {
 
}

#nav-one ul {
  list-style: none;
}

#nav-one ul li {
  display: inline;
  padding-left: 15px;
  position: center;
}

#nav-one ul li a {
 color: #404248;
	font-weight: 700;
  text-decoration: none;
/*   text-transform: uppercase; */
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 12px;
  transition: ;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

/* #nav-one ul li a:hover { */
/*   color: rgb(69, 69, 69); */
/*   border-top: 4px solid rgb(236, 233, 70); */
/* } */

#nav-one ul li a:hover {
 
  
/*   border-top: 4px solid rgb(236, 233, 70); */
/*   border-bottom: 3px solid rgb(255, 102, 00); */
  
  border-bottom: 3px solid rgb(64, 145, 191);
}



.iframe-container {
  overflow: hidden;
  height: 100px;
  width: 100px;
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   
   left: 0;
   position: absolute;
   top: 0;
  
    -webkit-transform: scale(1.3);
}