/*
= IMPORTING STUFF AND SETTING DEFAULT STYLES
-------------------------------------------------------------------------------------- */
/* @import url("reset.css"); */

/* --------------------------------------------------------------------------------------
+
+	= Resets and global styles
+
+   Thanks:
+   - Paul Irish - http://html5boilerplate.com
+
-------------------------------------------------------------------------------------- */

/*
+  GLOBAL RESETS
-------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input, textarea{ outline: none;}

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea { color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover,
a:active { outline: none; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
textarea { overflow: auto; }
.ie6 legend,
.ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
label,
input[type=button],
input[type=submit],
button { cursor: pointer; }
button,
input,
select,
textarea { margin: 0; }
/*
input:valid,
textarea:valid {  }
input:invalid,
textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
*/

/* Hide out highlight color --
    ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
    ::selection { background:#FF5E99; color:#fff; text-shadow: none; }
*/
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*
+  FANCY STYLES
-------------------------------------------------------------------------------------- */
.left { float: left !important; }
.right { float: right !important; }
.first { margin-left:0 !important; }
.last { margin-right:0 !important; }
.hide {display: none; }
.visible { display: block !important; }
.empty { visibility: hidden !important; }

.nowrap { white-space: nowrap; }

/* Usage <div class="hr"><hr /></div> */
.hr { clear: both; margin: 18px 0; background: transparent; border: none; border-top: 1px solid #bbb; }
    hr { visibility: hidden; font-size: 0; line-height: 0; height: 0; border: none; }

.accent, strong.accent, span.accent, em.accent { background: #ffffbf !important; color: inherit; padding: .25em; font-weight: bold; }
div.accent, p.accent { padding: 1.5em; }
.amp { font: italic 1.1em/10% "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", serif; }

/* jQuery UI Helpers -*/


/*
= FONT EMBEDING
-------------------------------------------------------------------------------------- */

/*
= COMMON
-------------------------------------------------------------------------------------- */

.btstrp-col-sm-12 {
    -webkit-box-flex:0!important;
    -ms-flex:0 0 100%!important;
    flex:0 0 100%!important;
    max-width:100%!important;
    position:relative!important;
    width:100%!important;
    min-height:1px!important;
}

.btstrp-row {
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-wrap:wrap!important;
    flex-wrap:wrap!important;
}

#search_form label {
    cursor: default !important;
}

.search-prevoz-div {
    position: relative;
    width: 100%;
}

.search-prevoz-input {
    background-image: url(../img/dropdown-arrow.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border: 1px solid #dedede;
    font-size: 11px;
    color: #666666;
    height: 30px;
    padding-left: 8px;
    margin: 0;
    background: #fff;
    width: 100%;
    text-align: left;
}

.spd-checkset {
    display: block !important;
    margin: 10px 15px !important;
}

.spd-checkset label {
    padding: 0 0 0 25px !important;
    height: 16px;
    text-transform: none !important;
    line-height: 16px;
    background-image: url(../img/filter-check.jpg);
    background-position: 0 -16px;
    background-repeat: no-repeat;
}

.spd-checkset input {
    display: inline;
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.spd-checkset label.checked {
    background-position: 0 0;
}

.search-prevoz-dropdown {
    width: 99%;
    background: #fff;
    border: 1px solid #dedede;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 9999;
}

.search-smestaj-div {
    position: relative;
    width: 100%;
}

.search-smestaj-input {
    background-image: url(../img/dropdown-arrow.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border: 1px solid #dedede;
    font-size: 11px;
    color: #666666;
    height: 30px;
    padding-left: 8px;
    margin: 0;
    background: #fff;
    width: 100%;
    text-align: left;
}

.ssd-checkset {
    display: block !important;
    margin: 10px 15px !important;
}

.ssd-checkset label {
    padding: 0 0 0 25px !important;
    height: 16px;
    text-transform: none !important;
    line-height: 16px;
    background-image: url(../img/filter-check.jpg);
    background-position: 0 -16px;
    background-repeat: no-repeat;
}

.ssd-checkset input {
    display: inline;
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.ssd-checkset label.checked {
    background-position: 0 0;
}

.search-smestaj-dropdown {
    width: 99%;
    background: #fff;
    border: 1px solid #dedede;
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 9999;
}

.newform input {
    width: 100% !important;
}

.newform label {
    display: block;
    cursor: default !important;
}

.newform ul li {
    margin-bottom: 0 !important;
}

.newform-komp {
    width: 100%;
    display: none;
    padding: 20px;
    background: #fbfbfb;
    margin-bottom: 20px;
}

.newform-inline {
    display: inline-flex;
    width: 60%
}

.newform-inline label {
    flex: 0 0 60%;
    line-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.newform-inline-kontra {
    display: inline-flex;
    width: 100%
}

.newform-inline-kontra label {
    flex: 0 0 15%;
    line-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.newform-inline-kontra div {
    flex: 0 0 45%;
}

.posao-popup {
    padding: 50px 0;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
}

.konkursi-popup {
    padding: 20px 40px;
}

.konkursi-popup h2 {
    font-weight: 700;
    text-align: center;
}

.konkursi-popup p {
    font-size: 16px !important;
}

.konkursi-fr {
    float: right;
}

.konkursi-export {
    border-width: thin;
    border-color: transparent;
    margin: 0 5px;
    background: #0A246A;
    color: #fff !important;
    font-size: 16px !important;
    padding: 6px 12px;
}

.konkursi-export:hover {
    border-color: #ccc;
    background: #0a47cb;
}

.newform input[type=file] {
    display: block !important;
}

.newform .fileinput-filename {
    max-width: 1000px !important;
}

.konkursi {
}

.konkursi-filter {
    margin: 15px 0;
    width: 100%;
    overflow-y: hidden;
}

.konkursi-table {
    border-collapse: collapse;
    width: 100%;
}

.konkursi-table thead {
    background: #ddd;
}

.konkursi-table th {
    padding: 5px 10px;
    border: 1px solid #eee;
}

.konkursi-table td {
    padding: 5px 10px;
    border: 1px solid #eee;
}

.konkursi-icons {
    border-width: thin;
    border-color: transparent;
    margin: 0 5px;
}

.konkursi-icons:hover {
    border-color: #ccc;
    background: #eeeeee;
    color: #000;
}

.ki-blue {
    background: #398fe8;
    color: #fff;
}

.ki-red {
    background: #ff0e07;
    color: #fff;
}

.ki-green {
    background: #09c20f;
    color: #fff;
}

.border-red {
    border-color: #d60e07 !important;
}

.newform small {
    display: none;
}

.newform .form-control {
    padding: 0 10px !important;
    font-size: 11px !important;
    height: 30px !important;
}

.newpon-popup-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.newpon-popup-wrapper h5 {
    margin-top: 2rem;
    text-align: center;
}

.newpon-buttons {
    margin: 1rem 0;
    text-align: center;
}

.newpon-buttons button {
    padding: 0.5rem 2rem;
    border: none;
    color: #fff;
    margin: 0 0.325rem;
}

.newponadd-yes {
    background: #47c3dd;
}

.copylink-yes {
    background: #47c3dd;
}

.copylink-no {
    background: #ccc;
}

.newponadd-no {
    background: #ccc;
}

html, body {
    height: 100%;
    overflow: hidden;
}

body,
option,
input,
button,
select,
textarea {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.wrapper {
    margin: 0 auto;
    width: 1170px;
}

h1 {
    position: relative;
    top: -4px;
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: 100;
    color: #001132;
    letter-spacing: -1px;
}

h1 small {
    color: #888;
    font-size: 22px;
    white-space: nowrap;
    display: block;
    padding-top: 4px;
}

h1.top-title-fix {
    line-height: 22px;
}

h2, h4.title {
    padding-bottom: 30px;
    padding-top: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    text-align: center;
}

.content h2 {
    padding-bottom: 25px;
    text-align: left;
}

h2.agencija_ponude {
    color: #333;
    text-align: left;
    font-weight: 300;
    font-size: 28px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

h4.review {
    padding: 0;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

h3, h6.bottom-border {
    padding: 10px 0;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -1px;
}

h1.bottom-border, h2.bottom-border, h3.bottom-border, h4.bottom-border, h5.bottom-border, h6.bottom-border {
    text-align: left !important;
}

.hide {
    display: none;
}

.search ul {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 100%;
}

input[type=file] {
    display: none;
}

.text-justify {
    text-align: justify;
}

.text-center {
    text-align: center;
}

a.discreet {
    text-decoration: none !important;
}

a.discreet:hover {
    text-decoration: underline !important;
}

a[ng-click] {
    cursor: pointer;
}

.main-wrapper {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

/*
= HEADER
-------------------------------------------------------------------------------------- */
header {
    padding-top: 15px;
    margin-bottom: 40px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.27);
}

a.logo {
    display: inline-block;
    position: relative;
    top: -4px;
    width: 318px;
    height: 93px;
    text-indent: -9999px;
    background: url(../img/logo.png) 50% 50% no-repeat;
}

a.logo.with_top_banner {
    margin-bottom: 10px;
}

header.banner a.logo {
    margin-bottom: 20px;
    top: -3px;
}

.httpool-banner,
.top_banner {
    float: right;
}

.top_banner img {
    max-width: 728px;
    max-height: 90px;
}

.premium_banner {
    text-align: center;
    padding-bottom: 20px;
}

.premium_banner img {
    max-width: 100%;
}

.premium_banner div {
    max-width: 100%;
}

.header-banner {
    float: right;
    margin-bottom: 20px;
}

/*Navigacija*/
.rool-country-body {
    max-height: 250px;
    overflow-y: auto;
}

header #nav {
    display: block;
    margin: 0 0 0 -17px;
    clear: both;
}

#nav {
    position: relative;
    padding-left: 6px;
}

#nav > li {
    list-style: none;
    float: left;
    font-size: 16px;
}

#nav > li > a {
    position: relative;
}

#nav > li > a:after {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 1px;
    height: 100%;
    background: url(../img/divide.jpg) 0 50% no-repeat;
}

/* #nav > li:last-child:after {background: transparent;} */
#nav > li a {
    position: relative;
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #001132;
}

#nav > li a:hover {
    color: #0094aa;
    text-decoration: underline;
}

#nav > li a.active {
    color: #0094aa;
}

#nav > li a.active:hover {
    text-decoration: none;
}

/*
					#nav > li a.active:after {
						content: "";
						position: absolute; bottom: 0; left: 0;
						width: 100%; height: 11px;
						background: url(../img/active-nav.png) 50% 0 no-repeat;
						}
						*/
#nav li a.dropdown-trigger.open,
#nav li a.dropdown-trigger-tip.open {
    background-color: #e7e7e7;
}

/*Dropdown *********/
#nav div.rool,
#nav div.rool-tip {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 9999;
    width: 100%;

    padding: 20px;
    background: #e7e7e7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

#nav div.rool-tip {
    width: 200px;
    padding: 15px 20px 5px;
    height: auto;
}

