*, ::before, ::after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif, Helvetica, Arial;
    font-size: 16px;
    font-weight: 300;
    -webkit-text-size-adjust: none;
    color: #3c3c3c;
}

.work {
    font-family: 'Work Sans', sans-serif, Helvetica, Arial;
    font-weight: 300;
}

.no-list-items {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 22px;
    text-align: center;
    margin: 150px 0;
}

#about-us-container {
    background-color: #ebf5f9;
    background-image: url('/images/blue-shape.png');
    background-position: top center;
    padding-top: 260px;
    background-repeat: no-repeat;
    margin-top: -200px;
}

#about-us-container.low-margin {
    margin-top: -140px;
    padding-top: 320px;
}

#about-us-container h2.top-margin-minus {
    top: -55px !important
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #88211a;
}

a:hover {
    text-decoration: underline;
}

img {
    border: none;
}

strong {
    font-weight: 600;
}

p {

}

p img {
    max-width: 100%;
}

h1 {
    font-size: 48px;
    font-weight: 100;
    color: #fff;
    margin-top: 80px;
}

h1.home {
    margin-top: 140px;
}

h1 strong {
    font-weight: 300;
}

h2 {
    position: relative;
    font-size: 50px;
    font-weight: 200 !important;
    color: #0d6389;
}

h2 span {
    display: block;
    font-size: 18px;
    color: #466d7e;
    font-weight: 100 !important;
}

h2.no-top-margin {
    margin-top: 0;
}

h2.top-margin-minus {
    top: -55px;
}

h2.main-section-title {
    font-size: 40px;
    font-weight: 200;
    color: #0d6389;
    margin-bottom: 80px;
    text-align: center;
}

h2.vodice-section-title {
    font-weight: 200;
    font-size: 30px;
    margin: 20px 0 20px 0;
    color: #0d6389;
}

h3.services {
    font-weight: 200;
    font-size: 30px;
    margin: 20px 0 20px 0;
    color: #0d6389;
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

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

ul li {
    text-align: justify;
}

.in-progress {
    color: #0d6389;
    font-weight: 300;
    font-size: 30px;
    margin: 50px 0 30px 0;
}

.clearfix {
    clear: both;
}

.btn-green {
    text-align: center;
    position: relative;
    height: 44px;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    cursor: pointer;
    background: url('/images/green-btn.png') repeat-x 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}

.btn-green:hover {
    background-position: 0 -44px;
    text-decoration: none;
}

.btn-green.block {
    width: 100%;
}

.btn-green.calc {
    width: 44px;
    padding: 0;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

/* Firefox < 19 */
input:focus:-moz-placeholder {
    color: transparent;
}

/* Firefox > 19 */
input:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10 */
input:focus:-ms-input-placeholder {
    color: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.slides {
    position: relative;
    white-space: nowrap;
}

/** LAYOUT **/
div.header-container:not(#contact-header):not(#blog-header):not(#home-header):not(.strava-header) h1 {
    margin-top: 35px;
}

div.header-container {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center 0;
}

div.header-container .mobile-scroll-arrow {
    position: absolute;
    display: none;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 48px;
    height: 48px;
    background: url('/images/mobile-scroll-down.png') no-repeat;
    cursor: pointer;
}

div.header-container#home-header {
    height: 890px;
    background-image: url('/images/home-top-back.jpg');
}

div.header-container#apartments-header {
    height: 445px;
    background-image: url('/images/apartments-top-back.jpg');
}

div.header-container#gallery-header,
div.header-container#contact-header {
    height: 445px;
    background-image: url('/images/contact-top-back.jpg');
}

div.header-container#blog-header {
    height: 445px;
    background-image: url('/images/articles-top-back.jpg');
}

div.header-container#services-header {
    height: 445px;
    background-image: url('/images/apartments-top-back.jpg');
}

div.header-container#vodice-header {
    height: 445px;
    background-image: url('/images/apartments-top-back.jpg');
}

div.header-container#trips-header {
    height: 445px;
    background-image: url('/images/apartments-top-back.jpg');
}

div#home-content {
    position: relative;
    width: 100%;
    min-height: 1000px;
    background: url('/images/home-content-back.jpg') no-repeat center 0;
}

div#apartments-content {
    position: relative;
    width: 100%;
    min-height: 180px;
    background: url('/images/apartments-content-back.jpg') no-repeat center 0;
}

div#blog-content {
    position: relative;
    width: 100%;
    min-height: 180px;
    background: url('/images/articles-content-back.jpg') no-repeat center 0;
}

div#services-content {
    position: relative;
    width: 100%;
    min-height: 180px;
    background: url('/images/apartments-content-back.jpg') no-repeat center 0;
}

div#vodice-content {
    position: relative;
    width: 100%;
    min-height: 180px;
    background: url('/images/apartments-content-back.jpg') no-repeat center 0;
}

div#trips-content {
    position: relative;
    width: 100%;
    min-height: 180px;
    background: url('/images/apartments-content-back.jpg') no-repeat center 0;
}

div#gallery-content,
div#contact-content {
    position: relative;
    width: 100%;
    background: url('/images/contact-content-back.jpg') no-repeat center 0;
}

.f-w-3 {
    font-weight: 300;
}

div#home-reservation-box {
    background: #ebf5f9;
    display: block;
    width: 100%;
    margin-top: 40px;
    padding: 20px;
    text-align: center;
}

div#home-reservation-box,
div.reservation-container {
    padding: 15px;
    position: relative;
    background: #ebf5f9;
    margin: 30px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

div#home-reservation-box .control-container, div.reservation-container .control-container {
    position: relative;
    height: 44px;
    background: url('/images/cc-back.png') repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

div#home-reservation-box .control-container select,
div.reservation-container .control-container select,
div#home-reservation-box .control-container input,
div.reservation-container .control-container input {
    display: block;
    width: 100%;
    height: 100%;
    background: #d6e5ec;
    border: none;
    font-size: 14px;
    color: #215b75;
}

div#home-reservation-box .control-container input, div.reservation-container .control-container input {
    text-align: center;
}

