@import '../js/bxslider/jquery.bxslider.css';

/* za mjenjanje bxslider stila u stilu te stranice,a ne u stilu original bxslider*/

/* Font Josefin */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300&subset=latin,latin-ext);

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}
/**
 * Remove default margin.
 */

/* Svi divovi se ravnaju po veličini na najvećeg. To je kada upisujemo različitu količinu teksta. */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/scripts/boxsizing.htc);
    /*  If you need support for IE7 and lower make
    sure the boxsizing.htc file is linked properly.
    More info here:  https://github.com/Schepp/box-sizing-polyfill */
}
body {
    margin: 0;
}
/* HTML5 display definitions

   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
/**

 * 1. Correct `inline-block` display not defined in IE 8/9.

 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

 */

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/**

 * Prevent modern browsers from displaying `audio` without controls.

 * Remove excess height in iOS 5 devices.

 */
.travels{border-top: 1px solid #e1e1e1;
padding-top: 48px!important;}
.travels:first-child{border-top: 0px solid #e1e1e1!important;
padding-top: 0px!important;}
audio:not([controls]) {
    display: none;
    height: 0;
}
/**

 * Address `[hidden]` styling not present in IE 8/9/10.

 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.

 */

[hidden],
template {
    display: none;
}
/* Links

   ========================================================================== */

/**

 * Remove the gray background color from active links in IE 10.

 */

a {
    background-color: transparent;
    text-decoration: none;
}
/**

 * Improve readability when focused and also mouse hovered in all browsers.

 */

a:active,
a:hover {
    outline: 0;
}
/* Text-level semantics

   ========================================================================== */

/**

 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

 */

abbr[title] {
    border-bottom: 1px dotted;
}
/**

 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

 */

b,
strong {
    font-weight: bold;
}
/**

 * Address styling not present in Safari and Chrome.

 */

dfn {
    font-style: italic;
}
/**

 * Address variable `h1` font-size and margin within `section` and `article`

 * contexts in Firefox 4+, Safari, and Chrome.

 */
.clear{
    clear: both;
}
h1 {
    color: #333;
    font-size: 22px;
    margin: 0.67em 0;
}
/**

 * Address styling not present in IE 8/9.

 */

mark {
    background: #ff0;
    color: #000;
}
/**

 * Address inconsistent and variable font size in all browsers.

 */

small {
    font-size: 80%;
}
/**

 * Prevent `sub` and `sup` affecting `line-height` in all browsers.

 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* Embedded content

   ========================================================================== */

/**

 * Remove border when inside `a` element in IE 8/9/10.

 */

img {
    border: 0;
}
/**

 * Correct overflow not hidden in IE 9/10/11.

 */

svg:not(:root) {
    overflow: hidden;
}
/* Grouping content

   ========================================================================== */

/**

 * Address margin not present in IE 8/9 and Safari.

 */

figure {
    margin: 1em 40px;
}
/**

 * Address differences between Firefox and other browsers.

 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/**

 * Contain overflow in all browsers.

 */

pre {
    overflow: auto;
}
/**

 * Address odd `em`-unit font size rendering in all browsers.

 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* Forms

   ========================================================================== */

/**

 * Known limitation: by default, Chrome and Safari on OS X allow very limited

 * styling of `select`, unless a `border` property is set.

 */

/**

 * 1. Correct color not being inherited.

 *    Known issue: affects color of disabled elements.

 * 2. Correct font properties not being inherited.

 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}
/**

 * Address `overflow` set to `hidden` in IE 8/9/10/11.

 */

button {
    overflow: visible;
}
/**

 * Address inconsistent `text-transform` inheritance for `button` and `select`.

 * All other form control elements do not inherit `text-transform` values.

 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

 * Correct `select` style inheritance in Firefox.

 */

button,
select {
    text-transform: none;
}
/**

 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

 *    and `video` controls.

 * 2. Correct inability to style clickable `input` types in iOS.

 * 3. Improve usability and consistency of cursor style between image-type

 *    `input` and others.

 */

button,
html input[type="button"],
/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}
/**

 * Re-set default cursor for disabled elements.

 */

button[disabled],
html input[disabled] {
    cursor: default;
}
/**

 * Remove inner padding and border in Firefox 4+.

 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**

 * Address Firefox 4+ setting `line-height` on `input` using `!important` in

 * the UA stylesheet.

 */

input {
    line-height: normal;
}
/**

 * It's recommended that you don't attempt to style these elements.

 * Firefox's implementation doesn't respect box-sizing, padding, or width.

 *

 * 1. Address box sizing set to `content-box` in IE 8/9/10.

 * 2. Remove excess padding in IE 8/9/10.

 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**

 * Fix the cursor style for Chrome's increment/decrement buttons. For certain

 * `font-size` values of the `input`, it causes the cursor style of the

 * decrement button to change from `default` to `text`.

 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**

 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome

 *    (include `-moz` to future-proof).

 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}
/**

 * Remove inner padding and search cancel button in Safari and Chrome on OS X.

 * Safari (but not Chrome) clips the cancel button when the search input has

 * padding (and `textfield` appearance).

 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**

 * Define consistent border, margin, and padding.

 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**

 * 1. Correct `color` not being inherited in IE 8/9/10/11.

 * 2. Remove padding so people aren't caught out if they zero out fieldsets.

 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**

 * Remove default vertical scrollbar in IE 8/9/10/11.

 */

textarea {
    overflow: auto;
}
/**

 * Don't inherit the `font-weight` (applied by a rule above).

 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

 */

optgroup {
    font-weight: bold;
}
/* Tables

   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
ul,
li {
    list-style-type: disc;
}
.none {
    display: none;
}
/* Grid

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
/* For devices larger than 400px */
.pregrada {
    width: 100%;
    float: left;
    margin-right: 15px;
}
@media (min-width: 400px) {
    .container {
        width: 85%;
        padding: 0;
    }
    .container.info-header{width: 100%;
padding: 0 30px;}
    .pregrada {
        width: 45%;
        float: left;
        margin-right: 15px;
    }
}

/* For devices larger than 550px */

@media (min-width: 550px) {
    .container {
        width: 80%;
    }
    .row.bottom-footer .container {
      width: 90%;
    }
    .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%;
    }
}
#cookie {
background: #ffffff none repeat scroll 0 0;
box-sizing: border-box;
position: fixed;
width: 100%;
z-index: 1004;
border-bottom: 3px solid #ed164f;
bottom: 0;
border-top: 3px solid #ed164f;
padding: 0 10px;
}

#cookie span {
  color: #000000;
  float: left;
  font-size: 12px;
  font-weight: 700;
  margin-top: 15px;
  margin-right: 10px;
}
#cookie p {
  color: #000000;
  float: left;
  font-size: 12px;
  line-height: 20px;
  width: 72%;
  margin-top: 15px;
}
a.cookie-btn {
  float: right;
  margin-right: 15px;
  margin-top: 15px;
  width: auto;
}
#cookie p a {
  color:#ed164f;
  text-decoration: underline;
}
#cookie p a:hover {


  text-decoration: underline;
}
/* 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: 13px;
    /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #585858;
}
/* Typography

–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-weight: 300;
}
h1 {
    font-size: 30px;
    line-height: 1.2;
    text-transform: uppercase;
}
h2 {
    font-size: 3.6rem;
    line-height: 1.25;
}
h3 {
    font-size: 3.0rem;
    line-height: 1.3;
}
h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
    color: #ed164f;
}
h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
}
h6 {
    font-size: 1.5rem;
    line-height: 1.6;
}
/* Larger than phablet */

@media (min-width: 550px) {
    h1 {
        font-size: 30px;
        text-transform: uppercase;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 24px;color: #ed164f;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 20px;
    }
}
p {
    font-weight: 400;
    color: #585858;
    /*float: left;*/
    width: 100%;
}
/* Links

–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
    color: #585858;
}
a:hover {
    color: #ed164f;
}
/* Buttons

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    height: 40px;
    padding: 0 12px;
    color: #585858;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-style: none;
    background: #bbb;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #fff;
    background-color: #ed164f;
    outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    color: #FFF;
    background-color: #ED1C24;
    border-color: #ED1C24;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #990000;
    border-color: #990000;
}
/* Forms

–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 48px;
    width: 100%;
    padding: 3px 10px;
    /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    box-shadow: none;
    color: #585858;
    -moz-box-shadow: inset 0 0 1px #ccc;
    -webkit-box-shadow: inset 0 0 1px #ccc;
    box-shadow: inset 0 0 1px #ccc;
    box-sizing: border-box;
}

textarea {
    resize: none;
}
/* Removes awkward default styles on some inputs for iOS */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea {
    min-height: 100px;
    padding-top: 6px;
    padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #E8767A;
    outline: 0;
}
label,
legend {
    display: block;
    font-weight: 400;
    font-size: 14px;
}
fieldset {
    padding: 0;
    border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
    display: inline;
}
label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}
/* Lists

–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
    list-style: disc;
}
ol {
    list-style: decimal inside;
    margin-left: 0;
}
ol,
ul {
    padding-left: 0;
    margin-left: 40px;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
}
li {
    margin-bottom: 1rem;
}
/* Code

–––––––––––––––––––––––––––––––––––––––––––––––––– */

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
}
pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}
/* Tables

–––––––––––––––––––––––––––––––––––––––––––––––––– */

th,
td {
    /*padding: 12px 15px;*/
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
}
th:first-child,
td:first-child {
    padding-left: 0;
}
th:last-child,
td:last-child {
    padding-right: 0;
}
/* Spacing

–––––––––––––––––––––––––––––––––––––––––––––––––– */

