@charset "utf-8";
/*
Theme Name: Vesna
Theme URI: http://www.cipeecms.com/
Version: 1.0
Description: Official first look of CipeeCMS
Author: Cipee
Author URI: http://www.cipeecms.com
*/
/*-----------------------------------------------------------------------------*/
/*---------------------------------| RESET |-----------------------------------*/
/*-----------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table,*/ caption, tbody, tfoot, thead, /*tr, th, td,*/
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/*-----------------------------------------------------------------------------*/
/*---------------------------------| BASIC |-----------------------------------*/
/*-----------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);

html {
	width: 100%;
	height: 100%;
	/*font-size: 62.5%;*/
}
body,
button,
input,
select,
textarea {
	color: #737373;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
}
body {
	width: 100%;
	height: 100%;
	min-height:25px;
	min-width: 20em;
	color: #000;
	font-family: "Archivo Narrow", sans-serif;
	font-size: 1.1em;
	text-align:left;
	/*line-height:1.8em;*/
	-ms-word-wrap: break-word;
		word-wrap: break-word;
	background-image: url("images/pozadina-12.jpg");
	
}
.body-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	padding: 0;
       
	
}

/* --------------------------------| Links |---------------------------------- */
a {
	color: #009ECD;
}
a:visited {
	color: #009ECD;
}
a:hover,
a:focus,
a:active {
	color: #009ECD;
}

/* -------------------------------| Headings |-------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 300;
}
h1 {
	font-size: 2.6em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.2em;
}
hr {
	height: 1px;
	margin-bottom: 1.5em;
	border: 0;
	background-color: #ccc;
}

/* Text elements */
p {
	margin-bottom: 0.625em;
	/*margin-bottom: 1.5em;*/
}

ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { margin-left: -5px; padding-left: 0; list-style: none; }

.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	max-width: 100%;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	background: #eee;
	overflow: auto;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #677;
}
mark, ins {
	text-decoration: none;
	background: #fff9c0;
}
sup, sub {
	position: relative;
	height: 0;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small,
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	color: #bbbbbb;
	font-weight: normal;
	line-height: 1;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size:65%; }
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small{ font-size:75%; }
blockquote small, blockquote .small {
	display: block;
	color:#bbbbbb;
	font-size: 80%;
	line-height: 1.846;
}

big {
	font-size: 125%;
}
figure {
	margin: 0;
}
.lead{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4;
	margin-bottom:23px;
}
@media (min-width:48em){ .lead { font-size: 19.5px; } }

/* ---------------------------------| Tables |-------------------------------- */
table {
	width: 100%;
	margin: 0 0 1.5em;
	-webkit-box-shadow: 0 2px 2px #cfcfcf;
	   -moz-box-shadow: 0 2px 2px #cfcfcf;
			box-shadow: 0 2px 2px #cfcfcf;
}
thead th {
	color: #4c4c4c;/*#FFF;*/
	font-weight: bold;
	border-bottom: 1px solid #EEEEEE;
	/*background: #DD823B;*/
}
td, th {
	padding: 10px;
}
/*tr:nth-child(even) {
	background: #f1f1f1;
}*/

/* --------------------------------| Images |--------------------------------- */
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
	background: transparent;
}
.img-responsive {
	display: block;
	height:auto;
	max-width: 100%;
}
.img-rounded { border-radius: 3px; }
.img-circle { border-radius: 50%; }

/* -----------------------------| Form Elements |----------------------------- */
textarea {
	/* Improves readability and alignment in all browsers */
	width: 98%;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top;
	overflow: auto;
}

/* -------------------------------| Alignment |------------------------------- */
.alignleft {
	float: left;
	display: inline;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* -------------------| Text meant only for screen readers |------------------ */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	clip: auto !important;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	display: block;
	color: #21759b;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	padding: 15px 23px 14px;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	background-color: #f1f1f1;
	z-index: 100000;
}

/* -------------------------------| Clearing |-------------------------------- */
.clear:before,
.clear:after {
	content: '';
	display: table;
}
.clear:after {
	clear: both;
}
br.clear {
	margin: 0px;
	padding: 0px;
}
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*-----------------------------------------------------------------------------*/
/*------------------------------| MAIN LAYOUT |--------------------------------*/
/*-----------------------------------------------------------------------------*/

/*******************************************************************************
*									PAGES
********************************************************************************/

