@charset 'UTF-8';
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,900,300italic,400italic&subset=latin,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Lato:400,300,100&subset=latin,latin-ext");
@import url("font-awesome.min.css");

/* Webfont: LatoLatin-Thin */@font-face {
    font-family: 'LatoLatinWebThin';
    src: url('font/LatoLatin-Thin.eot'); /* IE9 Compat Modes */
    src: url('font/LatoLatin-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/LatoLatin-Thin.woff2') format('woff2'), /* Modern Browsers */
         url('font/LatoLatin-Thin.woff') format('woff'), /* Modern Browsers */
         url('font/LatoLatin-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: LatoLatin-Light */@font-face {
    font-family: 'LatoLatinWebLight';
    src: url('font/LatoLatin-Light.eot'); /* IE9 Compat Modes */
    src: url('font/LatoLatin-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font/LatoLatin-Light.woff2') format('woff2'), /* Modern Browsers */
         url('font/LatoLatin-Light.woff') format('woff'), /* Modern Browsers */
         url('font/LatoLatin-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #fff;
		font-smooth: always;
		font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
	}

		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,textarea,select
	{
		font-family: helvetica, arial, sans-serif;
		color: #697277;
		font-weight: 300;
		line-height: 1.75em;
		font-size: 14px;
	}

	h1,h2,h3,h4,h5,h6
	{
		/*font-weight: 100;*/
		color: #666;
		font-family: 'LatoLatinWebLight', sans-serif;
		/*text-transform: capitalize;*/
		text-align: left;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}

	h1
	{
		font-size: 45px;
		line-height: 45px;
		font-weight: 300;
		font-style: normal;
		margin-bottom: 1.5em;
		color: #7CA815;
	}

	h2
	{
		font-size: 30px;
		line-height: 1.25em;
		margin-top: 1em;
		padding-bottom: 0.1em;
		border-bottom: 1px solid #bebfc1;
	}

	h3
	{
		font-size: 20px;
		line-height: 1em;
		font-weight: 300;
		margin-bottom: 1em;
		color: #3382D0;
	}

	a
	{
		color: #7CA815;
		text-decoration: none;
		border-bottom: dotted 1px #7CA815;
		-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		outline: 0;
	}
	
		a:hover
		{
			color: #62676c;
			border-bottom-color: rgba(255,255,255,0);
		}

	strong, b
	{
		font-weight: 400;
		color: #42474c;
	}
	
	em, i
	{
		font-style: italic;
	}
	
	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 1px #c2c7cc;
	}
	
	blockquote
	{
		border-left: solid 0.5em #c2c7cc;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table, .features
	{
		margin-bottom: 1.5em;
	}

	br.clear
	{
		clear: both;
	}

	.feature
	{
		text-align: center;
	}
	
	/* Sections/Article */
	
		section,
		article
		{
			margin-bottom: 3em;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}
		
		.row
		{
			margin: 0 !important;
			border-bottom: 0 !important;
		}
		.row.full-height
		{
			height: 100%;
			margin: 0;
			border-bottom: 0;
		}
		.row.half-height
		{
			height: 50%;
			margin: 0;
			border-bottom: 0;
		}

		.container.half-height
		{
			height: 50%;
		}

		.row.trecina-height
		{
			height: 33%;
			margin: 0;
			border-bottom: 0;
		}
		.row.dvije-trecine-height
		{
			height: 67%;
			margin: 0;
			border-bottom: 0;
		}

		.row > section,
		.row > article
		{
			margin-bottom: 0;
		}

		.row.full-height > section,
		.row.half-height > section,
		.row.trecina-height > section,
		.row.dvije-trecine-height > section,
		.row > article
		{
			margin-bottom: 0;
			height: 100%;
		}

		.row>*
		{
			padding: 0 !important;
		}

		section.content
		{
			background-color: #fff;
		}

		section.left
		{
			text-align: left;
		}

		section.right
		{
			text-align: right;
		}

		section.feature
		{
			text-align: center;
		}

		section.bullets
		{
			padding: 2em !important;
		}

	/* Image */

	.tlocrt
	{
		max-width: 100%;
		padding-top: 2em;
		padding-left: 2em;
		padding-right: 2em;
	}

		.image
		{
			display: inline-block;
			-moz-transition: opacity 0.25s ease-in-out;
			-webkit-transition: opacity 0.25s ease-in-out;
			-o-transition: opacity 0.25s ease-in-out;
			-ms-transition: opacity 0.25s ease-in-out;
			transition: opacity 0.25s ease-in-out;
			outline: 0;
			border: 0;
		}
		
			.image img
			{
				display: block;
				vertical-align: middle;
				max-height: 100%;
				max-width: 100%;
				vertical-align: middle;
				/* text-align: center; */
				margin: auto;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}
			
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 3em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 3em 0;
			}

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

			a.image:hover
			{
				opacity: 0.85;
			}

	/* List */

		ul
		{
		}

			ul.default
			{
				/*list-style: disc;
				list-style-position: inside;*/
				/*padding-left: 1em;*/
				text-align: left;
				/*font-size: 1em;*/
				padding-bottom: 1em;
			}

			ul.centrirano
			{
				text-align: center;
			}
			
				ul.default li
				{
					padding-left: 0.5em;
					/*display: flex;*/
					display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
					display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
					display: -ms-flexbox;      /* TWEENER - IE 10 */
					display: -webkit-flex;     /* NEW - Chrome */
					display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
					margin-bottom: 0.5em;
				}

				ul.default li span,
				ul.default li a
				{
					font-family: helvetica, arial, sans-serif;
					line-height: 1.5em;
				}

				a.tlocrt-link
				{
					line-height: 1.5em;
					font-family: helvetica, arial, sans-serif;
				}

				ul.default li:before
				{
					display: inline-table;
					color: #80BA1E;
					font-size: .4em;
					line-height: 4em;
					margin-right: 0.75em;
				}

				ul.default li.fa-circle.small:before,
				td.fa.fa-circle.small:before {
					font-size: 1.5pt;
					text-align: center;
					line-height:9em;
					margin-right: 2em;
				}

				ul.default li.fa-circle:before,
				td.fa.fa-circle:before {
					/*font-size: 0.2em;
					text-align: center;
					line-height: 7em;*/
					margin-right: 2em;
				}
			
			ul.actions
			{
				padding-top: 1em;
			}
			
				ul.actions.major
				{
					text-align: center;
				}
			
				ul.actions li
				{
					display: inline-block;
					margin-left: 1em;
				}
				
					ul.actions li:first-child
					{
						margin-left: 0;
					}

			ul.divided
			{
			}

				ul.divided li
				{
					border-top: solid 1px #d2d7dc;
					padding-top: 2em;
					margin-top: 2em;
				}
				
				ul.divided li:first-child
				{
					padding-top: 0;
					margin-top: 0;
					border-top: 0;
				}

			ul.icons
			{
			}
			
				ul.icons li:before
				{
					display: inline-block;
					color: #fff;
					background: #61666b;
					width: 2em;
					height: 2em;
					border-radius: 0.35em;
					text-align: center;
					line-height: 2em;
					margin-right: 0.75em;
				}

			ul.menu
			{
			}
			
				ul.menu li
				{
					display: inline-block;
					border-left: solid 1px #d2d7dc;
					padding-left: 1em;
					margin-left: 1em;
				}
				
				ul.menu li:first-child
				{
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
				}

		ol
		{
		}	

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

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

	/* Form */

		.nice-input
		{
			-moz-transition: background-color 0.15s ease-in-out;
			-webkit-transition: background-color 0.15s ease-in-out;
			-o-transition: background-color 0.15s ease-in-out;
			-ms-transition: background-color 0.15s ease-in-out;
			transition: background-color 0.15s ease-in-out;
			text-align: left;
			padding: 0.2em 0.5em;
			border: 1px solid #E2E2E2 !important;
			border-radius: 2px;
			width: 100%;
			margin-bottom: 0.5em;
			/*background-color: #DCDFDA;/* old - #E7F0E0*/
		}

		.nice-input:hover
		{
			background-color: #E2E2E2;
		}

		form
		{
		}
			form > .row > section {
				padding: 0 .33em !important;
				display: inline-table;
			}
		
			form .actions
			{
				padding-top: 0;
			}

			.form-control {
				height: 34px !important;
			}
		
			form label
			{
				margin-right: 1em;
				display: inline-block;
				max-width: 100%;
				padding: .3em;
				font-weight: 500;
				color: #3e3e3e;
				font-size: 9pt;
			}
		
			form input.text,
			form select,
			form textarea
			{
				text-align: left;
				padding: .5em;
				border: 1px solid #999;
				margin-bottom: 1.5em;
				display: inline-block;
				cursor: pointer;
				width: 100%;
				/*-moz-transition: background-color 0.25s ease-in-out;
				-webkit-transition: background-color 0.25s ease-in-out;
				-o-transition: background-color 0.25s ease-in-out;
				-ms-transition: background-color 0.25s ease-in-out;
				transition: background-color 0.25s ease-in-out;*/				
			}

				form input[type="text"]:focus,
				form input[type="email"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus
				{
					background: #fff;
				}
				
				form textarea
				{
					min-height: 7em;
				}

				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;
				}
			
	/* Table */
	
		table
		{
			width: 100%;
		}
		
			table.default
			{
				width: 100%;
			}

				table.default tbody tr
				{
					border-bottom: solid 1px #D2D7DC;
				}
			
				table.default tbody tr:nth-child(2n+1)
				{
					/*background: #f9fbfe;*/
				}
				
				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
					/*font-size: 0.8em;*/ 
				}

				td.fa:before
				{
					display: inline-table;
					color: #80BA1E;
					/* background: #61666b; */
					/* width: 2em; */
					/* height: 3em; */
					/* border-radius: 0.35em; */
					font-size: 0.6em;
					text-align: center;
					line-height: 1.75em;
					margin-right: 0.75em;
				}

				table.default span
				{
					font-family: helvetica, arial, sans-serif;
					padding-left: 1em;
				}
				
				table.default th
				{
					text-align: left;
					font-weight: 400;
					padding: 0.5em 1em 0.5em 1em;
				}
			
				table.default thead
				{
				}
				
				table.default tfoot
				{
					border-top: solid 1px #D2D7DC;
				}
				
				table.default tbody
				{
				}

	/* Button */
		
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			display: inline-block;
			color: inherit;
			background: none;
			text-decoration: none;
			border: solid 1px #c2c7cc;
			border-radius: 0.35em;
			padding: 0.8em 2em 0.8em 2em;
			cursor: pointer;
			outline: 0;
			background:#3382d0;
			color: #fff;

			-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
			-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
			-o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
			-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
			transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				color: #3382D0;
				border-color: #3382D0;
			}