div#home-reservation-box .control-container .title,
div.reservation-container .control-container .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    line-height: 44px;
    font-size: 12px;
    color: #215b75;
    text-align: center;
}

div#home-reservation-box .control-container.cc-1, div.reservation-container .control-container.cc-1 {
    padding-left: 120px;
}

div#home-reservation-box .control-container.cc-1 .title, div.reservation-container .control-container.cc-1 .title {
    width: 120px;
}

div#home-reservation-box .wrapper:before,
div#home-reservation-box .wrapper:after,
div.reservation-container .wrapper:before,
div.reservation-container .wrapper:after {
    content: "";
    display: block;
    clear: both;
}

div#home-reservation-box,
div.reservation-container {
    font-size: 0;
}

div#home-reservation-box .wrapper,
div.reservation-container .wrapper {
    width: auto;
    display: inline-block;
}

div#home-reservation-box .control-container.cc-2,
div.reservation-container .control-container.cc-2,
div#home-reservation-box .control-container.cc-4,
div.reservation-container .control-container.cc-4 {
    float: left;
    margin-right: 20px;
}

.reserve-button {
    width: auto !important;
    margin-left: 20px;
    float: left;
    padding: 0 40px;
}

div#home-reservation-box .control-container.cc-2 {
    width: 180px;
    padding-left: 75px;
}

div.reservation-container .control-container.cc-2 {
    width: 200px;
    padding-left: 75px;
}

div#home-reservation-box .control-container.cc-2 .title, div.reservation-container .control-container.cc-2 .title {
    width: 75px;
}

div#home-reservation-box .control-container.cc-4, div.reservation-container .control-container.cc-4 {
    width: 87px;
    padding-left: 50px;
}

div#home-reservation-box .control-container.cc-4 .title, div.reservation-container .control-container.cc-4 .title {
    width: 50px;
}

div#home-reservation-box .control-container.last, div.reservation-container .control-container.last {
    margin-right: 0;
}

div.reservation-container {
    font-size: 0;
}

div.reservation-container:before,
div.reservation-container:after {
    clear: both;
    display: block;
    content: "";
}

div.reservation-container .bind-button {
    margin: 0 !important;
}

div.reservation-container h3 {
    display: inline-block;
    vertical-align: top;
    color: #0d6389;
    font-family: 'Work Sans';
    font-weight: 200;
    font-size: 25px;
    margin: 0;
    line-height: 44px;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-30 {
    margin-top: 30px
}

.oder-box:before {
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    width: 100%;
    background: #ecf6f9;
    top: 0;
    bottom: 0;
    margin: auto;
}

.oder-box span {
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0 30px;
}

.oder-box {
    position: relative;
    margin: 10px 0;
    color: #215b75;
    font-family: 'Work Sans';
    font-weight: 100;
    font-size: 18px;
    display: block;
    text-align: center;
}

div.reservation-container .reserveApButton {
    margin: 0 !important;
}

div.reservation-container .control-container {
    background: #c8dbe3;
    margin-bottom: 0;
}

div.reservation-container .control-container input, div.reservation-container .control-container .title {
    color: #215b75 !important;
}

div#home-trips {
    position: relative;
    width: 100%;
    min-height: 1280px;
    background: url('/images/home-trips-back.jpg') no-repeat center 0;
}

div#home-trips .trip-info {
    display: inline-block;
    position: relative;
}

div#home-trips .trip-info a {
    color: #fff;
}

div#home-trips .trip-info a:hover {
    text-decoration: none;
}

div#home-trips .ti-1 {
    margin-top: 160px;
}

div#home-trips .ti-2 {
    margin-top: 170px;
}

div#home-trips .ti-3 {
    margin-top: 160px;
}

div#home-trips .trip-info .icons img {
    display: inline-block;
    margin: 0 5px;
}

div#home-trips .trip-info .stars {
    margin: 10px 0;
}

div#home-trips .trip-info .txt {
    font-size: 48px;
    font-weight: 100;
}

div#home-trips .trip-info .txt strong {
    font-weight: 300;
}

div#bottom-articles {
    position: relative;
    width: 100%;
    min-height: 420px;
    background: #ebf5f9;
}

div#bottom-articles.blog {
    background-image: url('/images/blog-other-articles-top-back.png');
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top: 270px;
}

div#bottom-articles.kontakt {
    background-image: url('/images/contact-map-corner.jpg');
    background-position: center 0;
    background-repeat: no-repeat;
    padding-top: 100px;
}

div#bottom-articles-mobile-top {
    display: none;
    position: relative;
    width: 100%;
    height: 160px;
    background: url('/images/bottom-articles-mobile-top.jpg') no-repeat center 0;
}

div#footer-container {
    position: relative;
    border-top: solid 1px #d6e7ee;
    background: #ebf5f9;
    color: #466d7e;
    font-size: 13px;
    height: 90px;
}

div#footer-container .grid-container, div#footer-container .row {
    height: 100%;
}

div#footer-container .col-1 {
    height: 100%;
}

div#footer-container .col-1 div {
    position: relative;
    height: 100%;
}

div#footer-container .col-1 div.text-left {
    float: left;
}

div#footer-container .col-1 div.text-left ul {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

div#footer-container .col-1 div.text-right {
    float: right;
}

div#footer-container .copyright {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

div#footer-container img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.logo {
    float: left;
    background: url('/images/logo.png') no-repeat;
    width: 191px;
    height: 35px;
    margin-top: 40px;
}