/*-----------------------------------------------------------------------------*/
/*------------------------------| #main-header |-------------------------------*/
/*-----------------------------------------------------------------------------*/
#main-header {
	position: relative;
	display:block;
	top: 0;
	width: 100%;
	height: auto;/*85px;*/
	font-weight: 500;
	line-height: 23px;
	border:0;
	background: transparent;
	-webkit-transition: height 0.3s;
	   -moz-transition: height 0.3s;
			transition: height 0.3s;
	z-index: 99999;
}
.cc_fixed_head #main-header { position: fixed; }
@media (max-width: 47.999em) {
	.cc_fixed_head #main-header { position: absolute; }
}
.cc_fixed_head #main-header #header-navbar .miniLogoNav {
	/*display: block;*/
	margin: 0;
	padding: 0;
	-webkit-animation: fadeIn 1s;
	   -moz-animation: fadeIn 1s;
		-ms-animation: fadeIn 1s;
			animation: fadeIn 1s;
}
.cc_fixed_head #main-header #header-navbar .miniLogoNav a { padding: 0; }
.cc_fixed_head #main-header #header-navbar .miniLogoNav img {
	display: block;
	width: auto;
	height: 50px;
}

/*#main-header.stick {
    position: static;
    position: fixed;
    top: 0;
    z-index: 5;
}*/

#logo {
	position: absolute;
	top: 0;
	margin-top: 2.0rem;
	width: 20rem;
}
#logo img {
	width: 100%;
	height: auto
}
/*@media (min-width: 48em) { #logo { width: 267px; height: 50px; margin-top: .6rem; } }
@media (min-width: 64em) { #logo { width: 267px; height: 50px; margin-top: .6rem; } }
@media (min-width: 80em) { #logo { width: 267px; height: 50px; margin-top: .6rem; } }*/



/*-----------------------------------------------------------------------------*/
/*-------------------------------| #top-header |-------------------------------*/
/*-----------------------------------------------------------------------------*/
#top-header {
	display:block;
	top: 0;
	width: 100%;
	height: auto;
	color: #333;
	font-size: 0.9rem;
	line-height: 1rem;
	margin: 0;
	padding: .3125em 0;
	/*border-bottom: 0px solid #333;*/
	background: #fff; /*#087dc5;*/
	z-index: 100000;
}
@media (min-width: 64em) { #top-header { display:block; } }

#top-header p { font-size: 0.8rem; }
#top-header a { color: #333; }
#top-header h2 {
	color: #333;
	font-family: PT Sans, sans-serif;
	font-size: 4.0rem;
	font-weight: 100;
	text-transform: none; /*uppercase;*/
	line-height: 3.5rem;
	padding: 20px 0 0 0;
}

ul.fancy-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside
}
ul.fancy-list li {
	display: block;
	position: relative;
	color: #009ECD;
	padding-left: 0px;
}
ul.fancy-list li span {
	color: #009ECD;
	font-size: 1.0rem;
	padding-bottom: 10px;
}
ul.fancy-list li i {
	color: #009ECD;
	font-size: 1.3rem;
}
ul.fancy-list li a {
	color: #009ECD;
	font-size: 1.3rem;
}
ul.fancy-list li a.facebook,
ul.fancy-list li a.facebook i {
	color: #3e5b98 !important;
	line-height: 1.4;
}
ul.fancy-list li a.twitter,
ul.fancy-list li a.twitter i {
	color: #55acee !important;
	line-height: 1.4;
}
ul.fancy-list li a.googleplus,
ul.fancy-list li a.googleplus i {
	color: #dd4b39 !important;
	line-height: 1.4;
}
ul.fancy-list li a.linkedin,
ul.fancy-list li a.linkedin i {
	color: #0077B5 !important;
	line-height: 1.4;
}
ul.fancy-list li ul { padding-left: 0; }
ul.fancy-list.arrow li { padding-left: 15px; }
ul.fancy-list li a { color: #868686; }
ul.fancy-list li:before {
	position: absolute;
	top: 1px;
	left: 0;
	color: #868686;
	font-size: 14px;
	font-family: lada_icons;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}
ul.fancy-list.arrow li:before { content: "\e838"; }
ul.fancy-list.double-arrow li:before { content: "\e83c"; }
ul.fancy-list.heart li:before { content: "\e883"; font-size: 12px; }
ul.fancy-list.trash li:before { content: "\e81d"; }
ul.fancy-list.star li:before { content: "\e87f"; }
ul.fancy-list.tick li:before { content: "\e86c"; }
ul.fancy-list.rounded-tick li:before { content: "\e8a7"; }
ul.fancy-list.cross li:before { content: "\e873"; }
ul.fancy-list.rounded-cross li:before { content: "\e874"; }

@media only screen and (max-width : 1200px) {}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#top-header h2 { font-size: 3.2rem; }
}
@media only screen and (max-width : 582px) {}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}
@media only screen and (max-width : 420px) {}
@media only screen and (max-width : 412px) {}
@media only screen and (max-width : 360px) {}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}
@media only screen and (max-width : 277px) {}