button,
.button {
    margin-bottom: 1rem;
}
input,
textarea,
select,
fieldset {
    margin-bottom: 1.5rem;
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 1.5rem;
}
/* Utilities

–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
    width: 100%;
    box-sizing: border-box;
}
.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}
.u-pull-right {
    float: right;
}
.u-pull-left {
    float: left;
}
/* Misc

–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1;
}
/* Clearing

–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */

.container:after,
.row:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}
/* 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.

*/

/* Larger than mobile */

@media (min-width: 400px) {}
/* Larger than phablet (also point when grid becomes active) */

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

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

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

@media (min-width: 1200px) {}


/* ------ Toptours stil ------- */

.m-l {
  margin-left: 0px;
}
/* header .info-header {

  display: none;

}

/* Larger than desktop 1000px */

/*@media (min-width: 1000px) {
.info-header {
margin-bottom: 0px;
margin-top: 10px;
display: block; }
}

.header {
  padding:25px 14px 4px;
}

@media (min-width: 1000px) {
  .header {
    padding:10px 0px 20px 0px;
  }
}

.logo img {

  width: 70%;

  max-width: 200px;

}

@media (min-width: 1000px) {

  .logo img {

    width: 100%;

    max-width: 250px;

  }

}*/
.banner-zaba {
  display: block;
  float: left;
  margin-bottom: 14px;
  position: relative;
  width: 100%;
}
.banner-zaba img {
  display: block;
  float: left;
  max-width: 100%;
}
.banner-zaba a { display: block; }
/* header */

.row.navigation .container {
    width:100%;
}
.login-search {
    width:100%;
    display:block;
    position:relative;
}
@media (min-width: 750px) {
    .login-search {
        display:block;
    }
}
.six.columns.log-in {
    float:left;
    margin-left: -51px;
}
@media (min-width: 1000px) {
    .six.columns.log-in {
        float: right;
        width: 20%;
        margin: 2px 0px;
    }
}
@media (min-width: 1360px) {
    .six.columns.log-in {
        float: right;
        width: 17%;
        margin: 2px 0px;
    }
}
.six.columns.log-in ul {
    display: inline;
    float: left;
    display: none;
    background: #ed164f;
    text-align: center;
    width: 100%;
    margin-bottom: 13px;
    margin-left: 0;
    margin-top: 0;
    padding: 3px 0px;
}
.six.columns.log-in li {
    display: inline;
    margin-right: 4px;
    color: #fff;
}
.log-in li a {
    color: #fff;
}
.log-in li a:hover {
    -webkit-text-shadow: 1px 1px 1px #3a3a3a;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-text-shadow: 1px 1px 1px #3a3a3a;
    /* Firefox 3.5 - 3.6 */
    text-shadow: 1px 1px 1px #3a3a3a;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.search-top {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    margin-top: -21px;
    padding: 0px 23px;
}
@media (min-width: 550px) {
   .search-top {
        margin-top: -16px;
    }
}
@media (min-width: 600px) {
    .search-top {
        margin-top: -15px;
        display: none;
    }
}
@media (min-width: 1000px) {
    .search-top {
        display: none;
    }
}
.search-top input.search-sub {
    /*background: rgba(0, 0, 0, 0) url(../images/zoom.png) no-repeat scroll center center;*/
    border: 0 none;
    margin-bottom: 0;
    overflow: hidden;
    position: absolute;
    right: 29px;
    top: 21px;
    text-indent: -900px;
    display: none;
}

.info-list{display: none;}
@media (min-width: 1000px) {
    .container.info-header {
        display: block;
        width: 100%;padding-left: 0;padding-right: 0;
    }.info-list{display: inline;}
}
.container.header {
    display: block;
    margin-bottom: 23px;
    margin-top: 20px;
    padding: 0px 14px;
    width: 90%;
}
@media (min-width: 320px) {
    .container.header {
        padding: 0;
    }
}
@media (min-width: 750px) {
    .container.header {
        margin-bottom: 15px;
        width: 93%;
    }
}
@media (min-width: 1280px) {
    .container.header {
        margin-bottom: 15px;
        width: 100%;
    }
}
@media (min-width: 1280px) {
    .container.header {
        margin-bottom: 10px;
    }
}
.logo {
    display: inline;
    float: left;
    width: 25%;
    text-align: center;
}
.logo img {
    width: 75%;
    max-width: 250px;
}
.info-header{min-height: 41px;}

@media (min-width: 400px) {
    .logo img {
        width: 100%;
        max-width: 250px;
    }
}
.phone a{
    background: url(../images/svg/phone.svg) no-repeat center left;
    background-size: 22px;
    padding-left: 30px;
}
.mail a{
    background: url(../images/svg/newsletter.svg) no-repeat center left;
    background-size: 22px;
    padding-left: 30px;
}
.mobile a{
    background: url(../images/svg/mobile.svg) no-repeat center left;
    background-size: 14px;
    padding-left: 30px;
}
/* toggle menu*/

#toggle {
    display: block;position: absolute;
    float: right;margin-top: 8px;