div.logo a {
    display: block;
    width: 100%;
    height: 100%;
}

div.logo a span {
    display: none;
}

#mobile-menu-btn {
    display: none;
    float: right;
    width: 21px;
    height: 11px;
    background: url('/images/mobile-menu-icon.png') no-repeat;
    margin-left: 20px;
    margin-top: 54px;
    cursor: pointer;
}

ul.main-menu.top {
    float: right;
    margin-top: 38px;
}

ul.main-menu.top.langs {
    margin-left: 18px;
}

ul.main-menu:before,
ul.main-menu:after {
    clear: both;
    display: block;
    content: "";
}

ul.main-menu li {
    float: left;
    display: block;
    margin-right: 18px;
    padding: 10px 0;
    position: relative;
}

ul.main-menu li .submenu {
    position: absolute;
    height: 0;
    overflow: hidden;
    opacity: 0;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

ul.main-menu li .submenu.open {
    height: auto;
    opacity: 1;
}

ul.main-menu li.hover .submenu {
    height: auto;
    opacity: 1;
}

ul.main-menu li .submenu .submenu-items-container {
    position: relative;
    margin-top: 20px;
    background: #dbe9ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 0;
    width: 135px;
}

ul.main-menu li .submenu a {
    position: relative;
    display: block;
    text-align: center;
    padding: 5px 0;
    color: #215b75 !important;
}

ul.main-menu li .submenu a:hover, ul.main-menu li .submenu a.active {
    font-weight: 400;
}

ul.main-menu li.lang {
    margin-right: 7px;
}

ul.main-menu li.separator {
    color: #fff;
    font-weight: 400;
}

ul.main-menu li a:hover {
    text-decoration: none;
}

ul.main-menu li.active > a {
    font-weight: 400;
}

ul.main-menu li:last-child {
    margin-right: 0;
}

ul.main-menu.top li a {
    color: #fff;
    font-size: 17px;
}

ul.main-menu.top li:hover, ul.main-menu.top li.active, ul.main-menu.top li.hover {
    background: url('/images/top-menu-active.png') center bottom no-repeat;
}

ul.main-menu li.separator:hover {
    background: none !important;
}

ul.main-menu.bottom li a {
    color: #466d7e;
    font-size: 13px;
}

ul.main-menu.bottom li:hover, ul.main-menu.bottom li.active {
    background: url('/images/bottom-menu-active.png') center bottom no-repeat;
}

.relax-item {
    position: relative;
    margin: 30px 0;
}

.relax-item .title {
    position: relative;
    color: #0d6389;
    font-size: 30px;
    font-weight: 200;
    margin: 30px 0;
}

.relax-item .txt {
    color: #466d7e;
    font-weight: 300;
}

.relax-item .txt strong {
    font-weight: 400;
}

.relax-item.ri-1 .icon {
    display: inline-block;
    background: url('/images/relax-icon-1.png') no-repeat;
    width: 60px;
    height: 66px;
}

.relax-item.ri-2 .icon {
    display: inline-block;
    background: url('/images/relax-icon-2.png') no-repeat;
    width: 76px;
    height: 66px;
}

.relax-item.ri-3 .icon {
    display: inline-block;
    background: url('/images/relax-icon-3.png') no-repeat;
    width: 66px;
    height: 66px;
}

.apartment-container {
    position: relative;
    font-size: 0;
    text-align: center;
    margin: 0 auto;
}

.nav-bar {
    display: none;
    margin-top: 15px;
    text-align: center;
}

.nav-bar span {
    margin: 0 5px;
}

.apartment-container .ap-item {
    position: relative;
    display: inline-block;
    width: 230px;
    height: 420px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center 0;
    text-align: center;
    margin-right: 40px;
}

.apartment-container.wide {
    margin-bottom: 100px;
    margin-top: 60px;
}

.apartment-container.wide .ap-item {
    width: 45%;
    max-width: 500px;
    min-width: 230px;
    margin-bottom: 40px;
    margin-top: 0;
    background-size: 100% 100%;
    background-position: center top;
}

.apartment-container.wide .ap-item:nth-child(2n-2) {
    margin-right: 0;
}

.apartment-container .ap-item.hidden {
    visibility: hidden;
}

.apartment-container .ap-item:last-child {
    margin-right: 0;
}

.apartment-container .ap-item .data-container {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('/images/ap-gradient-hover.png') repeat-x 0 80px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.apartment-container .ap-item .data-container:hover {
    background-position: 0 30px;
}

.apartment-container .ap-item.small {
    height: 310px;
}

.apartment-container .ap-item.small .data-container {
    background-position: 0 60px;
}

.apartment-container .ap-item.small .data-container:hover {
    background-position: 0 10px;
}

.apartment-container .ap-item a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-position: center bottom;
}

.apartment-container .ap-item.small a:hover {
    background: url('/images/zoom-icon.png') no-repeat center center;
}

.apartment-container .ap-item a:hover {
    background: url('/images/zoom-icon.png') no-repeat center 150px;
}

.apartment-container .ap-item .price {
    position: absolute;
    top: 17px;
    right: -20px;
    background: url('/images/ap-item-price.png') no-repeat;
    width: 65px;
    height: 48px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    padding-left: 5px;
}

.apartment-container .ap-item .price strong {
    font-weight: 400;
    font-size: 16px;
    display: block;
}

.apartment-container .ap-item .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding-bottom: 15px;
}

.apartment-container .ap-item .txt .title {
    font-size: 23px;
    font-weight: 200;
    border-bottom: solid 2px #7e949f;
    padding: 0 30px 20px 30px;
    text-align: center;
    margin-bottom: 20px;
    white-space: normal;
}