/*-----------------------------------------------------------------------------*/
/*-----------------------------| #header-navbar |------------------------------*/
/*-----------------------------------------------------------------------------*/
#navbar > li a {
	/*transition: all 0.2s;*/
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
			transition: all 0.2s;
	/*z-index:10000;*/
}
.searchToggle {
	float: right;
	color: #228ff5;
	cursor: pointer;
	font-size: 1.6rem;
	padding-top: .5rem;
}
#search-top {
	-webkit-transition: all 0.4s ease-in-out;
	   -moz-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
}
.menuToggle {
	float: left;
	color: #000;
	font-size: 2.0rem;
	cursor: pointer;
	padding-top: .9rem;
	padding-bottom: .9rem;
}
#header-navbar {
	position: relative;
	width:100%;
	text-align: center;
	padding: 0 5px 0 5px;
	border: 0;
	/*border-bottom:3px #d72027 solid;*/
	background:#fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	padding-bottom: .9rem;
}
@media(max-width:63.999em) {
	#header-navbar #navbar {
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.8);
		overflow: auto;
		z-index: 100;
	}
}

#header-navbar .miniLogo { display: none; }
.nav > li.miniLogoNav {
	display: none;
}
#header-navbar.stick {
    position: static;
    position: fixed;
    top: 0;
    z-index: 5;
}
#header-navbar.stick .miniLogoNav {
	display: block;
	-webkit-animation: fadeIn 1s;
	   -moz-animation: fadeIn 1s;
		-ms-animation: fadeIn 1s;
			animation: fadeIn 1s;
}
#header-navbar.stick .miniLogoNav img {
	display: block;
	width: auto;
	height: 22px;
}
@media (max-width: 63.999em) {
	#header-navbar .miniLogo {
		display: block;
		text-align: center;
	}
	#header-navbar .miniLogo img {
		display: block;
		width: auto;
		height: 22px;
	}
}

#header-navbar .big-main-nav-search-form {
	padding-top: .7rem;
}
#header-navbar #navbar {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	background: #fff;
}
@media (min-width: 62.6875em) {
	/*#header-navbar #navbar {
		width: 100%;
		color: #777;
		font-size: .001px;
		text-align: center;
		letter-spacing: 2px;
		line-height: 1;
		padding: 0;
		border: 0;
		border-top: 1px #777 solid;
		border-bottom: 1px #777 solid;
	}*/
}
#header-navbar .nav .logo {
	height: auto;
	/*margin-top: -55px;*/
}
#header-navbar #navbar > li {
	float: none;
	display: inline;
	margin: 0;
	padding:0;
	border-right: 1px #fff solid;
}
@media (max-width: 62.6875em) {
	#header-navbar #navbar > li {
		position: relative;
		display: block;
		width: 100%;
		text-align: left;
		border-bottom: 0;
	}
}
#header-navbar .nav > li > a {
	display:inline-block;
	color: #fff;
	font-family: "Archivo Narrow", sans-serif;
	font-size:1rem;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2;
	margin-right: 2px;
	padding: 10px 4px;
	border: 1px #009ECD solid;
	border-radius: 5px;
	background: #009ECD;
}
@media (max-width: 62.6875em) {
	#header-navbar .nav > li > a {
		width: 100%;
	}
}
#header-navbar .nav > li > a:hover,
#header-navbar .nav > li > a:focus {

color: #fff;
	text-decoration: none;
	background: #F36F3D;
	border: 1px #F36F3D solid;
}

#header-navbar .nav > li.no-hover > a:hover,
#header-navbar .nav > li.no-hover > a:focus { text-decoration:none; background: transparent; width: 100%; }

#header-navbar .nav li.open > a,
#header-navbar .nav li.open > a:hover,
#header-navbar .nav li.open > a:focus { color: #fff;
	text-decoration: none;
	background: #F36F3D;
	border: 1px #F36F3D solid; }