/*********************************************************************************/
/* 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;
		}

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

	.wrapper
	{
		position: relative;
		background: #fff;
		overflow-x: hidden;
		padding: 6em 0 6em 0;
	}

	.image-wrapper
	{
		position: relative;
	}
	
		.image-wrapper .image
		{
			position: relative;
			z-index: 2;
		}
	
		.image-wrapper.first:before
		{
			content: '';
			display: block;
			width: 2000%;
			height: 100%;
			position: absolute;
			left: -1000%;
			top: 0;
			z-index: 1;
			box-shadow: inset 0px 0px 0px 1px #e8e8e8;
			background: #f6f8fb url('images/image-wrapper.svg');
		}

	#header-wrapper
	{
		position: relative;
		padding: 4em 0 2em 0;
		
		background-color:		#f08c89;
		background-image:		url('images/header.svg');
		background-size:		100% 620%;
		
		background-image:		url('images/overlay.png'),	url('images/header.svg'),	-moz-linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
		background-image:		url('images/overlay.png'),	url('images/header.svg'),	-webkit-linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
		background-image:		url('images/overlay.png'),	url('images/header.svg'),	-o-linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
		background-image:		url('images/overlay.png'),	url('images/header.svg'),	-ms-linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
		background-image:		url('images/overlay.png'),	url('images/header.svg'),	linear-gradient(75deg, #FF7088 15%, #F2B69D 55%);
		background-size:		128px 128px,				100% 620%,					auto;
		background-repeat:		repeat,						no-repeat,					no-repeat;
	}
	
		.homepage #header-wrapper
		{
			padding: 10em 0 6em 0;
			background-size:	128px 128px,				100% 100%,					auto;
		}
	
	#promo-wrapper
	{
		position: relative;
		background-image:		url('images/overlay.png'),	url('../images/promo.jpg');
		background-size:		192px 192px,				cover;
		background-position:	top left,					center center;
		color: #fff;
		text-align: center;
		padding: 6em 0 6em 0;
	}

	#footer-wrapper
	{
		-webkit-transform: translate3d(0,0,0);
		position: relative;
		border-top: solid 1px #c2c7cc;
		padding: 6em 0 6em 0;

		background-image:		url('images/overlay.png'),	url('images/footer.svg');
		background-size:		128px 128px,				100% 100%;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	.headings
	{
		position: relative;
		/* top: 67%; */
		transform: translateY(150%);
	}
	#screen-initial-booking .headings
	{
		/*transform: none;*/
	}

	.logo
	{
		position: relative;
		top: 40%;
		transform: translateY(-50%);
		display: none;
	}

	.logo-nav
	{
		position: relative;
		display: inline-block;
		float: left;
		padding: 0.4em 2em;
		transform: translateY(-27%);
	}

	.logo-nav a
		{
			border-bottom: 0;
		}

	#nav
	{
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 4em;
		line-height: 4em;
	}

	#nav-row
	{
		/*position: absolute;*/
		width: 100%;
		background-color: rgba(255,255,255, 1);
	}

	#nav-inline
	{
		/*background-color: rgba(255,255,255, 1);*/
		/*border-bottom: 2px solid #3382D0;*/
		text-align: right;
		padding-right: 1em;
		padding-top: 1.4em;
		/*padding-left: 22%;*/
	}

		#nav > ul
		{
			margin: 0;
		}

		#nav-inline > ul
		{
			margin: 0 auto;
		}

			#nav > ul > li > ul
			{
				display: none;
			}
		
			#nav-inline > ul > li
			{
				display: inline-block;
				text-align:center;
				padding:0.1em 1em;
			}

			#nav > ul > li
			{
				/*display: inline-block;*/
				display: block;
				margin-left: 1em;
			}
			
				#nav > ul > li > span,
				#nav > ul > li > a
				{
					color: #fff;
					text-decoration: none;
					outline: 0;
					border: 0;
					border: solid 1px rgba(255,255,255,0);
					border-radius: 0.35em;
					padding: 0.3em 1em 0.3em 1em;
					-moz-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-o-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-ms-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				}

				#nav-inline > ul > li > span,
				#nav-inline > ul > li > a
				{
					font-family: helvetica, arial, sans-serif;
					color: #697277;
					text-decoration: none;
					outline: 0;
					border: 0;
					text-transform: uppercase;
					font-size: 13px;
					/*border: solid 1px rgba(255,255,255,0);*/
					/*border-radius: 0.35em;*/
					padding: 0.3em 0.1em
					-moz-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-o-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					-ms-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
					transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
				}

				#nav-inline > ul > li > a:hover
				{
					color: #3382D0;
				}

			#nav > ul > li.active > span,
			#nav > ul > li.active > a
			{
				border-color: rgba(255,255,255,0.75);
				background-color: rgba(255,255,255,0.15);
				color: #fff;
			}

			#nav > ul > li:first-child
			{
				margin-left: 0;
			}

			#nav > ul > li.break
			{
				margin-left: 20em;
			}
	
	#lang-picker
	{
		text-align: right;
		padding: .5em 2em;
	}

	#lang-picker p
	{
		display: inline-block;
		margin-right: .5em;
		margin-bottom: 0;
	}

	#lang-nav
	{
		text-align: right;
		z-index: 30;
		display: inline-block;
		font-size: 8pt;
	}

	#lang-nav > ul
	{
		margin: 0;
	}

	#lang-nav > ul > li:first-child
	{
		margin-left: 0;
	}

	#lang-nav > ul > li
	{
		display: inline-block;
		/*margin-left: .2em;*/
	}

	#lang-nav > ul > li > span,
	#lang-nav > ul > li > a
	{
		color: #697277;
		text-decoration: none;
		outline: 0;
		border: 0;
		/* border: solid 1px rgba(255,255,255,0); */
		/* border-radius: 0.35em; */
		/* padding: 0.3em 0.6em 0.3em 1em; */
		padding: 0;/*padding: 0.5em 0.75em;*/
		-moz-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-o-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-ms-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		background-repeat: no-repeat;
		background-position: 0 center;
		background-size: contain;
	}

	#lang-nav > ul > li > span:hover,
	#lang-nav > ul > li > a:hover
	{
		color: #3382D0;
	}

	#lang-en
	{
		background-image: url(../assets/flags/en-sm.png);
	}

	.dropotron
	{
		text-align: left;
		line-height: 2em;
		border-radius: 0.35em;
		min-width: 12em;
		background: #fff;
		line-height: 1em;
		padding: 0.85em 0 0.85em 0;
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.25);
		margin-top: -0.8em;
	}

		.dropotron a,
		.dropotron span
		{
			display: block;
			padding: 0.65em 1em 0.65em 1em;
			border-top: solid 1px #e8e8e8;
			border-bottom: 0;
			color: #697277;
		}

		.dropotron a:hover,
		.dropotron span:hover
		{
			color: #3382D0;
		}

		.dropotron li:first-child > a,
		.dropotron li:first-child > span
		{
			border-top: 0;
		}
	
		.dropotron li.active > a,
		.dropotron li.active > span
		{
			color: #f35858;
		}
	
	.dropotron.level-0
	{
		margin-top: 0;
	    font-size: 13px;
	    margin-top: 1em;
	    margin-left: 1em;
	    font-family: helvetica, arial, sans-serif;
	    font-weight: 300;
	    /*text-transform: uppercase;*/
	}

		.dropotron.level-0:before
		{
			content: '';
			position: absolute;
			top: -1em;
			width: 1em;
			height: 1em;
			border-bottom: solid 0.5em #fff;
			border-left: solid 0.5em rgba(255,255,255,0);
			border-right: solid 0.5em rgba(255,255,255,0);
		}

		.dropotron.level-0.center:before
		{
			left: 50%;
			margin-left: -0.5em;
		}

		.dropotron.level-0.left:before
		{
			left: 1em;
		}

		.dropotron.level-0.right:before
		{
			right: 1em;
		}