#nav div.rool-tip dl dt {
    background: url(../img/green-bullet.png) 0 6px no-repeat;
    padding-left: 12px;
}

#nav div.rool-tip dl dt a {
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 3px;
}

#nav dt {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

#nav dt a {
    padding: 0;
}

#nav dd {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #cccccc;
}

#nav dd:last-child {
    margin: 0;
    border: none;
}

#nav dd ul {
    margin: 0;
}

#nav dd ul li {
    list-style: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 160px;
    padding: 0 0 7px 15px;
    background: url(../img/green-bullet.png) 0 8px no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#nav dd ul li a {
    padding: 0;
    font-size: 12px;
    color: #444444;
}

#nav .to-sort {
    position: absolute;
    top: 10px;
    right: 35px;
    z-index: 8;
    text-align: right;
    font-size: 11px;
}

.head-button {
    float: right;
    padding: 8px 30px 8px 10px;
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    background: #be0000 url(../img/header-button.jpg) 100% 50% no-repeat;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.head-button:hover {
    background-color: #ad0000;
}

/*
= HOME
-------------------------------------------------------------------------------------- */
.home-top {
    width: 770px;
    margin: 0 auto 40px;
    padding: 0;
}

.home-top li {
    list-style: none;
    float: left;
    width: 33%;
    font-size: 28px;
    word-spacing: -1px;
}

.home-top li a {
    display: block;
    padding: 20px 22px 27px 40px;
    text-decoration: none;
    font-weight: 600;
    background-image: url(../img/home-top1.png);
    background-repeat: no-repeat;
    background-position: 88% 50%;
}

.home-top .first-minute a {
    color: #36cc40;
    background-image: url(../img/home-top2.png);
    border: 1px solid #e9e9e9;
    border-right: none;
    border-radius: 5px 0 0 5px;
}

.home-top .first-minute a:hover {
    background-color: #36cc40;
}

.home-top .last-minute h1 {
    position: relative;
    top: 0px;
    display: inline;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.home-top .last-minute a {
    color: #44c2dd;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.home-top .last-minute a:hover {
    background-color: #44c2dd;
}

.home-top .all a {
    margin-left: -4px;
    color: #5d5d5d;
    background-image: url(../img/home-top3.png);
    border: 1px solid #e9e9e9;
    border-left: none;
    border-radius: 0 5px 5px 0;
}

.home-top .all a:hover {
    background-color: #5d5d5d;
}

.home-top li a:hover,
.home-top li a:active {
    color: #ffffff;
    background-image: url(../img/home-hover.png);
}

.home-top li a span {
    position: relative;
}

.home-top li a span:after {
    content: "Ponude";
    position: absolute;
    bottom: -14px;
    right: 0;
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

.home-top li a:hover > span:after {
    color: #ffffff;
}

.home-top li a span:before {
    content: "";
    position: absolute;
    right: -50px;
    top: 7px;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) 100% 50% no-repeat;
}

.home-top li a:hover span:before {
    display: none;
}


.home-h1 {
    padding-bottom: 30px;
    text-indent: 46px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 100;
    background: url(../img/home-h1.png) 0 0 no-repeat;
}


/* BRISANJE STATISTIKE */
.fancy-switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 34px;
}

.fancy-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    border-radius: 34px;
    background-color: #dc3545; /* crveno kao podrazumevano */
}

.slider.green {
  background-color: #28a745; /* zeleno kad je uključeno */
}

.slider:before {
    content: "";
    position: absolute;
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}

.slider.move-right:before {
    transform: translateX(36px);
}


/*Listings***************/
.listings {
    margin: 0 0 60px;
}

.listings li {
    position: relative;
    float: left;
    list-style: none;
    margin: 0 15px 40px;
    width: 270px;
    height: auto;
    background: #f9f9f9;
}

.no-opacity .listings li {
    margin: 0 10px 40px;
}

.no-opacity .listings li ul li {
    margin: 0;
}

.listings li:nth-child(4n+1), .listings.gallery li:nth-child(3n+1) {
    margin-left: 0;
}

.listings li:nth-child(4n+4), .listings.gallery li:nth-child(3n+3) {
    margin-right: 0;
}

.listings li article {
    display: block;
    margin-bottom: 20px;
}

.listings li article a {
    position: relative;
    display: block;
    height: auto;
    text-decoration: none;
    color: #919191;
    font-size: 14px;
}

.listings li h4 {
    padding: 0 10px;
    font-weight: normal;
    font-size: 22px;
    color: #000;
    line-height: 25px;
    letter-spacing: -1px;
}

.listings li img {
    display: block;
    width: 100%;
    height: 151px;
    object-fit: cover;
    margin-bottom: 10px;
    overflow: hidden;
}

.listings li div.overlay img {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 29px !important;
    height: 29px;
}

.listings li .promo {
    position: relative;
    top: 0;
    right: -3px;
    float: right;
    padding: 4px 9px 5px 8px;
    color: #ffffff;
    font-weight: bold;
    background: #be0000;
    border-radius: 0 3px 0 0;
}

.listings li .promo.num {
    letter-spacing: 1px;
}

.promo:after {
    content: url(../img/rib-aft.png);
    position: absolute;
    right: 0;
    width: 4px;
    height: 4px;
}

.listings li .promo:after {
    top: 15px;
}

.promo:before {
    content: url(../img/rib-bef.png);
    position: absolute;
    left: -4px;
    top: 0;
    width: 4px;
    height: 25px;
    overflow: hidden;
}

.listings li article div {
    clear: both;
    padding: 10px;
    margin-bottom: 50px;
}

.listings li article div.admin-actions {
    margin: 0;
}

.listings li ul {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    background: #f3f3f3;
}

.listings li ul li:first-child,
.no-opacity .listings li ul li[nodeIndex="1"] {
    width: 46%;
    height: 27px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.listings li ul li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 10px;
    width: auto;
    height: 30px;
    color: #000;
    line-height: 31px;
    background: transparent;
}

.listings li ul li:last-child {
    float: right;
    line-height: 30px;
}

.listings li ul li a {
    display: inline;
    height: auto;
    color: #000;
}

.listings li ul li a:hover {
    text-decoration: underline;
}

.listings li ul li.right strong {
    font-size: 20px;
}

.listings li p {
    line-height: 20px;
    font-size: 14px;
    color: #919191;
}

.listings li p.gallery-par-step-2 {
    color: #616161;
}

span.last-minute, span.first-minute {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
}

.last-minute {
    color: #44c2dd;
}

.first-minute {
    color: #36cc40;
}

.listings a .overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    /*-webkit-transition: opacity 500ms ease;
						-moz-transition: opacity 500ms ease;
						-ms-transition: opacity 500ms ease;
						transition: opacity 500ms ease;*/
}

.no-opacity .listings a .overlay {
    display: none;
}

.no-rgba .listings a .overlay {
    background: url(fancy_title_over.png) 0 0 repeat;
}