top: 0;
}
.top-menu {
    list-style-type: none;
    width: 100%;float: left;
    margin: 10px 0px;
    background: #ed164f;
}
.top-menu li {
    position: relative;
    display: block;
    width: auto;
    text-align: left;
    width: 100%;
    margin-bottom: 0px;
}
.top-menu li a {
    color: #fff;
    display: inline-block;
    padding: 10px 18px;
    width: 100%;
    text-transform: uppercase;
}
.top-menu li a:hover {
    color: #fff;
    background: #FFD203;
}
.top-menu li .sub {
    left: 0px;
    position: relative;
    top: 0;
    display: none;
    width: 100%;
    margin: 0;
    float: left;
    border-top: 1px solid #3A3A3A;
}
.top-menu li .sub li a {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mobile-show ul {
    display: none;
    margin: 0 auto;
    padding: 0 21px;
    background: #d61146;
}
.mobile-show ul li a {
    text-transform: none;
    font-size:16px;
}
.mobile-show ul li a:hover {
    color: #FFD203;
    background: none;
}
.mob-view {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    max-height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 1080px) {
    #toggle {
        display: none;
    }
    .top-menu {
    float: left;
}
    .top-menu {
        list-style-type: none;
        margin: 0 auto;
        display: inline;
        margin-left: 0px;
        background: none;
        float: left;
        width: 25%;
        padding-top: 12px;
    }
    .top-menu li {
        position: relative;
        display: inline-block;
        width: 33.33%;
        text-align: center;
    }
    .top-menu li a {
        color: #585858;
        display: inline;
        width: 100%;
        text-transform: none;
        padding: 0px;
        text-align: center;
        font-size: 17px;
    }
    .top-menu li a:hover,
    .top-menu .mslc a {
        color: #585858;
        background: none;
    }
    .mobile-show {
        display: none !important;
    }
}
.nav-row{background: url(../images/pattern.png) repeat fixed;border-bottom: 5px solid #ED164F;padding: 10px 0 4px;}
.nav{float: left;margin-top: 37px;width: 100%;}
.info-list {
display: inline;
float: left;
width: 50%;
margin: 0;
text-align: center;
padding-top: 8px;
}
.info-list li {
    display: inline;
    padding: 3px 15px 4px 30px;
    margin-bottom: 0px;
    line-height: 34px;
    margin-left: 5px;
}
.info-list li a{
    text-align:center;
}
.recommandation .banner img{float: none;}
.recommandation .banner{position: relative;display: block;}.recommandation .banner h3{position: absolute;
bottom: 10px;
color: #fff;
left: 4%;
max-width: 92%;
padding: 4px 8px;
font-size: 15px;
background: rgba(237,22,79,0.8);
text-transform: none;}
.main-content {
    background: #fff;
    padding-top: 27px;
}
@media (min-width: 750px) {
    .main-content {
        /*background: url(../images/pattern.png) repeat fixed;*/
        padding-top: 40px;
    }
}
.only-home {
    margin-top: -30px;
}
@media (min-width: 1000px) {
    .only-home {
        margin-top: -65px;
    }.nav {margin-top: 7px;}
    .nav{
width: auto;}
}
/* navigation */


    .navigation {
        border-top:1px solid #ED164F;
        border-bottom:1px solid #ED164F;
        background: #ffffff;
        display: block;
    }
.main-menu {
    display: table;
    width: 100%;
    list-style-type: none;
    position: relative;
    z-index: 1000;
    margin: 0;
}
.main-menu li {
    display: inline-block;
    text-align: center;
    position: relative;
    color: #fff;
    width:25%;
    float:left;
    margin:0;
}
ul.main-menu li ul li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.main-menu li a {
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    padding: 10px;
    color: #ED164F;
}
.main-menu li:hover a,
.main-menu .mslc a {
    background-color:#ED164F;
    color: #ffffff;
}
.main-menu li ul li a {
    text-align: left;
    color: #ed164f;
    font-size: 13px;
}
.main-menu li ul li:hover > a {
    background-color: #FFD203;
    color: #ED164F;
}
ul.main-menu li ul.sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    background: #ffd203;
    width: 100%;
}
ul.main-menu li:hover ul.sub {
    display: block;
}
ul.main-menu li ul.sub li ul.sub-sub {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #ffd203;
    margin: 0;
    padding: 0;
    min-width: 250px;
}
ul.main-menu li ul.sub li:hover ul.sub-sub {
    display: block;
}
/*bxslider*/
@media (min-width: 768px) {
  .row.slider {
    margin-top: 15px;
  }
}
@media (min-width: 1000px) {
  .row.slider {
    margin-top: 0px;
  }
}
.slider-container {
    width: 100%;
    position: relative;
    display: block;
}
.bxslider {
    display: none;
}
@media (min-width: 750px) {
    .bxslider {
        display: block;
        position: relative;
        margin-top: 0;
        margin-left: 0;
    }
}
.bxslider img {
    /* width: 100%; */
    /*border-bottom: 5px solid #ED164F;*/
}
.recommandation .bx-wrapper .bx-viewport {
    height: 520px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.bx-wrapper .bx-viewport {
    left: 0px;
    transform: translateZ(0px);
    box-shadow: none;
}
.bxslider .bx-wrapper {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    z-index: 1;
    left: 0 !important;
    box-shadow: none;
}
.bx-wrapper {
    left: 0 !important;
    margin: 0 auto;
}
.bx-wrapper .bx-pager {
    padding-bottom: 35px;
    padding-top: 0px;
    text-align: center;
    display: block;
}
@media (max-width: 750px) {
    .bx-wrapper .bx-pager {
        display: none;
    }
}
@media (min-width: 750px) {
    .bxslider-recommandation.bx-wrapper .bx-pager {
        display: none;
    }
}
@media (min-width: 1000px) {
    .bx-wrapper .bx-pager {
        padding-bottom: 45px;
    }
}
@media (min-width: 1280px) {
    .bx-wrapper .bx-pager {
        padding-bottom: 45px;
    }
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    float: none;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff none repeat scroll 0 0;
    border-radius: 8px;
    display: block;
    height: 14px;
    width: 14px;
    margin: 0 4px;
    outline: 0 none;
    text-indent: -9999px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #ed164f none repeat scroll 0 0;
}
.slider-header {
    display: block;
    left: 0;
    bottom: 40px;
    /*padding: 10px 20px 20px;*/
    position: absolute;
    width: 100%;
}
.slider-header .container {
    width: 94%;
}
@media (min-width: 1000px) {
    .slider-header {
        bottom: 60px;
    }
}
@media (min-width: 1336px) {
    .slider-header {
        bottom: 90px;
    }
    .slider-header .container {
        width: 80%;
    }
}
.slider-description {
    background: url(../images/transparency.png) repeat;
    display: block;
    float: right;
    width: 32%;
    position: relative;
    margin-bottom: 80px;
}
.slider-description .gp-label,
.slider-description .lm-label,
.slider-description .fm-label {
    position: relative;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    top: 0;
    padding: 5px;
}

.slider-description .fm-label, .slider-description .lm-label{}

@media (min-width: 1000px) {
    .slider-description {
        width: 38%;
    }
}
@media (min-width: 1280px) {
    .slider-description {
        width: 35%;
    }
}
.slider-description h2 {
    background: #ed164f;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 12px;
    margin: 0;
    font-weight: 400;
}
@media (min-width: 980px) {
    .slider-description h2 {
        font-size: 22px;
        line-height: 29px;
        font-weight: 600;
    }
}
@media (min-width: 1280px) {
    .slider-description h2 {
        font-size: 24px;
        font-weight: 600;
        text-align: center;
    }
}
.slider-description p {
    padding: 13px;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    width: 100%;
    float: left;
    text-align:center;
}
.fm-slider{background-color: #390;}
.lm-slider{background-color: ;}

@media (min-width: 1280px) {
    .slider-description p {
        font-size: 20px;
    }
}
.slider-description h2 a {
    color: #fff;
    -webkit-text-shadow: 0px 0px 1px #3a3a3a;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-text-shadow: 0px 0px 1px #3a3a3a;
    /* Firefox 3.5 - 3.6 */
    text-shadow: 0px 0px 1px #3a3a3a;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.slider-description span {
    /*font-size: 18px;*/
    color: #ed164f;
    font-weight: 600;
    font-size: 2.1rem;
    /*-webkit-text-shadow: 0px 0px 1px #3a3a3a;*/
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    /*-moz-text-shadow: 0px 0px 1px #3a3a3a;*/
    /* Firefox 3.5 - 3.6 */
    /*text-shadow: 0px 0px 1px #3a3a3a;*/
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.slider-description .gp-label,
.slider-description .lm-label {
    text-transform: uppercase;
}
.bxslider-recommandation {
  display: block;
  height: 100%;
  margin-left: 0;
  position: relative;
  width: 100%;
  margin-top: 0px !important;
}
.bxslider-recommandation img {
  /*max-width: 300px;*/
}
.bxslider-recommandation .bx-wrapper .bx-pager {
  display: none !important;
}
.content {
    background: #fff;
    /*margin-top: 20px;*/
    margin-bottom: 50px;
    display: block;
    width: 100%;
    /*-webkit-box-shadow: 0px 0px 2px #ccc;*/
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    /*-moz-box-shadow: 0px 0px 2px #ccc;*/
    /* Firefox 3.5 - 3.6 */
    /*box-shadow: 0px 0px 2px #ccc;*/
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
@media (min-width: 750px) {
    .content {
        margin-top: 0px;
    }
}
@media (min-width: 1000px) {
    .content {
        margin-top: -17px;
        width: 100%;
    }
}

/* search top responsive */
.twelve.columns.search-top {
  display: none;
}
.twelve.columns.search-top img {
  border: 1px solid #bbb;
  bottom: -59px;
  float: right;
  padding: 4px 12px;
  position: absolute;
  right: 0;
  display: block;
}
.search-forma {
  bottom: -101px;
  left: 0;
  position: absolute;
  display: none;
  width: 80%
}
@media (min-width: 480px) {
  .search-forma {
    right:54px;
    position: absolute;
    display: none;
    width: 85%;
  }
}
@media (min-width:600px) {
  .search-forma {
    width: 90%
  }
}
@media (min-width: 768px) {
  .main-content {
  margin-top:19px
  }
  .container.header {
    margin-bottom:0px
  }
  .twelve.columns.search-top {
  margin-top:-24
  }
  .search-forma {
  z-index:-1
  }
}
@media (min-width: 980px) {
  .search-forma {
    width: 93%;
  }
}
@media (min-width: 1000px) {
  .twelve.columns.search-top {
    display: none;
  }
  .main-content {
    margin-top:0px
  }
  .container.header {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
/* left content */

.left-content {
    width: 15%;
    float: left;
    display: block;
    position: relative;
    margin-top: 79px;
}

.content-right {
    width: 15%;
    float:right;
    display: block;
    position: relative;
    margin-top: 0;
}
@media (min-width: 1000px) {
    .left-content {
        width: 15%;
        /*padding: 19px 15px;*/
        padding:0;
        box-shadow: none;
        border-style: none;
        margin-top: 69px;
    }
}
.left-menu {
    display: block;
    width: 100%;
    background: #e8e8e8;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}
.left-menu li {
    display: block;
    margin: 0px 0px 1px 0px;
    margin-left:0px !important;
    background: #f8f8f8;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.left-menu li a {
    color:#ed164f;
    text-transform: uppercase;
    width: 100%;
    display: block;
}
.left-menu li:hover,
.left-menu .mslc {
    background: #ed164f;
}
.left-menu li:hover a,
.left-menu .mslc a {
    color: #ffffff;
    text-transform: uppercase;
}
.first-minute {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    background:#d41145;
}
.first-minute h3 {
background: #ed164f;
color: #fff;
font-size: 17px;
margin-bottom: 3px;
padding: 9px 12px;
text-transform: uppercase;
font-weight: 600;
}
.first-minute a {
display: block;
font-size: 13px;
padding: 10px 10px;
color: #f8f8f8;
padding-left: 66px;
position: relative;
line-height: 17px;transition:all ease 0.3s;
font-weight: 400;
}
.first-minute a:hover {
    background: #ed164f;
    color:#ffffff;
}
.first-minute span {
background:#ed164f;
color:#ffffff;
padding: 5px 10px;
text-align: center;transition:all ease 0.3s;
width: auto;
font-weight: 600;
position: absolute;
top: 7%;
left: 0;
height: 88%;
display: table-cell;
}
.first-minute a:hover span{
    transition:all ease 0.3s;
}

.fb-page {
    margin-top: 5px;
    float: left;
    width: 99%;
    display: block;
}
/* search newsletter forma */
#rezervacija > h3 {
  text-transform: none;
}
.search,
.newsletter {
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.newsletter {
    border: 2px solid #ed164f;
    padding: 10px;
    text-align: center;
    /*background: url(../images/letter.png) no-repeat center center;*/
    background-color: #ffcc00;
}
.newsletter img {
    max-width: 30px;
    margin-top: 20px;
}
#newsletter_prijava input{
    margin-bottom: 0;
}
#newsletter_prijava label{
    margin: 10px 0;
}
#slazem_se label{
display: inline-block;
margin-left: 5px;
}
@media (min-width: 800px) {
  .search {
    display: block;
    float: left;
    width: 48%;
  }
  .newsletter {
    float: right;
    margin-right: 0;
    width: 100%;
  padding:35px 10px;
  }
}
@media (min-width: 1000px) {
  .search {
    display: block;
    float: left;
    width: 100%;
  }
  .newsletter {
    display: block;
    margin-bottom: 30px;
    margin-right: 0px;
    padding: 20px 56px;
    width: 100%;
  }
}
.newsletter-btn {
    background: #FDE7ED;
    color: #ed164f;
    display: inline-block;
    padding: 1px 0;
    width: 38%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    margin-top: 13px;
}
.newsletter-btn:hover {
    background: #febcce;
}
@media (min-width: 600px) {
    .newsletter-btn {
        width: 38%;
    }
}
@media (min-width: 750px) {
    .newsletter-btn {
        width: 31%;
    }
}
@media (min-width: 980px) {
    .newsletter-btn {
        width: 24%;
    }
}
@media (min-width: 1000px) {
    .newsletter-btn {
        width: 55%;
    }
}
.newsletter-btn:hover {
    font-weight: 600;
    background: #febcce;
}
.search {
    margin-right: 0px;
    margin-top: 0px;
}
.search {
    display: block;
}

@media (min-width: 1000px) {
    .search {
        display: block;
        margin-right: 0px;
        margin-top: 0px;
    }
}
.search{max-width: 42%;margin-bottom: 0;margin-top: -11px;
float: right;position: relative;}
.newsletter h3 {
    font-size: 16px;
    color: #ed164f;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
    background: url(../images/svg/newsletter.svg) no-repeat center left;
    background-size: 38px;
    width: 100%;
    text-align: left;
    padding-left: 55px;
}
.search h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
}
.newsletter span {
    color: #585858;
    line-height: 22px;
    width: 100%;
    display: block;
    font-size: 13px;
}
#search-forma input {
    display: block;
    float: left;padding-right: 100px;
    margin-bottom: 5px;
}
#search-forma input.sub_search {
    background: #ed164f;color:#fff;padding-right:10px;
    margin-top: 10px;position: absolute;
right: 5px;
top: 10px;
}
.searchHeader {
    line-height: 22px;
    margin-bottom: 10px;
    font-size:13px;
}
.sub_search {
    color: #fff;
}
/* toptours preporuka */

.recommandation,
.giftcard,
.facebook {
    width: 100%;
}
@media (min-width: 600px) {
    .recommandation,
    .giftcard {
        width: 48%;
        margin-right: 10px;
    }
    .facebook {
        width: 51%;
    }
}
@media (min-width: 750px) {
    .recommandation,
    .giftcard {
        width: 32%;
        margin-right: 10px;
    }
    .facebook {
        width: 32%;
    }
}
@media (min-width: 1000px) {
    .recommandation,
    .giftcard,
    .facebook {
        width: 100%;
        margin-right: 0px;
    }
}
.recommandation {
  position: relative;
}
.recommandation,
.giftcard,
.facebook {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 20px;
}
.giftcard {
    /*max-width: 300px*/
    width:100%;
}
.recommandation h3,
.giftcard h3,
.facebook h3 {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0px;
}
.recommandation h3,
.giftcard h3 {
    color: #ed164f;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 10px;
}
.facebook h3 {
    color: #585858;
    font-size: 16px;
}
.recommandation span,
.giftcard span {
    color: #ed164f;
    width: 100%;
}
.giftcard a{display:block;text-align: center;background-color:#ed164f;}
.giftcard img {
    padding: 0px;
    width:100%;
}
@media (min-width: 600px) {
    .giftcard img {
        padding: 28px 0px;
        background: #ed164f;
        margin-top: 0px;
    }
}
@media (min-width: 750px) {
    .giftcard img {
        padding: 15px;
    }
}
.recommandation img,
.top-footer img {
    display: block;
    width: 100%;
    float: left;
}

.giftcard span {
  background: #ed174f none repeat scroll 0 0;
  clear: left;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 10px;
  text-align: center;
}
.recommandation span {
    position: absolute;
    bottom: 0;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding: 10px 8px;
    line-height: 22px;
    background: url(../images/transparency.png) repeat;
    font-size: 14px;
}
.m-t {
  margin-top: 20px;
}
.left-c-m {
  box-shadow:none;
}

/* right content */

.center-content {
    float: right;
    padding: 30px 20px 1px 20px;
    width: 64%;
}
@media (min-width: 480px) {
    .center-content {
        padding: 30px 15px 1px;
    }
}
@media (min-width: 1000px) {
    .center-content {
        width: 70%;
        padding: 10px 50px;
    }
}
/*@media (min-width: 1280px) {
  .center-content {
    padding: 20px 20px 1px 20px;
  }
}*/
.travels .four.columns {
    width: 100%;
    margin-bottom: 20px;
    width: 31.33%;
    margin: 1%;
}
/*@media (min-width: 360px) {
  .travels {
    margin-left: 13px;
  }
}*/
@media (min-width: 480px) {
  .travels {
    margin-left: 0px;
  }
}
@media (min-width: 550px) {
    .travels {
      margin-left: 0px;
    }
}
@media (min-width: 600px) {

}
@media (min-width: 600px) {

}
@media (min-width: 750px) {

}
@media (min-width: 750px) {

}
@media (min-width: 768px) {

}
@media (min-width: 800px) {

}
@media (min-width: 980px) {
}

.title {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
@media (min-width: 480px) {
    .title {
        margin-bottom: 15px;
    }
}
@media (min-width: 750px) {
    .title {
        margin-bottom: 20px;
    }
}
.title h1 {
    margin-bottom: 15px;
}
.title h1 a {
    margin-bottom: 0px;
}
.travels .title{padding:0 1%;}
.title h1,.title h3,
.title h1 a {    float: left;
color: #333;
display: inline;
float: left;
font-size: 24px;
font-weight: 400;
margin: 0;
padding: 0;
font-family: 'Maven Pro';
text-transform: none;
letter-spacing: -0.4px;
}
.title h1 a:hover {
    color: #585858;
}
.price-label,
.old-price-label {
    color: #fff;
    font-size: 20px;
    padding: 3px 8px;
}
.price-label {
    background: url(../images/pink-transparency.png) repeat;
    position: absolute;
    font-size: 20px;
    left: -1px;
    bottom: -1px;
    padding: 3px 8px;
}
.old-price-label {
    background: url(../images/pink-transparency.png) repeat;
    position: absolute;
    font-size: 16px;
    left: -5px;
    top: 48px;
    text-decoration: line-through;
}
.four.columns.travel-items {
    border: 1px solid #fff;
    margin-bottom: 23px;
    position: relative;
}
@media (min-width: 480px) {
    .four.columns.travel-items {
        margin-bottom: 15px;
    }
}
.bottom-border {
    border-bottom: 1px solid #ed164f;
}
@media (min-width: 400px) {
    .four.columns.travel-items,
    .four.columns.travel-banner {
        margin-bottom: 10px;
    }
}
@media (min-width: 600px) {
    .four.columns.travel-banner {
        margin-left: 0;
    }
}
@media (min-width: 750px) {
    .four.columns.travel-banner {
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .four.columns.travel-banner {
        margin-left: 2%;
    }
    .four.columns.travel-items {
        margin-top: 10px;
        margin-top: 10px;min-height: 331px;transition:all ease 0.3s;
        border: none;
    }
}

.travels {
    margin-bottom: 20px;
}
@media (min-width: 750px) {
    .travels {
        margin-bottom: 30px;
    }
}
@media (min-width: 1000px) {
    .travels {
        margin-bottom: 30px;
        margin-top: 10px;
    }
}
@media (min-width: 1280px) {
    .travels {
        margin-bottom: 40px;
        padding-top: 0px;
        margin-top: 0;
    }
}
.travels img {
    border: 0px none;
    width: 100%;
    float: left;
    display: block;
    opacity: 1;
}
.travels h2 a {
    color: #333;
    display: inline;
    float: left;
    font-size: 22px;
    font-weight: 600;
}
@media (min-width: 400px) {
    .travels h2 a {
        font-size: 20px;
    }
}
.travels span a {
    display: none;
}
@media (min-width: 600px) {
    .travels span a {
       background: #ffcc00 none repeat scroll 0 0;
float: right;
font-size: 14px;
padding: 8px 15px;
display: block;
font-weight: 600;
color: #000000;
border-radius: 50px;
    }
}
.description {
    display: block;
    width: 100%;
    float: left;position: relative;
    padding: 8px 0;
}
.description h2 {
text-align: left;
margin-bottom: 0px;
position: absolute;
width: 100%;
bottom: 100%;
}
.description .term{margin-top:0}
.travel-items .description h2 a,.travel-items .description h3 {
    background: rgba(237,22,79,1);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 6px;
    text-transform: uppercase;
    width: 100%;
    display:block;
}.four .description{margin: 0;padding:0;}
.travel-items .description h3{min-height: 54px;vertical-align: middle;
display: table-cell;
width: 1%;
padding:8px 15px;
font-size: 14px;}
.travel-banner h2 a {
    background: url(../images/transparency.png) repeat;
    color: #ed164f;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 6px;
    display: table-cell;
    width: 100%;
    max-height: 56px;
    vertical-align: middle;
    margin-top: -56px;
}
.travel-banner p {
    color: #ed164f;
    margin-bottom: 0px;
    margin-top: 2px;
    text-align: center;
    line-height: 19px;
}
.travel-items .description p {
    margin-bottom: 2px;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    float: left;
    display: block;
    padding: 0px 6px;
    text-align: left;
    overflow-wrap: break-word;
    width:100%;
    color: #000000;
}
.travel-items .description p:last-child {
    display: block;
    font-weight: 600;
    font-size: 20px;
    text-align:right;
    color: #ed164f;
}
.fm-label,
.lm-label {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 2px 5px;
}
.gp-label {
   background: rgba(237,22,79,0.8);
    color: #fff;
}
.gp-label-white {
    background: url(../images/transparency.png) repeat;
    color: #333;
}
.gp-label,
.gp-label-white {
    position: absolute;
    font-size: 13px;
    font-weight: 600;
    left: -5px;
    top: 5px;
    /*width:18%;*/
    padding: 2px 5px;
}
.fm-label {
    background: #390;
    position: absolute;
    top: 0px;
    right: 0px;
}
.lm-label {
    background: #09c;
    position: absolute;
    top: 0px;
    right: 0;
}
.page {
    padding-top: 20px;
}
.page h1,
.page h2 {
    color: #333;
    /*display: inline;
  float: left;*/
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
}
.page h3 {
    font-size: 20px;
    color: #585858;
    text-transform: none;
    font-weight: 400;
}
.page a {
    font-weight: 400;
    color: #ed164f;
}
.page a:hover {
   /* -webkit-text-shadow: 0px 1px 1px #3a3a3a;*/
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   /* -moz-text-shadow: 0px 1px 1px #3a3a3a;*/
    /* Firefox 3.5 - 3.6 */
    /*text-shadow: 0px 1px 1px #3a3a3a;*/
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.page .seven.columns {
    margin-left: 0px;
}
.contactHeader {
    margin-bottom: 10px;
    font-size:18px;
    text-transform: none;
}
/*#kontakt-forma label {
    font-size: 16px;
}*/
/*#kontakt-forma input.send:hover*/
a.send:hover {
    background: #ed164f;
    -webkit-box-shadow: 0px 1px 1px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 1px 1px #ccc;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 0px 1px 1px #ccc;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    color: #fff;
}
.map {
    margin-bottom: 20px;
    height: 355px;
}
.limg{position:absolute;left:0;}
.bread-crumb a,
.bread-crumb p {
    color: #585858;
    margin: 0;
    font-size: 13px;
}
.bread-crumb a:hover {
    color: #333;
}

.travel-list.aright{padding-left:0;padding-right:530px}
.travel-list{width: 100%;float: left;display: block;position: relative;padding: 0px 0px;min-height:300px;padding-left:530px;margin-bottom:30px}
.travel-list img{width: 480px;}




.travel-list.main-category{width:33.33%;padding-left:0;padding: 10px;}
.travel-list.single-trip{width:100%;padding: 30px 0px;}
.travel-list.single-trip table{width:50% !important;}
.travel-list.abc:nth-child(3n){border-right:none;}
.travel-image, .travel-image2 {
    display: block;
    float: left;
    /*margin-right: 15px;*/
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    /*max-width: 320px;*/
}
.aright .limg{position: absolute;
right: 0;
left: auto;}
.travel-list .list-img{width:100%;}
@media (min-width: 400px) {
  .page h1 {
    clear: left;
  }
}
@media (max-width: 500px) {
    .travel-image, .travel-image2 {
        /*max-width: 320px;*/
        width: 100%;
    }
    .page h1 {
      clear: left;
    }
}
@media (min-width: 768px) {
    .travel-image, .travel-image2 {
        display: block;
        float: left;
        /*margin-right: 15px;*/
        margin-right: 1%;
        margin-bottom: 15px;
        /*width: 32%;*/
        width: 30%;
    }
    .page h1 {
      clear: none;
    }
}
.travel-image img, .travel-image2 img {
    display: block;
    width: 100%;
    /*height:150px;*/
    float: left;
}
.travel-image, .travel-image2,
.gallery img {
    box-shadow: 0px -3px 8px #ccc;
    border-left: 1px solid #ed164f;
    opacity: 1;
}
.gallery img {
    max-width: 133px;
    height: auto;
}
@media (min-width: 360px) {
    .gallery img {
        width: 100%;
        max-width: 150px;
        height: auto;
    }
}
.travel-image a:hover, .travel-image2 a:hover,
.gallery img:hover {
    /*opacity: 0.9;*/
}
.travel-image a, .travel-image2 a {
    display: block;
    width: 100%;
    float: left;
}
.border-pink {
    border-bottom: 1px solid #ed164f;
}
/*
.border-pink-right {
    border-right: 1px solid #ed164f;
}*/
.description .term{margin-top: 10px;}.tleft .price-green{float: left !important;
margin-top: 12px !important;
padding-left: 13px !important;}
.travel-items .description .term .price-green,.travel-items .description p:last-child{
width: auto;
float: right;
display: inline-block;
font-weight: 700;
font-size: 18px;
text-align: right;
line-height: 13px;
}
.term {
    background: url(../images/term.png) no-repeat left 2px;
    display: block;
    padding-left: 22px;
    margin: 10px 0;
    width: 100%;
    float: left;
}
.term span {
color: #ed164f;
font-weight: 600;
margin-right: 10px;
}
.cijena {
    float: left;
    display: block;
    font-weight: 600;
}
/*.cijena-home {
float: right;
display: block;
font-weight: 600;
font-size: 14px;
margin-top: 7px;
padding-top: 6px;
width: 100%;
border-top: 1px solid #eee;
}*/

.travel-list h1 a {
    color: #333;
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: 600;
    width: 50%;
}
.travel-list h2 {
    color: #ed164f;
    font-weight: 400;
    color: #fff;
    background: #ed164f;
    margin-bottom: 0px;
    padding: 4px;
    display: block;
    float: left;
    width: 100%;
}
.travel-list h2 a {
    color: #fff;
}
.travel-list h3 {
    color: #ed164f;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0px;
    /*border: 1px solid #ed164f;*/
    padding: 10px;
}
.travel-list p {
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
    float: left;
}
/*uređenje tablice*/

.grey-color {
    background: #909090;
    border-bottom: 2px solid #ed164f;
    color: #fff;
    text-align: center;
}
.grey-color p {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}
.three columns .reservation a {
    width: 100%;
    background: none;
    text-transform: none;
}
.three columns .reservation a:hover {
    font-weight: 600;
}
.prvi {
    background: #eeeeee;
    text-align: center;
    border-right: 1px solid #fff;
}
.drugi {
    background: #fff;
    text-align: center;
    border-left: 1px solid #eeeeee;
}
.three.columns.prvi span {
    text-decoration: line-through;
}
.twelve.columns.termin {
    margin-bottom: 20px;
}
.twelve.columns.termin .two.columns,
.twelve.columns.termin .three.columns {
    margin-left: 0px;
    padding: 6px 3px;
    /*  padding-left:10px;*/
}
.twelve.columns.termin .two.columns p,
.twelve.columns.termin .three.columns p {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 2px;
}
.btn-read {
display: inline-block;
float: right;
font-size: 13px;
right: 0px;
bottom: 6px;
position: absolute;
text-transform: uppercase;
background-color: #ed164f;
color: #ffffff !important;
padding: 9px 19px;
font-weight: 700;
}
.btn.reservation {
    padding: 0;
    width: 100%;
    height: auto;
    line-height: 29px;
    margin-left: 0px;
}
/*.btn.send:hover,*/
/*.sub_search:hover,*/
.btn.reservation:hover {
    background: #ed164f;
    color: #fff;
}
.mfp-title {
    display: none;
}
/*GALLERY*/

.travel-gallery {
    margin-bottom: 10px;
}
.gallery {
    position: relative;
}

.gallery a:focus {
    outline: none;
}
/* rezervacija forma */

/*.ten.columns > div, .bg-form {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 26px;
}*/
.blog h3{font-size: 21px;}
.blog .b{position: absolute;
background: #ed164f;
color: #ffffff;
left: 0;
padding: 2px 12px;
font-weight: 600;
text-transform: uppercase;}
.blog img{width:100%}
.blog {margin-bottom: 40px;
position: relative;
float: left;}


#rezervacija-forma h2 {
    color: #585858;
    font-size: 22px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 0px;
}
#rezervacija-forma h3 {
    color: #ed164f ;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 15px;
}
#rezervacija-forma label {
    font-weight: 400;
    font-size: 13px;
    text-transform: none;
    color: #585858;

}
.chck input {
    float: left !important;
    margin-top: 6px;
    width: 20px !important;
    margin-bottom: 0px;
}
#dodatne_osobe option, #dodatne_osobe{
    font-size: 13px;
}
.chck span {
    float: left;
    padding: 10px;
    font-size: 13px;
    margin: 8px 0px;
    line-height: 20px;
}
#rezervacija-forma .chck {
    margin-bottom: 20px;
}
#rezervacija-forma .chck span {
    float: none;
    display: block;
}
#rezervacija-forma .chck label span {
    display: inline;
    padding: 0;
    margin: 0;
    border: none;
}
.seven.columns.karta {
  width: 100%;
  margin-left: 0;
  margin-top:30px;
}
.five.columns.forma {
  margin-top:70px;
  width: 100%;
  margin-left: 0px;
}
.bottom-logo {
  max-width: 300px;
}
@media (min-width: 800px) {
  .five.columns.forma {
    margin-top:0px;
    width: 39.3333%;
    margin-left: 3%;
  }
  .seven.columns.karta {
    width: 56.6667%;
    margin-left: 0;
  }
}
@media (min-width: 1280px) {
  .five.columns.forma, .seven.columns.karta {
    margin-top:30px;
  }
}
/* footer */
@media (min-width: 480px) {
    .top-footer .container {
        width: 95%;
    }
}
@media (min-width: 600px) {
    .top-footer .container {
        width: 95%;
    }
    .three.columns.m-l.bottom-logo {
      margin-left: 0%;
    }
}
@media (min-width: 980px) {
  .three.columns.m-l.bottom-logo {
    margin-left: 0%;
  }
}
.three.columns.m-l.bottom-logo {
  margin-left: 0%;
}
.top-footer .container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
.top-footer {
    background: #ed164f;
    padding: 56px 19px;
}
.top-footer p,
.top-footer a {
    color: #fff;
    margin-top: 30px;
}
@media (min-width: 600px) {
    .top-footer {
        padding: 30px 10px;
    }
}
@media (min-width: 800px) {
    .top-footer p,.top-footer a {
    margin-top: 0px;
    }
}
.bottom-footer {
    background: #ed164f;
    border-top:1px solid #ffffff;
    padding:15px 0;
}