/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		padding-bottom: 4em;
	}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
	}
	
		#sidebar section
		{
			border-top: solid 1px #d2d7dc;
			margin-top: 3em;
			padding-top: 3em;
		}

		#sidebar section:first-child
		{
			border-top: 0;
			margin-top: 0;
			padding-top: 0;
		}

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

	#footer
	{
		position: relative;
		z-index: 1;
	}

		#footer header.major
		{
			margin-bottom: 3em;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		position: relative;
		z-index: 1;
		text-align: center;
		border-top: solid 1px #d2d7dc;
		color: #a2a7ac;
		padding-top: 4em;
		margin-top: 6em;
	}


/* Decoration */
.frame {
  position: fixed;
  z-index: 10;
  display: none;
}

.frame_top
{
	background: #c0c0c0;
	height: 5px;
	position: fixed;
	top: 5px;
	left: 5px;
	right: 5px;
	margin: 0 auto;
}

.frame_bottom {
  background: #c0c0c0;
  height: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  margin: 0 auto;
  position: fixed;
}

.frame_left {
  background: #c0c0c0;
  width: 5px;
  top: 5px;
  bottom: 5px;
  left: 5px;
  position: fixed;
}

.frame_right {
  background: #c0c0c0;
  width: 5px;
  top: 5px;
  bottom: 5px;
  right: 5px;
  position: fixed;
}