#header-navbar .nav .active > a {
	color:#009ecd;
	background: transparent;
}
#header-navbar .dropdown-menu {
	min-width: 220px;
	color: #5e6d81;
	font-size: .9rem;
	text-align: left;
	word-wrap: break-word;
	list-style: none;
	padding: 6px 0;
	margin:10px 0 0 0;
	border:0;
	border-radius:0;
	border-top:2px #fff solid;
	/*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.170);
			box-shadow: 0 6px 12px rgba(0,0,0,.170);*/
	border-bottom: 1px solid #f1f1f1;
	box-shadow: 0px 2px 5px #f1f1f1;
	background-color: #fff;
	-webkit-background-clip: padding-box;
			background-clip: padding-box;
	z-index: 1000;
}
#header-navbar .dropdown-menu > li > a {
	display: block;
	clear: both;
	color: #5e6d81;
	/*color: rgba(0, 0, 0, 0.7);*/
	font-family: "Archivo Narrow", sans-serif;
	font-size:1rem;
	
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
	padding: 3px 20px;
	border:0;
}
#header-navbar .dropdown-menu > li:last-child > a,
#header-navbar .dropdown-menu > li:last-child > a:hover { border:0; }
@media (max-width: 47.999em) {
	#header-navbar .nav > li > a {
		padding:7px 10px;
	}
	#header-navbar .dropdown-menu {
		margin:0;
		padding:6px 0 6px 20px;
		-webkit-box-shadow:none;
				box-shadow:none;
	}
}
#header-navbar .dropdown-menu > li > a:hover,
#header-navbar .dropdown-menu > li > a:focus {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
	background-color: #F36F3D;
	opacity: 0.7;
}
#header-navbar .dropdown-menu > .active > a,
#header-navbar .dropdown-menu > .active > a:hover,
#header-navbar .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #F36F3D;
	outline: 0;
}

#header-navbar .dropdown-submenu > a:after {
	float: right;
	display: block;
	width: 0;
	height: 0;
	font-family: "lada_icons";
	font-style: normal;
	font-weight: normal;
	text-align:center;
	content: "\e838";
	margin-top: 0;
	margin-right: 2px;
	border:0;
}
#header-navbar .dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: 0;
	border:0;
	border-top:2px #fff solid;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------| #search_header |------------------------------*/
/*-----------------------------------------------------------------------------*/
#search_header {
	position:relative;/*absolute;*/
	display:block!important;
	top:0;
	right:0;
	bottom:0;
	height:54px;
	margin:1.8rem 0 0 0;
	z-index: 10001;
}
#search_header input {
	position:absolute;
	top:0;
	right:40px;
	bottom:0;
	width:0;
	padding:0;
	border:2px solid transparent;
	transition: all .3s;
}
#search_header input:focus { outline:0; }
@media (max-width:800px){
	#search_header{
		height:50px;
		top:0;
		right:0!important;
		margin:0!important;
	}
	#search_header input{
		height:41px;
		top:0;
		right:0;
		width:100%;
		transition:none;
		border:2px solid #f58220;
		display:none;
	}
}
@media (max-width:600px){ #search_header { right:10px; } }
#search_header .searchBtnToggle,
#search_header .searchBtnSend {
	position:relative;
	display:block;
	float:right;
	width:50px;
	height:50px;
	margin:0;
}
@media (max-width:800px){
	#search_header .searchBtnToggle,
	#search_header .searchBtnSend {
		position:absolute;
		top:5px;
		right:10px;
		height:45px;
		width:45px;
		padding:0;
		z-index:8;
	}
}
#search_header .searchBtnSend .btn { margin:0; }
#search_header .searchBtnSend .btn-link { color: #f58220; font-size: 1.6rem; margin-left: 2px; border: 2px #f58220 solid; }
#search_header .searchBtnSend .btn-link:focus,
#search_header .searchBtnSend .btn-link:hover { color: #fff; font-size: 1.6rem; border: 4px #f58220 solid; background-color: #f58220; }

@media (max-width:800px){
	#search_header.open { left:85px; }
	#search_header .searchBtnSend { display:none; }
}
#search_header.open input{
	border:2px solid #f58220;
	width:100%;/*340px;*/
	max-width:200px;
	font-size: 1.1rem;
	padding:0 10px;
	/*padding-right:64px;*/
}
@media (max-width:800px) {
	#search_header.open input{
		top:2px;
		height:50px;
		right:10px;
		width:100%;
		padding:0 0 0 10px!important;
		display:block;
	}
}
#search_header.open #searchSend {
	opacity:1;
	display:block;
}
#search_header.open .sClose { display:block; }
#search_header.open .sOpen { display:none; }
#search_header .sClose { display:none; }
#search_header #searchSend {
	display:none;
	opacity:0;
	position:relative;
	top:0px;
	right:-6px;
	height:30px;
	width:30px;
	transition:all .3s;
}
@media (max-width:800px){
	#search_header #searchSend {
		position:absolute;
		top:0;
		right:43px;
		height:30px;
		width:30px;
	}
}
/*#search_header #searchSend:hover { background: #eee; }*/


