.apartment-container .ap-item.small .txt .title {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.apartment-container .ap-item .txt .facilities {
    font-size: 12px;
    line-height: 30px;
}

.apartment-container.wide .ap-item .txt .facilities .f-item {
    display: inline-block;
    margin-right: 10px;
}

.apartment-container.wide .ap-item .txt .facilities .f-item.big {
    font-size: 14px;
    margin: 10px 20px;
}

.apartment-container.wide .ap-item .txt .facilities {
    padding: 0 40px;
}

.apartment-container.wide .ap-item .txt .facilities .f-item:last-child {
    margin-right: 0;
}

.apartment-container.wide .ap-item .txt .facilities .f-item.big:last-child {
    margin-right: 20px;
}

.apartment-container .ap-item.small .txt .facilities {
    display: none;
}

.apartment-container .ap-item .txt .facilities img {
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}

.apartment-container .ap-item .txt .title strong {
    font-weight: 300;
}

/** CONTACT **/
#contact-map-container {
    position: relative;
    height: 592px;
    background: url('/images/contact-map.jpg') no-repeat center 0;
}

#contact-map-container .title {
    position: relative;
    font-size: 50px;
    font-weight: 100;
    color: #fff;
    margin-top: 180px;
    line-height: 50px;
    background: url('/images/location-icon.png') no-repeat;
    padding-left: 60px;
}

#contact-map-container .descr {
    font-size: 18px;
    margin: 40px 0;
    color: #fff;
    font-weight: 200;
}

#contact-map-container .txt {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
}

#contact-map-container .txt strong {
    float: left;
    font-weight: 400;
}

#contact-map-container .txt span {
    float: left;
    margin-left: 10px;
}

#contact-map-container .txt a {
    color: #0abbba;
}

#contact-apartments-container {
    background: url('/images/contact-apartments-back.jpg') center bottom no-repeat;
}

.contact-txt .title {
    font-size: 30px;
    color: #0d6389;
    font-weight: 100;
    margin: 30px 0;
}

.contact-txt .txt {
    font-size: 14px;
    color: #466d7e;
    font-weight: 200;
}

.contact-txt .txt a {
    color: inherit;
}

.contact-apartments-title {
    font-size: 30px;
    color: #0d6389;
    font-weight: 100;
    margin-top: 75px;
}

.contact-txt .txt strong, .contact-txt .txt b {
    font-weight: 400;
}

/** END OF CONTACT **/

/** APARTMENTS DETAIL **/
.apartment-detail-container {
    position: relative;
    padding: 0 0 85px 0;
}

.prev-apt {
    float: left;
}

.next-apt {
    float: right;
}

.apartment-detail-container h2 {
    font-weight: 100 !important;
    display: inline-block;
    margin-bottom: 5px;
}

.apartment-detail-container h2 span:not(.no-style-detail) {
    position: absolute;
    top: -34px;
    right: -58px;
    background: url('/images/ap-item-price.png') no-repeat;
    width: 65px;
    height: 48px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    font-size: 17px;
    padding-top: 3px;
    padding-left: 5px;
}

.apartment-detail-container h2 span strong {
    font-weight: 300;
    font-size: 20px;
}

.apartment-detail-container .ap-detail-info {
    color: #466d7e;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 80px;
}

.apartment-detail-container .ap-detail-info.big {
    margin-top: 20px;
}

.apartment-detail-container .ap-detail-info strong, .apartment-detail-container .ap-detail-info b {
    font-weight: 600;
}

.apartment-detail-container .ap-detail-info span {
    display: inline-block;
    margin: 0 15px 10px 15px;
    white-space: nowrap;
}