.listings a .overlay span {
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.listings a .overlay p {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 50px 15px 0;
    font-size: 21px;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
    background: url(../img/more.png) 100% 50% no-repeat;
}

.listings a:hover .overlay {
    opacity: 1;
}

.no-opacity .listings a:hover .overlay {
    display: block;
}

.listings > li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.top-offers li article {
    margin: 0;
}

.top-offers li article div {
    clear: none;
    position: relative;
    padding: 0 10px 30px 10px;
    margin: 0;
}

.top-offers li h4 {
    padding: 0 0 10px;
}

.top-offers li p {
    font-size: 13px;
    color: #444444;
}

.top-offers li ul {
    position: relative;
    height: 32px;
    margin: 0;
    overflow: hidden;
    background: #f3f3f3;
}

.top-offers li ul li:last-child,
.no-opacity .top-offers li ul li[nodeIndex="2"] {
    float: none;
    display: block;
    padding: 0 0 0 10px;
    width: auto;
    height: 32px;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top-offers li ul li:first-child {
    float: right;
    line-height: 30px;
    height: auto;
    width: auto;
}


p.fav-empty, p.no-results, p.warning {
    padding: 5px 10px;
    margin-bottom: 20px;
    border: 1px solid #E68E8E;
    text-align: center;
}

p.error {
    padding: 5px 10px;
    margin-bottom: 20px;
    border: 1px solid #E68E8E;
    background: #f3f155;
}

/*
= POPUPS
-------------------------------------------------------------------------------------- */
.popup-wrapper,
.header-popup-wrapper,
.kontakt-popup-wrapper,
    /*.start-popup-wrapper,*/
.login-popup-wrapper,
.fav-popup-wrapper,
.hit_ponuda_popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    display: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.captcha-saznajte-prvi {
    transform:scale(0.80);
    transform-origin:0 0;
    margin-left: 12%;
}

.ie-popup-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100000;
    display: none;
    width: 100%;
    height: 100%;
}

.popup-overlay, .ie-popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.no-rgba .popup-overlay, .no-rgba .ie-popup-overlay {
    background: url(fancy_title_over.png) 0 0 repeat;
}

.popup-box {
    position: relative;
    z-index: 10009;
    width: 555px;
    margin: 60px auto;
    background: #FFF;
    overflow: hidden;
}

.close-popup, .close-popup-noaction {
    position: absolute;
    top: 22px;
    right: 20px;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    background: url(../img/icon-close.png) 0 0 no-repeat;
}

.fav-popup-wrapper .close-popup {
    right: 30px;
}

.popup-trigger {
    position: absolute;
    right: 0px;
    top: 0;
    padding: 10px 10px 10px 35px;
    font-size: 14px;
    font-weight: 600;
    color: #be0000 !important;
    background-image: url(../img/war1.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
}

.popup-box h5 {
    padding: 20px 40px 20px 60px;
    font-size: 18px;
    font-weight: 600;
}

.popup-wrapper .popup-box h5,
.ie-popup-wrapper .popup-box h5 {
    background: #f1f1f1 url(../img/war.png) 20px 50% no-repeat;
}

.kontakt-popup-wrapper .popup-box h5 {
    background: #f1f1f1 url(../img/icon-contact.png) 20px 50% no-repeat;
}

.header-popup-wrapper .popup-box h5 {
    background: #f1f1f1 url(../img/saznaj.png) 20px 50% no-repeat;
}

.hit_ponuda_popup .popup-box h5 {
    background: #f1f1f1 url(../img/saznaj.png) 20px 50% no-repeat;
}

.start-popup-wrapper .popup-box h5 {
    padding-left: 80px;
    font-size: 23px;
    color: #000;
    line-height: 28px;
    background: #f1f1f1 url(../img/prvi.png) 20px 22px no-repeat;
}

.start-popup-wrapper .popup-box h5 span {
    display: block;
    font-size: 18px;
    color: inherit;
    line-height: inherit;
}

.login-popup-wrapper .popup-box h5 {
    background-color: #f1f1f1;
}

.fav-popup-wrapper .popup-box h5 {
    padding-left: 75px;
    background: #f1f1f1 url(../img/fav-pop.png) 30px 50% no-repeat;
}

.header-popup-wrapper .popup-box .ui-dropdownized, .header-popup-wrapper .popup-box input, .header-popup-wrapper .popup-box textarea {
    background-color: #f1f1f1;
}

.hit_ponuda_popup .popup-box .ui-dropdownized, .hit_ponuda_popup .popup-box input, .hit_ponuda_popup .popup-box textarea {
    background-color: #f1f1f1;
}

.popup-box dl,
.popup-box fieldset,
.popup-box div,
.popup-box section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-box dl {
    margin: 0;
    padding: 25px;
    font-size: 13px;
    font-weight: normal;
}

.popup-box dt,
.popup-box dd {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-bottom: 8px;
}

.popup-box dl dt {
    width: 35%;
    font-weight: 600;
}

.popup-box dl dd {
    width: 60%;
}

.popup-box dl dd a,
.ie-popup-wrapper .popup-box a,
p.register a {
    color: #47c3dd;
    text-decoration: none;
}

.popup-box dl dd a:hover,
.ie-popup-wrapper .popup-box a:hover,
p.register a:hover {
    text-decoration: underline;
}

.popup-box fieldset {
    padding: 25px;
}

.popup-box label {
    margin-bottom: 5px !important;
}

.popup-box .ui-dropdownized,
.popup-box input,
.popup-box textarea {
   margin-bottom: 15px !important;
    resize: vertical;
}

div.captcha {
    margin: 0 0 15px;
}

.popup-box .button.close, .popup-box .button.close-noaction {
    background: #CCCCCC !important;
    margin-left: 15px;
    padding: 5px 30px;
    font-size: 13px;
    line-height: normal;
}

.popup-box .activationmessage .button.close, .popup-box .activationmessage .button.close-noaction {
    margin-top: 10px;
}

.popup-box .button {
    float: right;
    display: inline-block;
}

.popup-box .report-success p {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.popup-box .fineprint {
    font-size: 85%;
    margin-top: 15px;
    margin-bottom: 0;
}

.popup-box .slider {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 200%;
    padding-bottom: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-box .slider-row {
    display: table-row;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-box .slider-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup-box .slider-cell:last-child {
    text-align: center;
}

.popup-box section {
    padding: 20px;
    overflow: hidden;
}

.fav-popup-wrapper .popup-box section {
    padding: 20px 30px;
}

.popup-box p {
    clear: both;
    font-size: 14px;
    margin-bottom: 15px;
}

.start-popup-wrapper p {
    color: #000;
    padding-left: 15px;
}

p.register {
    position: absolute;
    bottom: 25px;
    font-size: 12px;
}

.popup-box section input[type=submit], .popup-box section input[type=button] {
    padding: 5px 30px !important;
    margin-left: 15px;
}

.popup-box section.login input[type=text] {
    width: 75%;
}

.popup-box section.activationmessage p {
    text-align: justify;
}

.popup-box ol {
    border-top: 1px solid #eeeeee; /*max-height: 500px;*/
}

.popup-box ol li {
    position: relative;
    padding: 10px 0;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
}

.popup-box ol .speclist-remove {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 17px;
    height: 17px;
    margin-top: -8px;
    text-indent: -9999px;
    background: url(../img/offer-close.png) 0 0 no-repeat;
}

.popup-box .spinner {
    position: absolute;
    z-index: 20000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0, 0, 0) transparent;
    background: rgba(0, 0, 0, 0.25);
    background-image: url(../img/roller-square-64.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.header-popup-wrapper .ui-dropdownized,
.header-popup-wrapper .ui-dropdownized select,
.header-popup-wrapper .ui-dropdownized select > option {
    font-size: 12px !important;
}

.hit_ponuda_popup .ui-dropdownized,
.hit_ponuda_popup .ui-dropdownized select,
.hit_ponuda_popup .ui-dropdownized select > option {
    font-size: 12px !important;
}

.kontakt-popup-wrapper .popup-box select {
    width: 100%;
    margin: 5px 0 20px;
    padding: 5px;
}

/*
= SIDEBARS
-------------------------------------------------------------------------------------- */
aside {
    width: 150px;
}

aside.marketing {
    padding: 0 0 10px;
    text-align: right;
}

aside.marketing div.banner {
    display: block;
    width: auto;
    margin: 0 0 10px;
    text-align: right;
}

aside.marketing div.banner a {
    border: 1px solid #e7e7e7;
    display: inline-block;
    font-size: 0;
}

aside.marketing div.banner a:hover {
    border: 1px solid #cccccc;
}

/*Sidebar widgets**********/
.hit-widget {
    position: relative;
    margin-bottom: 25px;
    text-align: center;
    border: 1px solid #e68e8e;
}

.hit-widget h4 {
    position: relative;
    top: -13px;
    display: inline-block;
    zoom: 1;
    padding: 3px 6px 5px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    background: #be0000;
}

.hit-widget h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    width: 4px;
    height: 100%;
    background: url(../img/hit-bef.png) 100% 50% no-repeat;
}

.hit-widget h4:after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    width: 4px;
    height: 100%;
    background: url(../img/hit-aft.png) 0 50% no-repeat;
}

.hit-widget a {
    text-decoration: none;
    color: #444444;
}

.hit-widget h5 {
    padding: 0;
    font-size: 17px;
    color: #000000;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: -1px;
}

.hit-widget img {
    position: relative;
    left: -6px;
    display: block;
    margin: 10px 0 8px;
    width: 160px;
    height: 105px;
}

.hit-widget img.img-aft {
    width: 160px;
    height: 4px;
    margin: -8px 0 0;
}

.hit-widget span.discount {
    display: block;
    padding-top: 3px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #be0000;
}

.hit-widget ul {
    margin: 0 0 9px;
    list-style: none;
}

.hit-widget ul li {
    margin: 0 10px;
    padding: 0 0 5px 10px;
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    background: url(../img/red-bullet.png) 0 5px no-repeat;
}

.hit-widget span.price {
    display: block;
    padding: 0;
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    background: #f3f3f3;
}

.hit-widget span.price strong {
    font-size: 17px;
    color: #242424;
    font-weight: 600;
}

.side-shortcuts h6 {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

.side-shortcuts ul {
    margin: 0 0 20px;
    list-style: none;
}

.side-shortcuts ul li {
    padding: 10px;
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 14px;
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(left, #eeeeee 1%, #eeeeee 23%, #f3f3f3 23%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%, #eeeeee), color-stop(23%, #eeeeee), color-stop(23%, #f3f3f3), color-stop(100%, #f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #eeeeee 1%, #eeeeee 23%, #f3f3f3 23%, #f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #eeeeee 1%, #eeeeee 23%, #f3f3f3 23%, #f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #eeeeee 1%, #eeeeee 23%, #f3f3f3 23%, #f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to right, #eeeeee 1%, #eeeeee 23%, #f3f3f3 23%, #f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f3f3f3', GradientType=1); /* IE6-9 */
}

.side-shortcuts li a {
    display: block;
    padding-left: 35px;
    padding-bottom: 2px;
    color: #444444;
    font-weight: 600;
    text-decoration: none;
    background-position: 0 50%;
    background-repeat: no-repeat;
}

.side-shortcuts li:hover {
    background: #eeeeee;
}

.side-shortcuts .fav a {
    position: relative;
}

.side-shortcuts .fav a svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
}

.side-shortcuts .fav a svg.active {
    display: none;
}

.side-shortcuts .fav.active a svg.unactive {
    display: none;
}

.side-shortcuts .fav.active a svg.active {
    display: block;
}


.side-shortcuts .review a {
    background-image: url(../img/blue-clock.png);
}

.side-shortcuts .search a {
    background-image: url(../img/blue-search.png);
}

.side-shortcuts .city a {
    background-image: url(../img/blue-city.png);
}

.side-shortcuts .agency a {
    background-image: url(../img/blue-copy.png);
}

.side-shortcuts .share a {
    background-image: url(../img/blue-share.png);
}

.side-shortcuts .leto a {
    background-image: url(../img/blue-leto.png);
}

.side-shortcuts .zima a {
    background-image: url(../img/blue-zima.png);
}

.side-shortcuts .ny a {
    background-image: url(../img/blue-ny.png)
}

.side-shortcuts .well a {
    background-image: url(../img/blue-well.png)
}

.side-shortcuts .spring a {
    background-image: url(../img/blue-spring.png)
}

.side-shortcuts .aut a {
    background-image: url(../img/blue-aut.png)
}

.side-shortcuts .vikend a {
    background-image: url(../img/blue-vikend.png)
}

.side-shortcuts .shop a {
    background-image: url(../img/blue-shop.png)
}

.side-shortcuts .love a {
    background-image: url(../img/blue-love.png);
}

.side-shortcuts .zena a {
    background-image: url(../img/blue-zena.png);
}

.side-shortcuts .labor a {
    background-image: url(../img/blue-labor.png)
}

.side-shortcuts .cruise a {
    background-image: url(../img/blue-cruise.png)
}

.side-shortcuts .far a {
    background-image: url(../img/blue-far.png)
}

.side-shortcuts .young a {
    background-image: url(../img/blue-young.png);
}

.type-widget, .latest-widget, .side-banner, .fb {
    display: block;
    margin-bottom: 20px;
}

.fb {
    padding: 7px 2px;
    border: 1px solid #e7e7e7;
    text-align: center;
}

.fb a {
    color: #4475aa;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.fb a:hover {
    text-decoration: underline;
}

.side-banner {
    border: 1px solid #e7e7e7;
}

.side-banner:hover {
    border: 1px solid #cccccc;
}

.side-banner img {
    display: block;
}

.type-widget h4, .latest-widget h4 {
    padding: 10px 0 10px 27px;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    background: url(../img/blue-globe.png) 5px 50% no-repeat;
}

.latest-widget h4 {
    background: url(../img/blue-vikend.png) 5px 50% no-repeat;
}

.type-widget ul, .latest-widget ul {
    margin: 0;
    padding: 15px 4px 5px 15px;
    background-color: #f3f3f3;
}

.type-widget ul li, .latest-widget ul li {
    list-style: none;
    padding: 0 0 6px 14px;
    font-size: 12px;
    font-weight: 600;
    background: url(../img/green-bullet.png) 0 5px no-repeat;
}

.type-widget ul li a {
    color: #444444;
    text-decoration: none;
}

.type-widget ul li a:hover {
    text-decoration: underline;
}

.type-widget .morelinks {
    display: none;
}

.type-widget .showmore, .type-widget .hidemore {
    text-align: right;
    font-size: 10px;
}

.type-widget .showmore a, .type-widget .hidemore a {
    color: #444444;
    text-decoration: none;
    padding-right: 4px;
}

.type-widget .showmore a:hover, .type-widget .hidemore a:hover {
    text-decoration: underline;
}

.latest-widget a {
    color: #428bca;
    text-decoration: none;
}

.form-set {
    margin-bottom: 20px;
    color: #444444;
    font-size: 12px;
    background: #f3f3f3;
}

div.form-set h5 {
    padding: 10px 0 10px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    background: #ffffff url(../img/blue-letter.png) 0 50% no-repeat;
}

.form-set.side-search h5 {
    background: #FFFFFF url(../img/blue-search.png) 0 50% no-repeat;
}

.form-set p {
    padding: 15px;
    font-size: 12px;
    line-height: 18px;
}

.form-set fieldset {
    padding: 0 10px 10px;
}

.form-set.side-search fieldset {
    padding-top: 10px;
}

.form-set label,
.popup-box label {
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
}

.form-set.side-search label {
    font-weight: normal;
    margin-bottom: 2px;
}

.form-set .datepicker {
    width: 100%;
}

.form-set input[type="email"],
.form-set input.email,
.popup-box input[type=text],
.popup-box input[type=email],
textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #dedede;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-set input[type="submit"],
a.button,
.forms input[type="submit"],
input.button,
.popup-box input[type=submit], .popup-box input[type=button] {
    float: right;
    padding: 5px 15px;
    color: #ffffff;
    border: none;
    background: #47c3dd;
}

.form-set input[type="submit"],
input.button {
    display: block;
    float: right;
    width: 65px;
    padding: 5px 10px;
}

a.button-inline, input.button-inline, button.button-inline {
    float: none !important;
    display: inline-block !important;
    padding: 8px 35px !important;
}

input#ml_email {
    display: block;
    margin-bottom: 10px;
}


/*
= Placeholders
-------------------------------------------------------------------------------------- */
.main-placeholder {
    position: relative;
    width: 830px;
    margin: 0 auto;
    padding-left: 22px;
}


div.search {
    margin: 0 0 20px;
    background: #f3f3f3;
}

.search ul {
    margin: 0;
    list-style: none;
}

.search ul li {
    float: left; /*ie*/
    margin: 0 auto;
    padding: 10px;
    width: 29.8%;
}

.search label {
    display: block;
    padding-bottom: 4px;
    font-size: 13px;
    color: #444444;
}

input:hover, input:focus, textarea:hover, textarea:focus { /*border: 1px solid #b1b1b1;*/
}

input[type=submit]:hover {
    background-color: #3DADC5;
}

/*Dropdownized select box*/
.ui-dropdownized {
    display: block;
    width: 100%;
    height: 30px;
    margin: 0 0 10px;
    font-size: 11px;
    color: #666666;
    line-height: 30px;
    background-color: #FFFFFF;
    background-image: url(../img/dropdown-arrow.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    border: 1px solid #dedede;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-dropdownized.inactive {
    opacity: 0.5;
}

.ui-dropdownized.inactive:hover {
}

.ui-dropdownized div {
    display: block;
    float: left;
    overflow: hidden;
    height: 30px;
    padding-right: 30px;
    margin-left: -2px;
    text-indent: 10px;
    resize: none;
}

.ui-dropdownized select,
.ui-dropdownized select > option {
    font-size: 11px !important;
    font-weight: normal;
    color: #666666;
    background: #FFFFFF;
}

.ui-dropdownized select > option {
    padding: 5px;
}

/*Datepicker*/
input.datepicker {
    width: 50%;
    height: 30px;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    font-size: 11px;
    color: #666666;
    line-height: 30px;
    background-image: url(../img/calendar.png) !important;
    background-position: 94% 50% !important;
    background-repeat: no-repeat !important;
    border: 1px solid #dedede;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-datepicker {
    padding: 10px;
    background: #f3f3f3;
    border: 1px solid #dedede;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.11);
}

.ui-datepicker td span, .ui-datepicker td a {
    color: #444444;
}

.ui-datepicker td span, .ui-datepicker td.ui-state-disabled a {
    color: #aaa;
}

.ui-datepicker-current-day a, .ui-datepicker-days-cell-over a {
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    border-bottom: 3px solid #44c2dd;
    border-top: 1px solid #44c2dd;
    border-left: 1px solid #44c2dd;
    border-right: 1px solid #44c2dd;
}

.ui-datepicker .ui-datepicker-prev {
    background: url(../img/date-prev.png) 0 0 no-repeat;
}

.ui-datepicker .ui-datepicker-next {
    background: url(../img/date-next.png) 0 0 no-repeat
}

.ui-datepicker button.reset {
    display: block;
    width: 100%;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 17px;
    background: #44c2dd;
    border: none;
}

.ui-datepicker button.reset:hover {
    background-color: #3eaec6;
}

.search input[type="submit"] {
    position: relative;
    margin-top: 20px;
    height: 29px;
    padding: 0 10px 0 37px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 29px;
    background: #44c2dd url(../img/search.jpg) 0 50% no-repeat;
    border: none;
}

.search input[type=submit]:hover {
    background-color: #3eaec6;
}

.search input {
    width: 100%;
}

/*Filters**********/
.filter {
    overflow: hidden;
    margin: 0 0 30px;
    padding: 15px 0;
    list-style: none;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.filter li {
    float: left;
    width: 50%;
    margin: 0;
}

.filter li:last-child {
    text-align: right;
}

.filter li label {
    display: inline-block;
    *display: inline;
    width: auto;
    padding: 0 20px 0 0;
    font-size: 11px;
    font-weight: 600;
    color: #444444;
    text-transform: uppercase;
}

.checkset {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 30px;
}

.checkset input {
    display: inline;
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.checkset label {
    padding: 0 0 0 20px !important;
    height: 16px;
    text-transform: none !important;
    line-height: 16px;
    background-image: url(../img/filter-check.jpg);
    background-position: 0 -16px;
    background-repeat: no-repeat;
}

.checkset label.checked {
    background-position: 0 0;
}

.no-opacity .checkset label {
    font-weight: 100;
}

.sort {
    overflow: hidden;
    margin-bottom: 20px;
}

.sort fieldset {
    position: relative;
    left: -3px;
    top: 3px;
    float: right;
    width: 130px;
}

.sort label {
    position: absolute;
    left: -75px;
    top: 7px;
}

/*Sponsored*********/
img.sponsored {
    margin-bottom: 5px;
}

ul.sponsored {
    overflow: hidden;
    margin: 0 0 30px;
    list-style: none;
}

.sponsored li {
    float: left;
    width: 32%;
    font-size: 12px;
    background: #fbf3e6;
}

.sponsored > li > ul > li {
    line-height: 27px;
    height: 28px;
}

.sponsored > li:nth-child(2) {
    margin: 0 2%;
}

.sponsored li a {
    text-decoration: none;
}

.sponsored li ul {
    clear: both;
    margin: 0;
    padding: 0 5px;
    list-style: none;
    background: #f8ecdc;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sponsored li ul li {
    white-space: nowrap;
    float: none;
    width: auto;
    /*width: 50% !important;*/
    background: transparent !important;
}

.sponsored li ul a {
    /*padding: 5px; */
    position: relative;
    top: 3px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none !important;
}

.sponsored li ul a:hover {
    text-decoration: underline;
    background: transparent;
}

.sponsored li ul li.right {
    font-size: 13px;
    line-height: 27px;
    color: #666666;
    text-align: right;
}

.sponsored li ul li.right strong {
    text-align: right;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.sponsored li a {
    font-size: 11px;
    color: #444444;
    line-height: 16px;
}

.sponsored ul li a {
    line-height: 27px;
}

.sponsored li:hover {
    background: #F8ECDC;
}

.sponsored > li > div {
    position: relative;
    min-height: 105px;
}

.sponsored div.thumb {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 105px;
    overflow: hidden;
}

.sponsored div a.thumb {
    display: block;
    position: relative;
    float: right;
    right: 50%;
    height: 100%;
    font-size: 0;
}

.sponsored div.thumb img {
    display: block;
    position: relative;
    right: -50%;
    height: 100%;
    width: auto;
    font-size: 0;
}

.sponsored div.info {
    overflow: hidden;
    margin-left: 112px;
    padding: 0 5px 5px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sponsored li h5 {
    padding: 5px 0 7px;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    letter-spacing: -1px;
}

.sponsored li .discount {
    display: inline-block;
    margin: 0 0 5px;
    padding: 1px 5px 2px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: 900;
    background: #be0000;
}

/*Extended List***********************/
.wide-list {
    width: 100%;
    margin: 0 0 20px;
    background: transparent;
}

.wide-list > li {
    list-style: none;
    margin: 0 0 20px;
    background: #f3f3f3;
}

.wide-list > li.featured {
    background: transparent;
}

.wide-list > li:hover {
}

.wide-list .head,
.foot {
    position: relative;
    margin: 0;
}

.wide-list .head > li,
.foot > li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    font-size: 11px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.head > li {
    vertical-align: top;
}

.foot > li,
.wide-list .head li:nth-child(2),
.wide-list .head li.second-child {
    vertical-align: middle;
}

.foot > li.option {
    font-weight: bold;
}

.head > li:first-child,
.head > li[nodeIndex="1"] {
    width: 17%;
    overflow: hidden;
}

.head > li:first-child a, .head > li:nth-child(2) a,
.head li[nodeIndex="1"] a, head li.second-child a {
    display: block;
}

.head > li:first-child a img, .head > li:nth-child(2) a img,
.head > li[nodeIndex="1"] a img, .head li.second-child a img {
    display: block;
    width: 100%;
}

.head > li:nth-child(2),
.head li.second-child,
.wide-list .head > li.first-child + li {
    width: 13%;
    margin-left: 17%;
}

.head > li:nth-child(2) a,
.head li.second-child a {
    position: relative;
    margin: 5px 5px 0;
}

.head > li:nth-child(2) a img,
.head > li.second-child a img {
    margin: 0 auto;
    width: 80px;
}

.head > li:nth-child(3),
.head li.third-child {
    width: 54%;
    padding-top: 5px;
    vertical-align: top;
}

.head > li:last-child,
.head li.last-child {
    width: 16%;
    vertical-align: top;
    padding-top: 50px;
    padding-right: 4px;
}

.head > li:last-child ul li,
.head li.last-child ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.head li.thumb + li + li {
    height: 105px;
}

/* prevent thumb scaling */

.head li.thumb {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 17%;
    overflow: hidden;
}

.head li.thumb a.thumb {
    display: block;
    position: relative;
    float: right;
    right: 50%;
    height: 100%;
    font-size: 0;
}

.head li.thumb a.thumb img {
    display: block;
    position: relative;
    right: -50%;
    height: 100%;
    width: auto !important;
    font-size: 0;
}

.head > li a {
    text-decoration: none;
    color: #444444;
}

.head p {
    overflow: hidden;
    height: 50px;
    font-size: 12px;
    line-height: 16px;
}

.head h4 {
    font-size: 13px;
    color: #444;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.head h4 em {
    font-style: normal;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    line-height: 24px;
}

.head h4 small {
    font-size: 13px;
}

.head li a:hover h4 {
    text-decoration: underline;
}

.head h5 {
    padding: 4px 0 5px;
    font-size: 12px;
    color: #444444;
    font-weight: normal;
}

.head h5 strong {
    font-weight: 600;
    color: #000;
}

.head h5 big {
    font-size: 14px;
    font-weight: 600;
}

.old-price {
    position: absolute !important;
    bottom: 3px;
    right: 8px;
    height: auto !important;
    text-align: right;
    font-size: 11px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: auto !important;
}

.old-price strong {
    font-size: 13px;
    white-space: nowrap;
}

.old-price:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/old.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;
    content: '';
    overflow: hidden;
}

.promo {
    position: absolute;
    top: 10px;
    right: -5px;
    padding: 6px 5px;
    color: #FFF;
    font-size: 15;
    font-weight: 600;
    background: #be0000;
    border-radius: 0 3px 0 0;
}

.wide-list .promo {
    height: 25px;
    line-height: 24px;
    padding: 0 5px;
    font-size: 15px;
    font-weight: 400;
}

.promo:after {
    top: 18px;
}

.wide-list .promo:after {
    top: 11px;
}

.head li ul {
    margin: 0 0 10px;
    padding: 0 0 0 13px;
}

.head li ul li {
    list-style: none;
    padding: 0 0 0 10px;
    font-size: 12px;
    background: url(../img/blue-bullet.png) 0 5px no-repeat;
}

.head li ul li a {
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}

.head li ul li a:hover {
    text-decoration: underline;
}


.foot {
    background: #eeeeee;
}

.fav-check {
    width: 30%;
}

.fav-check a {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    height: 16px;
    padding: 10px 0 10px 8px;
    font-size: 11px;
    color: #444444;
    font-weight: 600;
    text-decoration: none;
    line-height: 16px;
    /*background: url(../img/fav-button.png) 10px 10px no-repeat;*/
    overflow: hidden;
}

.fav-check a svg {
    margin-right: 10px;
    width: 18px;
}

.fav-check a svg.active {
    display: none;
}

.fav-check a:hover {
    text-decoration: underline;
}

.fav-check a.active svg.unactive {
    display: none;
}

.fav-check a.active svg.active {
    display: block;
}

.fav-check a:after {
    content: 'Dodaj u favorite';
}

.fav-check a.active:after {
    content: 'Ukloni iz favorita';
}

.fav-check a.processing:after {
   /* content: 'Izmena u toku...';*/
}

.fav-check a.processing {
   /*background: url(../img/roller-16-eee.gif) no-repeat;*/
}

.new-price {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    padding: 4px 7px;
    text-align: center;
    font-size: 13px !important;
    color: #666666;
    font-weight: normal !important;
    line-height: 2rem;
    background: #e5e5e5;
    display: flex !important;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
}

.new-price strong {
    font-size: 17px;
    color: #242424;
    margin-left: 5px;
}

.option {
    width: 70%;
}

.option ul {
    margin: 0;
    padding: 0 4px;
    list-style: none;
    overflow: hidden;
}

.option ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-right: 15px;
    padding-left: 24px;
    font-weight: 600;
    line-height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.option ul li img {
    float: left;
    overflow: hidden;
    margin-right: 7px;
}

.option ul li.multi {
    line-height: 12px;
    white-space: nowrap;
}

.option-multi {
    width: 70%;
}

.option-multi ul {
    margin: 0;
    padding: 0 4px;
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
}

.option-multi ul li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-right: 20px;
    font-weight: 600;
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 0;
}

.option-multi ul li div {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    position: relative;
    top: -0.2ex;
}

.option-multi ul li img {
    vertical-align: middle;
    margin-right: 7px;
}

.option-multi ul li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 12px;
    position: relative;
    padding: 0.4ex 0;
}

.option-multi ul li.multi {
    line-height: 12px;
    white-space: nowrap;
}

/*Pagination****************************/
.page-nav {
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.page-nav ol,
.page-nav ol li,
.page-nav .prev,
.page-nav .next {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.page-nav a {
    display: block;
    height: 20px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    color: #666666;
    line-height: 20px;
}

.page-nav a:hover {
    color: #000;
}

.page-nav ol li a {
    width: 20px;
}

.page-nav a.selected {
    color: #47c3dd;
    border: 1px solid #47c3dd;
    border-radius: 50%;
}

.page-nav .prev, .page-nav .next {
    padding: 5px 20px;
}

.page-nav .prev {
    background: url(../img/prev.png) 0 50% no-repeat;
}

.page-nav .next {
    background: url(../img/next.png) 100% 50% no-repeat;
}

.page-nav ol {
    margin: 0;
    list-style: none;
}


/*Breadcrumbs*****************************/
ul.breadcrumbs {
    overflow: hidden;
    margin: 0 0 6px;
}

.breadcrumbs li {
    float: left;
    list-style: none;
    padding: 3px 10px;
    font-size: 12px;
    color: #999999;
    background: url(../img/breadcrumb-separator.png) 0 50% no-repeat;
}

.breadcrumbs li:first-child {
    padding: 3px 7px 3px 0;
    background: transparent;
}

.breadcrumbs li a {
    display: block;
    text-decoration: none;
    color: #999999;
    font-weight: normal;
}

.breadcrumbs li a:hover {
    text-decoration: underline;
}

.breadcrumbs a.home {
    width: 15px;
    text-indent: -99999px;
    background: url(../img/home.png) 0 50% no-repeat;
}

.breadcrumbs.border {
    margin: 0 0 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e7e7;
}

.breadcrumbs.border_half {
    margin: 0 0 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e7e7e7;
}

/*Single Page First Section (Action Info)*************************/
section.program-info {
    padding-top: 10px;
    margin: 0 0 35px;
    background: #f9f9f9;
}

.program-info,
.header-sec,
.header-sec li,
.header-sec li:first-child div,
.content-sec,
.content-sec li {
    margin: 0;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-sec + .content-sec {
    margin-top: -30px;
}

.header-sec li,
.header-sec li:first-child div,
.content-sec li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
}

.header-sec {
    margin-bottom: 25px;
    position: relative;
}

.header-sec li:first-child,
.content-sec li:last-child {
    width: 44%;
    padding: 0;
}

.header-sec > li:last-child {
    position: absolute;
    top: 0;
    right: 30px;
}

.content-sec li:nth-child(2n) {
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top;
}

.header-sec > li:first-child img {
    width: 133px;
    height: auto;
    margin: 0 15px;
    float: left;
}

.header-sec > li:first-child div {
    overflow: hidden;
    display: block;
    font-size: 14px;
}

.header-sec > li:first-child div h3 {
    font-size: 17px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0;
    letter-spacing: 0px;
}

.header-sec > li:first-child div > a {
    display: block;
    margin: 0;
    padding: 0;
    color: #03900c;
    text-decoration: none;
}

.header-sec > li:first-child div > a:hover {
    text-decoration: underline;
}

.header-sec li:last-child,
.content-sec li:first-child {
    width: 51%;
}

.header-sec > li:last-child {
    height: 91px;
}

.no-indexeddb .header-sec li,
.no-indexeddb .content-sec li {
    width: 45%;
}

#carousel {
    display: none;
}

#carousel li a {
    position: relative;
    display: block;
}

#carousel li a span {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45) url(../img/zoom.png) 50% 50% no-repeat;
    -moz-transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

#carousel li a:hover span { /*display: block;*/
    opacity: 1;
}

.content-sec {
    position: relative;
}

.content-sec li {
    padding: 15px;
}

.content-sec .promo {
    top: 12px;
    height: 25px;
    line-height: 24px;
    padding: 0 5px;
    font-size: 15px;
    font-weight: 400;
}

.content-sec .promo:after {
    top: 11px;
}

.content-sec .old-price {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.content-sec .old-price strong {
    display: inline !important;
    width: auto !important;
}

.content-sec h1 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.content-sec h2,
.content-sec li:first-child p {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
    color: #444444;
}

.content-sec h2 {
    font-size: 14px;
    padding: 0;
    text-align: left;
    height: 37px;
    overflow: hidden;
}

.content-sec li:first-child p {
    margin: 0;
    padding: 20px 15px 0 0;
    margin: -20px 0 0;
    border-right: 1px solid #e0e0e0;
}

.content-sec li:last-child p strong {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 40%;
}

.content-sec + .content-sec li:last-child p + p {
    position: relative;
    top: 5px;
}

.content-sec h5 {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

/*Single page Tabs****************************/
#tabs {
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

#tabs ul {
    list-style: none;
    margin: 0; /* height: 35px; */
}

#tabs ul li {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: -1px;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    white-space: nowrap;
    /*box-shadow: inset 0 -2px 2px rgba(0,0,0,0.2);*/
}

#tabs ul li.ui-tabs-active {
    box-shadow: none !important;
}

#tabs ul li a,
.popup-trigger {
    color: #666666;
    text-decoration: none;
    background-color: #eeeeee;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #47c3dd !important;
    background-color: #f8f8f8 !important;
    outline: none !important;
}


#tabs ul.mobile-blue-link li a {
    float: none;
    padding: 0;
    color: #00a2c5;
    text-decoration: underline;
    background: transparent;
}


#tabs ul li a {
    float: left;
    padding: .5em 1em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
}

#tabs > div {
    position: relative;
    min-height: 170px;
    max-height: 340px; /* 15*20 + 46 */
    padding: 20px;
    word-wrap: break-word;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    background: #f8f8f8;
    overflow: hidden;
    clear: both;
}

#tabs > div + div {
    display: none;
}