.rezolucija:before { content: "smaller then: 48em (768px) XS"; }
@media (min-width: 48em) { .rezolucija:before { content: "min-width: 48em (768px) SM"; } }
@media (min-width: 64em) { .rezolucija:before { content: "min-width: 64em (1024px) MD"; } }
@media (min-width: 80em) { .rezolucija:before { content: "min-width: 80em (1280px) LG"; } }









.static-image {
	color: #fff
	text-align: center;
	padding: 1em 4em;
	/*background-attachment: scroll;
	background-image: url("images/static1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;*/
}
.static-image .container > h2 {
	color: #4b4b4b;
	font-family: PT Sans, sans-serif;
	font-size: 3em;
	font-weight: 100;
	text-transform: none; /*uppercase;*/
}
.static-image .container > h2 span {
	color: #ff3d2e;
	font-weight: 700;
	text-shadow: 2px 2px rgba(255, 255, 255, .5);
	/*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);*/
}
.static-image .container .empty-box > h4 { color: #fff; }


.empty-box {
	position: relative;
	color: #fff;
    padding: 1em;
    margin: 1em 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 0.325em;
	box-sizing: border-box;
    box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 0px 2px;
    background-color: transparent;
}
.empty-box i {
	color: #fff;
	font-size: 6rem;
}

.separator_wrapper{
	display:block;
	margin:0;
}
.separator_wrapper::after, .separator_wrapper::before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	width: 100px;
	height: 1px;
	margin-top: -6px;
	background-color: #ff3d2e;
}
.separator_first_circle{
	display:inline-block;
	width:14px;
	height:14px;
	border:3px solid #ff3d2e;
	-webkit-border-radius:7px;  
	   -moz-border-radius:7px;  
			border-radius:7px;
}

.separator_second_circle{
	float:left;
	width:10px;
	height:10px;
	border:2px solid #fff;
	-webkit-border-radius:5px;  
	   -moz-border-radius:5px;  
			border-radius:5px;
	background-color:#ff3d2e;
}


.page-wrapper {
	position: relative;
	color:#000;
	font-family: "Archivo Narrow", sans-serif;
	font-size:1.0rem;
	margin:0;
	border: 0;
	
	overflow: hidden;
}
.search-me {
	width:160px;
}
.body_slika{
	position: relative;
	width:100%;
	max-height: 590px;
	min-height: 400px;
	background-position: center; 
	-webkit-background-size: 100%;
	   -moz-background-size: 100%;
		 -o-background-size: 100%;
			background-size: 100%;
			background-repeat: no-repeat;
	overflow:hidden;
}
@media (max-width: 64em){
	.body_slika {
		min-height: 150px;
	}
}
.body_slika h1{
	position: absolute;
	top: 40%;
	left:0;
	width: 80%;
	color: #fff;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	text-shadow: 2px 4px 15px rgba(0, 0, 0, 0.9);
	text-transform: uppercase;
	/*letter-spacing: -3.8px;*/
	opacity: 1;
}


@media only screen and (max-width:1200px) {}
/* Medium Devices, Desktops */
@media only screen and (max-width:992px) {}
/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
	.body_slika h1  {font-size: 2.0rem;}
   
}
@media only screen and (max-width : 582px) {}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}
@media only screen and (max-width : 420px) {}
@media only screen and (max-width : 412px) {}
@media only screen and (max-width : 360px) {}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}
@media only screen and (max-width : 277px) {}

