@import '../js/jquery-ui.css';

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

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

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

@import url(https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext);

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  line-height: 1.875;
  color: #202020;
}
h1,h2,h3,h4,h5,h6 {
  margin:0 0;
  font-weight: 400;
  display: block;
}
ul,ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul {
  list-style-position: inside;
  list-style-type: disc;
}
ol {
  list-style: inside decimal;
  list-style-type:decimal;
  list-style-position:inside;
}
a {
  transition: color 200ms ease-in-out;
  text-decoration: none;
  color:#2924d1;
  transition:all 0.6s ease;
  cursor: pointer;
}
a:hover {
  color:#8bc34a;
}
img {
  max-width: 100%;
  height: auto;
}
form {
  display: block;
}
form {
  /*margin-bottom: 1.5rem;*/
}
input, textarea, select, fieldset {
  /*margin-bottom: 2.5rem;*/
}
textarea {
  min-height: 60px;
  padding-bottom: 6px;
  padding-top: 6px;
}
label, legend {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
label {
  cursor: default;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  -moz-appearance: none;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  -moz-appearance: none;
}
input[type="email"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  background-color: #F1F2F4;
  border:none;
  box-shadow: inset 5px -5px 5px 0 rgba(0,0,0,0.12);
  box-sizing: border-box;
  color: #585858;
  height: 35px;
  padding: 6px 10px;
  width: 100%;
}
/* "clearfix" hack - use class group */
.group:after {
  content: "";
  display: table;
  clear: both;
}
.container {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  z-index:1;
}
.section {
  clear: both;
  padding: 0;
  margin: 0;
}
.col {
  display: block;
  float: left;
  margin: 0 0 0 1.7%;
}
.col:first-child {
  margin-left: 0;
}
.span_12_of_12 {
  width: 100%;
}
.span_11_of_12 {
  width: 91.52%;
}
.span_10_of_12 {
  width: 83.05%;
}
.span_9_of_12 {
  width: 74.57%;
}
.span_8_of_12 {
  width: 66.1%;
}
.span_7_of_12 {
  width: 57.62%;
}
.span_6_of_12 {
  width: 49.15%;
}
.span_5_of_12 {
  width: 40.67%;
}
.span_4_of_12 {
  width: 32.2%;
}
.span_3_of_12 {
  width: 23.72%;
}
.span_2_of_12 {
  width: 15.25%;
}
.span_1_of_12 {
  width: 6.775%;
}
@media only screen and (max-width: 767px) {
  .col {
    margin: 1% 0 1% 0;
  }

  .span_1_of_12,
  .span_2_of_12,
  .span_3_of_12,
  .span_4_of_12,
  .span_5_of_12,
  .span_6_of_12,
  .span_7_of_12,
  .span_8_of_12,
  .span_9_of_12,
  .span_10_of_12,
  .span_11_of_12,
  .span_12_of_12 {
    width: 100%;
  }
}

/* ----------- General styles */
/* ---------------------------- Yellow font color */
.primary-nav > li > a:hover,
.primary-nav > .mslc > a, .sub-nav > li > a:hover, .footer-container ul li a:hover, .price, .special-offers {
  color: #FDBF03;
}
/* ---------------------------- White font color */
.footer-container ul li, .footer-container ul li a, .slider-txt h2, .slider-subtitle, .old-price, .btn-read, .site-itemization h2 a {
  color:#fff;
}
/* ---------------------------- Quattrocento font family */
.slider-subtitle, .old-price, .price, .special-offers, .slider-txt h2, .slider-1-span span:first-child a, .slider-1-span span:last-child a, .slider-2-content h2 a, .apartmen-heading h2 a, .item-old-price, .hotel-stars h2 a, .item-price, .hotel-stars a, .span_4_of_12.izdvojeno span, .span_4_of_12.item-2 h2, .slider-3-txt h2, #kontakt-forma h2, .slider-2-content h2, .slider-2-content h1, .item-txt h2, #kontakt-forma h2, .blog-box h2
{
  font-family: "Quattrocento", serif;
}
/* ---------------------------- Breadcrumb's */
.site-breadcrumb {
  float: left;
  display: block;
  padding-left: 15px;
  padding-top:5px;
  padding-bottom:5px;
  width: 100%;
  background: #fff; /* For browsers that do not support gradients */    
  background: -webkit-linear-gradient(left, #fff , #f1f2f4); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #fff, #f1f2f4); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #fff, #f1f2f4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #fff , #f1f2f4); /* Standard syntax (must be last) */
}
.site-breadcrumb.single, .site-breadcrumb.newsletter {
  padding-left: 464px;
}
.breadcrumb {
  display: block;
  float: left;
  list-style: outside none none;
  width: 100%;
}
.breadcrumb li {
  display: inline-block;
  float: left;
  margin-bottom: 0;
  margin-right: 4px;
}
.breadcrumb li, .breadcrumb li a {
  color: #b5b5b5 !important;
  font-size: 13px;
}
.breadcrumb li a:hover {
  color:#202020 !important;
}
.span_6_of_12.kontakt .breadcrumb {
  padding-left: 60px;
}
.cookie-container {
  background: transparent url(../images/cookie.png) repeat;
  padding:30px 0;
  display: block;
  width: 100%;
  position: fixed;
  bottom:0;
  z-index:1;
}
.cookie-container p{
 width:74%;
 float:none;
 margin:0 auto;
 margin-bottom: 0;
 color:#fff;
 font-size:12px;
}
@media (min-width: 980px) {
  .cookie-container p{
    font-size:16px
  }
  .cookie-container input {
    margin:-28px 11% 0 0;
    font-size: 16px;
    line-height: 24px;
  }
}
.cookie-container a {
  color:#fff;
  text-decoration: underline;
  font-weight: bold;
}
.cookie-container input{
 padding:0 10px;
font-size: 12px;
line-height: 24px;
 color:#fff;
 background:#8bc34a;
 border:1px solid #8bc34a;
 margin:-17px 11% 0 0;
 float:right;
 cursor:pointer;
}
.cookie-container input:hover{
 background:#418bae;
 color:#000000;
}
/** ----------- Home page styles */
.site-header {
  padding: 1.75em 0;
  background-color: #fff;
}
.site-logo {
  float: left;
  display: block;
  max-width: 200px;
  width: 100%;
  margin-left: 0.5em;
}
.site-logo img {
  display: block;
  max-width: 100%;
  height:auto;
  width: 100%;
}
.header-search {
  float: right;
  width: 250px;
  border: 1px solid #c1c1c1;
  background-color: #f6f6f6;
  box-shadow: inset 3px -2px 3px 0 rgba(0,0,0,0.05);
}
.main-nav {
  float: left;
  width: 315px;
}
.header-bar {
  float: left;
  padding: 2em 0 0 0;
  position: relative;
  display: block;
  margin:0 auto;
  width: 95%;
  margin-left: 0.5em;
}
#toggle {
  display: block;
  width: 36px;
  float: left;
  margin-right: 0.5em;
  margin-top: -0.05em;
}
.desk-show {
  display: none;
}
.primary-nav {
  display: none;
  list-style: none;
  width: 100%;
  margin-top: 20px;
  box-shadow: 0px -8px 10px 0px rgba(0,0,0,0.15);
}
.primary-nav > li {
  display: block;
}
.primary-nav > li > a {
  display: block;
  width: 100%;
  padding: 1em 0 0 1em;
  font-size: 1em;
  line-height: 1.75;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #2924d1;
}
.sub-nav {
  display: none;
  list-style: none;
  margin-left: 1em;
}
.sub-nav > li > a {
  display: block;
  width: 100%;
  color:#1875d1;
  text-decoration: none;
  padding:0.1em 1em;
  font-weight: 600;
}
/* -------------------------- Expand menu accomodation */
.dest-nav {
  display: block;
  list-style: none;
  width: 100%;
  margin-top: 20px;
  background: #f1f2f4;
}
.dest-nav li  {
  display: block;
}
.dest-nav li a {
  display: block;
  width: 100%;
  padding: 1em 0 0 1em;
  font-size: 1em;
  line-height: 1.75;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFF;
  background: url(../images/arrow-select.png) no-repeat right 12px center;
}
.dest-sub-nav {
  display: none;
  list-style: none;
  /*margin-left: 1em;*/
}
.dest-sub-nav li a {
  background: none;
}
.dest-sub-nav li a {
  display: block;
  width: 100%;
  color:#717171;
  text-decoration: none;
  padding:0.1em 1em;
  font-weight: 600;
}
.dest-nav li .expand.dest-nav-mob, .dest-sub-nav li .expand.dest-nav-mob {
  display: block;
  color:#717171;
  padding:0.5em 0.7em;
  font-size:13px;
}
.dest-sub-sub li {
  background: #fbfcfd;
}
/*.dest-sub-nav li a.expand.dest-nav-mob {
  background: url(../images/arrow-select-sub.png) no-repeat right 15px center;
}*/
.dest-sub-nav li a.expand.dest-nav-mob:hover {
  color:#fff;
  background: #FDBF03;
  /*background: #FDBF03 url(../images/arrow-select-sub.png) no-repeat right 15px center;*/
}
.dest-sub-sub li a:hover {
  background: #FDBF03;
  color:#fff;
}
.dest-sub-nav .expand.dest-nav-mob {
  font-weight: 400;
}
.dest-sub-sub li a {
  font-size: 13px;
  font-weight: 400;
  padding:0.5em 0.7em 0.5em 1.5em;
}
.dest-nav li a.mob-hide {
  display: none;
}
.dest-sub-sub {
  display: none;
}
@media (min-width: 1300px) {
  .dest-nav li .expand.dest-nav-mob {
    display: none;
  }
  .dest-nav li a.mob-hide {
    display: block;
  }
}
.site-search {
  display: block;
  position: relative;
  width: 100%;
  z-index:1;
  /*box-shadow: -19px 33px 44px 0px rgba(0,0,0,0.44);*/
}
.select-container {
  display: block;
  float: left;
  width: 100%;
}
.select-box {
  float: left;
  width:100%;
  display: block;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background: #F1F2F4;
}
.select-box:last-child {
  border-right: 1px solid #8BC34A;
  width: 100%;
  background: #8bc34a;
}
.select-box a {
  display: block;
  width: 100%;
  background: #8bc34a;
  float: left;
  color: #fff;
  text-align: center;
  padding: 6px 0;
  text-transform: uppercase;
  font-size: 14px;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.35);
  transition:all 0.6s ease;
}
.select-box > a:hover {
  background: #78af33;
}
/** ----------- Top site slider styles */
.site-top-slider {
  display: none;
}
.old-price {
  margin-right: 30px;
  text-decoration: line-through;
}
.price, .old-price {
  font-size:18px;
  font-weight: 600;
  margin-top: 50px;
  display: inline-block;
}
/** ----------- Bxslider Slider-1 styles */
.site-slider-1 {
  position: relative;
  display: block;
  width: 100%;
  padding:0;
  border-bottom:5px solid #f1f2f4;
  float: left;
}
.site-slider-1 .bx-wrapper {
  margin:0 auto;
}
.bxslider-slider-1 img {
  float: none;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.special-offers {
  display: block;
  margin:0 auto;
  float: none;
  font-size:30px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
}
.slider-1-head {
  display: block;
  float: none;
  width: 100%;
  padding-top: 25px;
  margin:0 auto;
  text-align: center;
}
.slider-1-head h2 a {
  color: #202020;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.2;
}
.slider-1-span {
  display: block;
  float: left;
  position: relative;
  padding:30px 110px;
}
.slider-1-span > span {
  clear: left;
  float: left;
  text-align: center;
}
.slider-1-head > p {
  padding:0 15px;
}
.slider-1-span span:first-child a {
  color:#b5b5b5;
  font-size:16px;
  text-decoration: line-through;
  font-weight: 600;
  line-height: 1.2;
}
.slider-1-span span:last-child a {
  color:#202020;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.site-slider-1 .bx-wrapper .bx-controls-direction a {
  height: 32px;
  margin-top: -16px;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  top: 38%;
  width: 32px;
  z-index: 9999;
}
.site-slider-1 .bx-wrapper .bx-next {
  background: transparent url(../images/arrow-slider-1-next.png) no-repeat center center;
  right: 10px;
}
slider-1-head p {
  color: #202020;
  line-height: 1.2;
}
.site-slider-1 .bx-wrapper .bx-prev {
  background: transparent url(../images/arrow-slider-1-prev.png) no-repeat center center;
  left: 10px;
}
.site-slider-1 .bx-wrapper .bx-next, .site-slider-1 .bx-wrapper .bx-prev {
  opacity:0.8;
  transition:all 0.6s ease;
}
.site-slider-1 .bx-wrapper .bx-next:hover, .site-slider-1 .bx-wrapper .bx-prev:hover {
  opacity: 1;
}
/** ----------- Search rezultati bez odabira */
.span_3_of_12.smjestaj, .span_3_of_12.regija {
  float: left;
  display: block;
  position: relative;
  width: 100%;
}
.span_3_of_12.regija h2, .span_3_of_12.smjestaj h2 {
  margin-bottom: 20px;
}
.span_3_of_12.smjestaj h2 {
  margin-top: 20px;
}
.span_3_of_12.smjestaj h3 {
  color:#202020;
  font-size:18px;
  line-height: 22px;
  font-family: 'Quattrocento', serif;
  transition:all 0.6s ease;
}
.span_3_of_12.smjestaj img {
  float: left;
  margin-right: 5px;
}
.span_3_of_12.smjestaj a {
  border-bottom:1px solid #dedede;
  display: block;
  float: left;
  padding-bottom: 5px;
  width: 98%;
  margin-bottom: 5px;
}
.span_3_of_12.smjestaj a:hover h3 {
  color:#2924d1;
}
.regije {
  display: block;
  position: relative;
  list-style-type: none;
  width: 70%;
  max-width: 300px;
}
.regije li {
  display: block;
}
.regije li a {
  display: block;
  width: 100%;
  color:#717171;
  padding:5px 10px;
  background: #f1f2f4;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 100;
  border-bottom:1px solid #dedede;
}
.regije li a:hover {
  background: #fdbf03;
  color:#fff;
}
.regije li.mslc > a {
  background: #fdbf03;
  color:#fff;
}
.city {
  display: none;
}
.city li {
  display: block;
}
.city li a {
  margin-bottom: 0;
  border-bottom:none;
  padding-left: 20px;
  background: #f8f8f8;
  text-transform: none;
}

/** ----------- Site heading style */
.site-heading {
  background: #fff;
  display: block;
  position: relative;
  width: 100%;
}
.site-slider-2 .site-heading {
  padding: 0 0;
  display: block;
  position: relative;
}
.site-itemization .site-heading, .site-itemization-2 .site-heading {
  box-shadow: 0px -8px 10px 0px rgba(0,0,0,0.1);
}
.site-itemization .site-heading {
  text-align: left;
  padding: 0px 0px;
  background: #fff; /* For browsers that do not support gradients */    
  background: -webkit-linear-gradient(left, #fff , #f1f2f4); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #fff, #f1f2f4); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #fff, #f1f2f4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #fff , #f1f2f4); /* Standard syntax (must be last) */
}
@media (min-width: 1400px) {
  .site-itemization .site-heading {
    padding: 0px 0px 0px 60px;
  }
}
.site-itemization-2 .site-heading {
  text-align: right;
  z-index:-1;
  padding: 0px 0px;
  background: #fff; /* For browsers that do not support gradients */    
  background: -webkit-linear-gradient(left, #f1f2f4, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #f1f2f4, #fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #f1f2f4, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #f1f2f4, #fff); /* Standard syntax (must be last) */
}
@media (min-width: 1400px) {
  .site-itemization-2 .site-heading {
    padding: 0px 60px 0px 0px;
  }
}
.site-heading h2 {
  display: inline-block;
  width: 100%;
  z-index:1000;
  text-align: center;
}
.site-heading h2 a, .site-heading h2.so-tit {
  color: #2924d1;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 30px;
  z-index:1000;
  position: relative;
  display: block;
  width:100%;
  padding-top:25px;
  padding-bottom:25px;
}
.site-slider-2 .site-heading h2 a {
  color: #2924d1;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 30px;
  z-index:1000;
  position: relative;
  display: block;
  width:100%;
  padding-top:25px;
  padding-bottom:25px;
  background:#fff;
}
@media (min-width: 1280px) {
  .site-slider-2 .site-heading h2 a {
    text-align: right;
  }
}
/** ----------- Bxslider Slider-2 styles */
.site-slider-2 {
  float: left;
  width: 100%;
  position: relative;
  background: #F1F2F4;
}
.site-slider-2 .bx-wrapper {
  background: transparent;
  margin:0 auto;
  margin-top: -50px;
  position: relative;
}
.slider-2-content {
  margin: 80px 0 0 0;
  padding: 45px 25px;
  width: 100%;
  position: relative;
  display: block;
  float: left;
  background: #fff;
  text-align: center;
}
.bxslider-slider-2 .slider-2-content p {
  margin: 50px 0;
}
@media (min-width: 1400px) {
  .slider-2-content {
    float: right;
    width: 49%;
    z-index:100;
    padding:107px 90px;
    margin-top: 150px;
    margin-right:30px;
  }
  .bxslider-slider-2 .slider-2-content p {
    margin: 100px 0 !important;
  }
}
.slider-2-content h2 a, .slider-2-content h2, .slider-2-content h1 {
  color:#202020;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
  text-transform: uppercase;
}
.slider-2-content h2 a {
  transition:all 0.3s ease;
}
.slider-2-content h2 a:hover {
  color:#2924d1;
}
.slider-2-content .slider-subtitle {
  color:#717171;
}
.site-slider-2 .bx-wrapper .bx-controls-direction a {
  height: 73px;
  margin-top: -16px;
  outline: 0 none;
  position: absolute;
  text-indent: -9999px;
  width: 49px;
  z-index: 9999;
}
.site-slider-2 .bx-wrapper .bx-prev {
  background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
  left: auto;
  top: 76.4%;
  right: 1%;
  left:auto;
}
.site-slider-2 .bx-wrapper .bx-next {
  background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
  right: 1%;
  left:auto;
  top: 86%;
}
.bxslider-slider-2 {
  display: block;
  float: left;
  position: relative;
}
.site-slider-2 .bxslider-slider-2 img {
  float: left;
  display: block;
  position: relative;
  width: 100%;
  /*max-width: 960px;*/
}
.site-slider-2 .bxslider-slider-2 li {
  width: 100%;
  float: left !important;
}
.bxslider-slider-2 .btn-read {
  float: none;
  margin:0 auto;
  position: relative;
}
.btn-read {
  background: #2924d1;
  display: block;
  width: 100%;
  max-width: 300px;
  text-align: center;
  text-transform: uppercase;
  padding:2px 10px;
  font-size: 13px;
  transition: all 0.3s ease;
}
.btn-read:hover {
  background:#1875D1;
  color:#fff;
}
.mobitel.btn-read {
  display: block;
  float: left;
  clear: left;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .mobitel.btn-read {
    display: none;
  }
}
/** ----------- Newsletter styles */
.site-newsletter {
  float: left;
  width: 100%;
  z-index: -1;
  position: relative;
  text-align: center;
  padding:60px 0;
  background: #f1f2f4; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#f1f2f4, #baddfa); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f1f2f4, #baddfa); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f1f2f4, #baddfa); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f1f2f4, #baddfa); /* Standard syntax (must be last) */
}
.site-newsletter h2 a {
  color:#2924d1;
  font-weight: 600;
  font-size: 20px;
  font-style: italic;
  margin-bottom: 0;
  line-height: 1.2;
}
.site-newsletter p {
  color:#717171;
  font-style: italic;
  margin: 0 0;
  line-height: 1.2;
  font-size:16px;
  margin-top: 5px;
}
.btn-newsletter {
  display: block;
  width: 100%;
  background: #baddfa;
  color:#717171;
  text-transform: uppercase;
  padding:10px;
  max-width: 300px;
  margin:0 auto;
  margin-top: 22px;
  transition: all ease 0.3s;
}
.btn-newsletter {
  border:1px solid #2924d1;
}
.btn-newsletter {
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.btn-newsletter:hover, .btn-newsletter:focus, .btn-newsletter:active {
  box-shadow: 0 0 8px rgba(0,0,0,0.15);
  color:#2924d1; 
}
.span_12_of_12.newsletter, .span_12_of_12.table-details {
  float: left;
  display: block;
  width: 100%;
  background: #fff;
  position: relative;
}
.span_12_of_12.spec-off {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  padding-top: 95px;
}
.span_12_of_12.spec-off a img {
  float: left;
  display: block;
  margin-left: 60px;
  margin-right: 60px;
}
.span_12_of_12.spec-off a img:hover {
  box-shadow:0 0 17px rgba(0, 0, 0, 0.5);
}
.span_12_of_12.spec-off .slider-1-head p {
  width: 100%;
  max-width: 100%;
}
/** ----------- Table styles */
.span_12_of_12.table-details {
  /*padding:50px 0 80px 0;*/
  background: #fff;
  margin:50px 0 30px 0;
  padding:0 15px 50px;
}
.table-details .send-request {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  max-width: 136px;
  right: 0;
  top: auto;
}
.span_12_of_12.table-details > h3 {
  margin-bottom: 6px;
  text-align: center;
}
.price-request {
  display: block;
  position: relative;
  width: auto;
  height:67px;
  margin-top: 32px;
  margin-bottom: 32px;
}
/* TABLICA */
.table-header{
 width: 100%;
 float: left;
 background: #f1f2f4;
 border-bottom: 2px solid #2924d1;
}
.table-header .th{
 color: #2924d1;
 text-transform: uppercase;
 font-weight: 400;
 text-align: center;
 font-size: 18px;
}
.table-header .th, .table-content .td{
 width: 25%;
 float: left;
 padding: 10px;
}
.table-content .td {
  /*border: 1px solid #f1f2f4;*/
}
.table-header .opis, .table-content .opis{
  width: 25%;
  float: left;
  padding: 10px;
}
.lista-artikala .table-header .th, .lista-artikala .table-content .td, .favoriti-page .table-header .th{
  width: 10%;
}
.lista-artikala .table-header .kolicina, .lista-artikala .table-content .kolicina, .favoriti-page .table-header .kolicina, .favoriti-page .table-content .kolicina{
  width: 15%;
}
.td-btn {
  color:#ed164f;
  display: block;
  width: 100%;
}
.lista-artikala .table-header .opis, .lista-artikala .table-content .opis{
  width: 55%;
}
.favoriti-page .table-header .opis, .favoriti-page .table-content .opis{
  width: 45%
}
.table-content{
   width: 100%;
   float: left;
}
.table-row{
  width: 100%;
  float: left;
  background: #fff;
  /*border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;*/
}
.table-row .td {
 text-align: left;
 font-size: 14px;
 border:1px solid #f1f1f1;
}
.table-row .td.opis{
 text-align: left;
}
.table-row .td span {
  text-decoration: line-through;
}
/*.table-content .table-row:nth-of-type(odd){
  background-color: #E3e3e3;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}*/
.th-mob, .th-title{
  display: none;
}
.table a{
  color: #ed164f;
}
.table-row .td {
  background: #f1f2f4;
  border-right: 2px solid #2924d1;
  border-top:1px solid #f1f1f1;
  border-bottom:1px solid #f1f1f1;
  text-align: center;
  color:#717171;
  font-weight: 200;
  width:33%;
}
.kolicina2 input {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  text-indent: 0;
  width: 41px;
  height: 25px;
  font-size:14px;
}
@media only screen and (max-width: 800px) {
  .table-header{
    display: none;
  }
  .table-content .td{
    width: 100% !important;
    text-align: left !important;
    border-left: 0;
  }
  .td-btn {
    width: 80%;
  }
  .th-mob{
    display: block;
    width: 34%;
    float: left;
  }
  .txt{
    width: 65%;
    float: left;
  }
  .th-title{
    display: block;
    width: 100%;
    background: #F58220;
    color: #fff;
    padding: 5px;
  }
  .table-row{
    margin-bottom: 5px;
  }
  .table-header .th, .table-content .td {
    border-right: none;
  }
  .table-row{
    border-top: none;
    border-bottom: none;
    border:1px solid #ccc;
  }
  .table-header .th, .table-content .td:nth-of-type(2n+1) {
    border-bottom: none;
    border-top: none;
  }
  .table-content .table-row:nth-of-type(2n+1) {
    border-bottom: none;
    border-top: none;
  }
  .opis-artikla h2.vezani-proizvodi-title {
    float: left;
  }
  .opis-artikla .artikl .col_5 {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .opis-artikla .underline {
    float: left;
    width: 100%;
  }
}
/** ----------- Bxslider Slider-3 styles */
.site-itemization-2 .bx-wrapper {
  margin:0 auto;
  background: #fff;
  margin-bottom: 60px;
}
@media (min-width: 1400px) {
  .site-itemization-2 .bx-wrapper {
    margin-bottom: 0;
  }
}
.site-itemization-2 .bx-wrapper .bx-controls-direction a {
  height: 37px;
  width: 22px;
}
.site-itemization-2 .bx-wrapper .bx-next {
  background: transparent url(../images/arrow-slider-3-next.png) no-repeat center center;
  right: 10px;
}
.site-itemization-2 .bx-wrapper .bx-prev {
  background: transparent url(../images/arrow-slider-3-prev.png) no-repeat center center;
  left: 10px;
}
.site-itemization-2 .bx-wrapper .bx-controls-direction a {
  top:35%;
}
.slider-3-txt {
  display: block;
  float: left;
  position: relative;
  width:100%;
}
.slider-3-txt a {
  display: block;
  float: left;
  padding:60px 15px;
  position: relative;
  text-align: center;
  background: #fff;
  width:100%;
  border: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #f1f2f4 0%, #fff 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #f1f2f4 0%, #fff 100%);
  border-image: linear-gradient(to bottom, #f1f2f4 0%, #fff 100%);
  border-image-slice: 1;
}
.slider-3-txt .btn-read {
  float: none;
  margin: 0 auto;
  background: #2924d1;
  display: block;
  width: 100%;
  max-width: 300px;
  height:30px;
  text-align: center;
  text-transform: uppercase;
  padding:2px 10px !important;
  font-size: 13px;
  position: absolute;
  bottom:0px;
  left:0;
  right:0;
  color:#fff;
}
.slider-3-txt p, .slider-3-txt .btn-read {
  opacity:1;
  display: block;
}
.slider-3-txt h2 {
  font-size:30px;
  color:#202020;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
}
.slider-3-txt p {
  color:#202020;
}
.span_4_of_12.destinations {
  float: left;
  display: block;
  width: 100%;
}
.span_4_of_12.destinations img {
  float: none;
  margin:0 auto;
  position: relative;
  display: block;
}
@media (min-width: 900px) {
  .span_4_of_12.destinations {
    width: 33.3%;
  }
}
.span_4_of_12.destinations .slider-3-txt p, .span_4_of_12.destinations .slider-3-txt .btn-read {
  opacity:1;
}
/** ----------- Itemization style */
.site-itemization, .site-itemization-2 {
  float: left;
  width: 100%;
  position: relative;
}
.span_3_of_12.item {
  float: left;
  width: 100%;
  background: #fff;
}
.span_3_of_12.item > a:first-child {
  display: block;
  width: 100%;
}
@media (min-width: 500px) {
  .site-itemization.pages .span_3_of_12.item, .site-itemization .span_3_of_12.item {
    width: 48.6%;
    margin-left: 1%;
    margin-bottom: 1%;
    max-width: 480px;
  }
}
@media (min-width: 1024px) {
  .site-itemization.pages .span_3_of_12.item, .site-itemization .span_3_of_12.item {
    margin-bottom: 2.2%;
    margin-left: 2.2%;
    width: 46.8%;
  }
}
@media (min-width: 1050px) {
  .site-itemization.pages .span_3_of_12.item, .site-itemization .span_3_of_12.item {
    margin-bottom: 2%;
    margin-left: 2%;
    width: 22.6%;
  }
}
@media (min-width: 1400px) {
  .site-itemization.pages .span_3_of_12.item, .site-itemization .span_3_of_12.item {
    width: 22.5%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  .site-itemization.pages .span_3_of_12.item:nth-child(4n), .site-itemization .span_3_of_12.item:last-child {
    margin-right: 2%;
  }
}
.hotel-stars {
  display: block;
  width: 100%;
}
.hotel-stars span {
  display: inline-block;
  line-height: 1;
}
.apartmen-heading h2 a, .hotel-stars h2 a {
  background: #1875d1;
  display: block;
  width: 100%;
  padding:15px 25px;
  text-transform: uppercase;
  font-size:18px;
  line-height: 1.2;
  transition:all 0.8s ease;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .site-itemization .site-heading h2 a {
    text-align: left;
    padding-left: 30px;
  }
}
@media (min-width: 1400px) {
  .apartmen-heading h2 a, .hotel-stars h2 a {
    padding:15px 50px;
  }
  .site-itemization .site-heading h2 a {
    padding-left: 0;
  }
}
.hotel-stars h2 {
  display: inline;
  color:#fff;
  text-transform: uppercase;
  font-size:20px;
  font-weight: 600;
  line-height: 1.2;
}
.hotel-stars a {
  background: #1875d1;
  display: block;
  padding: 15px 25px;
  width: 100%;
  transition:all 0.8s ease;
}
@media (min-width: 1400px) {
  .hotel-stars a {
    padding: 15px 50px 10px 50px;
  }
}
.hotel-stars a:hover, .apartmen-heading h2 a:hover{
  background: #2924d1;
}
.span_12_of_12.select-destination {
  display: block;
  float: left;
  width: 100%;
}
.span_12_of_12.select-destination .span_3_of_12 {
  float: right;
  margin:0 0;
  padding:10px 0;
  width: 100%;
}
.destination-list {
  display: block;
  position: relative;
  width: 100%;
  list-style-type:none;
}
.destination-list li {
  display: block;
  position: relative;
}
.destination-list li a {
  background: #e5e6e8;
  color:#717171;
  font-stize:14px;
  line-height: 28px;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  width: 100%;
  padding:5px 10px;
}
.item-txt {
  background: #fff;
  padding:25px 25px;
  border:1px solid #f1f1f1;
  float: left;
  width: 100%;
}
@media (min-width: 1400px) {
  .item-txt {
    padding:25px 50px;
  }
}
.item-txt h2 {
  color:#202020;
  font-size:18px;
  font-weight: 600;
  line-height: 1.2;
}
.item-txt h2  a{
  color:#202020;
  font-size:18px;
  font-weight: 600;
  line-height: 1.2;
}
.item-txt p {
  margin: 35px 0 20px 0;
  line-height: 24px;
font-size: 14px;
  color:#717171;
}
.item-old-price {
  color:#b5b5b5;
  text-decoration: line-through;
  font-size:16px;
  margin-right:50px;
  font-weight: 600;
  float: left;
}
.item-price {
  color:#202020;
  font-size:18px;
  font-weight: 600;
  float: left;
  clear: left;
  line-height: 1.2;
  margin-bottom: 50px;
}
.item-price a { color:#202020; }
@media (min-width: 1024px) {
  .item-price {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .item-old-price, .item-price {
    float: none;
  }
  .floating {
    float: left;
    display: block;
    width: 100%;
  }
}
/** ----------- Itemization-2 style */
.site-itemization-2 .span_4_of_12, .site-itemization.pages .span_4_of_12, .site-itemization.pages.destinacije .span_4_of_12 {
  float: left;
  width: 100%;
}
.site-itemization.pages.destinacije .span_4_of_12 {
  padding:0 0 40px 0;
}
@media (min-width: 768px) {
  .site-itemization-2 .span_4_of_12, .site-itemization.pages .span_4_of_12 {
    width: 50%;
    padding:40px 15px;
  }
  /*.site-itemization.pages.destinacije .span_4_of_12 .slider-3-txt {
    padding:0 64px;
  }*/
}
@media (min-width: 1024px) {
  .site-itemization-2 .span_4_of_12, .site-itemization.pages .span_4_of_12 {
    width: 33.2%;
    padding:0 0;
  }
}
@media (min-width: 1280px) {
  .site-itemization.pages.destinacije .span_4_of_12 {
    width: 33.3%;
  }
}
.site-itemization.pages.destinacije .span_3_of_12.regija {
  padding-left: 12px;
}
.regija-box {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  padding-right:20px;
  margin-bottom: 20px;
}
.regija-box img {
  z-index:0;
}
.reg-text {
  height: 100%;
  display: block;
  left:0;
  position: absolute;
  top:0;
  width: 93%;
  padding-left:10px;
  z-index:1;
  background: -webkit-linear-gradient(right,rgba(255,0,0,0),#1875d1 58%); /*Safari 5.1-6*/
  background: -o-linear-gradient(left,rgba(255,0,0,0),#1875d1 58%); /*Opera 11.1-12*/
  background: -moz-linear-gradient(left,rgba(255,0,0,0),#1875d1 58%); /*Fx 3.6-15*/
  background: linear-gradient(to left, rgba(255,0,0,0), #1875d1 58%); /*Standard*/
}
.reg-img {
  padding-right:20px;
}
.reg-text p {
  color:#fff;
  top:100px;
  position: absolute;
  display: none;
}
.reg-tit {
  position: absolute;
  color:#fff;
  font-size:22px;
  line-height: 30px;
  top:10px;
 /* background: #f1f2f4;*/
  text-transform: uppercase;
  -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-text-shadow:    2px 2px 3px rgba(0, 0, 0, 0.1);  /* Firefox 3.5 - 3.6 */
    text-shadow:       2px 2px 3px rgba(0, 0, 0, 0.1);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.reg-text .btn-read {
  bottom: 0px;
  position: absolute;
  right:0;
  left:0;
}
@media (min-width: 480px) {
  .reg-text .btn-read {
  left: 20px;
  }
}
@media (min-width: 640px) {
  .reg-text .btn-read {
  bottom: 40px;
  }
  .reg-text {
  padding-left:20px;
  }
  .reg-tit {
    font-size:34px;
    line-height: 30px;
    top:30px;
  }
}
@media (min-width: 980px) {
  .reg-text {
    width: 100%;
  }
  .reg-text p {
  display: block;
  top:58px;
  padding-right:30px;
  }
  .reg-text .btn-read {
  right:auto !important;
  }
}
@media (min-width: 1100px) {
  .reg-text p {
  top:80px;
  padding-right:30px;
  }
}
@media (min-width: 1400px) {
  .reg-text {
    width: 80%;
  }
  .reg-text p {
    top:60px;
    padding-right:0;
  }
}
@media (min-width: 1700px) {
  .reg-text p {
    top:100px;
  }
  .reg-text {
    width: 50%;
  }
}
.span_9_of_12.dest-izlist {
  float: left;
  padding-left: 12px;
  width: 100%;
  margin-top: 20px;
  position: relative;
}
.site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations {
  width: 100%;
  padding-right: 20px;
}
.site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations .slider-3-txt {
  position: relative;
}
.site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations .slider-3-txt a {
  padding:20px;
}
.site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations .slider-3-txt a h2 {
  font-size:20px;
}
.site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations .slider-3-txt .btn-read {
  bottom:0px;
}
.site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations .slider-3-txt p {
  font-size:14px;
  line-height: 20px;
}
.span_9_of_12.dest-izlist h2 {
  margin-bottom: 20px;
}
@media (min-width: 600px) {
  .site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations {
  width: 50%;
  padding-right: 20px;
  }
}
@media (min-width: 800px) {
  .site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations .slider-3-txt .btn-read {
  bottom:30px;
  }
}
@media (min-width: 1000px) {
  .site-itemization.pages.destinacije .span_9_of_12.dest-izlist .span_4_of_12.destinations {
  width: 25%;
  padding-right: 20px;
  }
}
@media (min-width: 1400px) {
  .site-itemization.pages.destinacije .span_3_of_12.regija {
    padding-left: 60px;
  }
  .span_9_of_12.dest-izlist {
    float: right;
    width: 74.57%;
    margin-top: 0;
  }
}
.span_4_of_12.izdvojeno {
  background: #baddfa;
  text-align: center;
  padding:60px 0;
  margin-top: 0px;
  z-index:100;
  background: url(../images/pattern.png) repeat;
  width: 100%;
}
@media (min-width: 1024px) {
  .span_4_of_12.izdvojeno {
    margin-top: -107px;
    width: 33.2%;
  }
}
.span_4_of_12.izdvojeno h2 {
  font-family: 'Great Vibes', cursive;
  font-size:48px;
  color:#010d27;
  font-weight: 300;
  letter-spacing:0px;
  line-height: 1.2;
  -webkit-text-shadow: 0px -1px 10px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-text-shadow:    0px -1px 10px #999;  /* Firefox 3.5 - 3.6 */
    text-shadow:       0px -1px 10px #999;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.span_4_of_12.izdvojeno span {
  color:#1875d1;
  font-size:24px;
}
.span_4_of_12.izdvojeno img {
  display: block;
  float: none;
  width: 85%;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 40px;
  box-shadow: 0px 0px 8px 7px rgba(0,0,0,0.06);
  border: 1px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, #3c93dd 0%, #fff 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #3c93dd 0%, #fff 100%);
  border-image: linear-gradient(to bottom, #3c93dd 0%, #fff 100%);
  border-image-slice: 1;
}
.span_4_of_12.item-2 {
  text-align: center;
  padding-bottom:40px;
}
@media (min-width: 480px) {
  .span_4_of_12.item-2 {
    padding: 40px 0;
  }
}
.span_4_of_12.item-2 a:hover h2 {
  color:#2924d1;
}
.span_4_of_12.item-2 img {
  float: none;
  margin:0 auto;
  display: block;
  vertical-align: middle;
}
.span_4_of_12.item-2 h2 {
  color:#202020;
  font-size:24px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-top: 40px;
  font-weight: 600;
  max-width: 400px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.span_4_of_12.item-2 span {
  color:#717171;
  font-size: 16px;
  font-style: italic;
  display: block;
  max-width: 400px;
  margin:0 auto;
}
/* Pages heading style */
.site-itemization.pages {
  margin-bottom: 0;
  z-index:0;
  background: #fff;
  float: left;
  display: block;
  width: 100%;
}
.site-itemization.pages.padding-bottom {
  /*padding-bottom: 80px;*/
  background: #fff;
}
.span_12_of_12.padding-top {
  float: left;
  width: 100%;
  background: #fff;
}
.no-content {
  padding:0 12px;
  min-height:100px;
}
.site-itemization.pages .site-heading {
  padding-right:60px;
  z-index:-1000;
  background: #fff;
  float: left;
}
.site-itemization.pages .site-heading.contact {
  background: none;
}
.site-itemization.pages .site-heading h1 {
  text-align: left;
  padding:25px 0;
  font-weight: 400;
  font-size:30px;
  text-transform: uppercase;
  color:#2924d1;
  font-weight: 600;
  font-family: "Quattrocento", serif;
}
/* Single page style - 980px wide */
.span_12_of_12.paragraph, .span_12_of_12.newsletter {
  display: block;
  float: left;
  width: 100%;
  padding:10px 20px 80px 10px;
}
.site-heading.single h1, .site-heading.newsletter h1, .site-heading.contact h1, .site-heading.search h1 {
  padding-left: 10px !important;
}
/* Details page style */
.span_12_of_12.site-details {
  float: left;
  width: 100%;
}
.span_12_of_12.site-details .slider-2-content h1, .span_12_of_12.site-details  .slider-2-content h2, .span_12_of_12.site-details .slider-2-content h3, .span_12_of_12.site-details .slider-2-content h4, .span_12_of_12.site-details .slider-2-content h5, .span_12_of_12.site-details .slider-2-content h6, .span_12_of_12.site-details .slider-2-content p, .span_12_of_12.site-details .slider-2-content span, .span_12_of_12.site-details .slider-2-content ul, .span_12_of_12.site-details .slider-2-content ol {
  padding:0 15px;
}
.span_12_of_12.site-details .slider-2-content .adr {
  padding-left:15px;
}
@media (min-width: 1000px) {
  .span_12_of_12.site-details .slider-2-content .adr {
    padding-left:0px;
  }
}
.span_12_of_12.site-details h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  text-transform: none;
}
.slider-2-content h1 { 
  margin-top: 15px;
}
.image-details {
  width: 100%;
  max-width: 100%;
  float: left;
  margin-right: 20px;
  margin-bottom: 25px;
}
.span_12_of_12.site-details .slider-2-content {
  float: left;
  margin:0 0;
  padding:0 0;
  width: 100%;
  text-align: left;
}
.span_12_of_12.site-details .slider-subtitle {
  display: inline-block;
  float: none;
  font-style: italic;
  width: auto;
}
.span_12_of_12.site-details .slider-2-content p {
  margin:0 0;
  margin-bottom: 10px;
}
.span_12_of_12.site-details .slider-2-content p:first-child {
  margin-top: 20px;
}
.span_12_of_12.site-details .slider-2-content p:last-child {
  margin-bottom: 20px;
}
.span_12_of_12.gallery-details {
  float: left;
  display: block;
}
.span_12_of_12.site-details .stars {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  padding-left: 15px;
}
.span_12_of_12.site-details .item-old-price, .span_12_of_12.site-details .item-price {
  display: block;
  float: none;
  width: auto;
  clear: none;
  margin-top: 10px;
}
.span_12_of_12.site-details.under-table-text {
  display: block;
  float: left;
  padding: 15px;
  width: 100%;
  margin-top: 30px;
}
.span_12_of_12.site-details.above-table-text {
  display: block;
  float: left;
  padding: 0 15px;
  width: 100%;
  margin-bottom: 30px;
}
.span_12_of_12.site-details .item-price {
  margin-bottom: 20px;
}
.send-request {
  background: #2924d1;
  color:#fff;
  text-transform: uppercase;
  padding:5px 20px;
  font-size:13px;
  margin-left: 15px;
  position: absolute;
  right:15px;
  top:auto;
  bottom:-4px;
  left:auto;
  transition: all 0.6s ease;
}
.send-request:hover {
  color:#fff;
  background: #1875D1;
}
.send-request.table {
  bottom: -40px;
  right: 10px;
}
.gallery {
  display: block;
  float: left;
}
.gallery a {
  display: block;
  float: left;
  margin: 0 0;
  position: relative;
  width: 100%;
  max-width: 380px;
}
.gallery img {
  width: 100%;
}
.gallery-blog {
  display: block;
  float: left;
  width: 100%;
}
.gallery-blog a {
  display: block;
  float: left;
  margin: 0 0;
  position: relative;
  width: 50%;
  border:1px solid #fff;
}
.gallery-blog a:hover {
  border:1px solid #1875d1;
}
.unit-gallery-img {
  display: block;
  transition: all 0.6s ease 0s;
  width: 100%;
  max-width: 380px;
}
.unit-gallery-img:hover {
  box-shadow: 4px 3px 6px rgba(0, 0, 0, 0.37);
}
.span_12_of_12.gallery-details .bx-wrapper {
  margin:0 0;
}
.span_12_of_12.gallery-details .bx-wrapper .bx-controls-direction a.disabled {
  display: block;
}
.span_12_of_12.gallery-details .bx-wrapper .bx-controls-direction a {
  height: 37px;
  width: 22px;
  z-index:0;
}
.span_12_of_12.gallery-details .bx-wrapper .bx-prev {
  background: transparent url(../images/arrow-slider-3-prev.png) no-repeat center center;
  left: 10px;
}
.span_12_of_12.gallery-details .bx-wrapper .bx-next {
  background: transparent url(../images/arrow-slider-3-next.png) no-repeat center center;
  right: 10px;
}
.span_12_of_12.gallery-details .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  background-position: 0 0;
}
/** -------------------------- NOVA TABLICA */
.table-header{
 width: 100%;
 float: left;
 border-bottom: 2px solid #2924d1;
}
.table-header .th{
 color: #2924d1 !important;
 text-transform: uppercase;
 font-weight: 400;
 text-align: center;
 font-size: 18px;
 background: #f1f2f4;
}
.table-header .th, .table-content .td{
 width: 33.45%;
 float: left;
 padding: 5px;
}
.table-content .td {
  border-right: 1px solid #fff;
}
.table-header .opis, .table-content .opis{
  width: 33%;
  float: left;
  padding: 5px;
}
.td-btn {
  color:#ed164f;
  display: block;
  width: 100%;
}
.table-header .th:last-child, .table-content .td:last-child{
  border-right: none;
}
.table-content{
   width: 100%;
   float: left;
}
.table-row{
  width: 100%;
  float: left;
  background: #fff;
  border-bottom: none;
  border-top: none;
}
.table-row .td{
 text-align: center;
 font-size: 16px;
 background: #fff;
}
.table-row .td.opis{
 text-align: center;
}
.table-content .table-row:nth-of-type(odd){
  background-color: #e3e3e3;
  border-bottom: none;
  border-top: none;
}
.th-mob, .th-title{
  display: none;
}
.table a{
  color: #ed164f;
}
@media only screen and (max-width: 800px) {
  .table-header{
    display: none;
  }
  .table-content {
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    margin-bottom: 20px;
  }
  .table-content .td{
    width: 100% !important;
    text-align: left !important;
    border-left: 0;
  }
  .table-row {
    margin-bottom: 0 !important;
  }
  .td-btn {
    width: 80%;
  }
  .th-mob{
    display: block;
    width: 20%;
    float: left;
    font-weight: 600 !important;
  }
  .txt{
    width: 65%;
    float: left;
  }
  .th-title{
    display: block;
    width: 100%;
    background: #F58220;
    color: #fff;
    padding: 5px;
  }
  .table-row{
    margin-bottom: 5px;
  }
  .table-header .th, .table-content .td {
    border-right: none;
  }
  .table-row{
    border-top: none;
    border-bottom: none;
    border:1px solid #ccc;
  }
  .table-header .th, .table-content .td:nth-of-type(2n+1) {
    border-bottom: none;
    border-top: none;
  }
  .table-content .table-row:nth-of-type(2n+1) {
    border-bottom: none;
    border-top: none;
  }
}
/* Tabovi */
.span_12_of_12.rezultati {
  float: left;
  padding-left: 10px;
  padding-bottom: 80px;
}
.tabs {
  width: 100%;
  float: left;
}
.tabs a {
  padding: 1px 10px;
  display: block;
  float: left;
  border-bottom: 1px solid #1875D1;
  margin-right: 10px;
  margin-bottom: 10px;
  background: #F1F2F4;
}
.tabs-container ul li {
  list-style-type: none;
}
.tabs-container li {
  background: transparent url(../images/link-1.png) no-repeat left center;
}
.tabs a.active-tab {
  background: #1875D1;
  color: #fff;
}
.tabs-container {
  width: 90%;
  float: left;
  display:none;
  margin-top: 20px;
}
.tabs-container.active-tab{
  display: block;
}
.tabs-container a {
  color:#202020;
  padding-left: 25px;
}
.tabs-container a:hover {
  color:#1875d1;
}
/* Contact page style */
.span_6_of_12.kontakt p, .span_12_of_12.paragraph.contact-info p {
  margin:0 0;
  /*padding-left: 15px;*/
  color:#717171;
  display: block;
  /*width: 100%;*/
}
.span_12_of_12.search-rezultati {
  display: block;
  width: 100%;
  position: relative;
}
.span_6_of_12.kontakt a {
  color:#2924d1;
}
.span_6_of_12.kontakt {
  float: left;
  width: 100%;
}
@media (min-width: 1100px) {
  .span_6_of_12.kontakt {
    width: 50%;
  }
}
.site-itemization.pages.gradient {
  background: #fff;
  background: -webkit-linear-gradient(bottom, #f1f2f4, #fff ); 
  background: -o-linear-gradient(top, #f1f2f4, #fff); 
  background: -moz-linear-gradient(top, #f1f2f4 , #fff); 
  background: linear-gradient(to top,  #f1f2f4, #fff );
}
.karta {
  width: 100%;
  height: 400px;
  margin-top: 80px;
  float: left;
  display: block;
}
.span_12_of_12.mapa {
  height: 400px;
  width: 100%;
  position: relative;
  float: left;
}
.span_6_of_12.forma {
  display: block;
  float: right;
  width: 100%;
  padding:40px 15px 40px 15px;
}
@media (min-width: 1100px) {
  .span_6_of_12.forma {
    display: block;
    float: right;
    width: 40%;
    padding:0px 40px 40px 40px;
  }
}
@media (min-width: 1400px) {
  .span_6_of_12.forma {
    padding:0px 0px 40px 40px;
  }
}
.forma {
  display: block;
  float: left;
  width: 100%; 
}
#kontakt-forma {
  display: block;
  float: left;
  position: relative;
  width: 100%;
  max-width: 100%;
}
#kontakt-forma input, #kontakt-forma textarea {
  box-sizing: border-box;
  color: #585858;
  height: 40px;
  padding: 6px 10px;
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  box-shadow: none;
}
#kontakt-forma input[type="text"] {
  color:#202020;
  font-size:14px;
}
#kontakt-forma input:focus, #kontakt-forma textarea:focus {
  border:1px solid #baddfa;
  outline: 0;
}
#kontakt-forma h2 {
  font-size:24px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 600;
}
#kontakt-forma label {
  color: #717171;
  display: block;
  font-size: 16px;
  font-weight: 400;
}
#kontakt-forma .btn.send {
  background: #2924d1;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  padding: 0 12px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 10px;
  margin-bottom: 0;
  transition:all 0.6s ease;
}
#kontakt-forma .btn.send:hover {
  background:#1875d1;
}
/* end of contact page style */
/** Form styles */
input {
  font-size: 0.8125em;
  line-height: 1.538461538;
}
textarea {
  resize: none;
}
input[type=search] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

::-webkit-input-placeholder {
  /* Safari, Chrome and Opera */
  color: #717171;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #717171;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #717171;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #717171;
}

::-ms-input-placeholder {
  /* Edge */
  color: #717171;
}
.header-search input {
  float: left;
  width: 85%;
  padding: 4px 10px;
  border: none;
  margin: 0;
  background-color: transparent;
}
.header-search input:focus {
  outline: none;
}
.header-search input[type=submit] {
  width: 15%;
  background: url("../images/icon-search.png") no-repeat center;
}
.txt_error {
  padding: 1em 1em 1em 60px;
  border: 1px dashed #EAC0C2;
  line-height: 1.25;
  background-color: #FDE8E9;
  background-image: url("../images/forme/error-32.png");
  background-repeat: no-repeat;
  background-position: 15px center;
}
.chck-box .txt_error {
  color: #E81500 !important;
}
.error {
  border: 1px solid #e81500 !important;
  background-image: url(../images/forme/error.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding:5px 10px;
  color:#E81500;
}
.success {
  padding: 1em 1em 1em 60px;
  border: 1px dashed #7AC143;
  line-height: 1.25;
  background-image: url(../images/forme/sucess-32.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  color:#7AC143;
}
/* end of form styles */
/* Footer styles */
.site-footer {
  padding: 3em 0 2em;
  background-color: #1875d1;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  box-shadow: 0px -8px 10px 0px rgba(0,0,0,0.15);
}
.footer-container {
  width: auto;
  max-width: 1050px;
  margin: 0 auto;
  margin-left: 0.5em;
}
.footer-container ul {
  margin-top: 1em;
  list-style-type: none;
}
.footer-logo {
  text-align: left;
  margin-bottom: 1em;
}
.footer-logo img {
  max-width: 230px;
}
.copyright {
  color: #fff;
  display: block;
  float: left;
  margin: 40px auto 0;
  text-align: center;
}
.copyright span {
  line-height: 1.2;
  margin: 0 0;
}
.virtus-logo {
  margin: 0 0;
}
.virtus-logo img {
  vertical-align: middle;
  margin-top: 10px;
}
.icon {
  display: inline;
  float: left;
  margin-right: 1em;
  height:91px;
}
.icon.first {
  height:225px;
}
.twiter, .face {
  display: block;
  float: left;
  margin-top: 40px;
  margin-right:10px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition:all 0.6s ease;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
@media (min-width: 1400px) {
  .twiter:hover, .face:hover {
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    transform:translateY(-8px);
    color:#2924d1; 
  }
}
.fast-info {
  float: right;
  margin-top: -11px;
}
.fast-info > a {
  color: #202020;
  font-size: 14px;
  margin-left: 15px;
}
.blog-box {
  border: 1px solid #f1f1f1;
  display: block;
  float: left;
  margin-bottom: 30px;
  padding: 20px;
  width: 100%;
}
.blog-box h2 { color:#202020; }
.blog-box p { color:#717171; }
.blog-box span {
  background: #2924d1;
  color: #fff;
  font-size: 12px;
  padding: 5px 10px;
}
/* end of footer styles */
/* --------------- ------------------- Media start */
.primary-nav.group .desk-show {
  display: none;
}
@media (min-width: 360px) {
  .site-slider-1 .bx-wrapper .bx-controls-direction a {
    top: 40%;
  }
  .slider-1-span {
    padding-top: 30px;
    padding-left: 140px;
  }
}
@media (min-width: 400px) {
  .header-search {
    width: 270px;
  }
}
@media (min-width: 480px) {
  .main-nav {
    margin-left: -43px;
  }
  .site-slider-1 .bx-wrapper .bx-controls-direction a {
    top: 44%;
  }
  .slider-1-span {
    padding-top: 30px;
    padding-left: 200px;
  }
  #kontakt-forma {
    max-width: 100%;
  }
  .copyright {
    text-align: left;
  }
}
@media (min-width:500px) {
  .gallery-blog a { width:25%; }
}
@media (min-width: 600px) {
  .span_12_of_12.select-destination .span_3_of_12 {
    padding:10px 1%;
  }
  .main-nav {
    float: left;
    max-width: 788px;
    margin-left: 0;
  }
  .header-bar, #toggle {
    float: right;
  }
  .header-bar {
    width: 100%;
    max-width: 319px;
    padding-top:1.3em;
    margin-right: 0.5em;
    margin-left: 0;
  }
  .primary-nav {
    max-width: 315px;
  }
  /*.dest-nav {
    max-width: 315px;
  }*/
  .slider-1-span {
    padding-left: 250px;
    padding-top: 30px;
  }
  .span_4_of_12.izdvojeno img {
    max-width: 500px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    top:55%;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    top:64%;
  }
  .copyright span, .virtus-logo {
    float: left;
    display: block;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .site-slider-2 .bx-wrapper .bx-prev {
    top:50%; 
  }
  .site-slider-2 .bx-wrapper .bx-next {
    top:59%;
  }
  .site-top-image {
    display: none;
  }
  .site-top-slider {
    position: relative;
    display: block;
    width: 100%;
    z-index:0;
  }
  .site-top-slider .bx-wrapper {
    background: #1875D1;
    margin:0 auto;
    position: relative;
  }
  .site-top-slider .bx-wrapper img {
    float: right;
  }
  .site-top-slider .bx-wrapper .bx-pager {
    z-index:2000;
    padding-left: 20px;
    padding-top: 0;
  }
  .site-top-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom:24px;
  }
  .site-top-slider .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    float: right;
  }
  .site-top-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #2924d1;
    border-radius:0px;
    margin:0 2px;
  }
  .site-top-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #baddfa;
  }
  .slider-txt {
    display: block;
    position: absolute;
    bottom:50px;
    right:50px;
    height: auto;
    width: auto;
    text-align: left;
    padding:10px 20px;
    z-index:1;
   background:rgba(41,36,209,0.5);
  }
  .slider-txt h2 {
    font-size:24px;
    text-transform: uppercase;
    margin:0 0;
    max-width: 50%;
    line-height: 1.2;
    font-weight: 600;
  }
  .slider-subtitle {
    font-style: italic;
    float: left;
    display: block;
    width: 100%;
    /*line-height: 1.2;*/
  }
  .site-slider-1 {
    padding:20px 0;
  }
  .slider-1-span {
    padding-left: 270px;
    padding-top: 30px;
  }
  .site-slider-1 .bx-wrapper .bx-controls-direction a {
    top: 47%;
  }
}
@media (min-width: 768px) {
  .span_4_of_12.item-2:last-child {
    float: none;
    margin: 0 auto;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    top:44%; 
  }
  .site-slider-2 .bx-wrapper .bx-next {
    top:52%;
  }
  .site-itemization-2 .bx-wrapper .bx-controls-direction a {
    top:35%;
  }
  .footer-logo {
    text-align: center;
  }
  .footer-container .col.span_4_of_12 {
    width: 32.2%;
  }
  .copyright {
    margin-top: 1em;
    text-align: left;
  }
  .virtus-logo {
    margin-left: 30px;
  }
  .bxslider-slider-1 img {
    float: left;
    margin-left:60px;
  }
  .site-slider-1 .bx-wrapper .bx-controls-direction a {
    top: 23%;
  }
  .slider-1-head {
    float: left;
    text-align: left;
    margin-left: 60px;
    width: auto;
    max-width: 621px;
  }
  .slider-1-head > p {
    padding:0 0;
  }
  .slider-1-span {
    padding:30px 60px;
  }
  .special-offers {
    margin-top:76px;
    margin-left: 150px;
  }
  .tabs a {
    padding: 6px 18px;
  }
  .copyright span, .virtus-logo {
    width: auto;
  }
  .virtus-logo img {
    margin-top: 2px;
  }
}
@media (min-width:800px) {
  .site-itemization.pages.destinacije .span_4_of_12.destinations {
    width: 50%;
    padding:0 0;
  }
  .site-itemization.pages.destinacije .span_4_of_12.destinations .slider-3-txt {
    padding: 0 0 40px 0;
  }
  .span_4_of_12.destinations .slider-3-txt .btn-read {
    bottom:50px;
  }
  .gallery-blog a { width:20%; }
}
@media (min-width:900px) {
  .site-slider-1 .bx-wrapper .bx-controls-direction a {
    top: 30%;
  }
  .site-itemization-2 .bx-wrapper .bx-controls-direction a {
    top:50%;
  }
}
@media (min-width: 980px) {
  .site-slider-2 .bx-wrapper .bx-prev {
    top: 37%;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    top:44%;
  }
  .select-box {
    width:33.3%;
    border-bottom: none;
  }
  .select-box:last-child {
    width: 33.4%;
  }
  
  .table-details .send-request {
    left: auto;
    right: 72px;
  }
}
@media (min-width: 1000px) {
  .span_4_of_12.item-2:last-child {
    float: left;
  }
  .span_12_of_12.select-destination .span_3_of_12 {
    float: left;
    max-width: 480px;
    margin-left:1%;
    padding:10px 0;
  }
  .site-slider-2 .bxslider-slider-2 img {
    max-width: 50%;
  }
  .site-slider-2 .bx-wrapper {
    margin-top: -1px;
  }
  .slider-2-content {
    /*margin: 80px 0 0 0;
    padding: 45px 25px;*/
    margin-top: 25px;
    margin-right:20px;
    padding:44px 40px;
    width: 45%;
    float: right;
    text-align: left;
    z-index:1000;
  }
  .site-slider-2 .site-heading {
    z-index:-1;
  }
  .site-slider-2 .site-heading h2 a {
    text-align: right;
    padding-right: 30px;
    z-index:1500;
  }
  .bxslider-slider-2 .btn-read {
    float: left;
  }
  .slider-2-content h2 a, .slider-2-content h2 {
    font-size: 24px;
  }
  .bxslider-slider-2 .slider-2-content p {
    font-size:14px;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -253px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
    left: 50.3%;
    right: auto;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
    /*right: 875px;*/
    top: 457px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    left: 50.3%;
    right: auto;
  }  
}
@media (min-width: 1024px) {
  .site-itemization.pages .span_4_of_12 {
    padding:40px 0;
  }
  .site-logo {
    float: left;
    margin-left: 15px;
  }
  .send-request {
    margin-left: 0;
  }
  .header-bar {
    float: right;
    margin-right: 1.75em;
    padding: 1.5em 0 0 0;
    width: auto;
    max-width:31%; 
  }
  .footer-container {
    margin-left: 3.75em;
  }
  .slider-txt h2 {
    font-size:30px;
    font-weight: 600;
  }
  .site-top-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 100px;
  }
  .bxslider-slider-1 img {
    float: left;
    margin-left: 60px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .special-offers {
    float: left;
    margin-top:64px;
    margin-left:80px;
  }
  .slider-1-head {
    display: block;
    float: left;
    width: 100%;
    padding-top: 25px;
    text-align:left;
    margin-left: 60px;
    max-width: 886px;
  }
  .slider-1-span {
    padding: 14px 61px;
  }
  .site-slider-1 .bx-wrapper .bx-controls-direction a {
    top:50%;
  }
  .slider-1-head > p {
    padding:0 0;
  }
  .slider-1-span > span {
    text-align: left;
  }
  .site-heading h2 a, .site-heading h2.so-tit {
    text-align: right;
    padding-right:30px;
    z-index:1500;
  }
  .image-details {
    max-width: 50%;
    margin-bottom: 0;
  }
  .span_12_of_12.paragraph, .span_12_of_12.newsletter {
    padding:10px 20px 80px 15px;
  }
  .site-heading.single h1, .site-heading.newsletter h1, .site-heading.contact h1, .site-heading.search h1 {
    padding-left: 15px !important;
  }
  .span_12_of_12.site-details .stars {
    width: 45%;
    padding-left: 0;
  }
  .slider-subtitle {
    padding-left: 0 !important;
  }
  .span_4_of_12.item-2 {
    padding-bottom: 60px;
    width: 33.3%;
    padding-top: 65px;
    float: left;
  }
  .span_4_of_12.item-2 img {
    width: 80%;
  }
  .span_6_of_12.kontakt p {
    float: left;
  }
}
@media (min-width: 1100px) {
  .slider-1-span {
    padding: 70px 61px;
  }
  .send-request {
    right:250px;
  }
  .span_12_of_12.select-destination .span_3_of_12 {
    margin-left: 2%;
    width: 22.6%;
  }
  .slider-2-content {
    padding:48px 40px;
    margin-top: 55px;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -221px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
    left: 50.7%;
    right:auto;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
    /*right: 875px;*/
    top: 457px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    left: 50.7%;
    right:auto;
  }  
}
@media (min-width: 1200px) {
  .send-request.table {
    right: 40px;
  }
  .span_12_of_12.select-destination .span_3_of_12 {
    width: 22.6%;
  }
  .site-slider-2 .bx-wrapper {
    margin-top: -50px;
  }
  .slider-2-content {
    padding:48px 40px;
    margin-top: 91px;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -187px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
    left: 51.1%;
    right: auto;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
    /*right: 875px;*/
    top: 457px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    left: 51.1%;
    right: auto;
  }
  .table-details .send-request {
    left: auto;
    right: 86px;
  }
  .span_3_of_12.regija {
    width:23.72%;
  }
  .span_3_of_12.smjestaj {
    width: 25%;
  }
  .span_3_of_12.smjestaj a {
    width: 80%;
  }
  .span_3_of_12.smjestaj h2 {
    margin-top: 0px;
  }
}
@media (min-width: 1280px) {
  .send-request.table {
  right: 80px;
  }
  .table-details .send-request {
    left: auto;
    right: 92px;
  }
  .slider-2-content {
    margin-right: 20px;
    margin-top: 76px;
    padding: 70px;
  }
  .site-slider-2 .site-heading h2 a {
    padding-right: 0px;
  }
  .span_12_of_12.select-destination #toggle {
    display: none;
  }
  .site-itemization.pages .span_4_of_12 {
    padding:80px 0;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    left: 51.4%;
    right: auto;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    left: 51.4%;
    right: auto;
  }
  .site-itemization-2 .bx-wrapper .bx-controls-direction a {
    top:45%;
  }
  #toggle {
    display: none;
  }
  .sub-nav > li > a {
    color:#fff;
  }
  .span_12_of_12.select-destination .span_3_of_12 {
    margin-right: 1.6%;
    width: 22.6%;
  }
  .destination-list {
    display: none;
    top:40px;
  }
  .toggle-sub-menu {
    display: none;
  }
  .main-nav {
    margin-top: 20px;
    width: 100%;
  }
  .site-header {
  	padding-top: 1.75em;
  	padding-bottom: 0;
    z-index:100;
    position: relative;
  }
  .site-logo {
    margin-left: 15px;
  }
  .header-bar {
    max-width:800px;
    padding-top: 0; 
  }
  .primary-nav.group .desk-show {
    display: block;
  }
  .expand.mob-show {
    display: none;
  }
  .primary-nav {
    list-style: none;
    display: block;
    width: 100%;
    margin-bottom: 0;
    box-shadow:none;
    max-width: 100%;
    margin-top: -20px;
    margin-bottom: 30px;

  }
  .dest-nav {
    list-style: none;
    display: block;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0.2em;
    box-shadow:none;
    max-width: 100%;
    background: #F1F2F4;
    font-size:13px;
  }
  .primary-nav > li > a {
    display: block;
    width: 100%;
    padding-bottom:2em;
    line-height:21px;
  }
  .dest-nav li a {
    display: block;
    width: 100%;
    padding:10px;
    line-height:21px;
    color:#717171;
    font-weight: 400;
  }
  .primary-nav > li > a:hover {
    display: block;
    width: 100%;
  }
  .dest-nav li a:hover {
    display: block;
    width: 100%;
  }
  .primary-nav > li {
    position: relative;
    display: inline-block;
    text-align: left;
  }
  .dest-nav li {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 100%;
  }
  .primary-nav > li:hover .sub-nav {
    display: block;
  }
  .dest-nav li:hover .dest-sub-nav {
    display: block;
  }
  .dest-sub-nav li:hover .dest-sub-sub {
    display: block;
  }
  .sub-nav {
    background: #2924d1;
    display: none;
    left:0;
    margin:0 0 !important;
    max-width: 200px;
    min-width: 200px;
    position: absolute;
    top:4em;
    z-index:1500;
  }
  .dest-sub-nav {
    background: #f1f2f4;
    display: none;
    left:0px;
    margin:0 0 !important;
    width: 100%;
    position: absolute;
    top:34px;
    z-index:1500;
  }
  .dest-sub-sub {
    background: #F1F2F4;
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
  }
  .sub-nav > li {
    display: block;
    float: left;
    margin: 0;
    text-align: left;
    width: 100%;
  }
  .dest-sub-nav li {
    display: block;
    float: left;
    margin: 0;
    text-align: left;
    width: 100%;
    transition:all 0.6s ease; 
  }
  .sub-nav > li > a:hover {
    color: #FDBF03;
  }
  .dest-sub-nav li a:hover{
    color: #fff;
    background: #FDBF03;
  }
  .footer-container {
    margin: 0 auto;
    float: none;
  }
  .site-top-slider .bx-wrapper .bx-pager {
    padding-left: 23px;
  }
  .site-top-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 200px;
  }
  .bxslider-slider-1 img {
    float: left;
    margin-left: 60px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .bxslider-slider-1 img {
    transition:all 0.6s ease;
  }
  .special-offers {
    float: left;
    padding: 25px 70px 12px;
    margin:0 auto;
  }
  .special-offers:hover {
    color:#2924d1;
  }
  .slider-1-head {
    width: 33%;
    margin-left: 0;
    max-width: 621px;
  }
  .slider-1-head h2 a:hover {
    color:#2924d1;
  }
  .bxslider-slider-1 a.slider-1-img {
    display: block;
  }
  .bxslider-slider-1 a:hover img{
    box-shadow: 0px 0px 17px rgba(0,0,0,0.5);
    display: block;
  }
  .slider-1-span {
    padding: 72px 30px;
    float: left;
  }
  .site-slider-1 .bx-wrapper .bx-controls-direction a {
    top:50%;
  }
  .slider-1-head > p {
    padding:0 0;
  }
  .slider-1-span > span {
    text-align: left;
  }
  .site-slider-2 .site-heading {
    text-align: right;
    padding: 0px 60px 0px 0px;
  }
  .site-heading h2, .site-heading h2.so-tit {
    display: inline-block;
    width: 47%;
    text-align: right;
  }
  .site-heading h2.so-tit { width:100%;text-align: left; }
}
@media (min-width: 1300px) {
  .span_12_of_12.select-destination .span_3_of_12 {
    width: 22.6%;
  }
  .slider-2-content {
    margin-top: 85px;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -165px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
    left: 51.8%;
    right: auto;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
    /*right: 875px;*/
    left: 51.8%;
    right: auto;
    top: 457px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    right: 44.8%;
  }
  .dest-sub-nav {
    top:40px;
  }
}
@media (min-width: 1350px) {
  .slider-2-content {
    margin-top: 104px;
  }
}
@media (min-width: 1400px) {
  .send-request.table {
    right: 150px;
  }
  .bxslider-slider-2 .slider-2-content p {
    margin: 60px 0 !important;
  }
  .slider-2-content h2 a, .slider-2-content h2 {
    font-size: 30px;
  }
  .bxslider-slider-2 .slider-2-content p {
    font-size:16px;
  }
  .slider-2-content {
    width: 48%;
  }
  .span_12_of_12.rezultati {
    padding-left: 60px;
  }
  .bxslider-slider-2 .btn-read {
    float: left;
  }
  .slider-2-content {
    text-align: left;
  }
  .site-breadcrumb {
    padding-left: 60px;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -140px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
    left: 50.9%;
    right: auto;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
    /*right: 875px;*/
    left: 50.9%;
    right: auto;
    top: 457px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    right: 45.7%;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    left: 50.9%;
    top: 384px;
  }
  .site-heading.contact h1, .site-heading.search h1 {
    padding-left: 0 !important;
  }
  .site-itemization.pages.destinacije .span_4_of_12.destinations {
    width: 33.33%;
  }
  .span_6_of_12.mapa {
    margin-top: 0;
  }
  .site-itemization.pages.destinacije .span_4_of_12 {
    padding:0 0;
  }
  .span_6_of_12.mapa, .span_6_of_12.kontakt {
    width: 50%;
  }
  .span_6_of_12.kontakt p {
    padding-left: 60px;
  }
  .forma {
    padding-bottom: 0;
  }
  .desk-show {
    display: block;
  }
  .expand.mob-show {
    display: none;
  }
  .site-logo {
    margin-left: 60px;
  }
  .footer-logo img {
    margin-left: -9em;
    max-width: 230px;
  }
  .slider-txt {
   padding: 20px 40px;
  }
  .site-top-slider .bx-wrapper .bx-pager {
    padding-right: 64px;
  }
  .span_4_of_12.izdvojeno img, .span_4_of_12.item-2 img, .site-itemization-2 .span_4_of_12.item-2 img, .span_4_of_12.izdvojeno img {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .span_4_of_12.item-2, .span_4_of_12.item-2 h2, .site-itemization-2 .span_4_of_12.item-2 h2 {
    display: block;
    transition: all 0.3s ease;
  }
  .span_4_of_12.item-2 a:hover img, .site-itemization-2 .span_4_of_12.item-2 a:hover img, .span_4_of_12.izdvojeno:hover img {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  .span_4_of_12.izdvojeno:hover span {
    color:#2924d1;
  }
  .virtus-logo {
    margin-left: 52px;
  }
  .span_12_of_12.paragraph, .span_12_of_12.newsletter {
    padding:0 464px 80px 464px;
  }
  .site-heading.single h1, .site-heading.newsletter h1 {
    padding-left: 404px !important;
  }
  #kontakt-forma  {
    max-width: 95%;
  }
  .span_12_of_12.paragraph.contact-info #kontakt-forma  {
    max-width: 100%;
  }
  .span_4_of_12.item-2 {
    padding-top: 95px;
    padding-bottom: 95px;
    float: left;
    width: 33.2%;
  }
  .span_4_of_12.item-2 img {
    width: auto;
  }
  .span_6_of_12.kontakt p {
    float: none;
  }
  .slider-3-txt .btn-read {
    bottom:34px;
    left:0;
    right:0;
    margin:0 auto;
  }
  .span_4_of_12.destinations .slider-3-txt .btn-read {
    bottom:70px;
  }
  .slider-3-txt a {
    padding:60px 90px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .slider-3-txt .btn-read:hover {
    background:#1875D1;
  }
  .slider-3-txt p, .slider-3-txt .btn-read {
    opacity:0;
    display: block;
    transition:all 0.3s ease;
  }
  .bxslider-slider-3 li:hover .slider-3-txt .btn-read {
    opacity: 1;
  }
  .bxslider-slider-3 li:hover .slider-3-txt a p {
    opacity: 1;
    position: relative;
  }
  .bxslider-slider-3 li:hover .slider-3-txt h2 {
    color:#2924d1;
  }
  .slider-3-txt {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .bxslider-slider-3 li:hover .slider-3-txt, .span_4_of_12.destinations:hover .slider-3-txt {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  .send-request {
    right: 300px;
  }
  .span_3_of_12.regija, .span_3_of_12.smjestaj {
    width:23.72%;
  }
  .header-bar {
    max-width: 737px;
  }
}
@media (min-width: 1400px) {
  .no-content {
    padding:0 57px;
    min-height: 400px;
  }
  .slider-2-content {
    float: right;
    width: 46%;
    z-index: 100;
    /*padding: 107px 90px;*/
    padding:68px 50px;
    margin-top: 86px;
    margin-right: 20px;
  }
  .site-slider-2 .bxslider-slider-2 img {
    max-width: 50%;
  }
  .site-slider-2 .bx-wrapper {
    margin-top: -50px;
  }
  /*pager*/
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -140px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
    left: 50.9%;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
    /*right: 875px;*/
    top: 457px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    right: 45.7%;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    left: 50.9%;
    top: 384px;
  }
  /*pager*/
  .span_12_of_12.select-destination .span_3_of_12 {
    margin-left: 1.97%;
  }
  .dest-sub-nav {
    top:41px;
    left:1px;
  }
  .dest-nav li a {
    padding:10px;
  }
}
@media (min-width: 1500px) {
  .slider-2-content {
    margin-right: 26px;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -162px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    right: 46%;
    left: 50.6%;
    right: auto;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    left: 50.6%;
    right: auto;
    top: 384px;
  }
  .send-request.table {
  right: 200px;
  }
}
@media (min-width: 1600px) {
  .send-request.table {
  right: 250px;
  }
  .main-nav {
    margin-right: 2em;
    margin-top:0;
  }
  .header-bar {
    max-width:80%;
  }
  .primary-nav > li > a {
   padding: 20px 10px;
  font-size: 16px;
  }
  .dest-nav li a {
    padding: 10px;
    color:#717171;
    font-weight: 400;
  }
  .sub-nav {
   top: 55px;
  }
  .dest-sub-nav {
    top:41px;
  }
  .slider-1-span {
    float: left;
    padding: 72px 100px;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    background: transparent url(../images/arrow-slider-2-prev.png) no-repeat top center;
    /*left: 49.6%;*/
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    background: transparent url(../images/arrow-slider-2-next.png) no-repeat bottom center;
    /*right: 875px;*/
    top: 457px;
  }
  .slider-2-content {
    float: right;
    width: 47%;
    z-index: 100;
    padding: 107px 90px;
    margin-top: 150px;
    /*margin-right: 33px;*/
    margin-right: 29px;
  }
  /*.slider-2-content {
    padding:30px 50px;
  }*/
  .bxslider-slider-2 .slider-2-content p {
    margin: 100px 0 !important;
  }
  .site-slider-2 .bxslider-slider-2 img {
    max-width: 50%;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    margin-top: -16px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    right: 47%;
  }
  .site-slider-2 .bx-wrapper .bx-controls-direction a {
    width: 3.4%;
  }
  .site-slider-2 .bx-wrapper .bx-prev {
    left: 49.6%;
    right: auto;
    top: 384px;
  }
  .site-slider-2 .bx-wrapper .bx-next {
    left: 49.6%;
    right: auto;
  }
  .send-request {
    right:390px;
  }
  .header-bar {
    max-width: 48%;
  }
  .primary-nav {
    margin-bottom: 11px;
    margin-top: -11px;
  }
}
@media (min-width: 1800px) {
  .slider-2-content {
    margin-right: 33px;
  }
  .send-request {
    right:600px;
  }
  .apartmen-heading h2 a, .hotel-stars h2 a {
    font-size:20px;
  }
  .send-request.table {
    right: 400px;
  }
  .fast-info {
    margin-right: 163px;
  }
}

.image {
  position: absolute;
  width: 49%;
  height: 100%;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hidden-image {
  display: none !important;
}
@media (max-width: 1400px) {
  .hidden-image {
    display: block !important;
  }
  .image {
    position: relative;
    width: 100%;
    height: auto;
  }
}
#kontakt-forma h3 {
  color: #202020;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
}
.polasci {
  display: block;
  float: left;
  width: 48%
}
.odlasci {
  display: block;
  float: right;
  width: 48%
}
.first-name {
  float: left;
  width: 100%;
}
.ui-widget-content {
  border-radius:none !important;
}
.ui-widget-header {
  background: #2924d1 !important;
  border-radius:none !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #2924d1 !important;
  background: #fff !important;
  color: #2924d1 !important;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 4px !important;
  width: 1.8em;
  height: 1.8em;
  border:1px solid #2924d1 !important;
}
.ui-datepicker .ui-datepicker-next {
  background: url(../images/next-picker.png) no-repeat center !important;
}
.ui-datepicker .ui-datepicker-prev {
  background: url(../images/prev-picker.png) no-repeat center !important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: none !important;
}
.ui-datepicker .ui-datepicker-prev {
  left:0 !important;
}
.ui-datepicker .ui-datepicker-next {
  right:0 !important;
  top: none !important;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left:0 !important;
}
.ui-datepicker .ui-datepicker-next-hover {
  right:0 !important;
  top: none !important;
}
.ui-state-default:hover {
  color:#2924d1 !important;
  border:1px solid #2924d1 !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0px !important;
}
/* Top search */

.top-search {
  display: block;
  float: left;
  background: #F1F2F4;
  margin-bottom: 0;
  list-style-type: none;
  width: 100%;
}
ul.top-search li {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index:9999;
}
ul.top-search li a.desktop {
  display: none;
}
ul.top-search li a.expand.mobitel {
  display: block;
}
ul.top-search li a {
  color: #717171;
  font-weight: 100;
  font-size:14px;
  width: 100%;
  display: block;
  line-height: 21px;
  padding:9px 0 9px 24px;
  border-bottom:1px solid #dedede;
  text-transform: uppercase;
  background: url(../images/arrow-select.png) no-repeat right 8px center;
}
ul.top-search li ul li a {
  border-bottom:none !important;
}
ul.top-search li ul {
  display: none;
  left: 0;
  margin: 0 !important;
  width: 100%;
  top: 38px;
  z-index: 9999;
  background: #f1f2f4;
}
ul.top-search li ul li {
  position: relative;
} 
ul.top-search li ul li a {
  background: #f8f8f8;
  border-right:none;
}
ul.top-search li ul li a:hover {
  background: #fdbf03;
  color:#fff;
}
ul.top-search li ul li ul {
  display: none;
}
ul.top-search li ul li ul li a {
  background: #fbfcfd;
  padding-left: 35px;
}
.search-btn {
  background: #8bc34a none repeat scroll 0 0;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.35);
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  padding: 6px 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.6s ease 0s;
  width: 100%;
}
.search-btn:hover {
  color:#fff;
  background: #78af33;
}
@media (min-width: 1100px) {
  .top-search {
     width: 33.33%;
  }
  .search-btn {
    width: 33.33%;
  }
  ul.top-search li a.desktop {
    display: block;
    position: relative;
  }
  ul.top-search li a {
    border-right:1px solid #dedede;
    padding:9px 0 9px 63px;
  }
  ul.top-search li ul li ul li a {
    padding-left: 63px;
  }
  ul.top-search li a.expand.mobitel {
    display: none;
  }
  ul.top-search li:hover ul {
    display: block;
  }
  ul.top-search li ul {
    display: none;
    left: 0;
    margin: 0 !important;
    width: 100%;
    top: 38px;
    z-index: 9999;
    background: #f1f2f4;
    position: absolute;
  }
  ul.top-search li ul li ul {
    display: none !important;
    left:100%;
    top:0;
    margin:0;
    z-index:9999;
    width: 100%;
  }
  ul.top-search li ul li:hover ul {
    display: block !important;
  }
}



.table-new{
  width: 100%;
  clear: both;
  max-width: 1170px;
  margin:0 auto;
  padding: 0 20px
}
.title-row{
  color: #2924d1 !important;
  text-transform: uppercase;
  font-weight: 400;
  text-align: center;
  font-size: 16px;
  background: #f1f2f4;
border-bottom: 2px solid #2924d1;
text-align: left;
}
.w10{
  width: 100%;
  float: left;
  border-bottom: 3px solid #2693f2;
  padding: 10px 0;
}
.title-row.w10{
    padding:0;
}
.w3{
  width: 33%;
  float: left;
  padding-left: 10px;
  font-family: "Quattrocento", serif;
  color: #202020;font-size: 18px;font-weight: 600;
    line-height: 22px;
}
.title-row .w3{
  font-family: "Open Sans", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  padding: 6px 11px;
  color: #2924d1;
}
.w7{
  width: 66%;
  float: right;
}
.w5{
  width: 50%;
  float: left;
  color: #717171;
  font-weight: 200;
  font-size: 14px;
  line-height: 20px;
padding: 6px 6px;
}
.w5.price-frame{
    font-weight: 500;
}
.date-row{
  width: 100%;
  float: left;
  border-bottom: 1px solid #f1f1f1;
}
.date-row.last-row{
  border-bottom: 1px solid transparent;
}
.title-row .w5{
  font-weight: 400;font-size: 16px;
  color: #2924d1 !important;
  line-height: 30px;

}


@media screen and (max-width: 540px){
  .w10.title-row{
      display: none;
  }
  .w3, .w7{
    width: 100%;
  }
  .w3{
    background: rgb(249, 249, 249) none repeat scroll 0% 0%;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
  }
    .w5.price-frame {
      font-weight: 500;
      width: 33% !important;
      float: right;
      text-align: right;
  }

}
.span_12_of_12.site-details table {
  width: 100%;
  max-width:100%;
  display:block;
  overflow-x:auto;
}
.span_12_of_12.site-details table caption {
  background: #F1F2F4 !important;
  color:#2924d1 !important;
  border-bottom:3px solid #2693f2;
  font-size:16px;
  line-height: 20px;
  padding:5px;
}
.span_12_of_12.site-details td, .span_12_of_12.site-details th {
  padding:10px;
  color: #717171;
  font-size:14px;
  line-height: 18px;
  border:1px solid #f1f1f1;
}
/*.span_12_of_12.site-details td, .span_12_of_12.site-details th {
  width: 100%;
  float: left;
}*/
.span_12_of_12.site-details tr {
  border:1px solid #f1f1f1;
}
@media (min-width: 360px) {
  .span_12_of_12.site-details table {
    width: 100%;
    max-width: 340px;
  }
}
@media (min-width: 600px) {
  .span_12_of_12.site-details td, .span_12_of_12.site-details th {
    width: auto;
    float: none;
  }
  .span_12_of_12.site-details table {
    width: 100%;
    max-width:100%;
  }
}
@media (min-width: 1000px) {
  .span_12_of_12.site-details td {
    width: auto;
    float: none;
  }
  .span_12_of_12.site-details td, .span_12_of_12.site-details th {
    font-size:16px;
    line-height: 20px;
  }
}
.site-top-slider img{width: 100%}
.main-content,.site-top-slider,.site-slider-1{max-width: 1900px;
margin: 0 auto;float: none;clear:both;}