#tabs > div a {
    color: #00a2c5;
}

.ui-tabs .ui-tabs-panel p, .ui-tabs .ui-tabs-panel dd {
    margin-bottom: 15px;
}

a.toggle {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 7px;
    text-align: center;
    font-size: 12px;
    color: #00a2c5;
    font-weight: 600;
    line-height: 32px;
    text-decoration: none;
    background: #eeeeee;
}

a.toggle:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: #f8f8f8;
}

a.toggle img {
    margin: 0 5px -3px 0;
}

#tabs ul.ukljucuje_ne_ukljucuje {
    margin: 0px 10px;
}

#tabs ul.ukljucuje_ne_ukljucuje li {
    font-weight: normal;
    font-size: 13px;
    float: none;
    white-space: pre-line;
}

#tabs ul.ukljucuje_ne_ukljucuje li:before {
    content: "-";
    padding: 0px 4px;
    margin: 0px 0px 0px -16px;
}

#tabs p.u_ne_u {
    font-size: 13px;
    padding: 5px 0px;
    margin-bottom: 0px;
}

a.big-banner {
    display: block;
    margin: 0 0 25px;
    border: 1px solid #e7e7e7;
}

a.big-banner:hover {
    border: 1px solid #cccccc;
}

a.big-banner img {
    display: block;
    width: 100%;
}