.page-body { min-height: 500px; padding:10px 10px 10px 10px; border:0; background:#fff; border:0; }
/*.page-body a{ color:#000000; }
.page-body p{ color:#000000; }
.page-body strong{ color:#000000; }*/
.page-body-left { min-height: 500px; padding:10px 10px 10px 10px; border:0; background:#fff; border-right:1px #d9d9d9 solid; }
/*.page-body-left a{ color:#000000; }
.page-body-left p{ color:#000000; }
.page-body-left strong{ color:#000000; }*/
.page-body-right {
	 min-height: 500px;
	font-size:.8rem;
	text-align:left;
	padding:5px 2px;
	border:0;
	/*background:transparent url(images/prelaz.png) top left repeat-y;*/
}
/*.page-body-right a{ color:#000000; }
.page-body-right p{ color:#000000; }
.page-body-right strong{ color:#000000; }*/
.top-ten-div {
	padding-top:0px;
	margin-top:0px;
	padding: 5px 20px 5px 20px;
	width:auto;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
}
.top-ten-div table {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
	border-color: #cccccc;
	width: 100%;
}
.top-ten-div .staza1 {
	background-image:url(images/staza1.png);
	background-size: 100%;
}
.top-ten-div .staza2 {
	background-image:url(images/staza2.png);
	background-size: 100%;
}
.top-ten-div table {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 3px 3px 3px 3px;
	margin: 0 0 18px;
}
.top-ten-div table thead, .top-ten-div table tfoot {
	background-color: #ff3d2e;/*#C6C3C4;*/
	/*background-image: -moz-linear-gradient(center top , #C6C3C4, #A3A29E);*/
}
.top-ten-div table tr:nth-child(even) {
	background: none;
}
.top-ten-div table thead tr th, .top-ten-div table tfoot tr td {
	color: #555555;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}
.top-ten-div table thead tr th {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	padding: 8px 10px 5px;
	background: none;
}
.top-ten-div table tfoot tr td {
	color: #222222;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 10px 5px;
	background: none;
}
.top-ten-div table thead tr th, .top-ten-div table tfoot tr th, .top-ten-div table tbody tr td, table tr td, .top-ten-div table tfoot tr td {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}
.top-ten-div table tbody tr td {
	border: medium none;
	color: #333333;
	padding: 3px 10px;
	vertical-align: top;
}
.footer-wrapper {
	width:auto;
	height:auto;
	color:#000000;
	border-top:1px #000 solid;
	background:#FFF;
}
.footer {
	width:auto;
	height:auto;
	color:#fff;
	font-size:.8rem;
	text-align:center;
	font-weight:bold;
	/*margin-left: .9375rem;
	margin-right: .9375rem;*/
	margin:0;
	padding:1.25em 0 1.25em 0;
	border: 0;
	background:#3c3c3c;
}
.footer h6, .footer h5,
.footer h4, .footer h3,
.footer h2, .footer h1 { color:#fff; }
.footer strong, .footer h5,
.footer p, .footer a { color:#fff; }
.footer ul.fancy-list li {
	display: block;
	position: relative;
	color: #fff;
	padding-left: 0px;
}
.footer ul.fancy-list li span {
	color: #fff;
	font-size: 0.9rem;
	padding-bottom: 10px;
}
.footer ul.fancy-list li i {
	color: #fff;
	font-size: 1.3rem;
}
.footer ul.fancy-list li a {
	color: #fff;
	font-size: 1.3rem;
}

.footer a.soc-twitter { font-family: 'social_ico'; color: #000; font-size:1.3rem; line-height: 18px; padding:5px; background-color: #aaa; transition: all 0.7s ease; }
.footer a.soc-twitter:hover { color: #000; text-decoration:none; background-color: #fff; transform: rotate(360deg); border-radius: 20px; }
.footer a.soc-twitter:before { content:'a'; }

.footer a.soc-facebook { font-family: 'social_ico'; color: #222; font-size:1.3rem; line-height: 18px; padding:5px; background-color: #aaa; transition: all 0.7s ease; }
.footer a.soc-facebook:hover { color: #3e5b98; text-decoration:none; background-color: #fff; transform: rotate(360deg); border-radius: 20px; }
.footer a.soc-facebook:before { content:'b'; }

.footer_bottom {
	width:auto;
	height:auto;
	color:#fff;
	font-size:.8rem;
	text-align:center;
	font-weight:bold;
	margin:0;
	padding:10px 0 5px 0;
	border:0;
	background:#1b1b1b;
}
.footer_bottom h6, .footer_bottom h5,
.footer_bottom h4, .footer_bottom h3,
.footer_bottom h2, .footer_bottom h1 { color:#ccc; }
.footer_bottom strong, .footer_bottom h5,
.footer_bottom p, .footer_bottom a { color:#ccc; }



.ani-grading {
	position: relative;
	
	fill: #55bbeb;
	background: #55bbeb;
	background: -moz-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
	background: -webkit-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
	background: -o-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
	background: -ms-linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
	background: linear-gradient(90deg, #55bbeb 0%, #84c450 100%);
}
.ani-grading:before {
	fill: #55bbeb;
	background: #55bbeb;
	background: -moz-linear-gradient(270deg, #55bbeb 0%, #84c450 100%);
	background: -webkit-linear-gradient(270deg, #55bbeb 0%, #84c450 100%);
	background: -o-linear-gradient(270deg, #55bbeb 0%, #84c450 100%);
	background: -ms-linear-gradient(270deg, #55bbeb 0%, #84c450 100%);
	background: linear-gradient(270deg, #55bbeb 0%, #84c450 100%);
}
.ani-grading:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	animation: fadeBoth 6s infinite;
}
@-webkit-keyframes fadeBoth {
	0%,
	100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@keyframes fadeBoth {
	0%,
	100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}


/* --------------------------------------------
	STANDARD MEDIA STYLING
-------------------------------------------- */

figure {
	margin: 0;
}
figure img {
	width: 100%;
	height: auto;
}
figure .video-thumb {
	position: relative;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 */
}
figure .video-thumb iframe, figure .video-thumb video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure a {
	display: block;
}
figure.animated-overlay {
	position: relative;
	overflow: hidden;
}
figure.animated-overlay .img-wrap {
	position: relative;
	overflow: hidden;
}
figure.animated-overlay figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
		 -o-transition: all 0.4s;
			transition: all 0.4s;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	overflow: hidden;
	z-index: 3;
}
figure.animated-overlay figcaption:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
figure.animated-overlay figcaption {
	background-color:#252525;
}
figure.animated-overlay figcaption {
	background-color:rgba(37,37,37,0.60);
}
figure.animated-overlay figcaption * {
	color:#ffffff;
}
.browser-ie figure.animated-overlay figcaption, .browser-ie10 figure.animated-overlay figcaption {
	background-image: none;
}
figure.animated-overlay img {
	position: relative;
	-webkit-transition: -webkit-transform 1s;
	   -moz-transition: -moz-transform 1s;
		 -o-transition: -o-transform 1s;
			transition: transform 1s;
	z-index: 2;
}
figure.animated-overlay:hover figcaption {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
figure.animated-overlay figcaption .thumb-info h4, figure.animated-overlay figcaption .thumb-info h5, figure.animated-overlay figcaption .thumb-info h6 {
	-webkit-transform: translate3d(-360px,0,0);
	   -moz-transform: translate3d(-360px,0,0);
		-ms-transform: translate3d(-360px,0,0);
		 -o-transform: translate3d(-360px,0,0);
			transform: translate3d(-360px,0,0);
	opacity: 0;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		 -o-transition: all 0.4s;
			transition: all 0.4s;
}
figure.animated-overlay:hover figcaption .thumb-info h4 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		 -o-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}
figure.animated-overlay:hover figcaption .thumb-info h5 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		 -o-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.1s;
	   -moz-transition-delay: 0.1s;
		 -o-transition-delay: 0.1s;
			transition-delay: 0.1s;
}
figure.animated-overlay:hover figcaption .thumb-info h6 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		 -o-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
	-webkit-transition-delay: 0.2s;
	   -moz-transition-delay: 0.2s;
		 -o-transition-delay: 0.2s;
			transition-delay: 0.2s;
}
figure.animated-overlay > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.browser-ie figure.animated-overlay > a, .browser-ie10 figure.animated-overlay > a {
	background-color: rgba(255, 255, 255, 0)!important;
}
figure.animated-overlay .thumb-slider {
	overflow: hidden;
	z-index: 4;
}
figure.animated-overlay .figcaption-wrap {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
figure.animated-overlay.thumb-media-audio {
	min-height: 120px;
	background-image: url('images/gplaypattern.png');
	background-position: top left;
	background-repeat: repeat;
}
figure.animated-overlay.thumb-media-audio > audio {
	position: absolute;
	bottom: 0;
	left: 0;
}
figcaption .thumb-info {
	display: inline-block;
	width: 90%;
	height: 100%!important;
	text-align: center;
	vertical-align: middle;
}
figcaption .thumb-info h3, figcaption .thumb-info h4, figcaption .thumb-info h5 {
	width: 100%;
	line-height: 140%;
	text-align: center;
}
figcaption .thumb-info h3 {
	margin-bottom: 10px;
}
figcaption .thumb-info h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
figcaption .thumb-info h5 {
	margin-bottom: 0;
	margin-top: 4px;
}
figcaption .thumb-info a:hover {
	-moz-opacity: 1;
	opacity: 1;
	filter:alpha(opacity=100);
}
figcaption .thumb-info > i {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	color: #333;
	font-size: 32px;
	line-height: 42px;
	text-align: center;
	-webkit-text-shadow: 0 0 5px rgba(0,0,0,.2);
	   -moz-text-shadow: 0 0 5px rgba(0,0,0,.2);
			text-shadow: 0 0 5px rgba(0,0,0,.2);
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
			box-sizing: content-box;
	padding: 5px 2px 5px 3px;
	margin-top: -27px;
	margin-left: -27px;
	
	border: 5px #333 solid;
	
	-webkit-border-radius: 50%; 
	   -moz-border-radius: 50%; 
			border-radius: 50%;
	background: #fff;
	
	opacity: .4;
	-moz-opacity: .4;
	filter:alpha(opacity=40);
}






.cookies-bar {
	background:none repeat 0 0 white;
	border-top:1px solid #dce1e5;
	bottom:0;
	min-height:30px;
	padding:2px 0 2px 10px;
	position:fixed;
	width:100%;
	z-index:2000;
}
.cookies-bar p,
.cookies-bar a {
	color:#68737f;
	font-size:12px;
	font-family: "Archivo Narrow", sans-serif;
	line-height:20px;
	margin:2px 0 0;
}
.cookies-bar a:hover{
	color:#251b5b;
}
.cookies-bar .btn.get-me-started {
	padding:2px 17px;
	font-size:12px;
	font-weight:500;
	margin-left:15px;
}





blockquote {
	font-size: 1.09375em;
	padding: 0.625em 1.25em;
	margin: 0 0 1.25em;
	border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
	margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
	display: block;
	color: #777;
	font-size: 80%;
	line-height: 1.42857143;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
	content: '\2014 \00A0';
}

.blockquote-reverse {
	text-align: right;
	padding-left: 0;
	padding-right: 0.9375em;
	border-left: 0;
	border-right: 5px solid #eee;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before {
	content: '';
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after {
	content: '\00A0 \2014';
}







#main_map img { max-width: none; }
#main_map { height: 100%; margin-top: -89px; }
#main_map { height: 500px; }
#main_map { margin-top: 0; }
.marker_info {
	opacity: 0;
	background: #fff;
	bottom: 50px;
	position: absolute;
	z-index: 3;
	display: none;
}
.location-description {
	background: url(images/location-description-bg.png);
	width: 440px;
	text-align: center;
	-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
	width: 240px;
}
.location-title {
	-webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 3px 20px rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: none;
}
.location-title h2 {
	font-size: 22px;
	color: #2a2a2a;
	text-shadow: 1px 1px 0 #fff;
	border-bottom: 1px solid #e6f4fb;
	padding: 10px 35px;
}
.listing-info {
	margin-bottom: -6px;
	padding: 0 36px;
}
.location-rating {
	background: rgb(66,173,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(66,173,237,1) 0%, rgba(60,164,225,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,173,237,1)), color-stop(100%,rgba(60,164,225,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(66,173,237,1) 0%,rgba(60,164,225,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(66,173,237,1) 0%,rgba(60,164,225,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(66,173,237,1) 0%,rgba(60,164,225,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(66,173,237,1) 0%,rgba(60,164,225,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42aded', endColorstr='#3ca4e1',GradientType=0 ); /* IE6-9 */
	min-height: 32px;
	border: 1px solid #2783ba;
	-webkit-box-shadow: inset 0 1px 0 #6ac7ff;
	-moz-box-shadow: inset 0 1px 0 #6ac7ff;
	box-shadow: inset 0 1px 0 #6ac7ff;
	position: relative;
}
.location-rating:before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	border: 10px solid transparent;
	margin-left: -8px;
	border-top-color: #3ba2e0;
}



.table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.table.mobile { display: none; }
.table-row { display: table-row; }
.table-row:first-child .table-cell {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	background: #444;
}
.table-cell {
	display: table-cell;
	height: 35px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
	background: #eee;
}
@media only screen and (max-width: 991px ) {
	.table-cell {
		width: 40%;
		font-size: 12px;
		padding: 8px 10px;
	}
	.table.desktop { display: none; }
	.table.mobile { display: table; }
}
@media only screen and (max-width: 540px ) {
	.table-cell {
		width: 50%;
		font-size: 10px;
		padding: 5px 10px;
	}
}

/* =====================================
				HOVER-BOX
   ===================================== */
.hover-box .image {
	display: block;
	position: relative;
	overflow: hidden;
}
.hover-box .image img {
	width: 100%;
	height: auto;
}
.hover-box .image .over-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	transform: translateX(-100%);
	-webkit-transition: all 0.4s linear;
		 -o-transition: all 0.4s linear;
			transition: all 0.4s linear;
}
.hover-box:hover .image .over-layer {
	transform: translateX(0);
}
.hover-box .image .over-layer .links {
	position: relative;
	top: 25%;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 30px 30px;
}
.hover-box .image .over-layer .links h4 a {
	color: #ff6600;
	font-size: 24px;
	font-weight: 600;
	margin-left: 18px;
}

.hover-box .image .over-layer .links h6 {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.hover-box .image .over-layer .links p {
	color: #fff;
}

.p-0 { padding: 0 !important; }
.d-flex {
	display: -webkit-flex;
	display:    -moz-flex;
	display: 	 -ms-flex;
	display: 	  -o-flex;
	display: 		 flex;
}

.partneri a {font-size:0.9rem !important;color:#FFF;font-weight: 800;}