.apartment-detail-container .ap-detail-info span img {
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

.apartment-detail-container .ap-detail-txt {
    font-size: 18px;
    color: #466d7e;
    font-weight: 300;
}

.apartment-detail-container .ap-detail-txt strong, .apartment-detail-container .ap-detail-txt b {
    font-weight: 600;
}

.apartment-detail-container .ap-calendars {
    position: relative;
    padding: 45px 15px;
}

.apartment-detail-container .ap-calendars a {
    display: inline-block;
    position: relative;
    margin: 0 15px 10px 0;
    color: #fff;
    font-size: 16px !important;
}

.apartment-detail-container .ap-calendars a img {
    display: inline-block;
    margin-right: 10px;
    top: 2px;
    position: relative;
}

.apartment-detail-container .ap-calendars div.nl {
    display: inline;
    width: 0;
    height: 0;
    font-size: 0;
}

.apartment-detail-container .ap-calendars a input {
    width: 1px;
    background: transparent;
    height: 1px;
    font-size: 0;
    border: none;
    display: inline-block;
}

.apartment-detail-container .ap-calendars a.position {

}

.apartment-detail-container .ap-gallery .ap-gallery-item.hidden, .content-gallery .content-gallery-item.hidden {
    display: none;
}

.apartment-detail-container .ap-gallery .ap-gallery-item a, .content-gallery .content-gallery-item a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.apartment-detail-container .ap-gallery-item.first-main-img span.gallery-hover-back {
    background-repeat: repeat;
}

.apartment-detail-container .ap-gallery-item.first-main-img {
    margin-bottom: 30px;
}

.apartment-detail-container .ap-gallery-item.first-main-img a {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 300px;
}

.apartment-detail-container .ap-gallery-item.first-main-img img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.apartment-detail-container .ap-gallery .ap-gallery-item img,
.content-gallery .content-gallery-item img {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.apartment-detail-container .ap-gallery .show-more a, .content-gallery .show-more a {
    display: inline-block;
    width: 140px;
    height: 140px;
    background: url('/images/plus-icon.png') no-repeat center center #dbe9ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.apartment-detail-container .ap-gallery .show-more.minus a, .content-gallery .show-more.minus a {
    background-image: url('/images/minus-icon.png');
}

.apartment-detail-container .ap-gallery .show-more a:hover, .content-gallery .show-more a:hover {
    background-color: #c8dbe3;
}

.apartment-detail-container .reservation-container {
    padding: 15px;
    position: relative;
    background: #ebf5f9;
    margin: 30px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ap-sum-price-container {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 44px;
    margin-left: 15px;
    text-align: left;
    color: #215b75;
}

.ap-sum-price-container .title {
    display: block;
    font-size: 16px;
    font-weight: 100;
}

.ap-sum-price-container .sum-price {
    font-size: 26px;
    font-weight: 400;
}

.pricelist-table, .pricelist-special-table {
    display: none;
    position: absolute;
    top: 80px;
    width: 300px;
    padding: 15px 0;
    border: solid 1px #dae8ee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 10px 1px #ddd;
    -moz-box-shadow: 3px 3px 10px 1px #ddd;
    box-shadow: 3px 3px 10px 1px #ddd;
    z-index: 2;
}

.pricelist-table span.arrow, .pricelist-special-table span.arrow {
    position: absolute;
    width: 18px;
    height: 12px;
    z-index: 5;
    top: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url('/images/modal-arrow.png') no-repeat;
}

.pricelist-table .data-row, .pricelist-special-table .data-row {
    display: block;
    margin-bottom: 3px;
    font-size: 0;
}

.pricelist-table .data-row div, .pricelist-special-table .data-row div {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}

.pricelist-table .data-row div.date-data, .pricelist-special-table .data-row div.date-data {
    border: solid 1px #b0c5cd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 3px;
    font-size: 12px;
    color: #b0c5cd;
    padding: 5px;
}

.pricelist-table .data-row.active div.date-data, .pricelist-special-table .data-row.active div.date-data {
    background: #ebf5f9;
    color: #215b75;
}

.pricelist-table .data-row div.date-data.day-from, .pricelist-table .data-row div.date-data.day-to,
.pricelist-special-table .data-row div.date-data.day-from, .pricelist-special-table .data-row div.date-data.day-to {
    text-align: center;
    width: 25px;
}

.pricelist-table .data-row div.date-data.month-from, .pricelist-table .data-row div.date-data.month-to,
.pricelist-special-table .data-row div.date-data.month-from, .pricelist-special-table .data-row div.date-data.month-to {
    margin-right: 0;
    width: 75px;
    text-align: left;
    padding-left: 5px;
}

.pricelist-table .data-row div.date-separator, .pricelist-special-table .data-row div.date-separator {
    font-weight: 400;
    color: #215b75;
    padding: 0 5px;
}

.pricelist-table .data-row div.price-data, .pricelist-special-table .data-row div.price-data {
    color: #fff;
    background: #0abbba;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0;
    width: 45px;
    margin-left: 5px;
}

.pricelist-table .legend, .pricelist-special-table .legend {
    text-align: left;
    margin: 10px 0 0 13px;
    font-size: 11px;
    color: #215b75;
}

.cal-legend a.custom-legend {
    font-size: 14px !important;
    margin-top: 13px;
}

.pricelist-table .legend span, .pricelist-special-table .legend span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #ebf5f9;
    border: solid 1px #b0c5cd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: top;
    margin-top: 1px;
    margin-right: 3px;
}

#phone-icon-box {
    position: absolute;
    right: 5%;
    top: 450px;
    background: url('/images/phone-icon.png') no-repeat center 0;
    width: 220px;
    padding-top: 85px;
    text-align: center;
    z-index: 2;
}

#phone-icon-box.fixed {
    position: fixed;
    top: 20px;
}

#phone-icon-box .box {
    position: relative;
    border: solid 1px #e9f3f7;
    font-size: 17px;
    color: #215b75;
    padding: 10px 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 22px;
}

#phone-icon-box .box img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#phone-icon-box .box a {
    color: inherit;
}

/** BLOG **/
#bottom-blog-items-container {
    position: relative;
}

#bottom-blog-items-container.cross {
    background: url('/images/blog-cross.png') center center no-repeat;
}

#bottom-blog-items-container .bottom-blog-item {
    position: relative;
    width: 45%;
    margin-bottom: 80px;
}

#bottom-blog-items-container .bottom-blog-item.left {
    float: left;
}

#bottom-blog-items-container .bottom-blog-item.right {
    float: right;
}

#bottom-blog-items-container .bottom-blog-item:nth-of-type(3), #bottom-blog-items-container .bottom-blog-item:nth-of-type(4) {
    margin-bottom: 50px;
}

#bottom-blog-items-container .bottom-blog-item .title a {
    font-size: 25px;
    color: #0d6389;
    font-weight: 200;
}

#bottom-blog-items-container .bottom-blog-item .txt {
    margin: 8px 0;
    font-size: 14px;
    color: #466d7e;
    text-align: justify;
}

#bottom-blog-items-container .bottom-blog-item .date {
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    background: #0abbba;
    font-size: 11px;
    position: relative;
    margin-top: 5px;
}

#blog-categories-container {
    position: relative;
    font-size: 0;
    margin-bottom: 50px;
}

#blog-categories-container a {
    display: inline-block;
    font-size: 16px;
    color: #b6c7ce;
    background: #ebf5f9;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    border-right: solid 2px #e1ebf0;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

#blog-categories-container a.active {
    color: #466d7e;
    font-weight: 400;
}

#blog-categories-container a:hover {
    text-decoration: none;
    color: #466d7e;
}

#blog-categories-container a:first-of-type {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

#blog-categories-container a:last-of-type {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-right: none;
}

#breadcrumbs {
    position: relative;
    margin-bottom: 20px;
}

#breadcrumbs.apartments a {
    min-width: 100px;
    background: #fff;
    border-radius: 6px;
    padding: 0 20px;
    text-decoration: none;
}