/*Agency ****************************/
#agency {
    margin: 0 0 20px;
    list-style: none;
}

#agency > li {
    margin-bottom: 2px;
    padding: 15px;
    background: #f3f3f3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#agency > li:first-child {
    position: relative;
}

#agency > li:last-child {
    padding: 0;
    background: #FFFFFF;
}

.info-item ul,
.info-item .agency-logo,
#agency .sort,
#agency .filter,
#agency li.filteri > .filter, #agency .filteri .sort {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 48%;
}

#agency .sort {
    vertical-align: top;
}

.agency-logo img, #agency .sort fieldset {
    float: right;
}

.info-item ul {
    margin: 0;
}

.info-item li {
    list-style: none;
    padding: 2px 0 2px 25px;
    font-size: 14px;
    color: #444444;
    background-position: 0 5px;
    background-repeat: no-repeat;
}

.info-item li.address {
    background-image: url(../img/address.png);
}

.info-item li.address h2 {
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    text-align: left;
    color: #444444;
}

.info-item li.tel {
    background-image: url(../img/tel.png);
}

.info-item li.fax {
    background-image: url(../img/fax.png);
}

.info-item li.mail {
    background-image: url(../img/mail.png);
}

.info-item li.web {
    background-image: url(../img/web.png);
}

.info-item li a {
    text-decoration: none;
    color: #24af2e;
}