/* Navigation */

#navigation
{
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	display: none;
}

#navigation.active
{
	width: 100%;
	height: 100%;
}

#navigation .navbutton_wrapper
{
	height: 30px;
	width: 35px;
	position: absolute;
	top: 20px;
	left: 25px;
	cursor: pointer;
	z-index: 99;
}

@media only screen and (max-width: 640px)
{
	#navigation .navbutton_wrapper
	{
		/*top: 25px;*/
		left: 15px;
	}
}

#navigation .navbutton {
  height: 5px;
  width: 100%;
  background: url(assets/trigger_line.png) no-repeat left center;
  position: absolute;
  top: 10px;
  left: 0;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#navigation .navbutton:hover {
  background: url(assets/trigger_line.png) no-repeat right center;
}
#navigation .navbutton:hover:before, #navigation .navbutton:hover:after {
  background: url(assets/trigger_line.png) no-repeat right center;
}

#navigation .navbutton:before, #navigation .navbutton:after {
  content: '';
  position: absolute;
  height: 5px;
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  background: url(assets/trigger_line.png) no-repeat left center;
}

#navigation .navbutton:before {
  top: 10px;
}

#navigation .navbutton:after {
  top: -10px;
}

#navigation .navbutton_wrapper:hover .navbutton {
  background: url(assets/trigger_line.png) no-repeat right center;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#navigation .navbutton_wrapper:hover .navbutton:before {
  background: url(assets/trigger_line.png) no-repeat right center;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#navigation .navbutton_wrapper:hover .navbutton:after {
  background: url(assets/trigger_line.png) no-repeat right center;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#navigation .navbutton.active {
  background: url(assets/trigger_line.png) no-repeat 50% center;
  -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#navigation .navbutton.active:before, #navigation .navbutton.active:after {
  background: url(assets/trigger_line.png) no-repeat 50% center;
}