#breadcrumbs.apartments a:hover,
#breadcrumbs.apartments a.active {
    background: #ebf5f9;
}

#breadcrumbs a {
    color: #466d7e;
    font-weight: 200;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

#breadcrumbs a.active {
    font-weight: 400;
}

#breadcrumbs img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.blog-row {
    position: relative;
    margin-bottom: 60px;
    background: url('/images/blog-row-back.png') center bottom no-repeat;
}

.blog-row .blog-item {
    position: relative;
    width: 500px;
}

.blog-row .blog-item.left {
    float: left;
}

.blog-row .blog-item.right {
    float: right;
}

.blog-row .blog-item .data {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.blog-row .blog-item .title {
    margin-bottom: 10px;
}

.blog-row .blog-item .title a {
    font-size: 28px;
    color: #0d6389;
    font-weight: 200;
}

.blog-row .blog-item .txt {
    color: #466d7e;
    font-size: 14px;
    margin-bottom: 10px;
}

.blog-row .blog-item .date {
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    background: #0abbba;
    font-size: 11px;
    position: relative;
    margin-top: 5px;
}

.blog-row .blog-item .gallery {
    position: relative;
    height: 140px;
    margin-bottom: 30px;
    font-size: 0;
}

.blog-row .blog-item .gallery.empty {
    background: url('/images/blog-gallery-empty.png') no-repeat center center #f5fafc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.blog-row .blog-item .gallery .g-item {
    display: inline-block;
    width: 33.333%;
}

.blog-row .blog-item .gallery .g-item a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-width: 90%;
    font-size: 0;
}

.blog-row .blog-item .gallery .g-item img {
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.blog-row .blog-item .gallery .g-item.g1 {
    text-align: left;
}

.blog-row .blog-item .gallery .g-item.g2 {
    text-align: center;
}

.blog-row .blog-item .gallery .g-item.g3 {
    text-align: right;
}

.blog-date {
    color: #fff;
    float: left;
    padding: 4px 10px;
    background: #0abbba;
    font-size: 11px;
    position: relative;
    margin-top: 5px;
    margin-right: 15px;
}

.blog-content {
    position: relative;
    margin: 50px 0;
    color: #466d7e;
    font-size: 14px;
    line-height: 20px;
}

.blog-content .blog-title {
    position: relative;
    font-size: 40px;
    color: #0d6389;
    font-weight: 200;
    margin-bottom: 40px;
    line-height: 40px;
}

.gallery-separator {
    position: relative;
    margin: 0 auto 50px auto;
    height: 1px;
    border-bottom: solid 2px #e6eff3;
    width: 60%;
}

.blog-detail-gallery .blog-gallery-item.hidden {
    display: none;
}

.blog-detail-gallery .blog-gallery-item a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.blog-detail-gallery .blog-gallery-item img {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.blog-detail-gallery .show-more a {
    display: inline-block;
    width: 140px;
    height: 140px;
    background: url('/images/plus-icon.png') no-repeat center center #dbe9ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.blog-detail-gallery .show-more.minus a {
    background-image: url('/images/minus-icon.png');
}

.blog-detail-gallery .show-more a:hover {
    background-color: #c8dbe3;
}

/** END OF BLOG **/

/** CALENDARS **/
#calendars-container {
    position: relative;
    margin-bottom: 40px;
}

#cal-legend-container {
    position: relative;
    margin-bottom: 60px;
}

#cal-legend-container .cal-legend {
    display: inline-block;
    text-align: left;
    font-size: 14px;
}

.cal-container {
    position: relative;
    display: none;
    font-size: 0;
}

.cal-container.active {
    display: block;
}

.cal-container .cal-month-container {
    font-size: 14px;
    padding: 25px;
    width: 33.3333%;
    display: inline-block;
}

.cal-container .cal-month-container .ui-datepicker {
    margin: 0 auto !important;
}

/** END OF CALENDARS **/

/** SERVICES **/
.services-box {
    position: relative;
    color: #0d6389;
    padding-bottom: 20px !important;
}

.services-box p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 100;
    color: #466d7e;
}

.services-box p.bigger {
    font-size: 18px;
    line-height: 22px;
}

.services-box p a {
    color: #58d1d0;
}

/** END OF SERVICES **/

/** VODICE **/
.vodice-txt {
    position: relative;
    color: #0d6389;
    padding-bottom: 20px !important;
}

.vodice-txt p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
    color: #466d7e;
}

.vodice-txt p a {
    color: #58d1d0;
}

/** END OF VODICE **/

/** TRIPS **/
.trip-detail-container {
    position: relative;
    padding-bottom: 180px;
    background: url('/images/apartment-detail-2-back.jpg') center bottom no-repeat;
}

.trip-detail-container.second {
    background: url('/images/apartment-detail-3-back.jpg') center bottom no-repeat #ebf5f9;
}

.trip-detail-container.last {
    background-image: none;
}

.trip-title {
    font-size: 50px;
    color: #0d6389;
    font-weight: 100;
    margin-bottom: 10px;
}

.trip-icons {
    font-size: 16px;
    color: #466d7e;
}

.trip-icons img {
    display: inline-block;
    vertical-align: middle;
}

.trip-icons span {
    display: inline-block;
    vertical-align: middle;
}

.trip-descr {
    font-size: 18px;
    color: #466d7e;
    line-height: 22px;
    margin: 30px 0 40px 0;
}

.trip-descr strong, .trip-descr b {
    font-weight: 400;
}

.trip-detail-container .trip-gallery {
    margin-top: 30px;
}

.trip-detail-container .trip-gallery .trip-gallery-item.hidden {
    display: none;
}