.bottom-footer .container a img{height: 12px;margin-top: 5px;}

@media (min-width: 400px) {
    .bottom-footer {
        padding: 10px 0;
    }
}
@media (min-width: 1200px) {
  .row.bottom-footer .container {
      width: 100%;
    }
}
.shadow {
    /*-webkit-box-shadow: 0px 0px 2px #585858;*/
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    /*-moz-box-shadow: 0px 0px 2px #585858;*/
    /* Firefox 3.5 - 3.6 */
    /*box-shadow: 0px 0px 2px #585858;*/
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.contact-list,
.bottom-menu {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 15px;
    margin-left: 0;
}
@media (min-width: 800px) {
    /*.contact-list,*/
    .bottom-menu {
        margin-top: 0px;
    }
}
.contact-list li,
.bottom-menu li {
    display: block;
    float: left;
    width: 100%;
    color: #fff;
    padding: 0;
    margin-bottom: 0px;
    /*-webkit-text-shadow: 1px 1px 1px #3a3a3a;*/
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    /*-moz-text-shadow: 1px 1px 1px #3a3a3a;*/
    /* Firefox 3.5 - 3.6 */
    /*text-shadow: 1px 1px 1px #3a3a3a;*/
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.contact-list li a {
    color: #fff;
}
.bottom-menu li a {
    color: #fff;
    /*-webkit-text-shadow: 1px 1px 1px #3a3a3a;*/
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    /*-moz-text-shadow: 1px 1px 1px #3a3a3a;*/
    /* Firefox 3.5 - 3.6 */
    /*text-shadow: 1px 1px 1px #3a3a3a;*/
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.top-footer .three.columns {
    width: 23%;
    margin: 1%;

}
@media (min-width: 1000px) {
  .top-footer p, .bottom-menu {
    margin-top: 0px;
  }
}

.three.columns.payway img {
    float: left;
    max-width: 78px;
}

.copy {
    color: #fff;
    float: left;
}
.v {
    float: left;
    margin-top: 9px;
}
@media (min-width: 600px) {
    .v {
        float: right;
        margin-top: 0;
    }
}
/* tablica */

.table-header {
    width: 100%;
    float: left;
    background: #909090;
    border-bottom: 2px solid #ED174F;
}
.table-header .th {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-size: 13px;
}
.table-header .th,
.table-content .td {
    width: 20%;
    float: left;
    padding: 5px;
}
.table-content .td {
    border-right: 1px solid #fff;
}
.table-header .opis,
.table-content .opis {
    width: 20%;
    float: left;
    padding: 5px;
}
.lista-artikala .table-header .th,
.lista-artikala .table-content .td,
.favoriti-page .table-header .th {
    width: 10%;
}
.lista-artikala .table-header .kolicina,
.lista-artikala .table-content .kolicina,
.favoriti-page .table-header .kolicina,
.favoriti-page .table-content .kolicina {
    width: 15%;
}
.td.kolicina {
    border-left: 1px solid #fff;
}
.td-btn,.page a.td-btn {
color: #ed164f;
display: inline-block;
width: auto;
font-weight: 700;
}
.table a.td-btn {
    width: 90%;
    background: #bbb none repeat scroll 0 0;
    border-style: none;
    box-sizing: border-box;
    color: #585858;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.table a.td-btn:hover {
    color: #fff;
    background: #ed164f;
}
.lista-artikala .table-header .opis,
.lista-artikala .table-content .opis {
    width: 55%;
}
.favoriti-page .table-header .opis,
.favoriti-page .table-content .opis {
    width: 45%
}
.table-header .th:last-child,
.table-content .td:last-child {
    border-right: none;
}
.table-content {
    width: 100%;
    float: left;
}
.table-row {
    width: 100%;
    float: left;
    background: #fff;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
.table-row .td {
    text-align: center;
    font-size: 13px;
    width: 25%;
}
.table-row .td.opis {
    text-align: center;
}
.table-row .td span {
    text-decoration: line-through;
}
.table-content .table-row:nth-of-type(odd) {
    background-color: #eeeeee;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.th-mob,
.th-title {
    display: none;
}
.table a {
    color: #585858;
}
.table a:hover {
    text-shadow: none !important;
}
.table-row:hover {
    /*border-top: 1px solid #F58220 !important;*/
    /*border-bottom: 1px solid #F58220 !important;*/
    /*transition:  all ease 0.4s;*/
}
.table-row:hover:first-child {
    border-top: 1px solid #eee !important;
}
.table-row:hover input {
    color: #242424 !important;
}
.min {
    color: #999;
    font-size: 20px;
    line-height: 16px;
    padding-right: 10px;
}
.plu {
    color: #999;
    font-size: 20px;
    line-height: 16px;
    padding-left: 10px;
}
.kolicina2 input {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    text-indent: 0;
    width: 41px;
    height: 25px;
    font-size: 14px;
}
.detalji-tip-lm,
.detalji-tip-fm,
.detalji-garantirano {
    font-size: 13px;
    font-weight: 600;
    padding: 2px 5px;
    color: #fff;
}
.detalji-tip-lm {
    background: #09c none repeat scroll 0 0;
    width: 29px;
    text-decoration: none !important;
}
.detalji-tip-fm {
    background: #390;
    width: 29px;
    text-decoration: none !important;
}
.detalji-garantirano {
    text-decoration: none !important;
    background: url(../images/pink-transparency.png) repeat scroll 0 0;
    margin-right: 4px;
}

@media only screen and (max-width: 800px) {
    .table-header {
        display: none;
    }
    .table-content .td {
        width: 100% !important;
        text-align: left !important;
        border-left: 0;
    }
    .table a.td-btn {
        width: 20%;
        max-width: 130px;
        min-width: 130px;
        background: #bbb;
        padding: 0px 12px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        height: 25px;
        text-align: center;
    }
    .th-mob {
        display: block;
        width: 34%;
        float: left;
    }
    .txt {
        width: 65%;
        float: left;
    }
    .th-title {
        display: block;
        width: 100%;
        background: #F58220;
        color: #fff;
        padding: 5px;
    }
    .table-row {
        margin-bottom: 5px;
    }
    .table-header .th,
    .table-content .td {
        border-right: none;
    }
    .table-row {
        border-top: none;
        border-bottom: none;
        border: 1px solid #ccc;
    }
    /*.table-row:hover, .table-header .th{
    border:1px solid #f58220;
  }*/
    .table-header .th,
    .table-content .td:nth-of-type(2n+1) {
        border-bottom: none;
        border-top: none;
    }
    .table-content .table-row:nth-of-type(2n+1) {
        border-bottom: none;
        border-top: none;
    }
    .opis-artikla h2.vezani-proizvodi-title {
        float: left;
    }
    .opis-artikla .artikl .col_5 {
        margin-top: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .opis-artikla .underline {
        float: left;
        width: 100%;
    }
}
.txt_error {
    background-image: url(../images/error.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: 1px solid #e81500 !important;
}
.error {
    background-image: url(../images/error.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: 1px dashed #e81500 !important;
    padding: 15px;
    margin-bottom: 15px;
}
.form_error{
    color: #e81500 !important;
}
.success {
    background-image: url(../images/sucess-32.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    border: 1px dashed #7ac143;
    padding: 15px 15px 15px 55px;
    margin-bottom: 15px;
}
.txt_error_img {
    background-image: url(../images/error-32.png);
    background-position: left 15px center;
    background-repeat: no-repeat;
    border: 1px dashed #e81500;
    padding: 15px 15px 15px 55px;
}

ol li {
    list-style: decimal;
    list-style-position: outside;
    float: left;
    width: 100%;
}
#osoba li {
  font-size: 13px;
  margin-top: 0;
}

#putovanje{
    border: none;
    box-shadow: none;
    color: #ed164f !important;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
}

.akcijska-cijena {
    /*text-decoration: line-through;*/
    color: #ed164f !important;
    font-size: 2.1rem !important;
    font-weight: 600 !important;
    width: 100% !important;
    display: block;
    text-shadow: none !important;
}
.cjenik-dokument {
    font-weight: 600 !important;
    text-transform: uppercase;
}
.cjenik-dokument:hover {
    text-shadow:none !important;
}
.list{width: 102%;

margin-left: -1%;}
.list .blog h3{margin-top: 14px;}
.table-new {
  clear: both;
  margin: 0 auto;
  max-width: 1170px;
  width: 100%;
  margin-bottom: 20px;
}
.w10.title-row {
  display: none;
}
.w10 {
  border-bottom: 3px solid red;
  float: left;
  padding: 10px 0;
  width: 100%;
}
.list .w3{width:32%;margin:1%;padding:0;}.list img{width:100%}
.title-row .w3 {
  color: #ED164F;
  font-family: "Open Sans",serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  padding: 6px 11px;
}
.w7 {
  float: right;
  width: 100%;
}
.title-row .w5 {
  color: #ED164F !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.w5 {
  color: #717171;
  float: left;
  font-size: 14px;
  font-weight: 200;
  line-height: 20px;
  padding: 6px;
  width: 50%;
}
.w10 {
  border-bottom: 3px solid #ED164F;
  float: left;
  padding: 10px 0;
  width: 100%;
}
.w5.price-frame {
  float: right;
  font-weight: 500;
  text-align: right;
  width: 33% !important;
}
.w3 {
  color: #585858;
  background:#e1e1e1;
  float: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.date-row {
  border-bottom: 1px solid #f1f1f1;
  float: left;
  width: 100%;
}
.clearfix {
  clear: both;
  display: block;
  width: 100%;
}
@media (min-width:600px) {
  .title-row.w10 {
    padding: 0;
    display: block;
    background:#e1e1e1;
  }
  .w3 {
    width: 33%;
    padding-left: 10px;
    text-align: left;
    background:none;
  }
  .w7 {
    width: 66%;
  }
  .w5.price-frame {
    font-weight: 500;
    float: left;
    width: 50%;
    text-align: left;
  }
}

.td-btn.f-right {
  background: #ed164f none repeat scroll 0 0;
  color: #fff;
  padding: 5px 10px;
  width: 100%;
  max-width: 100px;
  margin-top: 5px;
  float: right;
  clear: left;
}

.polasci, .odlasci {
  float: left;
  width: 100%;
}
.odlasci label {
    padding-left: 7px;
}
.polasci input, .odlasci input {
    width: 98%;
    background-color:#fff;
    border:1px solid #d1d1d1;
    box-shadow:0 0 1px #ccc inset;
    color:#585858;
    padding:6px 10px;
    border-radius:none !important;
}
.odlasci input {
    float: right;
}
@media (min-width: 700px) {
    .polasci, .odlasci {
        width: 50%;
    }
}
.ui-widget-content {
  background: #f6f6f6;
  border: 1px solid #dddddd;
  color: #333333;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0px !important;
}
.ui-widget-header {
  background: #ED164F !important;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-next {
  background: url(../images/a-right.png) no-repeat right center;
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev {
  background: url(../images/a-left.png) no-repeat left center;
  left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right:2px !important;
    background: url(../images/a-right.png) no-repeat right center;
}
.ui-datepicker .ui-datepicker-nprev-hover {
    left:2px !important;
    background: url(../images/a-left.png) no-repeat left center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #eee;
  border: 1px solid #585858;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top:0 !important;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background:none !important;
    border:none !important;
    color:none !important;
}

.travel-list caption {
    background:#f6f6f6;
    border-bottom:3px solid #ED164F;
    padding:10px;
    color:#ED164F;
}
.travel-list tbody {
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:3px solid #ED164F;
}
.travel-list tbody th, .travel-list tbody td {
    border-right: 1px solid #fff;
    padding-left:10px;
}
.three.columns.payway ul {
    display: block;
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}
.three.columns.payway a {
  float: left;
}
@media(min-width: 800px) {
    .three.columns.payway ul {
        float: right;
    }
    .three.columns.payway a {
      float: right;
    }
}
.three.columns.payway ul li {
    display: inline;
    float: left;
    width:20%;
}
.three.columns.payway ul li a {
    display: block;
    width: 100%;
}
.uhpa {
  margin-left: 15px;
  display: block;
}
.footer-wrap{
    float: left;
    width: auto;
    padding: 0 30px;
}
.etoa{
    display: block;
    margin-top: 12px !important;
    clear: both;
}
@media (min-width: 800px) {
    .uhpa {
      margin-left: 0;
    }
    .etoa{
    margin-right: 0;

}
}
@media (min-width: 1100px) {
    .uhpa {
      margin-right: 15px;
    }
    .etoa{
    margin-right: 15px;
}
}
.scroll-bottom {
    display: block;
    width: 100%;
    text-align: right;
    float: right;
}
.scroll-bottom span {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.scroll-bottom a {
  background: #bbb;
  box-sizing: border-box;
  color: #585858;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  padding: 3px 20px;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
}
.scroll-bottom a:hover {
    background: #ed164f;
    color: #fff;
    text-shadow: none;
}
.scroll-bottom img {
  padding: 5px 0;
  float: right;
  display: block;
}
#myAnchor {
    color: #585858;
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
}
#show {
  position: relative;
}
.left-part {
    display: block;
    float: left;
    width: 100%;
    max-width: 363px;
}
.ten.columns.right-part {
  border-right: 1px solid #f1f1f1;
  display: block;
  float: left;
  margin-left: 0;
  padding-right: 18px;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 1100px) {
    .ten.columns.right-part {
        width: 54%;
        float: left;
    }
    .left-part {
      float: right;
      max-width: 100%;
      width: 44%;
  }
}
#spec_holder h3 {
  color: #ed164f;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 15px;
}
.nacin-placanja {
    display: block;
    float: left;
    width: 100%;
}
.nacin-placanja a {
    display: block;
    float: left;
    width: 48%;
    background:#ccc;
    color:#000;
    font-size:13px;
    line-height: 19px;
    padding:5px 10px;
    text-align: center;
}
.nacin-placanja a:hover {
    background: #ed164f;
    color: #fff;
    text-shadow: none;
}
.nacin-placanja a:first-child {
    margin-right:5px;
}

#osoba ol{
    display: block;
    float: left;
    padding-left: 18px;
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
    list-style-type: decimal;
}
#osoba ol li{
    margin-left: 10px;
    list-style-type: decimal;
    margin: 0;margin-bottom: 18px;
    float: left;
}
.frame-new{display: inline-block;position: relative;top:12px;width: 100%;}
.frame-new .pregrada input{
    margin-bottom:0;
}



.search {
    max-width: 100%;
    margin-bottom: 20px;}
.logo {
    display: block;
    margin: 0 auto;
    max-width: 260px;
    clear: both;
    text-align: center;
}
#cookie p {width: 100%;}
a.cookie-btn {
position: absolute;
right: 0;}
.info-header {
    padding: 0 15px;
}

}




.frm-input {

    margin-bottom: 0;


}

.frm-err {

    color: #00ffff;

}


/*NEW CSS*/

/*.gp-label{display: none;}*/

.price-green{color:#339900 !important;}/*boja cijene za FIRST MINUTE ponude*/

.price-blue{color:#0099cc !important;}/*boja cijene za LAST MINUTE ponude*/

.normalna-cijena {
    color: #ed164f !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    width: 100% !important;
    display: block;
    text-shadow: none !important;
}

.footer-links-wrap {
    float: left;
    padding: 0 20px;
}

.footer-links-wrap a:first-child img{padding-bottom:10px;}

.one4.links a img{width:80px;}

.one4.links ul{width: 100%;float: left; list-style: none;margin: 20px 0 10px 0;}

.one4.links ul li{float:left;width:20%;padding:0;list-style-type: none;}

.one4.links ul li a img{width:100%;}

.top-footer img{width: 250px;}

.travel-image2-description{width:69%; float:left;}

.newsletter-sm{display:none;}

/*MAIN SEARCH*/

.search-wrapper{position:relative;}

.main-search{width:100%;background-color:#ed164f;padding:20px 0;position:absolute;top:-88px;left:0;right:0;max-width:100%;}
.main-search form{max-width: 1300px;margin:0 auto;}
.main-search-input {float:left;width:20%;padding:7px 3px;position:relative;}

.main-search-input input{border-radius:50px;margin:0;font-size:14px;}
.four.columns.travel-items img{width:100%}
.main-search-input .main-search-submit, .main-search-input .main-search-submit:hover{
	width:100%;
	background-color: #ffcc00;
	color:#000000;
	height: 48px;
	font-size: 16px;
	font-weight: 600;
	padding:0;
}

::placeholder {
  font-size:14px;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-size:14px;
}

::-ms-input-placeholder { /* Microsoft Edge */
 font-size:14px;
}

.main-search-price:after{
	content:'€';
	display:block;
	position:absolute;
	right: 17px;
	top: 20px;
	font-size: 14px;
}

.main-search-input.main-search-globe select{
    border: none;
    border-radius: 50px;
    margin: 0;
    font-size: 14px;
}

.main-search-input.main-search-globe select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
.main-search-input.main-search-globe select::-ms-expand {
  display: none;
}

.main-search-globe:after{
	content:'';
	background:url('../images/svg/globe.svg') no-repeat center right;
	display: block;
    right: 17px;
    top: 20px;
    position: absolute;
    background-size: 20px;
    width: 20px;
    height: 20px;
}

.main-search-calendar:after{
	content:'';
	background:url('../images/svg/calendar.svg') no-repeat center right;
	display: block;
    right: 17px;
    top: 20px;
    position: absolute;
    background-size: 20px;
    width: 20px;
    height: 20px;
}

.home-after-search{margin-top:80px;}

/*DATEPICKER*/

.daterangepicker .drp-calendar{max-width: 315px!important;}

.daterangepicker .drp-calendar.left {
    padding:8px !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {line-height: 18px;}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
  padding:8px 10px !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #ed164f !important;}


/*NEW CSS 22.08.2019.*/

.new-slide-bck{
    height:60vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.left-content{
    display:none;
}

.left-content.show{
    display:block;
}

.travel-items .description .term .price-green, .travel-items .description p:last-child {
    width: 100%;
    float: right;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    line-height: 13px;
}

.offer-bck-img{
    height:250px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center;
}

.aright .limg {
    position: absolute;
    right: auto;
    left: 0;
}

.travel-list.aright,
.travel-list{
    padding-left: 0;
    padding-right: 0;
}

.limg,
.aright .limg{
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.travel-list img{
    width:100%;
}

.offer-description{
    float:right;
    width:50%;
}

.abc a{
    float:left;
    width:45%;
    position:relative;
}

.abc .offer-description a{
    float:none;
    width:100%;
}

/*NEW CSS 29.08.2019.*/

.btn-details{
    display: inline-block;
    float: left;
    font-size: 13px;
    right: 0px;
    bottom: 0;
    position: relative;
    text-transform: uppercase;
    background-color: #ed164f;
    color: #ffffff !important;
    padding: 9px 19px;
    font-weight: 700;
    margin-top: 15px;
}

.tablica-termina{
    margin:25px 0;
}

.travel-list img.pay-cards {
    width: auto;
}

/*NEW CSS 18.09.2019.*/

.travel-image, .travel-image2 {
    width:35%;
}

.travel-image2-description {
    width: 64%;
}

.table-row .td {
    width: 20%;
}

.top-menu{
    width:30%;
}

.info-list {
    float: right;
}

.top-menu li {
    width: auto;
    padding: 0 0 0 35px;
}

/*BLOG 18.09.2019.*/

.row-flex{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
}

.row-flex-sb{
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}

.row-flex-center{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}

.blog-box{
    width:25%;
    display:block;
    margin-top:50px;
    padding: 0 20px;
}

.blog-box h3{
    color:#ed164f;
    padding: 10px 0 0 0;
    margin: 0;
}

.blog-box span{
    display:block;
    padding: 10px 0 0 0;
    color:#585858;
}

.blog-box img{
    width:100%;
}

/*POST*/

.post-date{
    display:inline-block;
    margin-bottom:10px;
}

.blog-content{
    width:50%;
    display:flex;
    justify-content: center;
    align-items: center;
    padding:0 25px 0 0;
}

.gallery.gallery-post img {
    width: 100%;
    max-width:100%;
    height: auto;
}

.gallery.gallery-post{
    position:relative;
    padding-left:25px;
}

.gallery.gallery-post p{
    position:absolute;
    bottom:0;
    right:0;
    color:#fff;
    background-color:#ed164f;
    padding: 5px 10px;
    width: auto;
    font-size: 16px;
    margin: 0;
}

.gallery.gallery-post a{
    display:none;
}

.gallery.gallery-post a:first-child{
    display:block;
}

/*pagination*/

.list{
    list-style: none;
    padding: 0;
    margin: 0;
}

.list li{
    list-style-type: none;
}

.pagination{margin-top:50px;}

.pagination li{
    padding:0 15px;
}

.pagination a{
    font-size:16px;
    text-align: center;
    border:1px solid #585858;
    color:#585858;
    display:block;
    padding: 2px 12px;
}

.pagination a:hover,
.pagination a.current{
    border-color:#ed164f;
    background-color: #ed164f;
    color:#fff;
}

.pagination li:first-child a,
.pagination li:last-child a{
    border:none;
}

/*NEW RESPONSIVE CSS*/

.contact-half{float:left;width:50%;padding: 10px;}

.contact-full{float:left;width:100%;}

.one4{float:left;width:25%;}

.side-sm{display: none;}

#toggle-nav{display:none;background-color: #ffffff;width:auto;margin: 0;position: absolute;top: 15px;right: 0;}

#toggle-nav img{width:30px;}

@media only screen and (max-width: 1500px){
    /*.content-right{display:none;}
    .side-sm{display:block;}
    .center-content{width:85%;}*/
    .newsletter{padding:20px 30px;}
    .center-content.center-content-big{
        width:70%;
    }
    .content-right {
        width: 15%;
    }
    .center-content {
        width: 70%;
        padding: 10px 20px;
    }
    .content-right.trip-size{
        width: 20%;
    }

    .center-content.trip-size{
        width: 80%;
    }
}

@media only screen and (max-width: 1400px){
    /*.content-right{display:none;}
    .center-content, .left-content{float:left;width:100%;}*/
    .recommandation{width:100%;}
    .giftcard img{width:85%;padding:0;}
    .container.header {
        width: 99%;
    }
}

@media only screen and (max-width: 1320px){
    /*.content-sm, .right-content{padding:0 15px;}*/
    .newsletter {padding: 20px;}
    .newsletter h3 {background-size: 33px;padding-left: 40px;}
    .center-content{width:70%;padding: 15px;padding-left: 20px;}
    .left-content, .right-content{width:15%;}
    .travel-image2{width:40%;}
    .travel-image2-description{width:59%;}
    .travel-items .description h2 a{font-size: 16px;}
    .logo {
        margin:inherit;
        max-width: 200px;
    }
    .logo img {
        width: 95%;
    }
}

@media only screen and (max-width: 1300px){
    .travels .four.columns{
        width:48%;
    }
    .center-content{width:60%;}
    .left-content, .content-right{
        width: 20%;
    }
    .info-list {
        width: 50%;
    }
    .top-menu {
        width: 29%;
    }
    .top-menu li {
        padding: 0 0 0 25px;
    }
    .info-list {
        width: 53%;
    }
    .new-container{
        padding:0 15px;
    }
}

/* @media only screen and (max-width: 1190px) {
    .logo{
        max-width: 190px;
    }
    .top-menu li {
        padding: 0 15px;
    }
    .top-menu li a{
        font-size:16px;
    }
} */

@media only screen and (max-width: 1150px) {
    .travel-list {width: 100%;}
    /* .content-right{display:none;} */
    .side-sm{display:block;}
    .center-content{width:60%;}
    .left-content, .content-right{
        width: 20%;
    }
    .travel-image2{width:100%;}
    .travel-image2-description{width:100%;}
    .newsletter-sm{display:block;}
    .blog-box{
        width:33.33%;
    }
}

@media only screen and (max-width: 1080px) {
  #toggle-nav{display: block;}
  .navigation, .top-menu{display:none;}
  .logo, .info-list{width:100%;}
  .logo{padding:20px 0;float: none;}
  .travels .four.columns{width:48%; padding:1%;}
  .giftcard img {width: 50%;padding: 0;}
  .recommandation{margin:0;}
  .one4{float:left;width:25%;padding: 0 15px;}
  .one4:first-child{float:left;width:100%;}
  .one4:last-child{float:left;width:50%;}
  .top-footer .foot .one4 a img{width:auto;}
  .slider-description{margin-bottom:30px;}
  .main-search-input{width:25%;}
  .main-search-input:last-child{width:100%;}
  .top-menu{
    width:100%;
  }
  .top-menu li {
    width: 100%;
  }
  .top-menu li {
    padding:0;
  }
  .blog-content {
    width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .content-right{display:none;}
    .side-sm{display:block;}
    .left-content{display:block;}
    .center-content, .left-content{width:100%;padding: 15px;}
    .recommandation{width:100%;}
    .center-content{padding-top:0px;}
    .travel-list.main-category{width:50%;}
    .first-minute{display:none;}
    .center-content.center-content-big {
        width:100%;
    }
    .center-content.trip-size {
        width: 100%;
    }
    .center-content.minus-top{margin-top:-80px;}
}

@media only screen and (max-width: 999px) {
	.slider-description{width:50%;}
}

@media only screen and (max-width: 990px) {
    .top-footer .three.columns {width: 31%;margin: 1%;}
    .top-footer .three.columns:first-child {width: 100%;margin:0;}
    .top-footer img{width:300px;}
    .bottom-logo {max-width: 100%;}
	.one4{float:left;width:50%;padding: 0 15px;}
  	.one4:first-child{float:left;width:100%;}
  	.one4:last-child{float:left;width:100%;}
  	.one4.links{padding-top:20px;}
  	.contact-half{width:100%;padding: 20px 0;}
    .travel-list.single-trip table{width:100% !important;}
    .info-list{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row wrap;
    }
}

@media only screen and (max-width: 930px) {
	.main-search-input{width:50%;}
  	.main-search-input:last-child{width:100%;}
  	.home-after-search {margin-top: 130px;}
}

@media only screen and (max-width: 800px) {
    .one4{float:left;width:100%;padding: 0 15px;}
    .blog-box{
        width:50%;
    }
}

@media only screen and (max-width: 799px) {
    .top-footer .three.columns{width:100%;margin:0 15px;}
}

@media only screen and (max-width:749px){
	.home-before-search{padding-top: 60px;}
}

@media only screen and (max-width: 660px) {
    .travels .four.columns{width:100%;padding:0;}
    .recommandation{width:100%;}
    .travel-list {width: 100%;}
    .travel-list.abc:nth-child(3n), .travel-list:nth-child(2n).abc{border-right:none;}
    .abc a, .offer-description{
        width:100%;
    }
}

@media only screen and (max-width: 600px) {
  .copy, .foot-logo-c{text-align: center;width: 100%;}
  .info-list li {width: 100%;}
  .logo{text-align:left;width:100%;float:left;}
  .giftcard img {width: 90%;padding: 0;}
  .travel-list.main-category{width:100%;}
  .blog-box{
    width:100%;
    padding:0;
  }
}

@media only screen and (max-width: 450px) {
  .info-list li {width: 100%;}
  .three.columns.payway{margin:0;}
  .top-footer img {width: 100%;}
  .three.columns.payway ul li{width:33.33%;}
  .one4.links ul li {width: 33.33%;}
  .main-search-input{width:100%;}
  .home-after-search {margin-top: 270px;}
}

@media only screen and (max-width: 450px) {
	.footer-links-wrap{padding:10px 0;display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;}
}

@media only screen and (max-width: 450px) {
	.top-footer .foot .one4 a .foot-logo{width:100%;}
}

.page .travel-list h3{padding-left: 0;
font-weight: 600;
color: #454545;}

.recommandation-slider{
    margin-left:0;
}

.cc{
    width:98%;
    margin:0 auto;
}
.eu-mobile {
    display: none!important;
}
.eu-desktop {
    display: inline-block;
    float: right;
}
.eu-desktop  img {
    height: 50px;
    width: auto;
}
@media only screen and (max-width: 1080px) { 
    .eu-desktop {
        display: none;
    }
    .eu-mobile {
        display: block!important;
        background-color: #fff!important;
    }
   
}
@media only screen and (max-width: 600px) { 
    .eu-mobile img {
        width: 100%!important;
        height: auto!important;
    }
}