.info-item li a:hover {
    text-decoration: underline;
}

#agency h6 {
    font-size: 14px;
    font-weight: normal;
    color: #444444;
}

#agency h1 {
    top: 0;
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 100;
    color: #001132;
    line-height: 30px;
}

#agency .filter {
    width: 51%;
    padding: 5px 0 10px;
    margin: 0;
    border: none;
}

#agency .filter li {
    float: none;
    width: 100%;
    padding: 7px 0;
}

#agency .filter li:last-child {
    text-align: left;
}

#agency .filter li > label {
    width: 19%;
    padding: 0 0 10px;
}

#agency .filter li .checkset {
    margin: 0 !important;
    width: 26%;
}

#agency li .filter-trigger {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #00a2c5;
    font-weight: 600;
    text-decoration: none;
}

.filter-trigger img {
    margin: 0 10px -3px 0;
}

li.filteri > div {
    opacity: 0;
    height: 0;
    border-bottom: 1px solid #f3f3f3;
}

.no-opacity li.filteri > div {
    filter: alpha(opacity=0);
    height: 0;
    border-bottom: 1px solid #f3f3f3;
}

.no-opacity #agency .filteri .sort {
    display: none;
}

li.filteri > div.open {
    opacity: 1;
    height: auto;
}

.no-opacity li.filteri > div.open {
    filter: alpha(opacity=100);
    height: auto;
}

.no-opacity #agency .filteri .sort.vidljivuie8 {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

/*GALLERY **********************************************/
.bottom-border {
    position: relative;
    margin: 0 0 20px;
    text-align: right;
    list-style: none;
    border-bottom: 1px solid #e7e7e7;
}

/*h1.bottom-border {margin-bottom: 20px; text-align: left;}
	h1.bottom-border.top-title-fix {text-align: left;}*/
.bottom-border li, .bottom-border label, .bottom-border .ui-dropdownized {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    width: 29%;
    white-space: nowrap;
}

.bottom-border label {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 8px;
}

.bottom-border li:first-child, .bottom-border label, .bottom-border .ui-dropdownized {
    width: 41%;
}

.bottom-border li:first-child {
    float: left;
    margin-top: -7px;
    text-align: left;
}

.bottom-border label {
    text-align: right;
    padding-bottom: 10px;
}

.bottom-border .ui-dropdownized {
    text-align: left;
    width: 56%;
    background-position: 95% 50%;
    height: 25px;
    line-height: 25px;
}

.listings.gallery {
    overflow: hidden;
    margin: 0 0 30px;
}

.listings.gallery > li {
    width: 32%;
    margin: 0 1% 15px;
    height: auto;
}

.listings.gallery > li > article > div {
    margin: 0;
}

.listings.gallery > li > a {
    height: 260px;
}

.listings.gallery h4,
.listings.gallery h4 a {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}


/* PUTOPISI *******************************/
.putopisi h2 a {
    text-decoration: none;
    color: #121212;
}

.putopisi h2 a:hover {
    color: #47c3dd;
}

.putopisi h2.ostali {
    padding-top: 20px;
}

.putopisi h2.ostali span.pred {
    font-size: 18px;
    font-weight: normal;
}

.putopisi ul.listings.gallery li img:hover h4 a {
    color: #47C3DD;
}

.putopisi ul.listings.gallery li h4 a:hover {
    color: #47C3DD;
}

