/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.containerwide {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.containerwide {
		width: 100%;
	}
	.containerwide .columns {
		margin-left: 0px;
	}
	.containerwide .eight.columns {
	width: 66.6667%;
	}
	.containerwide .four.columns {
		width: 33.3333%;
	}
	.container {
		width: 80%;
	}
	.column,
	.columns {
		margin-left: 4%;
	}
	.column:first-child,
	.columns:first-child {
		margin-left: 0;
	}

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.2em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	color: #222;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h2, h3, h4, h5, h6 {
	margin-top: 0;
	font-weight: 300; 
}
h1 { font-size: 2.5rem; line-height: 1.2;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 3.0rem; color: #2D5848;}
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a:link, a:visited {
	color: #2D5848;
	text-decoration: none;
	outline: none;
}
a:hover, a:active {
	color: #A49C75;
}


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }
  
.clear {
	clear: both;
}

  
/* Little dropdown
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.littlenav {
	list-style-type: none;
	float: right;
	padding-top: 24px;
}
.littlenav li {
	float: left;
	padding: 5px 10px;
	line-height: 1.4em;
	color: #2d5848;
}
.littlenav li ul li {
	padding: 0;
}
.littlenav li {
	border-right: 1px solid #ccc;
}
.littlenav li ul li, .littlenav li:last-child {
	border-right: none;
}
.croatiahr {
	float: right;
	margin-left: 20px;
}
.logo {
	float: left;
	width: 120px;
	border-right: 1px solid #ccc;
}
.welcome {
	float: left;
	padding-left: 20px;
	padding-top: 20px;
}
.welcome p {
	font-family: 'Libre Baskerville', serif;
}
.fourty {
	font-weight: 400;
}
.thirty {
	font-weight: 300;
}
.serif{
	font-family: 'Libre Baskerville', serif;
}


.wrapper-dropdown-2 {
	/* Size and position */
	position: relative; /* Enable absolute positionning for children and pseudo elements */
	cursor: pointer;
	outline: none;
}

.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
}

.wrapper-dropdown-2 .dropdown {
  /* Size & position */
    position: absolute;
    top: 100%;
    left: -25px;
    right: 0px;

    /* Styles */
    background: white;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 5px solid;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-2 .dropdown li:nth-child(1) a { 
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(2) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(3) a {
    border-left-color: #3B5998;
}

.wrapper-dropdown-2 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-2 .dropdown li:hover a {
    color: grey;
}

/* Active state */

.wrapper-dropdown-2.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
    display: block;
}

/* Main navigation - slicknav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slicknav_menu {
	display:none;
}
#mainmenu{
	border-top: 1px solid #ccc;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	#mainmenu{
	border: none;
}
}

#menu li {
	float: left;
}
#menu li a{
	padding: 10px 15px;
	display: block;
}
#menu li a:hover {
	background: #eee;
	
}


/* CONTENT
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section {
	background: #fff;
}
.maintitle {
	text-align: center;
}
.maintitle h2 {
	color: #A49C75;
	font-family: 'Open Sans', sans-serif;
	font-size: 38px;
	font-weight: 900;
	line-height: 23px;
	margin-bottom: 55px;
	margin-top: 76px;
	position: relative;
}
.maintitle h2 .upper::before {
    background: #ccc none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    left: -37px;
    position: absolute;
    top: 14px;
    width: 29px;
}
.maintitle h2 .upper::after {
    background: #ccc none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: -38px;
    top: 14px;
    width: 29px;
}
.maintitle h2 .upper {
    display: inline-block;
    position: relative;
}
.maintitle h2 .lower {
    font-size: 18px;
    font-family: 'Libre Baskerville', serif;
	color: #2d5848;
}

.slider img {
	width: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	display:block;
}

.slider img:hover {
	filter: alpha(Opacity=90);
	opacity: 0.9;
}
.slider .columns {
	position: relative;
}
.slider .columns .content {
    top: 50%;
	margin-top: -38px;
    position: absolute;
	text-align: center;
	filter: alpha(Opacity=100) !important;
	opacity: 1 !important;
	width: 100%;
	
}
.slider .columns .content h2 {
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	display: inline-block;
}
.content h2 {
}
.pisani {
	font-family: 'Libre Baskerville', serif;
	font-size: 15px;
	color: #fff;
	opacity: 1;
    transform: translateY(0px);
	display: block;

}
.kpisani {
	font-family: 'Libre Baskerville', serif;
	font-size: 20px;
	color: #a49c75;
	opacity: 1;
    transform: translateY(0px);
	display: block;
	padding-bottom: 20px;
}
.zeromargin {
	margin-left: 0 !important;
}
/* Effect 7: second border slides up */
.kposalji button {
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	margin-top: 20px;
	outline: none;
	color: #2d5848;
	text-decoration: none;
	font-size: 1.3em;
	border: 1px solid #ccc;
	cursor: pointer;
	padding: 7px 26px;
	font-weight: normal;
}
.kposalji button:hover {
	background-color: #eee;
	color: #2d5848;
}
.gumb a {
	position: relative;
	display: inline-block;
	margin-top: 15px;
	outline: none;
	color: #b0b1b2;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.5em;
}
.gumb a:hover,
.gumb a:focus {
	outline: none;
}
.cl-effect-7 a {
	font-size: 1.3em;
	padding: 12px 10px 10px;
	color: #fff !important;
	text-shadow: none;
	letter-spacing: 1px;
}

.cl-effect-7 a::before,
.cl-effect-7 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
}