/* Nav */
#navigation nav {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0px;
  height: 100%;
  width: 100%;
  /*font-family: 'Gill Sans MT';*/
  font-size: 1em;
  display: none;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  text-align: center;
}

#navigation nav ul.top_nav {
  /*margin: 0 0 0 60px;*/
  /*padding-top: 3px;*/
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%,-30%);
  -ms-transform: translate(-50%,-30%);
  transform: translate(-50%,-30%);
  position: absolute;
  overflow: hidden;
  padding: 0;
  width: 100%;
  /*min-width: 365px;*/
  transition: 1s ease-in-out;
  -moz-transition: 1s ease;
  -webkit-transition: 1s ease;
}

#navigation div.lang_selector ul
{
	padding: 0;
}

#navigation nav ul.top_nav li {
  list-style-type: none;
  margin: .5em 0;
  line-height: 2em;
  /*padding-bottom: 1px;*/
  position: relative;
  /*overflow: hidden;*/
}

#navigation nav a {
  /*color: #b7985b;*/
  /*text-transform: uppercase;*/
  position: relative;
  /*padding-left: 5em;*/
  /*letter-spacing: 0.12em;*/
  font-style: normal;
  font-size: 2em;
  color: #fff;
}

#navigation nav a:hover
{
	color: #c0c0c0;
}