.putopisi ul.listings.gallery li div.putopis-img a span.roll {
    opacity: 1;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background: url('/theme/default/img/zoom.png') center center no-repeat #000;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

.putopisi ul.listings.gallery li div.putopis-img a span.roll:hover {
    opacity: .5;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: 1s;
    -webkit-transform: 1s;
}

.putopisi-list {
    margin: 0 0 40px;
}

.putopisi-list li,
.putopisi-list li img,
.putopisi-list li div {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.putopisi-list li {
    list-style: none;
    width: 50%;
    padding: 15px 0 25px;
    border-top: 1px solid #e7e7e7;
}

.putopisi-list li:first-child,
.putopisi-list li:nth-child(2) {
    border: none;
}

.putopisi-list li:hover {
}

.putopisi-list li div {
    width: 60%;
    height: 80px;
    margin-top: -4px;
    padding: 0 10px;
}

.putopisi-list li a {
    display: inline-block;
    font-size: 13px;
    color: #44C2DD;
    text-decoration: none;
    line-height: 20px;
}

.putopisi-list li a:hover {
    text-decoration: underline;
}

.putopisi-list li img {
    width: 140px;
    height: 80px;
}

.putopisi-list li a h4 {
    font-size: 15px;
    color: #44c2dd;
}

.putopisi-list li span.autor {
    font-size: 12px;
    color: #919191;
}

.putopisi-list li div p {
    height: 50px;
    overflow: hidden;
}

.putopis-details {
    margin-top: -10px;
    background: rgba(0, 0, 0, 0.03);
}

.putopis-details h4.location {
    padding: 5px 10px 0px;
}

.putopis-details h4.location a {
    text-decoration: none;
    font-size: 18px;
    font-weight: normal;
}

.putopis-details .title {
    font-size: 14px;
    overflow: hidden;
    padding: 3px 10px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.putopis-img {
    position: relative;
}

.putopis-author {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
    color: white;
    font-style: italic;
    background: rgba(0, 0, 0, 0.5);
}

.putopis-author span {
    text-transform: capitalize;
}

/*Putopisi single */
.putopis-heading {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.putopis-heading h2 {
    color: #001132;
    font-size: 30px;
    font-weight: 100;
    letter-spacing: -1px;
    padding: 0 0 10px;
    position: relative;
    top: -4px;
    text-align: left;
}

.putopis-heading p.alt {
    float: right;
    text-align: right;
    font-size: 11px;
}

.putopis-content {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.putopis-content p {
    font-size: 14px;
    line-height: 20px;
}

.putopis-content h1 {
    text-align: left;
    color: #222;
    font-size: 22px;
    font-weight: 600;
    top: 0px;
}

.putopis-content h1 small {
    float: right;
}

.putopis-content h3 {
    text-align: left;
    font-size: 24px;
}

.putopis-content .vodecaSlika {
    float: left;
    max-width: 36%;
    margin: 0 20px 10px 0;
    position: relative;
}

.putopis-content .vodecaSlika img {
    width: 100%;
}

.putopis-content .putopispage p {
    padding-bottom: 15px;
}

.putopis-content p.autor {
    padding: 15px 0px 30px;
    font-size: 14px;
    line-height: 24px;
}

.putopis-content p.autor strong {
    text-transform: capitalize;
}

.putopis-content p.autor span {
    font-style: italic;
}

.putopis-content .link {
    text-align: center;
    padding: 0 0 40px;
}

.putopis-content .link > a {
    background: #47c3dd none repeat scroll 0 0;
    color: white;
    overflow: hidden;
    padding: 10px 15px;
    text-decoration: none;
    white-space: nowrap;
}


.putopis-gallery {
    overflow: hidden;
    margin: 0;
}

.putopis-gallery > li {
    width: 23%;
    margin: 0 1.25% 15px;
    height: auto;
    float: left;
    list-style: none;
    position: relative;
}

.putopis-gallery > li img {
    width: 100%;
}

/*.putopis-gallery > li:hover img { opacity: 0.6 }*/
.putopis-gallery > li span.roll,
.putopis-content > a > span.roll {
    opacity: 1;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background: url('/theme/default/img/zoom.png') center center no-repeat #000;
    cursor: pointer;
    height: 98%;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

.putopis-gallery > li span.roll:hover,
.putopis-content > a > span.roll:hover {
    opacity: .5;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: 1s;
    -webkit-transform: 1s;
}

/*.putopis-gallery > li:hover img:after { content: ""; display: block; background-image: url('/theme/default/img/zoom.png'); position: absolute; top: 50%; left: 50%; width: 29px; height: 29px; margin-top: -10px; margin-left: -10px; }*/
.putopis-gallery > li:nth-child(4n+1) {
    margin-left: 0;
}

.putopis-gallery > li:nth-child(4n+4) {
    margin-right: 0;
}

.content img.featured-img {
    float: left;
    height: 310px;
    margin: 0 20px 10px 0;
}

.content p,
.about p,
.forms p {
    padding-bottom: 20px;
    font-size: 14px;
    color: #000;
    line-height: 21px;
}

.content p {
    text-align: justify;
}

.content h3 {
    font-weight: normal;
    font-size: 20px;
}

.content h4 {
    padding-bottom: 20px;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: 1px;
}

.content h5 {
    padding-bottom: 15px;
    font-size: 16px;
}

.content h6 {
    margin-bottom: 15px;
    font-size: 15px;
}

.content img.left {
    margin: 10px 20px 10px 0;
}

.content img.right {
    margin: 10px 0 10px 20px;
}

.content ul, .content ol {
    margin: 2px 20px 15px;
}

.content li {
    font-size: 14px;
    padding-bottom: 5px;
}

.content a {
    color: #47C3DD;
}

.content ul.pictures-list {
    margin: 10px 0 20px;
    overflow: hidden;
}

.content ul.pictures-list li {
    list-style: none;
    float: left;
    width: 25%;
}

.content ul.pictures-list li img {
    width: 95%;
}

a.button,
.share input[type=submit] {
    padding: 10px 35px;
    color: #ffffff !important;
    font-size: 12px;
    text-decoration: none;
    text-align: right;
    background: #47C3DD;
    border: none;
}

a.button:hover, .share input[type=submit]:hover {
    background: #3dadc5;
}

.content-footer {
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7;
}

.content-footer p, .content-footer a.button {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: bottom;
}

.content-footer p {
    width: 300px;
}

.content-footer a.button {
    width: 415px;
    padding: 11px 35px;
    font-size: 16px;
}

#putopis_form label {
    padding-top: 5px;
}

#putopis_form .checkbox-input {
    float: left;
    padding: 4px 0;
}

#putopis_form .ui-dropdownized {
    margin: 0;
    width: 260px;
}

/*#putopis_form .ui-dropdownized select { float: none !important; }*/
/*#putopis_form input { display:inline-block; padding: 5px 8px; border: 1px solid #dedede; width: 100%;}*/
/*#putopis_form input.datepicker { margin-bottom: 0px; }
	#putopis_form hr { margin: 10px 0px;}*/
/* About us */
.about a {
    display: inline;
    text-decoration: none;
    color: #000;
}

.about dl, .about figure {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.about dl {
    width: 33%;
    font-size: 14px;
    color: #000;
    line-height: 21px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.about dt {
    font-size: 16px;
    font-weight: 900;
    line-height: 25px;
}

.about dl dd em {
    font-weight: 100;
    font-style: normal;
    color: #444444;
}

.about dd a {
    color: #444;
}

.about dd a:hover {
    text-decoration: underline;
}

.about h6 {
    padding: 35px 0 20px;
    font-size: 16px;
    color: #000;
}

.signature {
    text-align: right;
}

.about-list {
    margin: 0 0 30px !important;
    overflow: hidden;
}

.about-list li {
    list-style: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 20%;
    margin-bottom: 20px;
    vertical-align: top;
}

.about figure {
    width: 100%;
    color: #444444;
}

.about figure img {
    display: block;
    width: 83%;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}

.about figure:hover img {
    border: 1px solid #4f4f4f;
}

/*.about figure:hover {color: #4f4f4f;}*/
.about figcaption {
    font-size: 14px;
    width: 83%;
}

div.about-contact {
    margin-bottom: 35px;
}

/* Join Us ***************/
.forms {
    width: 47%;
}

.forms.auto-width {
    width: auto;
}

.forms fieldset.center {
    width: 50%;
    margin: 10px auto 0;
}

.forms fieldset.center input[type=text], .forms fieldset.center input[type=password] {
    width: 100%;
    background-color: #fff;
}

.forms ul {
    margin: 0 0 20px;
}

.forms ul li {
    list-style: none;
    margin-bottom: 20px;
}

.forms h6 {
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    padding: 0;
}

.forms label {
    display: block;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
}

.forms label.mandatory:after {
    padding-left: 8px;
    content: "*";
}

.forms input[type=text], .forms input[type=password] {
    width: 80%;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    background: #f8f8f8;
    border: 1px solid #dedede;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.forms input[type=text].error, .forms input[type=password].error {
    background: #fff2f2;
    border: 1px solid #ebccd1;
}

.forms input[type=submit] {
    display: block;
    float: none;
    margin-bottom: 25px;
    padding: 7px 10px;
}

.forms input[type=submit].inactive {
    background: #dadada;
}

.forms input[type=submit].inactive:hover {
    cursor: not-allowed;
}

input[type=file] {
    border: none;
    background: none;
}

label.browse-button {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 5px 10px 5px 25px;
    margin-bottom: 20px;
    margin-right: 10px;
    font-size: 12px;
    background: #f8f8f8 url(../img/browse.png) 5px 50% no-repeat;
    border-radius: none;
    border: 1px solid #dedede;
    cursor: pointer;
}

label.file-label {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 33px;
    font-size: 12px;
}

.forms .checkset label[for=terms] {
    height: 20px;
    margin-bottom: 40px;
    padding: 0 0 0 30px !important;
    line-height: 20px;
    background-image: url(../img/terms.jpg);
    background-position: 0 -20px;
}

.forms .checkset label[for=terms].checked {
    background-position: 0 0;
}

p.catalog {
    font-style: italic;
    font-size: 12px;
}

.forms a {
    color: #47c3dd;
}

/************ Share ***/
.share-wrap h1 {
    padding-bottom: 20px;
}

.share-wrap .wide-list {
    margin: 0 0 25px;
}

fieldset.share {
    overflow: hidden;
    padding: 15px;
    background: #f1f1f1;
}

fieldset.share ul {
    margin: 0;
}

.share ul li {
    list-style: none;
    margin: 0 0 15px;
}

.share label {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-top: 5px;
    width: 15%;
}

.share input[type=text], .share textarea {
    width: 84%;
    padding: 5px;
    border: 1px solid #dedede;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.share textarea {
    resize: vertical;
    height: 115px;
}

.share a.button {
    background: #cccccc;
    float: left;
}

.share a.button:hover {
    background: #c1c1c1;
}

.share input[type=submit] {
    float: right;
}

.share .ui-dropdownized {
    display: inline-block;
    width: 84%;
}

.rent-a-car-content {
    position: relative;
    right: 157px;
    top: 0px;
}

.rent-a-car-content-single {
    padding-top: 20px;
}

.rent-a-car-content .popup-trigger {
    right: 0;
    top: 3px;
    padding-left: 40px;
    color: #333 !important;
    background-image: url(../img/icon-contact.png);
    background-color: #f4f4f4;
}

.contact-popup input.button {
    width: auto !important;
    text-align: center;
    margin-bottom: 30px !important;
    cursor: pointer;
}

.popup-wrapper .popup-box.contact-popup h5 {
    background-image: url(../img/icon-contact.png)
}

/*
= FOOTER
-------------------------------------------------------------------------------------- */
footer {
    padding-top: 15px;
    padding-bottom: 40px;
    color: #444444;
    font-size: 12px;
    border-top: 1px solid #e7e7e7;
    clear: both;
}

footer a {
    color: #444444;
}

.disclaimer {
    float: left;
    margin-top: 1rem;
}

.copyright {
    line-height: 27px;
    text-align: right;
}

.footer-links > li {
    display: inline;
    line-height: 18px;
    font-size: 12px;
}

.footer-body {
    display: flex;
}

.left-footer-body {
    flex-grow: 1;
    padding-right: 2rem;
}

.footer-pages {
    padding-top: 2rem;
    flex: 0 0 180px;
}

.footer-pages ul {
    list-style: none;
    margin: 0;
    padding-top: 8px;
}

.footer-pages li {
    background: url(../img/green-bullet.png) 0 4px no-repeat;
    padding: 0 0 7px 15px;
    margin-bottom: 10px;
}

.footer-socials {
    padding-top: 40px;
    flex: 0 0 80px;
    text-align: right;
}

.footer-socials a {
    display: inline-block;
    margin: 10px 6px 0 0;
    opacity: 0.6;
}

.footer-socials a:hover {
    opacity: 1;
}

/*
= LOADER
-------------------------------------------------------------------------------------- */

.nimble-loader {
    display: none;
    height: 100%;
    width: 100%;
    background: #000 url(/static/ui/roller-square-64.gif) no-repeat 50% 50%;
    opacity: 0.5;
    z-index: 15000;
}


/*
= FANCY BOX
-------------------------------------------------------------------------------------- */
#fancybox-outer, #fancybox-title {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}


/*
= FORMS
-------------------------------------------------------------------------------------- */
#search_form fieldset,
#qsearch_form fieldset,
#sort_form fieldset,
#gallery_search_form li + li,
#filter_form ul.filter li {
    visibility: hidden;
}

#search_form select,
#qsearch_form select,
#sort_form select {
    height: 30px;
    margin-bottom: 10px;
}

#gallery_search_form select {
    height: 25px;
    margin-bottom: 10px;
}

/*
= ADMIN
-------------------------------------------------------------------------------------- */
.sidebar-nav .list-group-item {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

ul.wide-list li ul.head span.pending,
ul.wide-list li ul.head span.edited {
    background-color: #F33;
}

ul.wide-list li ul.head span.expired {
    background-color: #999;
}

ul.wide-list li ul.head span.suspended {
    background-color: #333;
}

ul.wide-list li ul.head span.neutral {
    background-color: #CCC;
}

#agencije_ponude .btn-group,
#multidest_destinacije .btn-group,
#datumi_polazaka .btn-group {
    margin-top: 2px;
    margin-bottom: 2px;
}

.floatcontainer {
    overflow: hidden;
}

form li.img-highlight {
    background-color: #fffff0;
}

form li.slika {
    margin-bottom: 4px;
}

form li.slika label {
    height: 81px;
    line-height: 81px;
    width: 100%;
}

form li.slika label img {
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.bootstrap form {
    overflow: hidden;
}

.with-next {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.with-prev {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.bootstrap form .checkbox-inline + .checkbox-inline {
    margin-left: 0px;
}

.bootstrap form .checkbox-inline {
    margin-right: 10px;
}

.bootstrap form dl.indented dd {
    margin-left: 1em;
}

.bootstrap form input[type=text].error,
.bootstrap form input[type=password].error,
.bootstrap form div.form-control.error,
.bootstrap form select.error,
.bootstrap form textarea.error,
.bootstrap form .panel.with-next.error {
    background: #fff2f2;
    border: 1px solid #ebccd1;
}

.bootstrap .well-0 {
    padding: 0;
}

.bootstrap .well-xs {
    padding: 3px !important;
}

.bootstrap .well-inv {
    background-color: #fff;
}

.bootstrap .col-pad-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.bootstrap .links button {
    margin: 10px 20px 10px 0;
    padding: 2px 10px;
}

.bootstrap ul.form_slike {
    margin-left: 0px;
}

.bootstrap ul.form_slike li {
    list-style: none;
    padding: 5px 0px 15px;
}

.bootstrap ul.form_slike li img {
    padding-top: 10px;
}

.bootstrap .alert dt {
    padding-bottom: 10px;
}

/*
= ADMIN ACTIONS
-------------------------------------------------------------------------------------- */

.admin-actions {
    padding: 4px 0 !important;
    text-align: right !important;
    background: white;
}

.admin-actions input,
.admin-actions select
.admin-actions button,
.admin-actions a,
.admin-actions img {
    vertical-align: middle !important;
}

.admin-actions select {
    width: auto !important;
    display: inline !important;
    padding: 2px 5px !important;
    height: 24px !important;
    vertical-align: middle !important;
}

/*.admin_actions a,
.listings .admin_actions a,
a.admin-action,
.listings li a.admin-action {
		display: inline;
		color: #333;
		text-decoration: none;
	}
	.admin_actions a:hover,
	.listings .admin_actions a:hover,
	a.admin-action:hover,
	.listings li a.admin-action:hover {text-decoration: underline;}*/


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/*
= RESPONSIVE BANNERS
-------------------------------------------------------------------------------------- */

.banner_listing_top {
    position: relative;
    width: 830px;
    height: 103px;
    margin-bottom: 20px;
}


/*
= Monitor width
-------------------------------------------------------------------------------------- */
@media screen and (max-width: 1450px) {
    .wrapper {
        width: 1080px;
    }

    .main-placeholder {
        width: 735px;
    }

    .search input[type="submit"] {
        padding: 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #44C2DD;
        background-image: none;
    }

    .checkset {
        margin-right: 10px;
    }

    .listings li {
        width: 255px;
        margin: 0 10px 20px;
    }

    .head > li:nth-child(2) a {
        width: auto;
    }

    .head > li:nth-child(2) a img {
        width: 70px;
    }

    #agency .sort {
        width: 34% !important;
    }

    #agency .filter {
        width: 65%;
    }

    .content-footer {
        text-align: center;
    }

    .content-footer p {
        display: block;
        text-align: left;
    }

    .content-footer a.button {
        display: inline-block;
        width: auto;
        float: none;
        margin: 0 auto;
    }

    .listings a .overlay p {
        font-size: 19px;
    }

    .head li ul li a {
        font-size: 11px;
    }

    .header-sec > li:first-child img {
        width: 100px;
    }

    .wide-list .promo {
        font-size: 15px;
    }

    .header-sec > li:first-child div {
        font-size: 13px;
    }

    .header-sec > li:first-child div h3 {
        font-size: 16px;
    }

    .banner_listing_top {
        width: 735px;
        height: 91px;
    }

    .rent-a-car-content {
        right: 112px;
    }
}

@media screen and (max-width: 1365px) {
    .wrapper {
        width: 990px;
    }

    .listings li {
        width: 232px;
    }

    #nav > li {
        font-size: 15px;
    }

    .main-placeholder {
        width: 660px;
    }

    .head li ul {
        margin-left: 1.5em;
    }

    .head h4 {
        font-size: 12px;
    }

    .head h4 em {
        font-size: 17px;
        line-height: 20px;
    }

    .head p {
        width: 340px;
    }

    a.logo {
        width: 240px;
        background-size: contain;
    }

    .header-banner img {
        width: 700px;
    }

    .putopisi-list li div {
        width: 55%;
    }

    .disclaimer {
        width: 100%;
    }

    .sponsored div.thumb {
        width: 85px;
    }

    .sponsored div.info {
        margin-left: 92px;
    }

    .foot {
        padding: 2px 0;
    }

    .fav-check a {
        background-position: 10px 5px;
    }

    .fav-check a.active {
        background-position: 10px -21px;
    }

    .new-price {
        padding: 0 7px;
    }

    .head > li:nth-child(3) {
        width: 50%;
    }

    .head > li:last-child {
        width: 20%;
        padding-right: 4px;
    }

    .head h5 {
        font-size: 11px;
    }

    .head li ul li {
        padding-left: 5px;
    }

    .header-sec > li:first-child img {
        width: 95px;
    }

    .about dl,
    .about p {
        font-size: 13px;
        line-height: 20px;
    }

    .about-contact dl {
        width: 32%;
    }

    .wide-list .promo {
        font-size: 13px;
    }

    .banner_listing_top {
        width: 660px;
        height: 82px;
    }

    .rent-a-car-content {
        right: 66px;
    }

    .footer-socials img {
        width: 28px;
        height: auto;
    }

    .footer-pages {
        flex: 0 0 170px;
    }

    .footer-pages ul {
        list-style: none;
        margin: 0;
        padding-top: 8px;
    }

    .footer-socials {
        padding: 40px 0;
        flex: 0 0 100px;
    }

    .footer-pages li {
        margin-bottom: 10px;
    }

    /*
= Mobile devices (Tablet)
-------------------------------------------------------------------------------------- */
    @media screen and (max-width: 1000px) {
        .wrapper {
            width: 740px;
        }

        .main-placeholder {
            padding-left: 0;
        }

        h1 {
            font-size: 26px;
        }

        ul.bottom-border h1 {
            text-align: center;
        }

        h3 {
            font-size: 22px;
            text-align: center;
        }

        #tabs div, .popup-trigger {
            font-size: 12px;
        }

        #tabs ul li {
            font-size: 13px;
        }

        .home-top li {
            font-size: 22px;
        }

        p {
            font-size: 12px !important;
        }

        footer p {
            font-size: 10px !important;
        }

        footer a {
            font-size: 10px !important;
        }

        footer .disclaimer {
            padding: 10px 0;
            width: 100%;
            background: none;
        }

        .search input[type="submit"] {
            left: 8px;
        }

        .footer-socials img {
            width: 24px;
            height: auto;
        }

        .footer-pages ul {
            list-style: none;
            margin: 0;
            padding-top: 8px;
        }

        .footer-socials {
            padding: 40px 0;
            flex: 0 0 100px;
        }

        .footer-pages li {
            margin-bottom: 10px;
        }

        /*Header*/
        header #nav {
            margin: 0 0 3px 0;
        }

        a.logo {
            width: 200px;
            height: 50px;
            left: 10px;
        }

        .header-banner img {
            width: 500px;
        }

        #nav li,
        .home-top li span:after {
            font-size: 13px;
        }

        .head-button,
        .listings li a,
        .about dl {
            font-size: 12px;
        }

        .about dt {
            font-size: 15px;
        }

        .home-top {
            width: 685px;
            height: 67px;
        }

        .rent-a-car-content {
            top: -9px;
            right: 0px;
        }

        #nav dd ul li {
            background: url(../img/green-bullet.png) 0 4px no-repeat !important;
        }

        /*Listings*/
        .listings li {
            margin: 0 10px 35px;
            width: 170px;
        }

        /*.listings li a {height: 260;}*/
        .listings a .overlay p {
            font-size: 15px;
        }

        .listings li h4 {
            padding: 5px 10px 0;
            font-size: 17px;
            text-align: left;
        }

        .top-offers li h4 {
            padding: 0 0 10px;
        }

        .top-offers li article div {
            padding: 0 10px 23px 10px;
        }

        .top-offers li article div p {
            font-size: 11px !important;
        }

        span.last-minute, span.first-minute {
            bottom: 5px;
        }


        /*Home Top list*/
        .home-top li a span:before {
            right: -57px;
        }

        .home-top li.last-min a span:before {
            right: -60px;
        }

        .home-top .all a:hover {
            margin-left: 0px;
        }


        /*.popup-wrapper, .header-popup-wrapper, .ie-popup-wrapper {position: absolute;}*/
        aside.marketing, .head > li:nth-child(2) {
            display: none;
        }

        .main-placeholder {
            float: right;
            margin: 0;
            width: 575px;
        }

        .head > li:nth-child(3) {
            margin-left: 17%;
            padding-left: 5px;
        }

        .head .old-price {
            bottom: 5px;
            right: 10px;
        }

        .head li:last-child ul { /*margin-bottom: 35px;*/
            padding: 0;
        }

        .foot {
            padding: 0px;
        }

        .option-multi {
            width: 83%;
        }

        .head p {
            font-size: 11px !important;
        }

        #nav li div.rool {
            top: 36px;
            width: 100%;
        }

        #nav dd ul li {
            width: 32%;
        }

        .bottom-border li, .bottom-border label, .bottom-border .ui-dropdownized {
            width: 28%;
        }

        .putopisi-list li div {
            padding: 0 0 0 10px;
        }

        .putopisi-list li div {
            width: 50%;
        }

        .content li {
            font-size: 12px;
            padding-bottom: 3px;
        }

        .bottom-border li:first-child {
            width: 100%;
        }

        .bottom-border li, .bottom-border label, .bottom-border .ui-dropdownized {
            width: 49%;
            text-align: center;
        }

        .about dl {
            width: 32%;
        }

        #nav > li a {
            padding: 10px 4px;
        }

        /*.filter li label {display: block; padding: 0 20px 10px 0;}
	.filter li .checkset {display: block; padding: 0 0 5px !important;}
	.filter li:last-child {text-align: left;}*/
        .filter li:first-child {
            width: 55%;
        }

        .filter li:last-child {
            width: 44%;
        }

        input.datepicker {
            width: 100%;
        }

        .search ul {
            position: relative;
            padding-bottom: 40px;
        }

        .search ul li input[type=submit],
        .search ul li input#pretrazi {
            position: absolute;
            bottom: 10px;
            left: 100%;
            width: 120px;
            margin-left: -131px;
        }

        .head h4 em {
            font-size: 18px;
            line-height: 22px;
        }

        .sponsored li h5 {
            font-weight: 600;
            text-align: left;
            padding: 2px 0 7px;
        }

        .sponsored div.thumb {
            width: 70px;
        }

        .sponsored div.info {
            margin-left: 77px;
        }

        .fav-check {
            width: 17%;
        }

        .fav-check a:after {
            content: 'Favorit';
        }

        .fav-check a.active:after {
            content: 'Ukloni';
        }

        .fav-check a.processing:after {
            content: '...';
        }

        .head > li:nth-child(3) {
            width: 56%;
        }

        /*.fav-check a {text-indent: -9999px;}*/
        .head > li:last-child {
            width: 27%;
            padding-left: 30px;
        }

        /*.listings.gallery > li {width: 30%; margin: 0 2% 15px;}*/
        .forms input[type="text"] {
            width: 100%;
        }

        .listings li ul li.right strong {
            font-size: 15px;
        }

        .content-footer a.button {
            font-size: 13px;
        }

        .share label {
            width: 20%;
        }

        .share input[type="text"], .share textarea {
            width: 79%;
        }

        #agency .filter li {
            float: left;
            width: 50%;
        }

        #agency .filter li .checkset {
            width: auto;
        }

        .content-footer a.button {
            display: block;
            text-align: center;
        }


        section.program-info {
            margin-bottom: 30px;
        }

        #tabs ul {
            height: 30px;
        }

        .content-sec h1 {
            font-size: 21px;
        }

        #tabs ul li,
        .content-sec li:first-child p {
            font-size: 12px;
        }

        .content-sec h5 {
            font-size: 12px;
        }

        #tabs div,
        .popup-trigger,
        .content-sec p,
        .header-sec p {
            font-size: 11px !important;
        }

        .header-sec > li:first-child div h3 {
            font-size: 15px;
        }

        .wide-list .promo {
            font-size: 13px;
        }

        .rent-a-car-content .popup-trigger {
            top: -45px;
        }

        .rent-a-car-content-single {
            padding-top: 0;
        }

        .httpool-banner,
        .top_banner {
            margin-bottom: 10px;
        }

        .banner_listing_top {
            width: 575px;
            height: 71px;
        }
    }

    /* bootstrap row/col */
    /*
= Print
-------------------------------------------------------------------------------------- */
    @media print {
        * {
            background: transparent !important;
            color: #444 !important;
            text-shadow: none !important;
        }

        a, a:visited {
            color: #444 !important;
            text-decoration: underline;
        }

        a:after {
            content: " (" attr(href) ")";
        }

        abbr:after {
            content: " (" attr(title) ")";
        }

        .ir a:after {
            content: "";
        }

        pre, blockquote {
            border: 1px solid #999;
            page-break-inside: avoid;
        }

        thead {
            display: table-header-group;
        }

        tr, img {
            page-break-inside: avoid;
        }

        @page {
            margin: 0.5cm;
        }

        p, h2, h3 {
            orphans: 3;
            widows: 3;
        }

        h2, h3 {
            page-break-after: avoid;
        }
    }
}

/* Izmene na ponuda stranici vezane za tagove */
.content-sec-h3{
    font-size: 14px;
    padding: 0;
    text-align: left;
    height: 37px;
    overflow: hidden;
    margin-bottom: 10px;
    font-weight: 400;
    color: #444;
    letter-spacing: 0px!important;
}
.naslov_agencije_h4{
    font-size: 17px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0;
    letter-spacing: 0px;
}