.cl-effect-7 a::after {
	opacity: 0;
	-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: top 0.3s, opacity 0.3s, transform 0.3s;
}

.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
	top: 0%;
	opacity: 1;
}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

.dpl {
	display: block;
}
.logo {
	padding-top: 25px;
}
.dpl2 {
	display: block;
}
/* Larger than mobile */
@media (min-width: 400px) {
	.dpl2 {
		display: none;
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 600px) {
	.dpl {
		display: none;
	}
	.logo {
		padding-top: 0;
	}
}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}


.cutting-edge.left {
    background: #2d5848 none repeat scroll 0 0;
}

.cutting-edge.right {
    background: #efc11a none repeat scroll 0 0;
}
.cutting-edge {
    float: left;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.cutting-edge .bg {
    height: 100%;
    position: absolute;
}
.cutting-edge.left .bg {
    right: 40%;
    width: 60%;
}
.cutting-edge.right .bg {
    left: 40%;
    width: 60%;
}
.cutting-edge.left  .bg {
    background: rgba(0, 0, 0, 0) url("../img/plitvicecover.jpg") no-repeat scroll 100% bottom / cover ;
}
.cutting-edge.right .bg {
    background: rgba(0, 0, 0, 0) url("../img/mercedescover.jpg") no-repeat scroll 0 bottom / cover ;
}

.cutting-edge.right.rastoke .bg {
    background: rgba(0, 0, 0, 0) url("../img/rastokecover.jpg") no-repeat scroll 0 bottom / cover ;
}
@media (max-width: 1000px) {
	.cutting-edge .ce-caption {
		overflow: hidden;
		padding: 0 45px !important;
		width: 100%;
	}
	.cutting-edge .bg {
		background-position: center center !important;
		height: 400px;
		left: auto;
		position: relative;
		right: auto;
		width: 100%;
	}
	.cutting-edge.left .bg {
		right: 0;
		width: 100%;
	}
	.cutting-edge.right .bg {
		left: 0;
		width: 100%;
	}
	.ce-caption .transition {
		display: none;
	}
	.cutting-edge .ce-caption .header {
		min-height: auto;
	}
}

.cutting-edge.left .ce-caption {
    float: right;
    padding-left: 250px;
    padding-right: 0;
}
.cutting-edge.right .ce-caption {
    padding-left: 0;
    padding-right: 250px;
}
.cutting-edge.right .ce-caption {
    color: #333;
}
.ce-caption {
    box-sizing: border-box;
    padding: 0 45px;
    position: relative;
    text-align: left;
    width: 65%;
}
.cutting-edge.left .ce-caption {
    float: right;
    padding-left: 250px;
    padding-right: 0;
}
.cutting-edge.right .ce-caption {
    padding-left: 0;
    padding-right: 250px;
}

.cutting-edge .ce-caption .header {
    margin: 0;
    padding-bottom: 65px;
    padding-top: 65px;
	min-height: 500px;
}
.cutting-edge.left .ce-caption .header {
    background: #2d5848 none repeat scroll 0 0;
}

.cutting-edge.right .ce-caption .header {
    background: #efc11a none repeat scroll 0 0;
}
.cutting-edge.left .ce-caption .transition {
    background: rgba(0, 0, 0, 0) url("../img/green.png") no-repeat scroll 100% bottom / 100% 100%;
}
.cutting-edge.right .ce-caption .transition {
    background: rgba(0, 0, 0, 0) url("../img/yellow.png") no-repeat scroll 0 bottom / 100% 100%;
}
.cutting-edge.left .ce-caption .transition {
    left: 0;
    top: 0;
}
.cutting-edge.right .ce-caption .transition {
    right: 0;
    top: 0;
}
.ce-caption .transition {
    height: 100%;
    position: absolute;
    width: 250px;
}
.cutting-edge.left .ce-caption h2 {
    color: white;
}
.cutting-edge.right .ce-caption h2 {
    color: #fff;
}
.header h2 {
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 120%;
    margin-bottom: 25px;
    text-align: left;
}
.cutting-edge .ce-caption h3 {
	color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cutting-edge .ce-caption h3 {
	color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
    text-rendering: auto;
}

.cutting-edge.left .ce-caption p {
    color: #fff;
}
.cutting-edge.right .ce-caption p {
    color: #fff;
}
.ce-caption p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    margin: 0 auto 20px;
    max-width: 800px;
    text-align: left;
}

.cutting-edge.left.medvedgrad {
    background: #a49c75 none repeat scroll 0 0;
}
.cutting-edge.left.medvedgrad .ce-caption .header {
    background: #a49c75 none repeat scroll 0 0;
}
.cutting-edge.left.medvedgrad .ce-caption .transition {
    background: rgba(0, 0, 0, 0) url("../img/gold.png") no-repeat scroll 100% bottom / 100% 100%;
}
.cutting-edge.left.medvedgrad  .bg {
    background: rgba(0, 0, 0, 0) url("../img/medvedgradcover.jpg") no-repeat scroll 100% bottom / cover ;
}
.cutting-edge.left.bec  .bg {
    background: rgba(0, 0, 0, 0) url("../img/zagrebcover.jpg") no-repeat scroll 100% bottom / cover ;
}
.cutting-edge.right.zagrebackepivnice  .bg {
    background: rgba(0, 0, 0, 0) url("../img/rastokecover.jpg") no-repeat scroll 100% bottom / cover ;
}
.cutting-edge.right.vinskeceste  .bg {
    background: rgba(0, 0, 0, 0) url("../img/rastokecover.jpg") no-repeat scroll 100% bottom / cover ;
}
.about p {
	font-size: 14px;
	text-align: justify;
	padding-top: 25px;
}
.guides p{
	font-size: 14px;
	text-align: justify;
}
.info p {
	font-size: 14px;
	text-align: center;
	padding-top: 25px;
}
.info p {
	font-size: 14px;
	text-align: center;
	padding: 20px 0;
}
.info h2 {
	text-align: center;
	font-size: 2em;
	padding: 30px 0 20px 0;
}
.about h2 {
	text-align: center;
	font-size: 2em;
	padding: 30px 0 20px 0;
}
.center {
	text-align: center;
}
.space {
	padding-bottom: 40px;
}
.top {
	padding-top: 40px;
}
.about h4 {
	padding: 20px 0;
}
.znakovi {
	color: #2d5848;
	margin-bottom: 20px;
	letter-spacing: 10px;
}

/*KONTAKT*/
 .google-maps {
    position: relative;
    padding-bottom: 35%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    margin-top: 20px;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
label[for=fname] {
  color: #fff;
  font-size: 15px;
  margin: 5% 10%;
}
.nas input[type=text], select {
    width: 100%;
    padding: 12px 5%;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
}
.nas input[type=submit] {
	font-family: 'Open Sans', sans-serif;
    width: 100%;
    color: black;
    padding: 12px 20px;
    margin-left: 0;
    border: none;
    cursor: pointer;
    font-size: 15px;
}
textarea {
	font-family: 'Open Sans', sans-serif;
	font-size: 13.33px;
	resize: vertical;
	width: 96%;
	border: 1px solid #ccc;
	margin-top: 20px;
	padding: 12px 2%;
}
.razmak {
  margin-bottom: 20px;
} 
.errormessage {
	padding: 0 !important;
	font-family: 'Libre Baskerville', serif;
	font-size: 15px;
	color: #2d5848;
	font-weight: 700;
}
/*PLITVICE*/

.plitvice h1 {
	margin-top: 20px;
	text-align: center;
}
.ptext {
	margin-top: 20px;
	font-size: 15px;
}
.bitno {
	font-weight: 700;
}
.svakako {
	text-align: center;
	font-family: 'Libre Baskerville', serif;
	font-size: 25px;
	padding-top: 20px;
	color: #2d5848;
	opacity: 0.5;
    transform: translateY(0px);
	display: block;
	padding-bottom: 20px;
}


/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

footer {
	background: #222 url("../img/pattern.png") repeat scroll 0 0;
	color: #999;
	padding: 80px 0;
}
footer .row {
	overflow: hidden;
}
footer .four.columns {
	padding-bottom: 500em;
  margin-bottom: -500em;
}
footer  h5{
	padding: 15px 0;
}
.tright {
	border-right: 1px solid #444;
}
.tdown {
	border-bottom: 1px solid #444;
}
footer a:link, a:visited {
	color: #999;
}
footer a:hover, a:active {
	color: #2d5848;
}
footer .zadnja {
	text-align: center;
	padding-top: 15px;
}
footer .zadnja a:link, a:visited {
	font-size: 14px;
}
footer h6 {
	font-family: 'Libre Baskerville', serif;
	font-size: 1.9rem;
}
footer .sixty {
	font-size: 14px;
	width: 60%;
	text-align: center;
	float: left;
	padding-top: 35%;
}
footer .sixty  ul{
	list-style-type: none;
}
footer .fourty {
	width: 40%;
	padding: 25% 0;
	float: left;
}
footer .copyright {
	font-size: 14px;
	padding: 40px 0 40px 15%;
}
footer .mreze {
	text-align: center;
	letter-spacing: 10px;
}
footer .cor {
	text-align:center;
}
footer .caffe{
	font-size: 14px;
	padding-top: 40px;
}
footer .ulica {
	font-size: 12px;
}
footer .mjesta {
	font-size: 14px;
	padding-top: 40px;
}
footer .pola {
	width: 50%;
	float: left;
}
.boxovi {
	font-size: 14px;
}

span.bigcheck-target {
    font-family: FontAwesome; /* use an icon font for the checkbox */    
}
input[type='checkbox'].bigcheck { 
    position: relative;
    left: -999em; /* hide the real checkbox */
}

input[type='checkbox'].bigcheck + span.bigcheck-target:after {
    content: "\f096"; /* In fontawesome, is an open square (fa-square-o) */
	padding-right: 5px;
	font-size: 18px;
	}
input[type='checkbox'].bigcheck:checked + span.bigcheck-target:after {
    content: "\f046"; /* fontawesome checked box (fa-check-square-o) */
}
span.bigcheck { 
    display: block;
}
.bigcheck {
	font-size: 14px;
}
footer input[type='text'] {
	border: none;
	color: #eee;
	background: #333;
	width: 92%;
	padding: 7px 4%;
	margin-top: 15px;
}
footer input[type='text']:focus {
	background: #999;
	color: #333;
}
footer input[type='submit'] {
	border: none;
	background: #333;
	color: #999;
	padding: 5px 10px;
	margin: 15px 0;
}
footer input[type='submit']:hover {
	color: #fff;
}
/* FOOTER
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.abouttags {
	font-family: 'Libre Baskerville', serif;
	background: #f2b632;
	padding: 1.5em 3em;
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	font-style: italic;

}
.sponsor {
	list-style-type: none;
}
.sponsor li {
	float: left;
}
.zeleni {
	padding-bottom: 40px;
}
.zelenigore {
	padding-top: 40px;
}
/*DESTINACIJE*/
.transferi {
	border: 1px solid #ccc;
	text-align: center;
	min-height: 495px;
}
.transferi p {
	color: #222;
	text-align: center;
	font-size: 14px;
	padding: 15px 20px 30px;
}
.transferi h4 {
	font-size: 2em;
	text-align: center;
	color: #2d5848;
	font-weight: 600;
}
.transferi img {
	width: 100%;
}
.transferi a img {
	width: auto;
}
.transferi a.more:link, a.more:visited {
	font-size: 16px;
	border: 1px solid #ccc;
    color: 222;
    padding: 7px 26px;
    text-decoration: none;
    display: inline-block;
}
.transferi a.more:hover, a.more:active {
    background-color: #eee;
	color: #2d5848;
}
.destinacije {
	border: 1px solid #ccc;
	text-align: center;
	min-height: 450px;
}
.destinacije p {
	color: #222;
	text-align: center;
	font-size: 14px;
	padding: 15px 20px 30px;
}

.destinacije h4 {
	font-size: 2em;
	text-align: center;
	color: #2d5848;
	font-weight: 600;
}
.destinacije img {
	width: 100%;
}
.destinacije a:link, a:visited {
	font-size: 16px;
	border: 1px solid #ccc;
    color: 222;
    padding: 7px 26px;
    text-decoration: none;
    display: inline-block;
	margin-bottom: 20px;
}
.destinacije a:hover, a:active {
    background-color: #eee;
	color: #2d5848;
}
.upit h2 {
	opacity: 0.4;
	text-align: center;
	color: #2d5848;
}
.upit p {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	color: #2d5848;
}
.maksimalno {
	max-width: 100%;
	display: block;
	height: auto;
}
.izleti a:link, .izleti a:visited {
	font-size: 16px;
	color: #222;
	text-decoration: none;
}
.izleti a:hover, .izleti a:active {
	color: #2d5848;
}
.prices {
	font-size: 15px;
	padding: 10px 0;
	text-align: center;
}
.tour {
	padding-bottom: 20px;
}
/*SPONZORI*/
.widget header.style4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 290px;
    height: 49.333333%;
    background: #000000;
    z-index: 99999; }
    .widget header.style4 .header-cover {
      position: absolute;
      bottom: 35px; }
      .widget header.style4 .header-cover .kopa-owl-btn {
        width: 120px;
        height: 49px;
        background: #fff;
        padding: 4px 4px 4px 26px; }
.widget header.style4 .header-cover .kopa-owl-btn .kopa-owl-prev, .widget header.style4 .header-cover .kopa-owl-btn .kopa-owl-next {
	display: inline-block;
	text-align: center;
	width: 49px;
	height: 49px;
	line-height: 49px;
	font-size: 20px;
	background: #000000;
	color: #ffffff;
	float: left;
	margin-left: 4px;
}

.widget header.style4 .header-cover .kopa-owl-btn .kopa-owl-prev:hover, .widget header.style4 .header-cover .kopa-owl-btn .kopa-owl-next:hover{
	color: #ccff33;
}

.widget header.style4 .widget-title {
	font-weight: 600;
	color: #ccff33;
	margin: 0px 25px 20px 25px;
}
.widget-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 25px;
}
.widget header.style4 .header-cover .kopa-owl-btn {
    background: #ccff33 none repeat scroll 0 0;
    height: 49px;
    padding: 4px 4px 4px 26px;
    width: 106px;
}
/*--- owl-button ---*/
.owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .kopa-owl-prev:before, .kopa-owl-next:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
  
  
.owl-theme .owl-controls {
  margin: 0; }
  .owl-theme .owl-controls .owl-buttons div {
    color: #000000;
    background: #ffffff;
    padding: 0;
    margin: 0;
    border-radius: 0;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 25px;
    margin-top: -20px;
    margin-left: -40px;
    margin-left: 0; }
    .owl-theme .owl-controls .owl-buttons div:hover {
      background: #2f2f2f; }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
      left: -50px; }
      .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
        content: "\f104"; }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
      right: -50px; }
      .owl-theme .owl-controls .owl-buttons div.owl-next:before {
        content: "\f105"; }