.lang_selector {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.lang_selector ul li {
display: inline-block;
}

#lang-nav > li > span,
#lang-nav > li > a {
	text-decoration: none;
	outline: 0;
	border: 0;
	padding: 0.5em 1em;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 0;
}

#lang-en {
background-image: url(assets/flags/en.png);
}

#lang-de {
background-image: url(assets/flags/de.png);
}

#lang-hr {
background-image: url(assets/flags/hr.png);
}

#lang-it {
background-image: url(assets/flags/it.png);
}




/* Custom */

p.head-desc, h1.head-title, p.head-desc-2, h1.head-title-2
	{
		color: #fff;
		margin: 0;
	}

		p.head-desc, p.head-desc-2
		{
			/*font-family: "Libre Baskerville Italic";*/
			font-size: 1.25em;
			/*font-style: italic;*/
			font-family: 'Lato', sans-serif;
		}

		h1.head-title, h1.head-title-2
		{
			font-size: 1.75em;
			font-style: normal;
			/*text-transform: capitalize;*/
			/*font-family: "Palatino Linotype";*/
			font-weight: 300;
			text-align: center;
			font-family: 'Lato', sans-serif;
		}

			h1.head-title-2
			{
				font-size: 2em;
				font-style: italic;
			}

			p.head-desc-2
			{
				font-size: 1.25em;
			}

	.heading
	{
		position: relative;
		/*top: 0;*/
		vertical-align: middle;
		padding: 2em;
		padding-top: 4em;
	}

	.heading a
	{
		/*font-size: 0.75em;*/

	}

	.gallery-thumbs
	{
		text-align: left;
		margin-left: 0.5em;
		margin-top: 2em;
	}

		.gallery-thumbs a
		{
			border-bottom: 0;
		}

		.gallery-thumbs a img
		{
			height: 100px;
			width: 150px;
			margin-right: 6px;
    		margin-bottom: 0px;
		}


	.heading-2
	{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		vertical-align: middle;
		padding: 2em;
		/* padding-top: 4em; */
	}	
	
	p.cont-title
	{
		/*font-family: "Libre Baskerville";*/
		font-family: 'Lato', sans-serif;
		font-size: 2.5em;
		font-style: normal;
		/*padding-bottom: 1em;*/
		font-weight: 100;
		line-height: 1em;
	}

	p.cont-desc
	{
		margin-bottom: 1em;
		padding: 0 0.5em;
	}


	::selection {
		background: #B7D3FF; /* WebKit/Blink Browsers */
	}
	::-moz-selection {
		background: #B7D3FF; /* Gecko Browsers */
	}

	p.gallery-preview-title
	{
		color: #fff;
		padding: 1em;
		font-size: 2em;
		/*border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;*/
		top: 50%;
		position: relative;
  		transform: translateY(-50%);
	}

	a.gallery-full-link
	{
		display: block;
		height: 100%;
		opacity: 0.5;
		cursor: pointer;
		background-color: rgba(0,0,0,.5);
		-moz-transition: all 0.25s ease-in-out;
		-webkit-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}

		a.gallery-full-link:hover
		{
			opacity: 1;
		}

	a.gallery-full-link > div
	{
		display: inline-block;
		height: 100%;
	}

	.gallery-wrapper
	{
		background-color: #222;
	}

	.gallery-btn
	{
		font-size: 13pt;
		color: #fff;
		background-color: #759F14;
		padding: 0.4em 1em;
		border-bottom: 0;
		border: 1px solid #759F14;
	}

	.gallery-btn:hover
	{
		background-color: #fff;
		border: 1px solid #759F14;
		color: #759F14;
	}