.trip-detail-container .trip-gallery .trip-gallery-item a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.trip-detail-container .trip-gallery .trip-gallery-item img {
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.trip-detail-container .trip-gallery .show-more a {
    display: inline-block;
    width: 140px;
    height: 140px;
    background: url('/images/plus-icon.png') no-repeat center center #dbe9ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.trip-detail-container .trip-gallery .show-more.minus a {
    background-image: url('/images/minus-icon.png');
}

.trip-detail-container .trip-gallery .show-more a:hover {
    background-color: #c8dbe3;
}

img.trip-main-img {
    display: block;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/** END OF TRIPS **/

/** GALLERY HOVER EFFECTS **/
span.gallery-zoom-icon {
    position: absolute;
    background: url('/images/zoom-icon@2x.png') no-repeat;
    background-size: 45px auto;
    width: 45px;
    height: 41px;
    left: 50%;
    top: 120%;
    z-index: 3;
    bottom: -41px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

span.gallery-hover-back {
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/images/gallery-gradient-hover.png') no-repeat 0 -45px;
    z-index: 2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

.trip-detail-container .trip-gallery .trip-gallery-item a:hover span.gallery-hover-back,
.apartment-detail-container .ap-gallery .ap-gallery-item a:hover span.gallery-hover-back, .content-gallery .content-gallery-item a:hover span.gallery-hover-back,
.blog-detail-gallery .blog-gallery-item a:hover span.gallery-hover-back, .blog-row .blog-item .gallery .g-item a:hover span.gallery-hover-back {
    height: 100%;
}

.trip-detail-container .trip-gallery .trip-gallery-item a:hover span.gallery-zoom-icon,
.apartment-detail-container .ap-gallery .ap-gallery-item a:hover span.gallery-zoom-icon, .content-gallery .content-gallery-item a:hover span.gallery-zoom-icon,
.blog-detail-gallery .blog-gallery-item a:hover span.gallery-zoom-icon, .blog-row .blog-item .gallery .g-item a:hover span.gallery-zoom-icon {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/** END OF GALLERY HOVER EFFECTS **/

/** NEWSLETTER **/
.newsletter-container:before,
.newsletter-container:after {
    clear: both;
    display: block;
    content: "";
}

.newsletter-container {
    position: relative;
    width: 100%;
    padding: 10px 15px 10px 15px;
    margin: 0 auto;
    background-color: #ebf5f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.newsletter-container .row {
    text-align: center;
}

.newsletter-container .control-container {
    position: relative;
    padding-left: 140px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 30px;
    max-width: 500px;
}

.newsletter-container h3 {
    display: inline-block;
    vertical-align: top;
    color: #0d6389;
    font-family: 'Work Sans';
    font-weight: 200;
    font-size: 33px;
    margin: 0;
    line-height: 45px;
}

.newsletter-container .control-container .title {
    position: absolute;
    left: 0;
    width: 140px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    font-size: 12px;
    padding-left: 10px;
    color: #215b75;
    text-align: left;
    font-family: 'Open Sans';
    font-weight: 300;
}

.newsletter-container .control-container input {
    border: none;
    width: 100%;
    height: 45px;
    display: block;
    padding: 0 10px;
    font-size: 14px;

    background: #d6e5ec;
}

.newsletter-container .btn-container {
    display: inline-block;
    vertical-align: top;
}

.newsletter-container [class*="col-"] {
    margin: 0;
}

.leave-email {
    position: relative;
    margin: 100px auto;
    text-align: center;
    width: 100%;
}

.leave-email p {
    line-height: 20px;
}

/** END OF NEWSLETTER **/
.main-menu.social-networks.bottom {
    float: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    margin-right: 40px;
}

.main-menu.social-networks:before,
.main-menu.social-networks:after {
    clear: both;
    display: block;
    content: '';
}

.main-menu.social-networks li {
    margin: 0;
    display: block;
    float: left;
    padding-top: 8px;
}

.main-menu.social-networks li.separator {
    margin: 0 18px;
}

.main-menu.social-networks li:hover {
    background: none !important
}

.main-menu.social-networks li a {
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('../images/yt-icon-header.png');
}

.main-menu.social-networks li + li {
    margin-left: 3px;
}

.main-menu.social-networks li#youtube a {
    background-image: url('../images/yt-icon-header.png');
}

.main-menu.social-networks li#youtube a:hover {
    background-image: url('../images/yt-icon-header-hover.png');
}

.main-menu.social-networks li#facebook a {
    background-image: url('../images/fb-icon-header.png');
}

.main-menu.social-networks li#facebook a:hover {
    background-image: url('../images/fb-icon-header-hover.png');
}

.main-menu.social-networks li#instagram a {
    background-image: url('../images/instagram-icon-header.png');
}

.main-menu.social-networks li#instagram a:hover {
    background-image: url('../images/instagram-icon-header-hover.png');
}

.main-menu.social-networks li#twitter a {
    background-image: url('../images/twitter-icon-header.png');
}

.main-menu.social-networks li#twitter a:hover {
    background-image: url('../images/twitter-icon-header-hover.png');
}

.main-menu.social-networks li#gplus a {
    background-image: url('../images/gplus-icon-header.png');
}

.main-menu.social-networks li#gplus a:hover {
    background-image: url('../images/gplus-icon-header-hover.png');
}

#bind-offer h2 {
    margin-top: 0;
}

#non-bind-offer-form .control-container {
    position: relative;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: visible;
    margin-bottom: 5px;
    padding-left: 100px;
}

#non-bind-offer-form .control-container.required .title:after {
    content: " *";
    color: #20c1c0;
    font-size: 14px;
    font-family: 'Work Sans';
    font-weight: 500;
}

#non-bind-offer-form .control-container .title {
    position: absolute;
    height: 44px;
    top: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    line-height: 44px;
    font-size: 14px;
    color: #215b75;
    text-align: right;
    font-weight: 500;
    width: 90px;
    font-family: 'Work Sans';
}