.owl-theme .owl-controls .owl-page span {
  width: 10px;
  height: 10px;
  margin: 5px 4px 0;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  background: #db325b;
  border: 2px solid #db325b;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span {
  background: none; }

.kopa-owl-prev, .kopa-owl-next {
  display: inline-block;
  text-align: center;
  width: 76px;
  height: 76px;
  line-height: 76px;
  font-size: 35px;
  background: #f5f5f5;
  color: #c4c4c4;
  cursor: pointer; }
  .kopa-owl-prev:before, .kopa-owl-next:before {
    content: "\f104"; }

.kopa-owl-next:before {
  content: "\f105"; }
  
 /*-- kopa-masonry-carousel-widget --*/
.kopa-masonry-carousel-widget {
  position: relative; }

.kopa-masonry-wrap {
  margin: -0.08547%; }
  .kopa-masonry-wrap > .ms-item1 {
    float: left;
    margin: 0.08547%;
    width: 24.74403%; }
    .kopa-masonry-wrap > .ms-item1.size1 {
      width: 49.6587%; }
    .kopa-masonry-wrap > .ms-item1 img {
      width: 100%; }

/*-- kopa-brand-widget --*/

	
.owl-carousel-8 {
    margin-top: 75px;
}
.owl-carousel-8 .owl-controls {
    left: 50%;
    margin-left: 0px;
    position: absolute;
    top: 0px;
}
.kopa-brand-widget {
  overflow: hidden; }

.owl-carousel-8 .item > a {
  display: block;
  width: 100%;
  height: 110px;
  border: 1px solid #e3e3e3;
  text-align: center;
  position: relative;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; }
  .owl-carousel-8 .item > a > img {
    max-width: 80%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
  .owl-carousel-8 .item > a:hover {
    border-color: #ccff33; }

	.owl-carousel-8 .item {
    padding: 0 15px 1px;
}
.style5 {
	text-align:center;
}