/* Contacts */

#contact-details, #contact-form
{
	/*transform: translateY(-50%);*/
	top: 20%;
	position: relative;
	display: inline-block;
	text-align: left;
}

#contact-details
{
	margin-right: 6em;
}

#contact-form
{
	margin-left: 6em;
}

#contact-details > p
{
	font-weight: 400;
	font-size: 1.1em;
	margin: 0;
}

	#contact-details > p.contact
	{
		margin-top: 2em;
	}

#contact-details > ul
{
	margin: 0;
	padding: 0;
}

#contact-details > ul > li
{
	list-style: none;
	text-indent: .5em;
	line-height: 1.5em;
}

#contact-details > ul > li:first-child
{
	margin-top: 0.5em;
}

#booking-form {
	top: -15em;
	position: relative;
	z-index: 99;
}

#booking-form > form {
	background-color: #fffffff2;
    padding: 1em !important;
    display: block;
}

.booking-submit
	{
		text-align: left;
		padding: 1em;
		border: 1px solid #999;
		margin-bottom: 1.5em;
		display: block;
		cursor: pointer;
		
		float: right;
		/*color: #fff;*/
		/*font-weight: 300;*/
		/*font-size: 16pt;*/
		/*padding: 0.15em 2em;*/

		-moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
		-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
		-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
		-ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
	}

	.booking-submit:hover
	{
		background: #999;
		color: #fff;
	}

.scroll-button
{
	position: absolute;
	display: inline-block;
	height: 35px;
	width: 45px;
	bottom: 20px;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);

	-webkit-animation-name: scroller; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: scroller;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-image: url(assets/scroller.png);
}

/* Chrome, Safari, Opera */
@-webkit-keyframes scroller {
    0%   {bottom:20px;}
    50% {bottom:40px;}
    100% {bottom:20px;}
}

/* Standard syntax */
@keyframes scroller {
    0%   {bottom:20px;}
    50% {bottom:40px;}
    100% {bottom:20px;}
}

    /* Defining each section background and styles
    * --------------------------------------- */
    #screen-initial-home{
        /*background-image: url(../images/home-01.jpg); /* ../images/home-01.jpg */
        /*padding: 0 0 0 0;
        background-position: center;*/
    }

    #screen-initial-contacts{
        background-image: url(../images/contacts-01.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }

    #screen-initial-gallery{
        background-image: url(../images/gallery-01.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }

    #screen-initial-apartments{
        background-image: url(../images/main/main-apartments.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }
    #screen-initial-apartments-a{
        background-image: url(../images/main/main-double-room-apartment-seaview-pool.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }
    #screen-initial-apartments-b{
        background-image: url(../images/main/main-triple-room-apartment-seaview-pool.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }
    #screen-initial-apartments-c{
        background-image: url(../images/main/main-triple-room-apartment-seaview.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }
    #screen-initial-apartments-e{
        background-image: url(../images/main/main-triple-room-apartment-seaside.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }

    #screen-initial-villa{
        background-image: url(../images/main/main-villa.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }

    #screen-initial-booking{
        background-image: url(../images/booking-01.jpg);
        padding: 0 0 0 0;
        /*padding: 10em 0 !important;*/
        background-position: center;
    }

    #screen-initial-offers{
        background-image: url(../images/offers-01.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }

    #screen-initial-destination{
        background-image: url(../images/destination-01.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }
    #screen-initial-destination-kvarner{
        background-image: url(../images/main/main-destination-kvarner.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }
    #screen-initial-destination-novi-vinodolski{
        background-image: url(../images/main/main-destination-novi-vinodolski.jpg);
        padding: 0 0 0 0;
        background-position: center;
    }