#non-bind-offer-form [class*='col-'] {
    margin-bottom: 10px !important;
}

#non-bind-offer-form .col-2 .col-2 {
    padding: 0;
}

#non-bind-offer-form .control-container input {
    height: 44px;
}

#non-bind-offer-form .control-container textarea {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
}

#non-bind-offer-form .control-container input,
#non-bind-offer-form .control-container textarea {
    border: 1px solid #b0c5cd;
    border-radius: 3px;
    background: #ffffff;
    width: 100%;
    height: 44px;
    display: block;
    padding: 8px;
}

#container-bennefits .benefit {
    position: relative;
    margin-bottom: 30px;
}

#container-bennefits .benefit:before,
#container-bennefits .benefit:after {
    clear: both;
    display: block;
    content: "";
}

#container-bennefits .benefit h3 {
    color: #0d6389;
    font-size: 30px;
    font-weight: 200;
    margin: 0;
}

#container-bennefits .benefit p {
    font-weight: 100;
    font-size: 18px;
    color: #466d7e;
    margin-bottom: 0;
}

#container-bennefits .content-benefit {
    overflow: hidden;
    padding-left: 90px;
}

#container-bennefits .img {
    width: 90px;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#container-bennefits {
    margin-top: 30px;
    padding: 0 60px;
}

.start-video {
    position: absolute;
    top: 0px;
    padding: 12px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    background-image: url('../images/playIco.png');
    background-size: 87px;
    margin: auto;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.start-video:hover {
    background-image: url('../images/playIcoHover.png');
}

.promo-video {
    max-width: 580px;
    width: 100%;
    margin: auto;
    height: 302px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #fff;
    background: #000;
}

iframe#player {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
}

/** END OF NEWSLETTER **/

a.buttons-apartman:last-of-type {
    margin-right: 0;
}

a.buttons-apartman {
    color: #466d7e !important;
    text-decoration: underline !important;
}

a.buttons-apartman:hover {
    text-decoration: none !important;

}

/** END OF NEWSLETTER **/

/** END OF NEWSLETTER **/
#social-share-buttons:before,
#social-share-buttons:after {
    clear: both;
    display: block;
    content: '';
}

#social-share-buttons {
    float: left;
    margin-top: 6px;
}

#social-share-buttons li {
    margin: 0;
    display: block;
    float: left;
}

#social-share-buttons li.separator {
    margin: 0 18px;
}

#social-share-buttons li a {
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
}

#social-share-buttons li + li {
    margin-left: 3px;
}

#social-share-buttons li#facebook a {
    background-image: url('../images/fb-share.png');
    width: 73px;
    height: 22px;
}

#social-share-buttons li#twitter a {
    background-image: url('../images/twitter-share.png');
    width: 63px;
    height: 22px;
}

#social-share-buttons li#gplus a {
    background-image: url('../images/g+-share.png');
    width: 60px;
    height: 22px;
}

/** END OF NEWSLETTER **/

#contact-form {
    margin-bottom: -60px;
    background: url('/images/contact-apartments-back.jpg') center bottom no-repeat;
}

#contact-form form {
    /*padding-right: 200px;*/
}

#contact-form .control-container {
    padding-left: 120px;
    position: relative;
    border-radius: 4px;
}

#contact-form h2 {
    font-size: 30px;
    font-weight: 300 !important;
}

#contact-form .control-container textarea,
#contact-form .control-container input {
    display: block;
    background: #e8eef1;
    border: none;
    width: 100%;
    height: 44px;
    padding-left: 13px;
    color: #215b75;
    font-size: 15px;
    font-family: 'Open Sans';
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

#contact-form .control-container a {
    z-index: 1;
}

#contact-form .control-container textarea {
    padding-top: 13px;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    border: none;
    height: 250px;
    max-height: 250px;
    min-height: 100px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#contact-form .col-2 {
    margin-bottom: 0;
}

#contact-form .control-container {
    margin-bottom: 6px;
}

#contact-form .control-container .title {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    height: 44px;
    width: 120px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left: 16px;
    background: #0d6389;
    line-height: 44px;
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    text-align: left;
}

#ceo-avatar {
    background-image: url('../images/ceo-avatar.png');
    background-repeat: no-repeat;
    background-position: right;
    width: 380px;
    height: 670px;
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 0;
}

.ap-item-outer-popup {
    display: inline-block;
    margin-top: 30px;
    margin-right: 30px;
}

.ap-item-outer-popup:last-child {
    margin-right: 0;
}

.ap-item-outer-popup .ap-item {
    margin-right: 0;
    margin-top: 0px;
    display: block;
}

.ap-item-outer-popup .reserve-button {
    margin: 0;
    margin-top: 10px;
}

#close-pop-up-tab .oder-box {
    margin: 10px 10px;
}

#close-pop-up-tab .newsletter-outer {
    padding: 0 10px;
}

#close-pop-up-tab h2 {
    margin-top: 0;
}

#cookies-banner {
    background: #02bcbb;
    z-index: 21;
    width: 100%;
    position: fixed;
    bottom: 0;
}

#cookies-banner .grid-container {
    min-height: 65px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
}

#cookies-banner p {
    position: relative;
    color: #fff;
    margin: 0;
}

#cookies-banner a {
    color: #05638a;
}

#cookies-banner .cross {
    cursor: pointer;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    margin-left: 10px;
    display: block;
    background: url(/images/icoClose.png);
    background-size: 23px auto;
    background-position: center;
}

#cookies h2 {
    font-size: 40px;
    color: #0d6389;
    font-weight: 200!important;
    margin-bottom: 40px;
    line-height: 40px;
    font-family: 'Work Sans', sans-serif, Helvetica, Arial;
}
#cookies p{
    color: #466d7e;
    font-size: 14px;
    line-height: 20px;
}