#destination-image-one
{
    background-image: url(../images/gallery-01.jpg);
    padding: 0 0 0 0;
    background-size: cover;
    background-position: center;
}
#home-image-one
{
    background-image: url(../images/home-02.jpg);
    padding: 0 0 0 0;
    background-size: cover;
    background-position: center;
}
#villa-image-one
{
    background-image: url(../images/villa-02.jpg);
    padding: 0 0 0 0;
    background-size: cover;
    background-position: center;
}
#apartments-image-zero
{
    background-image: url(../images/apartments-001.jpg);
    padding: 0 0 0 0;
    background-size: cover;
    background-position: center;
}
#apartments-image-one
{
    background-image: url(../images/apartments-02.jpg);
    padding: 0 0 0 0;
    background-size: cover;
    background-position: center;
}
#apartments-image-two
{
    background-image: url(../images/apartments-03.jpg);
    padding: 0 0 0 0;
    background-size: cover;
    background-position: center;
}

#gallery-preview-01, #gallery-preview-02,
#gallery-preview-03, #gallery-preview-04
{
    height: 100%;
    padding: 0 0 0 0;
    background-size: cover;
    background-position: center;
}

#gallery-villa
{
    background-image: url(../images/villa-01.jpg);
}
#gallery-apartments
{
    background-image: url(../images/apartments-01.jpg);
}
#gallery-destination
{
    background-image: url(../images/destination-01.jpg);
}
#gallery-other
{
    background-image: url(../images/contacts-01.jpg);
}

.heading-image
{
	padding: 15% 0 !important;
}

.heading-image-smaller
{
	padding: 10% 0 !important;
}

#book-now
{
	position: fixed;
	z-index: 100;
	top: 110px;
	left: 0;
	margin: 0;
	overflow: auto;
	/*height: 100%;*/

	/* ZA SADA MAKNI */
	/*display: none;*/
}

#book-now.home {
	display: none;
}

.book-now-heading
{
	cursor: pointer;
	color: #fff;
	padding: .3em 1em;
	background-color: #3382D0;
	margin-bottom: 0;
	text-align: center;
	/*text-transform: uppercase;*/
	/*font-family: 'Gill Sans MT';*/

	text-align: right;
	/* text-transform: uppercase; */
	/* font-family: 'Gill Sans MT'; */
	transform: rotate(-90deg);
    height: 2em;
    width: 8em;
    transform-origin: left top;
    margin-right: -6em;
    margin-top: 8em;

    font-size: 14pt;
}

.book-now-heading > .fa
{
	/*display: inherit;*/
}

.book-content
{
	display: none;
	/*display: block;*/
	background-color: #fff;
	padding: 1em;
	border: 1px solid #c0c0c0;
	/*font-size: 0.8em;*/
}

/*.book-content > *
{
	display: inline-block;
}*/

.book-content > form > p,
.book-content > form > p > select,
.book-content > form > p > input
{
	font-size: 10pt;
}

.moveToTop
{
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 20;
	opacity: 0.5;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.moveToTop:hover
{
	opacity: 1;
}

.moveToTop > i
{
	padding: 1em;
	border-radius: 3em;
	background-color: #3382D0;
	color: #fff;
}

#booking-container
{
	margin-top: 2em;
}

#iframe_container > iframe
{
	width: 100%;
}

.sy-box
{
	height: 600px;
}

.sy-pager
{
	bottom: 12%;
    z-index: 3;
    position: relative;
}

#apartments-slides > .sy-slide > a > img {
	transform: translateY(-30%);
}

#triple-seaview-slides > .sy-slide > a > img {
	transform: translateY(-15%);
}
#triple-seaside-slides > .sy-slide > a > img {
	transform: translateY(-10%);
}

#triple-seaview-pool-slides > .sy-slide > a > img {
	transform: translateY(-20%);
}

#destination-kvarner-slides > .sy-slide > a > img {
    transform: translateY(-20%);
}

span.neaktivan
{
	display: none;
}

/* custom novo 01.2017. */
#top-fixed {
	display: block;
    background: #fff;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    border-bottom: 1px solid #ececec;
}

.under-slider
{
	padding-top: 5em !important;
}