/* Topbar */

.logged-in .topbar-scroll.active {

    top: 32px;

}

.topbar {

    z-index: 9;

    position: relative;

}

@media (max-width: 980px) {

    .topbar {

        display: none;

    }

}

.topbar .show_scroll {

    display: none;

}

.topbar.no-transparent .topbar-content {

    position: relative;

}

.topbar.background-transparent {

    position: absolute;

    top: 0px;

    width: 100%;

}

.topbar .topbar-content {

    height: 110px;

    position: relative;

    top: 0;

    width: 100%;

    z-index: 10;

}

.topbar .topbar-content:before,

.topbar .topbar-content:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar .topbar-content .background-scroll {

    background: transparent;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    opacity: 0;

    width: 100%;

    z-index: -1;

    transition: all 0.3s;

}

.topbar .topbar-content .control-left {

    float: left;

    width: 50%;

    padding-left: 60px;

    height: 100%;

}

.topbar .topbar-content .control-left .option-item {

    float: left;

    height: 100%;

    display: table;

    padding-right: 25px;

}

.topbar .topbar-content .control-left .option-item .option-mid {

    display: table-cell;

    vertical-align: middle;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

}

.topbar .topbar-content .control-right {

    float: left;

    width: 50%;

    padding-right: 60px;

    height: 100%;

}

.topbar .topbar-content .control-right .option-item {

    float: right;

    height: 100%;

    display: table;

    padding-left: 25px;

}

.topbar .topbar-content .control-right .option-item .option-mid {

    display: table-cell;

    vertical-align: middle;

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    position: relative;

}

.topbar .top-bar-style-1 .control-left .option-item .option-mid .btn-book {

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 1px;

    color: #4593d6;

    cursor: pointer;

}

.topbar .top-bar-style-1 .control-left .form-search-content {

    display: table;

    height: 100%;

    width: 100%;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid {

    display: table-cell;

    vertical-align: middle;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid:before,

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room {

    margin-top: -100px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .title {

    font-size: 16px;

    font-weight: bold;

    color: #4593d6;

    text-transform: uppercase;

    text-align: center;

    letter-spacing: 2px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .field {

    margin: auto;

    width: 300px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .field:before,

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .field:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .field .title {

    font-family: 'Playfair Display', serif;

    color: #4593d6;

    padding-left: 40px;

    font-size: 18px;

    padding-right: 40px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .control {

    text-align: center;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

    border-radius: 0;

    font-size: 14px;

    font-weight: bold;

    height: 100%;

    letter-spacing: 3px;

    line-height: 25px;

    margin-top: 40px;

    padding: 20px 80px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn p {

    margin: 0px;

}

@media (max-width: 980px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

        font-size: 12px;

    }

}

@media (max-width: 768px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

        margin-bottom: 25px;

        margin-left: 25px;

        padding: 10px;

        width: auto;

    }

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn p {

        display: inline-block;

    }

}

@media (max-width: 360px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

        margin-left: 0px;

    }

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control {

    margin-top: 40px;

    padding-left: 30px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

    /* border-left: 1px dashed #ebebeb; */

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    right: 15px;

    width: 1px;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

        right: 5px;

    }

}

@media (max-width: 768px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

        display: none;

    }

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:last-child:before {

    display: none;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:nth-child(2n+2):before {

    display: none;

}

@media (max-width: 360px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control {

        width: 100%;

        min-height: 90px;

    }

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .item-search-content {

        left: 38%;

        position: absolute;

    }

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control label {

    color: #7d7d7d;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: normal;

    padding-bottom: 20px;

    display: block;

    letter-spacing: 1px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input,

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control select {

    bottom: 0;

    height: 19px;

    left: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input[type='number'] {

    -moz-appearance: textfield;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input::-webkit-outer-spin-button,

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options {

    position: relative;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options.cursor {

    cursor: pointer;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .day {

    color: #000;

    font-family: serif;

    font-size: 44px;

    left: 0;

    line-height: 35px;

    position: absolute;

    text-transform: uppercase;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .day {

        font-size: 35px;

    }

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month {

    color: #7d7d7d;

    display: inline-block;

    font-size: 14px;

    margin-left: 60px;

    min-height: 43px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    top: -6px;

    width: 20px;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month {

        margin-left: 50px;

    }

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa {

    cursor: pointer;

    bottom: 0;

    font-size: 21px;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    color: #4593d6;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa {

        bottom: 5px;

    }

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa.fa-angle-up {

    bottom: 20px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    height: 45px;

    opacity: 1;

    position: absolute;

    top: -5px;

    width: 70px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number::-webkit-outer-spin-button,

.topbar .top-bar-style-1 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

.topbar .top-bar-style-1 .control-left .form-search-content .background_booking {

    bottom: 50px;

    color: #f6f7fb;

    font-family: "Playfair Display", serif;

    font-size: 120px;

    height: 50px;

    line-height: 40px;

    position: absolute;

    right: 50px;

    transform: rotate(-90deg);

    width: 50px;

    z-index: -1;

}

.topbar .top-bar-style-1 .control-left .form-search-content .info-form-book {

    bottom: 30px;

    left: 0;

    padding: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}

.topbar .top-bar-style-1 .control-left .form-search-content .info-form-book .title {

    font-size: 12px;

    font-weight: bold;

    line-height: 23px;

    padding-bottom: 20px;

}

@media (max-width: 1376px) {

    .topbar .top-bar-style-1 .control-left .form-search-content .info-form-book .title {

        padding-bottom: 10px;

        line-height: 18px;

    }

}

.topbar .top-bar-style-1 .control-left .form-search-content .info-form-book .phone,

.topbar .top-bar-style-1 .control-left .form-search-content .info-form-book .email {

    color: #000;

    font-size: 16px;

    padding-bottom: 10px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .info-form-book .phone .fa,

.topbar .top-bar-style-1 .control-left .form-search-content .info-form-book .email .fa {

    color: #4593d6;

    display: block;

    font-size: 30px;

    padding-bottom: 10px;

}

.topbar .top-bar-style-1 .control-left .form-search-content .btn-close {

    cursor: pointer;

    border-radius: 50%;

    box-shadow: 0 0 15px #c0cdd3;

    font-size: 20px;

    height: 40px;

    left: 50%;

    line-height: 36px;

    position: absolute;

    text-align: center;

    top: 60px;

    width: 40px;

    transition: all 0.3s;

    transform: translate(-50%, 0px);

}

.topbar .top-bar-style-1 .control-left .form-search-content .btn-close:hover {

    box-shadow: 0 0 15px #4593d6;

}

.topbar .top-bar-style-1 .control-left .form-search-position-left {

    background: #fff none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 0;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 0;

    position: fixed;

    top: 0;

    transform: translate(-50%, 0px);

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 478px;

    z-index: 15;

}

.topbar .top-bar-style-1 .control-left .form-search-position-left.active {

    visibility: visible;

    transform: translate(0, 0px);

    opacity: 1;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown {

    font-size: 13px;

    text-transform: uppercase;

    cursor: pointer;

    color: #4593d6;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-toggle {

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-toggle .fa {

    padding-left: 5px;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu {

    background: transparent;

    border-radius: 0;

    color: #000;

    left: auto;

    min-width: max-content;

    right: 0;

    padding: 0px;

    top: 35px;

    border: none;

    transition: all 0.3s;

    display: block;

    visibility: hidden;

    opacity: 0;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu:before {

    content: '';

    background: #fff none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu li a strong{

    position: relative;

    top: 2px;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu li {

    border-bottom: 1px solid #ccc;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu li:last-child {

    border-bottom: none;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu li:nth-child(2):before {

    border-color: transparent transparent #fff;

    opacity: 1;

    border-style: solid;

    border-width: 0 10px 10px;

    content: " ";

    height: 0;

    right: 10px;

    position: absolute;

    top: -10px;

    width: 0;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu li a {

    background: transparent;

    color: #000;

    display: block;

    line-height: 1em;

    padding: 10px 15px;

    position: relative;

    text-align: left;

    transition: all 0.3s ease 0s;

    font-size: 12px;

    white-space: normal;

    text-transform: none;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown .dropdown-menu li a:hover {

    color: #4593d6;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .dropdown.open .dropdown-menu {

    visibility: visible;

    display: block;

    opacity: 1;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .location-weather {

    position: relative;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .location-weather .icon {

    font-size: 35px;

    left: 10px;

    position: absolute;

    top: -13px;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .location-weather .w-temp {

    display: inline-block;

    padding-left: 62px;

    position: relative;

    top: -2px;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .location-weather .w-temp .temp {

    font-size: 16px;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .location-weather .w-temp .temp sup,

.topbar .top-bar-style-1 .control-right .option-item .option-mid .location-weather .w-temp .temp span {

    font-size: 10px;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid .location-weather .location {

    display: inline-block;

    font-size: 11px;

    padding-left: 10px;

    position: relative;

    top: -2px;

    padding-right: 2px;

    margin: 0px;

}

.topbar .top-bar-style-1 .control-right .option-item .option-mid p {

    margin: 0px;

}

.topbar .top-bar-style-2 {

    height: 60px;

    background: #ffffff;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid {

    color: #000000;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .btn-book {

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 1px;

    color: #4593d6;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown {

    font-size: 13px;

    text-transform: uppercase;

    cursor: pointer;

    color: #010101;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-toggle {

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-toggle .fa {

    padding-left: 5px;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu {

    background: transparent;

    border-radius: 0;

    color: #000;

    left: auto;

    min-width: max-content;

    right: 0;

    padding: 0px;

    top: 35px;

    border: none;

    transition: all 0.3s;

    display: block;

    visibility: hidden;

    opacity: 0;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu:before {

    content: '';

    background: #fff none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu li {

    border-bottom: 1px solid #ccc;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu li:last-child {

    border-bottom: none;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu li:nth-child(2):before {

    border-color: transparent transparent #fff;

    opacity: 1;

    border-style: solid;

    border-width: 0 10px 10px;

    content: " ";

    height: 0;

    right: 10px;

    position: absolute;

    top: -10px;

    width: 0;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu li a {

    background: transparent;

    color: #000;

    display: block;

    line-height: 1em;

    padding: 10px 10px;

    position: relative;

    text-align: left;

    transition: all 0.3s ease 0s;

    font-size: 12px;

    white-space: normal;

    text-transform: none;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu li a strong{

    position: relative;

    top: 2px;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown .dropdown-menu li a:hover {

    color: #4593d6;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .dropdown.open .dropdown-menu {

    visibility: visible;

    display: block;

    opacity: 1;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .email,

.topbar .top-bar-style-2 .control-left .option-item .option-mid .phone {

    color: #7d7d7d;

    text-transform: none;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .email {

    font-size: 15px;

    margin-left: 5px;

    padding-left: 10px;

    position: relative;

    padding-right: 5px;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .email:before {

    border-left: 1px solid #7d7d7d;

    content: "";

    height: 15px;

    left: 0;

    position: absolute;

    right: 0;

    top: 2px;

    width: 1px;

}

.topbar .top-bar-style-2 .control-left .option-item .option-mid .phone {

    font-size: 16px;

}

.topbar .top-bar-style-2 .control-right {

    padding-right: 56px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid {

    color: #000;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid.room_book {

    background: #4593d6;

    padding: 0px 166px 0 20px;

    cursor: pointer;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid.room_book .content_room_book {

    color: #fff;

    font-size: 14px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid.room_book .content_room_book p {

    line-height: 18px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid.room_book .content_room_book p {

    margin-bottom: 0;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid.room_book .content_room_book .icon-room-book {

    background-image: url("../images/icon-room.png");

    background-repeat: no-repeat;

    display: inline-block;

    height: 30px;

    position: absolute;

    right: 22px;

    top: 16px;

    width: 45px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather {

    position: relative;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .icon {

    font-size: 26px;

    left: 25px;

    position: absolute;

    top: 0px;

    color: #4593d6;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .w-temp {

    display: block;

    padding-left: 65px;

    position: relative;

    font-size: 14px;

    text-shadow: 0px 0px 1px #5a5959;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .w-temp .temp sup,

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .w-temp .temp-f sup {

    font-size: 7px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .w-temp .temp span,

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .w-temp .temp-f span {

    font-size: 13px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .w-temp .temp-f {

    margin-left: 5px;

    padding-left: 7px;

    position: relative;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .w-temp .temp-f:before {

    border-left: 1px solid #000;

    content: "";

    height: 14px;

    left: 0;

    position: absolute;

    right: 0;

    top: 2px;

    width: 1px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather .location {

    display: block;

    font-size: 11px;

    position: relative;

    color: #b7b7b7;

    padding-right: 2px;

    padding-left: 65px;

}

.topbar .top-bar-style-2 .control-right .option-item .option-mid .location-weather p {

    margin: 0px;

}

.topbar .top-bar-style-2 .control-right .form-search-content {

    display: table;

    height: 100%;

    width: 100%;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid {

    display: table-cell;

    vertical-align: middle;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid:before,

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room {

    margin-top: -100px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .title {

    font-size: 16px;

    font-weight: bold;

    color: #000;

    text-transform: uppercase;

    text-align: center;

    letter-spacing: 2px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .field {

    margin: auto;

    width: 300px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .field:before,

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .field:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .field .title {

    font-family: 'Playfair Display', serif;

    color: #4593d6;

    padding-left: 40px;

    font-size: 18px;

    padding-right: 40px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .control {

    text-align: center;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .control .btn {

    border-radius: 0;

    font-size: 14px;

    font-weight: bold;

    height: 100%;

    letter-spacing: 3px;

    line-height: 25px;

    margin-top: 40px;

    padding: 20px 80px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .control .btn p {

    margin: 0px;

}

@media (max-width: 980px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .control .btn {

        font-size: 12px;

    }

}

@media (max-width: 768px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .control .btn {

        margin-bottom: 25px;

        margin-left: 25px;

        padding: 10px;

        width: auto;

    }

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .control .btn p {

        display: inline-block;

    }

}

@media (max-width: 360px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .control .btn {

        margin-left: 0px;

    }

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control {

    margin-top: 40px;

    padding-left: 30px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

    /*border-left: 1px dashed #ebebeb;*/

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    right: 15px;

    width: 1px;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

        right: 5px;

    }

}

@media (max-width: 768px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

        display: none;

    }

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control:last-child:before {

    display: none;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control:nth-child(2n+2):before {

    display: none;

}

@media (max-width: 360px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control {

        width: 100%;

        min-height: 90px;

    }

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .item-search-content {

        left: 38%;

        position: absolute;

    }

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control label {

    color: #7d7d7d;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: normal;

    padding-bottom: 20px;

    display: block;

    letter-spacing: 1px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control input,

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control select {

    bottom: 0;

    height: 19px;

    left: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control input[type='number'] {

    -moz-appearance: textfield;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control input::-webkit-outer-spin-button,

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options {

    position: relative;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options.cursor {

    cursor: pointer;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .day {

    color: #000;

    font-family: serif;

    font-size: 44px;

    left: 0;

    line-height: 35px;

    position: absolute;

    text-transform: uppercase;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .day {

        font-size: 35px;

    }

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month {

    color: #7d7d7d;

    display: inline-block;

    font-size: 14px;

    margin-left: 60px;

    min-height: 43px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    top: -6px;

    width: 20px;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month {

        margin-left: 50px;

    }

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa {

    cursor: pointer;

    bottom: 0;

    font-size: 21px;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    color: #4593d6;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa {

        bottom: 5px;

    }

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa.fa-angle-up {

    bottom: 20px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    height: 45px;

    opacity: 1;

    position: absolute;

    top: -5px;

    width: 70px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number::-webkit-outer-spin-button,

.topbar .top-bar-style-2 .control-right .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

.topbar .top-bar-style-2 .control-right .form-search-content .background_booking {

    bottom: 50px;

    color: #f6f7fb;

    font-family: "Playfair Display", serif;

    font-size: 120px;

    height: 50px;

    line-height: 40px;

    position: absolute;

    right: 50px;

    transform: rotate(-90deg);

    width: 50px;

    z-index: -1;

}

.topbar .top-bar-style-2 .control-right .form-search-content .info-form-book {

    bottom: 30px;

    left: 0;

    padding: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}

.topbar .top-bar-style-2 .control-right .form-search-content .info-form-book .title {

    font-size: 12px;

    font-weight: bold;

    line-height: 23px;

    padding-bottom: 20px;

}

@media (max-width: 1376px) {

    .topbar .top-bar-style-2 .control-right .form-search-content .info-form-book .title {

        padding-bottom: 10px;

        line-height: 18px;

    }

}

.topbar .top-bar-style-2 .control-right .form-search-content .info-form-book .phone,

.topbar .top-bar-style-2 .control-right .form-search-content .info-form-book .email {

    color: #000;

    font-size: 16px;

    padding-bottom: 10px;

}

.topbar .top-bar-style-2 .control-right .form-search-content .info-form-book .phone .fa,

.topbar .top-bar-style-2 .control-right .form-search-content .info-form-book .email .fa {

    color: #4593d6;

    display: block;

    font-size: 30px;

    padding-bottom: 10px;

}

.topbar .top-bar-style-2 .control-right .form-search-position-right {

    background: #fff none repeat scroll 0 0;

    height: 100%;

    right: 0;

    opacity: 0;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 0px;

    position: fixed;

    top: 0;

    transform: translate(50%, 0px);

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 478px;

    z-index: -1;

}

.topbar .top-bar-style-2 .control-right .form-search-position-right.active {

    visibility: visible;

    transform: translate(0, 0px);

    opacity: 1;

}

.topbar .top-bar-style-3 .control-left .option-item .option-mid .email,

.topbar .top-bar-style-3 .control-left .option-item .option-mid .phone {

    color: #4593d6;

    text-transform: none;

}

.topbar .top-bar-style-3 .control-left .option-item .option-mid .email {

    font-size: 15px;

    margin-left: 5px;

    padding-left: 10px;

    position: relative;

    padding-right: 5px;

}

.topbar .top-bar-style-3 .control-left .option-item .option-mid .email:before {

    border-left: 1px solid #4593d6;

    content: "";

    height: 15px;

    left: 0;

    position: absolute;

    right: 0;

    top: 2px;

    width: 1px;

}

.topbar .top-bar-style-3 .control-left .option-item .option-mid .phone {

    font-size: 16px;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown {

    font-size: 13px;

    text-transform: uppercase;

    cursor: pointer;

    color: #4593d6;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-toggle {

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-toggle .fa {

    padding-left: 5px;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu {

    background: transparent;

    border-radius: 0;

    color: #000;

    left: auto;

    min-width: max-content;

    right: 0;

    padding: 0px;

    top: 35px;

    border: none;

    transition: all 0.3s;

    display: block;

    visibility: hidden;

    opacity: 0;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu:before {

    content: '';

    background: #fff none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu li {

    border-bottom: 1px solid #ccc;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu li a strong{

    position: relative;

    top: 2px;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu li:last-child {

    border-bottom: none;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu li:nth-child(2):before {

    border-color: transparent transparent #fff;

    opacity: 1;

    border-style: solid;

    border-width: 0 10px 10px;

    content: " ";

    height: 0;

    right: 10px;

    position: absolute;

    top: -10px;

    width: 0;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu li a {

    background: transparent;

    color: #000;

    display: block;

    line-height: 1em;

    padding: 10px 15px;

    position: relative;

    text-align: left;

    transition: all 0.3s ease 0s;

    font-size: 12px;

    white-space: normal;

    text-transform: none;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown .dropdown-menu li a:hover {

    color: #4593d6;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .dropdown.open .dropdown-menu {

    visibility: visible;

    display: block;

    opacity: 1;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .location-weather {

    position: relative;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .location-weather .icon {

    font-size: 35px;

    left: 10px;

    position: absolute;

    top: -13px;

    color: #4593d6;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .location-weather .w-temp {

    display: inline-block;

    padding-left: 62px;

    position: relative;

    top: -2px;

    color: #000;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .location-weather .w-temp .temp {

    font-size: 16px;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .location-weather .w-temp .temp sup,

.topbar .top-bar-style-3 .control-right .option-item .option-mid .location-weather .w-temp .temp span {

    font-size: 10px;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid .location-weather .location {

    display: inline-block;

    font-size: 11px;

    padding-left: 10px;

    position: relative;

    top: -2px;

    padding-right: 2px;

    margin: 0px;

    color: #000;

}

.topbar .top-bar-style-3 .control-right .option-item .option-mid p {

    margin: 0px;

}

.topbar .top-bar-style-4 .control-left .option-item .option-mid .btn-book {

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 1px;

    color: #4593d6;

    cursor: pointer;

}

.topbar .top-bar-style-4 .control-left .form-search-content {

    display: table;

    height: 100%;

    width: 100%;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid {

    display: table-cell;

    vertical-align: middle;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid:before,

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room {

    margin-top: -100px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .title {

    font-size: 16px;

    font-weight: bold;

    color: #4593d6;

    text-transform: uppercase;

    text-align: center;

    letter-spacing: 2px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .field {

    margin: auto;

    width: 300px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .field:before,

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .field:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .field .title {

    font-family: 'Playfair Display', serif;

    color: #4593d6;

    padding-left: 40px;

    font-size: 18px;

    padding-right: 40px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .control {

    text-align: center;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

    border-radius: 0;

    font-size: 14px;

    font-weight: bold;

    height: 100%;

    letter-spacing: 3px;

    line-height: 25px;

    margin-top: 40px;

    padding: 20px 80px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn p {

    margin: 0px;

}

@media (max-width: 980px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

        font-size: 12px;

    }

}

@media (max-width: 768px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

        margin-bottom: 25px;

        margin-left: 25px;

        padding: 10px;

        width: auto;

    }

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn p {

        display: inline-block;

    }

}

@media (max-width: 360px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .control .btn {

        margin-left: 0px;

    }

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control {

    margin-top: 40px;

    padding-left: 30px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

    /* border-left: 1px dashed #ebebeb; */

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    right: 15px;

    width: 1px;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

        right: 5px;

    }

}

@media (max-width: 768px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:before {

        display: none;

    }

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:last-child:before {

    display: none;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control:nth-child(2n+2):before {

    display: none;

}

@media (max-width: 360px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control {

        width: 100%;

        min-height: 90px;

    }

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .item-search-content {

        left: 38%;

        position: absolute;

    }

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control label {

    color: #7d7d7d;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: normal;

    padding-bottom: 20px;

    display: block;

    letter-spacing: 1px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input,

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control select {

    bottom: 0;

    height: 19px;

    left: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input[type='number'] {

    -moz-appearance: textfield;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input::-webkit-outer-spin-button,

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options {

    position: relative;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options.cursor {

    cursor: pointer;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .day {

    color: #000;

    font-family: serif;

    font-size: 44px;

    left: 0;

    line-height: 35px;

    position: absolute;

    text-transform: uppercase;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .day {

        font-size: 35px;

    }

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month {

    color: #7d7d7d;

    display: inline-block;

    font-size: 14px;

    margin-left: 60px;

    min-height: 43px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    top: -6px;

    width: 20px;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month {

        margin-left: 50px;

    }

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa {

    cursor: pointer;

    bottom: 0;

    font-size: 21px;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    color: #4593d6;

}

@media (max-width: 1024px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa {

        bottom: 5px;

    }

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .month .fa.fa-angle-up {

    bottom: 20px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    height: 45px;

    opacity: 1;

    position: absolute;

    top: -5px;

    width: 70px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number::-webkit-outer-spin-button,

.topbar .top-bar-style-4 .control-left .form-search-content .form-search-content-mid .form-search-room .helios-form-control .options .helios-number::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

.topbar .top-bar-style-4 .control-left .form-search-content .background_booking {

    bottom: 50px;

    color: #f6f7fb;

    font-family: "Playfair Display", serif;

    font-size: 120px;

    height: 50px;

    line-height: 40px;

    position: absolute;

    right: 50px;

    transform: rotate(-90deg);

    width: 50px;

    z-index: -1;

}

.topbar .top-bar-style-4 .control-left .form-search-content .info-form-book {

    bottom: 30px;

    left: 0;

    padding: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}

.topbar .top-bar-style-4 .control-left .form-search-content .info-form-book .title {

    font-size: 12px;

    font-weight: bold;

    line-height: 23px;

    padding-bottom: 20px;

}

@media (max-width: 1376px) {

    .topbar .top-bar-style-4 .control-left .form-search-content .info-form-book .title {

        padding-bottom: 10px;

        line-height: 18px;

    }

}

.topbar .top-bar-style-4 .control-left .form-search-content .info-form-book .phone,

.topbar .top-bar-style-4 .control-left .form-search-content .info-form-book .email {

    color: #000;

    font-size: 16px;

    padding-bottom: 10px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .info-form-book .phone .fa,

.topbar .top-bar-style-4 .control-left .form-search-content .info-form-book .email .fa {

    color: #4593d6;

    display: block;

    font-size: 30px;

    padding-bottom: 10px;

}

.topbar .top-bar-style-4 .control-left .form-search-content .btn-close {

    cursor: pointer;

    border-radius: 50%;

    box-shadow: 0 0 15px #c0cdd3;

    font-size: 20px;

    height: 40px;

    left: 50%;

    line-height: 36px;

    position: absolute;

    text-align: center;

    top: 60px;

    width: 40px;

    transition: all 0.3s;

    transform: translate(-50%, 0px);

}

.topbar .top-bar-style-4 .control-left .form-search-content .btn-close:hover {

    box-shadow: 0 0 15px #4593d6;

}

.topbar .top-bar-style-4 .control-left .form-search-position-left {

    background: #fff none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 0;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 0;

    position: fixed;

    top: 0;

    transform: translate(-50%, 0px);

    transition: all 0.3s ease 0s;

    visibility: hidden;

    width: 478px;

    z-index: 15;

}

.topbar .top-bar-style-4 .control-left .form-search-position-left.active {

    visibility: visible;

    transform: translate(0, 0px);

    opacity: 1;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown {

    font-size: 13px;

    text-transform: uppercase;

    cursor: pointer;

    color: #4593d6;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-toggle {

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-toggle .fa {

    padding-left: 5px;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-menu {

    background: transparent;

    border-radius: 0;

    color: #000;

    left: auto;

    min-width: max-content;

    right: 0;

    padding: 0px;

    top: 35px;

    border: none;

    transition: all 0.3s;

    display: block;

    visibility: hidden;

    opacity: 0;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-menu:before {

    content: '';

    background: #fff none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 1;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-menu li {

    border-bottom: 1px solid #ccc;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-menu li:last-child {

    border-bottom: none;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-menu li:nth-child(2):before {

    border-color: transparent transparent #fff;

    opacity: 1;

    border-style: solid;

    border-width: 0 10px 10px;

    content: " ";

    height: 0;

    right: 10px;

    position: absolute;

    top: -10px;

    width: 0;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-menu li a {

    background: transparent;

    color: #000;

    display: block;

    line-height: 1em;

    padding: 10px 15px;

    position: relative;

    text-align: left;

    transition: all 0.3s ease 0s;

    font-size: 12px;

    white-space: normal;

    text-transform: none;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown .dropdown-menu li a:hover {

    color: #4593d6;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .dropdown.open .dropdown-menu {

    visibility: visible;

    display: block;

    opacity: 1;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .location-weather {

    position: relative;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .location-weather .icon {

    font-size: 35px;

    left: 10px;

    position: absolute;

    top: -13px;

    color: #4593d6;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .location-weather .w-temp {

    display: inline-block;

    padding-left: 62px;

    position: relative;

    top: -2px;

    color: #4593d6;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .location-weather .w-temp .temp {

    font-size: 16px;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .location-weather .w-temp .temp sup,

.topbar .top-bar-style-4 .control-right .option-item .option-mid .location-weather .w-temp .temp span {

    font-size: 10px;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid .location-weather .location {

    display: inline-block;

    font-size: 11px;

    padding-left: 10px;

    position: relative;

    top: -2px;

    padding-right: 2px;

    margin: 0px;

    color: #4593d6;

}

.topbar .top-bar-style-4 .control-right .option-item .option-mid p {

    margin: 0px;

}

.topbar-scroll {

    background: #fff none repeat scroll 0 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

    transform: translate(0px, -110%);

    transition: all 0.5s;

}

@media (max-width: 980px) {

    .topbar-scroll {

        display: none;

    }

}

.topbar-scroll.active {

    transform: translate(0, 0px);

}

.topbar-scroll .logo {

    height: 95px;

    padding: 15px 0;

    position: absolute;

    text-align: center;

    width: 190px;

    z-index: 11;

}

.topbar-scroll .logo img {

    display: inline-block;

    max-height: 65px;

}

@media (max-width: 1100px) {

    .topbar-scroll .logo {

        width: 140px;

    }

}

.topbar-scroll .nav > li > a:focus,

.topbar-scroll .nav > li > a:hover {

    text-decoration: none;

    background-color: transparent;

}

.topbar-scroll:before,

.topbar-scroll:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar-scroll .content-menu {

    box-shadow: 0px 4px 8px rgba(17, 17, 17, 0.06);

    width: 100%;

    padding-left: 30px;

}

@media (max-width: 1366px) {

    .topbar-scroll .content-menu {

        padding-left: 5px;

    }

}

.topbar-scroll .content-menu .nav .open > a,

.topbar-scroll .content-menu .nav .open > a:focus,

.topbar-scroll .content-menu .nav .open > a:hover {

    background-color: transparent;

    border-color: transparent;

}

.topbar-scroll .content-menu .navbar-nav li:hover > .dropdown-menu {

    display: block;

}

.topbar-scroll .content-menu .navbar-nav .dropdown-menu {

    border-radius: 0px;

}

.topbar-scroll .content-menu .current-menu-parent > a {

    color: #4593d6 !important;

}

.topbar-scroll .content-menu .current_page_item > a {

    color: #4593d6 !important;

}

.topbar-scroll .content-menu .current-menu-item > a {

    color: #4593d6 !important;

}

.topbar-scroll .content-menu .current-menu-ancestor > a {

    color: #4593d6 !important;

}

.topbar-scroll .content-menu .navbar-nav {

    float: none;

    display: inline-block;

    width: auto;

}

.topbar-scroll .content-menu .navbar-nav > li {

    float: none;

    display: inline-block;

}

.topbar-scroll .content-menu .navbar-nav > li:last-child a {

    padding-right: 10px;

}

.topbar-scroll .content-menu .navbar-nav > li > a {

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    transition: all 0.3s;

    padding: 37px 20px;

}

@media (max-width: 1366px) {

    .topbar-scroll .content-menu .navbar-nav > li > a {

        padding: 37px 10px;

    }

}

.topbar-scroll .content-menu .navbar-nav > li > a:hover,

.topbar-scroll .content-menu .navbar-nav > li > a:focus {

    background: none;

    color: #4593d6;

    outline: none;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu {

    background-color: #fff;

    left: 0;

    padding: 20px 0;

    top: 99%;

    min-width: 200px;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li:first-child:before {

    border-color: transparent transparent #fff;

    border-style: solid;

    border-width: 0 11px 13px;

    content: " ";

    height: 0;

    left: 30px;

    opacity: 1;

    position: absolute;

    top: -30px;

    width: 0;

    display: none;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > a {

    color: #000;

    font-size: 15px;

    font-weight: bold;

    padding: 10px 30px;

    text-transform: none;

    transition: all 0.3s ease 0s;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > a .caret {

    border-bottom: 5px solid transparent;

    border-left: 5px dashed;

    border-top: 5px solid transparent;

    display: inline-block;

    height: 0;

    margin-left: 2px;

    position: absolute;

    right: 20px;

    top: 13px;

    vertical-align: middle;

    width: 0;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > a:hover,

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > a:focus {

    background: #fff;

    color: #4593d6;

    outline: none;

    padding-left: 35px;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {

    background-color: #fff;

    left: 99%;

    min-width: 200px;

    top: -5px;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a {

    color: #000;

    font-size: 15px;

    font-weight: bold;

    padding: 10px 30px;

    text-transform: none;

    transition: all 0.3s ease 0s;

}

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a:hover,

.topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a:focus {

    background: #fff;

    color: #4593d6;

    outline: none;

    padding-left: 35px;

}

.topbar-scroll .content-menu .menu-main-menu-container {

    text-align: center;

}

@media (max-width: 1280px) {

    .topbar-scroll .content-menu {

        font-size: 12px;

    }

}

.topbar-scroll .content-menu a {

    transition: all 0.3s;

}

.topbar-scroll .content-menu:before,

.topbar-scroll .content-menu:after {

    content: " ";

    display: table;

    clear: both;

}

.topbar-scroll .content-menu .st_menu {

    float: none;

    display: inline-block;

}

.topbar-scroll .content-menu .menu-right {

    /* padding-left: 150px;*/

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 10;

}

@media (max-width: 1366px) {

    .topbar-scroll .content-menu .menu-right {

        text-align: right;

        padding-right: 60px;

    }

}

@media (max-width: 1200px) {

    .topbar-scroll .content-menu .menu-right {

        padding-right: 30px;

    }

}

.topbar-scroll .content-menu .st_menu > li:before {

    border-bottom: 3px solid #4593d6;

    top: -48px;

    content: " ";

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    width: 95%;

    opacity: 0;

    transition: all .3s;

}

.topbar-scroll .content-menu .nav > li > a {

    padding: 40px 15px;

}

@media (max-width: 1200px) {

    .topbar-scroll .content-menu .nav > li > a {

        padding: 40px 10px;

    }

}

.topbar-scroll .content-menu .st_menu > li:hover:before {

    opacity: 1;

}

.topbar-scroll .content-menu .st_menu > li:last-child a {

    padding-right: 0px;

}

@media (max-width: 1200px) {

    .topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {

        background-color: #fff;

        right: 100%;

        min-width: 200px;

        top: -5px;

        left: auto;

    }

    .topbar-scroll .content-menu .navbar-nav > li > .dropdown-menu {

        background-color: #fff;

        left: auto;

        padding: 20px 0;

        top: 100%;

        right: 0;

        min-width: 200px;

    }

}

/* End Topbar */



/* Form search Topbar */

.date-group {

    margin-bottom: 0;

}

.date-group .item-search-content {

    width: 50%;

    float: left;

}

.daterangepicker.fixed {

    position: fixed !important;

}

.daterangepicker.but-move-left:after, .daterangepicker.but-move-left:before {

    right: 10px;

    left: auto !important;

}



/* End form search Topbar */



/* Menu */

.st_main_menu {

    position: relative;

    z-index: 9;

}

.st_main_menu .nav > li > a:focus,

.st_main_menu .nav > li > a:hover {

    text-decoration: none;

    background-color: transparent;

}

.st_main_menu:before,

.st_main_menu:after {

    content: " ";

    display: table;

    clear: both;

}

.st_main_menu .content-menu {

    width: 100%;

    padding-left: 30px;

}

@media (max-width: 1366px) {

    .st_main_menu .content-menu {

        padding-left: 5px;

    }

}

.st_main_menu .content-menu .nav .open > a,

.st_main_menu .content-menu .nav .open > a:focus,

.st_main_menu .content-menu .nav .open > a:hover {

    background-color: transparent;

    border-color: transparent;

}

.st_main_menu .content-menu .navbar-nav li:hover > .dropdown-menu {

    display: block;

}

.st_main_menu .content-menu .navbar-nav .dropdown-menu {

    border-radius: 0px;

}

.st_main_menu .content-menu .current-menu-parent > a {

    color: #4593d6 !important;

}

.st_main_menu .content-menu .current_page_item > a {

    color: #4593d6 !important;

}

.st_main_menu .content-menu .current-menu-item > a {

    color: #4593d6 !important;

}

.st_main_menu .content-menu .current-menu-ancestor > a {

    color: #4593d6 !important;

}

.st_main_menu .content-menu .navbar-nav {

    float: none;

    display: inline-block;

    width: auto;

}

.st_main_menu .content-menu .navbar-nav > li {

    float: none;

    display: inline-block;

}

.st_main_menu .content-menu .navbar-nav > li:last-child a {

    padding-right: 10px;

}

.st_main_menu .content-menu .navbar-nav > li > a {

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    transition: all 0.3s;

    padding: 37px 20px;

}

@media (max-width: 1366px) {

    .st_main_menu .content-menu .navbar-nav > li > a {

        padding: 37px 10px;

    }

}

.st_main_menu .content-menu .navbar-nav > li > a:hover,

.st_main_menu .content-menu .navbar-nav > li > a:focus {

    background: none;

    color: #4593d6;

    outline: none;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu {

    background-color: #fff;

    left: 0;

    padding: 20px 0;

    top: 100%;

    min-width: 200px;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li:first-child:before {

    border-color: transparent transparent #fff;

    border-style: solid;

    border-width: 0 11px 13px;

    content: " ";

    height: 0;

    left: 30px;

    opacity: 1;

    position: absolute;

    top: -30px;

    width: 0;

    display: none;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > a {

    color: #000;

    font-size: 15px;

    font-weight: bold;

    padding: 10px 30px;

    text-transform: none;

    transition: all 0.3s ease 0s;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > a .caret {

    border-bottom: 5px solid transparent;

    border-left: 5px dashed;

    border-top: 5px solid transparent;

    display: inline-block;

    height: 0;

    margin-left: 2px;

    position: absolute;

    right: 20px;

    top: 13px;

    vertical-align: middle;

    width: 0;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > a:hover,

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > a:focus {

    background: #fff;

    color: #4593d6;

    outline: none;

    padding-left: 35px;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {

    background-color: #fff;

    left: 99%;

    min-width: 200px;

    top: -5px;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a {

    color: #000;

    font-size: 15px;

    font-weight: bold;

    padding: 10px 30px;

    text-transform: none;

    transition: all 0.3s ease 0s;

}

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a:hover,

.st_main_menu .content-menu .navbar-nav > li > .dropdown-menu > li > .dropdown-menu > li > a:focus {

    background: #fff;

    color: #4593d6;

    outline: none;

    padding-left: 35px;

}

.st_main_menu .content-menu .menu-main-menu-container {

    text-align: center;

}

.st_main_menu .menu-style-1 {

    position: relative;

    width: 100%;

    text-align: center;

    top: 0px;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: bold;

    padding-left: 0;

}

@media (max-width: 1024px) {

    .st_main_menu .menu-style-1 {

        font-size: 12px;

    }

}

.st_main_menu .menu-style-1 a {

    transition: all 0.3s;

}

.st_main_menu .menu-style-1:before,

.st_main_menu .menu-style-1:after {

    content: " ";

    display: table;

    clear: both;

}

.st_main_menu .menu-style-1 .st_menu {

    float: none;

    display: inline-block;

}

.st_main_menu .menu-style-1 .logo {

    left: 50%;

    position: absolute;

    text-align: center;

    top: -60px;

    transform: translate(-50%, 0px);

    z-index: 11;

}

.st_main_menu .menu-style-1 .logo img {

    display: inline-block;

}

.st_main_menu .menu-style-1 .menu-left {

    float: left;

    padding-bottom: 80px;

    padding-right: 150px;

    padding-top: 10px;

    position: relative;

    text-align: right;

    width: 50%;

    z-index: 10;

}

@media (max-width: 1280px) {

    .st_main_menu .menu-style-1 .menu-left {

        padding-right: 60px;

    }

}

.st_main_menu .menu-style-1 .menu-right {

    float: left;

    padding-left: 150px;

    padding-top: 10px;

    position: relative;

    text-align: left;

    width: 50%;

    z-index: 10;

}

@media (max-width: 1280px) {

    .st_main_menu .menu-style-1 .menu-right {

        padding-left: 60px;

    }

}

.st_main_menu .menu-style-1 .nav > li > a {

    padding: 10px 20px;

}

@media (max-width: 1280px) {

    .st_main_menu .menu-style-1 .nav > li > a {

        padding: 10px 10px;

        font-size: 13px;

    }

}

.st_main_menu .menu-style-2 {

    width: 100%;

    text-align: center;

    font-size: 14px;

    text-transform: uppercase;

    font-weight: bold;

    margin-top: 48px;

    padding-bottom: 45px;

    position: relative;

    top: 0;

}

@media (max-width: 1280px) {

    .st_main_menu .menu-style-2 {

        font-size: 12px;

    }

}

.st_main_menu .menu-style-2 a {

    transition: all 0.3s;

}

.st_main_menu .menu-style-2:before,

.st_main_menu .menu-style-2:after {

    content: " ";

    display: table;

    clear: both;

}

.st_main_menu .menu-style-2 .st_menu {

    float: none;

    display: inline-block;

}

.st_main_menu .menu-style-2 .logo {

    left: 60px;

    position: absolute;

    text-align: center;

    z-index: 11;

    top: -30px;

}

.st_main_menu .menu-style-2 .logo img {

    display: inline-block;

}

.st_main_menu .menu-style-2 .menu-right {

    width: 100%;

    float: left;

    text-align: right;

    padding-right: 60px;

    position: relative;

    z-index: 10;

}

.st_main_menu .menu-style-2 .st_menu > li:before {

    border-bottom: 3px solid #4593d6;

    top: -48px;

    content: " ";

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    width: 95%;

    opacity: 0;

    transition: all .3s;

}

.st_main_menu .menu-style-2 .nav > li > a {

    padding: 10px 17px;

}

@media (max-width: 1280px) {

    .st_main_menu .menu-style-2 .nav > li > a {

        padding: 10px 10px;

        font-size: 13px;

    }

}

@media (max-width: 1024px) {

    .st_main_menu .menu-style-2 .nav > li > a {

        padding: 10px 10px;

    }

}

.st_main_menu .menu-style-2 .st_menu > li:hover:before {

    opacity: 1;

}

.st_main_menu .menu-style-2 .st_menu > li:last-child a {

    padding-right: 0px;

}

.st_main_menu .menu-style-2 .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {

    background-color: #fff;

    right: 100%;

    min-width: 200px;

    top: -5px;

    left: auto;

}

.st_main_menu .menu-style-2 .navbar-nav > li > .dropdown-menu {

    background-color: #fff;

    left: auto;

    padding: 20px 0;

    top: 100%;

    right: 0;

    min-width: 200px;

}

.st_main_menu .menu-style-3 {

    font-size: 14px;

    font-weight: bold;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    top: 0;

    width: 100%;

}

@media (max-width: 1280px) {

    .st_main_menu .menu-style-3 {

        font-size: 12px;

    }

}

.st_main_menu .menu-style-3 a {

    transition: all 0.3s;

}

.st_main_menu .menu-style-3:before,

.st_main_menu .menu-style-3:after {

    content: " ";

    display: table;

    clear: both;

}

.st_main_menu .menu-style-3 .st_menu {

    float: none;

    display: inline-block;

}

.st_main_menu .menu-style-3 .logo {

    left: 50%;

    position: absolute;

    text-align: center;

    top: -80px;

    transform: translate(-50%);

    z-index: 10;

}

.st_main_menu .menu-style-3 .logo img {

    display: inline-block;

}

.st_main_menu .menu-style-3 .menu-right {

    padding: 50px 0 30px;

    position: relative;

    width: 100%;

    z-index: 10;

}

.st_main_menu .menu-style-3 .nav > li > a {

    padding: 10px 17px;

}

@media (max-width: 1280px) {

    .st_main_menu .menu-style-3 .nav > li > a {

        padding: 10px 15px;

    }

}

@media (max-width: 1024px) {

    .st_main_menu .menu-style-3 .nav > li > a {

        padding: 10px 10px;

    }

}

.st_main_menu .menu-style-3 .st_menu > li:hover:before {

    opacity: 1;

}

.st_main_menu .menu-style-3 .st_menu > li:last-child a {

    padding-right: 0px;

}

.st_main_menu .menu-style-3 .navbar-nav > li > .dropdown-menu > li > .dropdown-menu {

    background-color: #fff;

    right: 100%;

    min-width: 200px;

    top: -5px;

    left: auto;

}

.st_main_menu .menu-style-3 .navbar-nav > li > .dropdown-menu {

    background-color: #fff;

    left: auto;

    padding: 20px 0;

    top: 100%;

    right: -50%;

    min-width: 200px;

}

.st_main_menu.topbar-style-2 .menu-style-1 .logo {

    top: -50px;

}

.st_main_menu.topbar-style-2 .menu-style-3 .logo {

    top: -40px;

}

.st_main_menu.topbar-style-2 .menu-style-3 .menu-right {

    padding: 80px 0 30px;

    position: relative;

    width: 100%;

    z-index: 10;

}

.st_main_menu .menu-style-2 .logo {

    margin-top: auto;

}

/* End Menu */



/* Scroll bar custom */

.topbar-scroll .content{

    margin: auto;

    max-width: none;

}

/* End Scroll bar custom */



.header-mobile {

    display: none;

    z-index: 99;

    background: #1e1e1e;

    position: relative;

}

@media (max-width: 980px) {

    .header-mobile {

        display: block;

    }

}

.header-mobile.sticky {

    position: fixed;

    top: 0px;

    z-index: 9999999;

    width: 100%;

}

.header-mobile.sticky .dl-menu,

.header-mobile.sticky .dl-submenu {

    max-height: 300px;

    overflow-y: scroll;

}

.header-mobile .helios-navbar-header:before,

.header-mobile .helios-navbar-header:after {

    content: " ";

    display: table;

    clear: both;

}

.header-mobile .helios_dl_mobile_menu {

    text-align: left;

    margin-right: 0px;

}

.header-mobile .helios_dl_mobile_menu li.dl-back::after,

.header-mobile .helios_dl_mobile_menu li > a:not(:only-child)::after {

    color: #4593d6;

}

.header-mobile .helios_dl_mobile_menu.dl-menuwrapper {

    max-width: none !important;

    float: none !important;

    position: inherit !important;

    perspective: none !important;

}

.header-mobile .helios_dl_mobile_menu .dl-menu {

    top: 90px !important;

    right: auto !important;

    left: 0px !important;

    width: 100% !important;

    margin: 0px;

    padding: 0px;

}

.header-mobile .helios_dl_mobile_menu .dl-submenu {

    top: 90px !important;

    right: auto !important;

    left: 0px !important;

    width: 100% !important;

    margin: 0px;

}

.header-mobile .helios_dl_mobile_menu .dl-menu,

.header-mobile .helios_dl_mobile_menu .dl-submenu {

    background: #151515;

}

.header-mobile .helios_dl_mobile_menu .dl-menu li,

.header-mobile .helios_dl_mobile_menu .dl-submenu li {

    border-top: solid 1px #1a1a1a;

    transition: all 0.3s;

}

.header-mobile .helios_dl_mobile_menu .dl-menu li:first-child,

.header-mobile .helios_dl_mobile_menu .dl-submenu li:first-child {

    border-top: none;

}

.header-mobile .helios_dl_mobile_menu .dl-menu li a,

.header-mobile .helios_dl_mobile_menu .dl-submenu li a {

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 30px;

    padding-right: 30px;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: bold;

    color: #b7b7b7;

    transition: all 0.3s;

    text-decoration: none;

}

.header-mobile .helios_dl_mobile_menu .dl-menu li:hover,

.header-mobile .helios_dl_mobile_menu .dl-submenu li:hover {

    background: #1e1e1e;

}

.header-mobile .helios_dl_mobile_menu .dl-menu li:hover > a,

.header-mobile .helios_dl_mobile_menu .dl-submenu li:hover > a {

    color: #4593d6;

}

.header-mobile .helios_dl_mobile_menu .nav-icon-bar {

    border: 1px solid #ffffff;

    padding: 10px 13px;

    cursor: pointer;

}

.header-mobile .helios_dl_mobile_menu .nav-icon-bar .icon-bar {

    background-color: #ffffff;

    border-radius: 1px;

    display: block;

    height: 1px;

    margin: 8px 0;

    width: 30px;

}

.header-mobile .helios_dl_mobile_menu .nav-icon-bar .icon-bar:last-child {

    width: 25px;

}

.header-mobile .helios_dl_mobile_menu .current_page_item > a,

.header-mobile .helios_dl_mobile_menu .current-menu-parent > a {

    color: #4593d6 !important;

}

.header-mobile .control-left {

    float: left;

    width: 30%;

    height: 90px;

}

.header-mobile .control-left .option-item {

    height: 100%;

    display: table;

}

.header-mobile .control-left .option-item .option-mid {

    display: table-cell;

    padding-left: 30px;

    vertical-align: middle;

}

.header-mobile .control-left .option-item .option-mid .nav-icon-bar {

    cursor: pointer;

    padding: 3px 8px;

    border: 1px solid #7d7d7d;

}

.header-mobile .control-left .option-item .option-mid .nav-icon-bar .icon-bar {

    background-color: #7d7d7d;

}

.header-mobile .control-left .option-item .option-mid .nav-icon-bar.dl-active {

    border: 1px solid #4593d6;

}

.header-mobile .control-left .option-item .option-mid .nav-icon-bar.dl-active .icon-bar {

    background-color: #4593d6;

}

.header-mobile .control-center {

    float: left;

    height: 90px;

    width: 40%;

}

@media (max-width: 320px) {

    .header-mobile .control-center {

        width: 55%;

    }

}

.header-mobile .control-center .option-item {

    height: 100%;

    width: 100%;

    display: table;

}

.header-mobile .control-center .option-item .option-mid {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.header-mobile .control-right {

    float: left;

    height: 90px;

    width: 30%;

}

.header-mobile .control-right .option-item {

    width: 100%;

    height: 100%;

    display: table;

}

.header-mobile .control-right .option-item .option-mid {

    display: table-cell;

    vertical-align: middle;

    text-align: right;

    padding-right: 30px;

}

.header-mobile .control-right .option-item .option-mid .search {

    color: #4593d6;

    display: inline-block;

    font-size: 20px;

    padding-top: 0px;

}

.header-mobile .control-right .option-item .option-mid .my-account {

    color: #6d6d6d;

    display: inline-block;

    font-size: 25px;

    padding-left: 15px;

    padding-top: 0px;

}

.header-mobile .content-footer .navbar-footer {

    padding: 40px 30px;

    background: #000;

}

.header-mobile .content-footer .navbar-footer:before,

.header-mobile .content-footer .navbar-footer:after {

    content: " ";

    display: table;

    clear: both;

}

.header-mobile .content-footer .navbar-footer .control {

    float: left;

    width: 50%;

}

@media (max-width: 360px) {

    .header-mobile .content-footer .navbar-footer .control {

        width: 100%;

    }

    .header-mobile .content-footer .navbar-footer .control.social-share {

        text-align: left !important;

    }

    .header-mobile .content-footer .navbar-footer .control:first-child {

        padding-bottom: 10px;

    }

}

.header-mobile .content-footer .navbar-footer .control.contact {

    line-height: 21px;

    text-align: left;

}

.header-mobile .content-footer .navbar-footer .control.contact .title {

    color: #959595;

}

.header-mobile .content-footer .navbar-footer .control.contact .number {

    font-size: 18px;

    color: #4593d6;

    font-weight: bold;

}

.header-mobile .content-footer .navbar-footer .control.social-share {

    text-align: right;

}

.header-mobile .content-footer .navbar-footer .control.social-share ul {

    margin: 0px;

    background: none;

}

.header-mobile .content-footer .navbar-footer .control.social-share ul > li {

    border: none;

    display: inline-block;

    margin-left: 5px;

    margin-right: 5px;

    background: #000;

}

@media (max-width: 460px) {

    .header-mobile .content-footer .navbar-footer .control.social-share ul > li {

        margin-left: 0px;

        margin-right: 0px;

    }

}

.header-mobile .content-footer .navbar-footer .control.social-share ul > li a {

    padding: 0px;

}

.header-mobile .content-footer .navbar-footer .control.social-share ul > li i {

    background: transparent none repeat scroll 0 0;

    border-radius: 50%;

    color: #959595;

    font-size: 18px;

    line-height: 35px;

    text-align: center;

    width: 35px;

    transition: all 0.3s ease 0s;

}

.header-mobile .content-footer .navbar-footer .control.social-share ul > li:hover a {

    background: transparent !important;

}

.header-mobile .content-footer .navbar-footer .control.social-share ul > li:hover i {

    background: #000;

    color: #4593d6;

}

.header-mobile .item-menu-mobile {

    display: block;

    transition: none;

}

.header-mobile .item-menu-mobile .fa {

    transition: none;

    padding-right: 10px;

}

.header-mobile .dl-submenu .fa {

    transition: none;

    padding-right: 10px;

}

.header-mobile .style-light {

    background: #fff;

}

.header-mobile .style-light .dl-menu,

.header-mobile .style-light .dl-submenu {

    background: #eaf1f2;

}

.header-mobile .style-light .dl-menu li,

.header-mobile .style-light .dl-submenu li {

    border-top: solid 1px #e1e1e1;

    transition: all 0.3s;

}

.header-mobile .style-light .dl-menu li a,

.header-mobile .style-light .dl-submenu li a {

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 30px;

    padding-right: 30px;

    text-transform: uppercase;

    font-size: 12px;

    font-weight: bold;

    color: #363636;

    transition: all 0.3s;

    text-decoration: none;

}

.header-mobile .style-light .dl-menu li:hover,

.header-mobile .style-light .dl-submenu li:hover {

    background: #e1e1e1 ;

}

.header-mobile .style-light .dl-menu li:hover > a,

.header-mobile .style-light .dl-submenu li:hover > a {

    color: #4593d6;

}

.header-mobile .style-light .control-left {

    float: left;

    width: 50%;

    height: 90px;

}

.header-mobile .style-light .control-left .option-item {

    height: 100%;

    display: table;

}

.header-mobile .style-light .control-left .option-item .option-mid {

    display: table-cell;

    padding-left: 30px;

    vertical-align: middle;

}

.header-mobile .style-light .control-left .option-item .option-mid .nav-icon-bar {

    cursor: pointer;

    padding: 3px 8px;

    border: 1px solid #7d7d7d;

}

.header-mobile .style-light .control-left .option-item .option-mid .nav-icon-bar .icon-bar {

    background-color: #7d7d7d;

}

.header-mobile .style-light .control-left .option-item .option-mid .nav-icon-bar.dl-active {

    border: 1px solid #4593d6;

}

.header-mobile .style-light .control-left .option-item .option-mid .nav-icon-bar.dl-active .icon-bar {

    background-color: #4593d6;

}

.header-mobile .style-light .control-right {

    float: left;

    height: 90px;

    width: 50%;

}

.header-mobile .style-light .control-right .option-item {

    height: 100%;

    display: table;

    width: auto;

    float: right;

}

.header-mobile .style-light .control-right .option-item .option-mid {

    display: table-cell;

    vertical-align: middle;

    text-align: right;

    padding-right: 30px;

}

.header-mobile .style-light .control-right .option-item .option-mid .search {

    color: #363636;

    display: inline-block;

    font-size: 20px;

    padding-top: 0px;

}

.header-mobile .style-light .control-right .option-item .option-mid .my-account {

    color: #363636;

    display: inline-block;

    font-size: 25px;

    padding-left: 15px;

    padding-top: 0px;

}

.header-mobile .style-light .control-right .option-item .option-mid .nav-icon-bar {

    cursor: pointer;

    padding: 3px 8px;

    border: 1px solid #363636;

}

.header-mobile .style-light .control-right .option-item .option-mid .nav-icon-bar .icon-bar {

    background-color: #363636;

}

.header-mobile .style-light .control-right .option-item .option-mid .nav-icon-bar.dl-active {

    border: 1px solid #4593d6;

}

.header-mobile .style-light .control-right .option-item .option-mid .nav-icon-bar.dl-active .icon-bar {

    background-color: #4593d6;

}

.header-mobile .style-light .content-footer .navbar-footer {

    background: #fff;

}

.header-mobile .style-light .content-footer .navbar-footer .control.contact .title {

    color: #636363;

}

.header-mobile .style-light .content-footer .navbar-footer .control.social-share ul > li {

    background: #fff;

}

.header-mobile .style-light .content-footer .navbar-footer .control.social-share ul > li i {

    color: #555555;

}

.header-mobile .style-light .content-footer .navbar-footer .control.social-share ul > li:hover a {

    background: transparent !important;

}

.header-mobile .style-light .content-footer .navbar-footer .control.social-share ul > li:hover i {

    background: #e1e1e1;

    color: #4593d6;

}

.header-mobile .logo {

    max-height: 75px;

    display: unset;

}

@media (max-width: 980px) {

    body.logged-in .header-mobile.sticky {

        top: 32px;

    }

    body.logged-in .helios_main_content {

        padding-top: 90px;

    }

}

@media (max-width: 782px) {

    body.logged-in .header-mobile.sticky {

        top: 46px;

    }

    body.logged-in .helios_main_content {

        padding-top: 90px;

    }

}



/* Footer */

.site-footer ul {

    list-style: none;

    margin: 0;

    line-height: 1;

}

.site-footer ul li {

    display: inline-block;

    margin-right: 7px;

}

.site-footer ul li:last-child {

    margin-right: 0;

}

.site-footer ul li a {

    color: #7d7d7d;

    transition: all 0.4s;

}

.site-footer ul li a:hover {

    color: #4593d6;

}

/* End Footer */



/* ST Social Element */

.st-social-lists.style-1 .socials {

    margin: 0;

    padding: 0;

    display: inline-block;

    list-style: none;

}

.st-social-lists.style-1 .socials li {

    display: inline-block;

    font-size: 20px;

    margin-right: 25px;

    margin-bottom: 10px;

}

.st-social-lists.style-1 .socials li a {

    color: #7d7d7d;

    transition: all 0.4s;

}

.st-social-lists.style-1 .socials li a:hover {

    color: #4593d6;

}

.st-social-lists.style-1 .socials li.follow {

    margin-right: 40px;

    font-size: 15px;

    font-weight: bold;

}

.st-social-lists.style-1 .socials li:last-child {

    margin-right: 0;

}

/* End ST Social Element */



/* ST Clients Element */

.st-client.owl-carousel{

    display: inherit;

    position: inherit;

    margin: inherit;

    padding: inherit;

}

.st-client.owl-carousel .owl-item{

    padding: 0;

}

.st-client .item {

    text-align: center;

}

.st-client .item img {

    max-width: 70px;

    height: 50px;

    margin: 0 auto;

    opacity: 0.7;

    transition: all 0.4s;

}

.st-client .item a {

    display: inline-block;

    width: 100%;

    max-width: 80px;

    transition: all 0.4s;

}

.st-client .item a:hover img {

    opacity: 1;

}

/* End ST Clients Element */



/* Weather Element */

.st-weather {

    display: inline-block;

    line-height: 1.3;

}

.st-weather .icon-weather {

    color: #4593d6;

    font-size: 39px;

    margin-right: 20px;

}

.st-weather .score-weather {

    position: relative;

    top: -9px;

}

.st-time-now {

    display: inline-block;

    margin-right: 48px;

    position: relative;

    top: -8px;

    text-transform: uppercase;

    font-size: 12px;

}

.st-time-now span {

    font-size: 16px;

    color: #252525;

}

/* End Weather Element */



.site-footer ul{

    padding-left:0;

    text-align: center;

}



/* ST Slider Element */

.helios-slider.st-style-1 .content-slider {

    position: relative;

}

.helios-slider.st-style-1 .content-slider .slider-item-background {

    display: block;

    width: 100%;

    height: 100%;

    text-align: center;

    position: relative;

    background-size: cover;

}

.helios-slider.st-style-1 .content-slider .content-info {

    display: table;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

}

.helios-slider.st-style-1 .content-slider .content-info .info {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    z-index: 2;

    text-align: center;

    user-select: none;

    padding: 0 15px;

}

.helios-slider.st-style-1 .content-slider .content-info .info .title {

    font-size: 24px;

    line-height: 48px;

    color: #4593d6;

    font-weight: bold;

    font-style: italic;

    font-family: 'Playfair Display', serif;

}

@media (max-width: 1200px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .title {

        font-size: 20px;

    }

}

@media (max-width: 980px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .title {

        font-size: 16px;

        line-height: 24px;

    }

}

.helios-slider.st-style-1 .content-slider .content-info .info .content {

    font-size: 90px;

    line-height: 95px;

    color: #fff;

    padding: 0 0 5px;

    margin: 25px 0;

    font-weight: bold;

    font-family: "Amatic SC", serif;

    border-bottom: 1px solid #4593d6;

    border-top: 1px solid #4593d6;

    display: inline-block;

    letter-spacing: 10px;

}

@media (max-width: 1200px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .content {

        font-size: 70px;

    }

}

@media (max-width: 980px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .content {

        font-size: 50px;

        line-height: 70px;

        letter-spacing: 5px;

    }

}

@media (max-width: 640px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .content {

        font-size: 30px;

        line-height: 50px;

    }

}

.helios-slider.st-style-1 .content-slider .content-info .info .sub_title {

    font-size: 18px;

    line-height: 48px;

    color: #fff;

    font-family: 'Playfair Display', serif;

    letter-spacing: 6px;

}

@media (max-width: 1200px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .sub_title {

        font-size: 14px;

    }

}

@media (max-width: 980px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .sub_title {

        letter-spacing: 2px;

        line-height: 24px;

    }

}

@media (max-width: 640px) {

    .helios-slider.st-style-1 .content-slider .content-info .info .sub_title {

        letter-spacing: 2px;

        font-size: 13px;

    }

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    z-index: 8;

    transform: translate(0, -50%);

}

@media (max-width: 720px) {

    .helios-slider.st-style-1 .content-slider .content-info .owl-nav {

        display: none;

    }

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav .fa {

    transition: all 0.2s;

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-prev {

    float: left;

    border: solid 1px #4593d6;

    margin-left: 60px;

    padding: 25px 13px;

    cursor: pointer;

    color: #fff;

    opacity: 0.4;

    transform: translate(0, 0);

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-prev:hover {

    opacity: 1;

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-prev:hover .fa {

    transform: translate(-90%, 0px);

}

@media (max-width: 980px) {

    .helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-prev {

        margin-left: 30px;

    }

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-next {

    float: right;

    border: solid 1px #4593d6;

    margin-right: 60px;

    padding: 25px 13px;

    cursor: pointer;

    color: #fff;

    opacity: 0.4;

    transform: translate(0, 0);

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-next:hover {

    opacity: 1;

}

.helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-next:hover .fa {

    transform: translate(90%, 0px);

}

@media (max-width: 980px) {

    .helios-slider.st-style-1 .content-slider .content-info .owl-nav .owl-next {

        margin-right: 30px;

    }

}

.helios-slider.st-style-1 .scroll {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 91px;

    z-index: 99;

    text-align: center;

}

@media (max-width: 360px) {

    .helios-slider.st-style-1 .scroll {

        bottom: 60px;

    }

}

.helios-slider.st-style-1 .scroll .btn-scroll {

    position: relative;

    font-size: 11px;

    text-transform: uppercase;

}

.helios-slider.st-style-1 .scroll .btn-scroll:hover .line-1 {

    background: #4593d6;

}

.helios-slider.st-style-1 .scroll .btn-scroll .line-text {

    color: #fff;

    z-index: 99;

    position: relative;

}

.helios-slider.st-style-1 .scroll .btn-scroll .line-1 {

    transition: all 0.3s;

    border: solid 1px #4593d6;

    height: 50px;

    width: 50px;

    transform: rotate(45deg);

    position: absolute;

    left: -7px;

    top: -18px;

}

.helios-slider.st-style-1 .scroll .btn-scroll .line-2 {

    border: solid 1px #4593d6;

    height: 70px;

    width: 70px;

    transform: rotate(45deg);

    position: absolute;

    left: -17px;

    top: -28px;

    opacity: 0.6;

}

.helios-slider.st-style-1 .scroll .btn-scroll .line-3 {

    border: solid 1px #4593d6;

    height: 90px;

    width: 90px;

    transform: rotate(45deg);

    position: absolute;

    left: -27px;

    top: -38px;

    opacity: 0.3;

}

.helios-slider.st-style-3 .content-slider {

    position: relative;

}

.helios-slider.st-style-3 .content-slider .slider-item-background {

    display: table;

    width: 100%;

    height: 100%;

    text-align: center;

    position: relative;

    background-size: cover;

}

.helios-slider.st-style-3 .content-slider .content-info {

    display: table;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

}

.helios-slider.st-style-3 .content-slider .content-info .info {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    z-index: 2;

    text-align: center;

    user-select: none;

    padding: 0 15px;

}

.helios-slider.st-style-3 .content-slider .content-info .info .title {

    font-size: 18px;

    line-height: 48px;

    color: #000;

    letter-spacing: 4px;

    font-family: 'Playfair Display', serif;

}

@media (max-width: 1200px) {

    .helios-slider.st-style-3 .content-slider .content-info .info .title {

        font-size: 20px;

    }

}

@media (max-width: 980px) {

    .helios-slider.st-style-3 .content-slider .content-info .info .title {

        font-size: 16px;

        line-height: 24px;

    }

}

.helios-slider.st-style-3 .content-slider .content-info .info .content {

    font-size: 100px;

    line-height: 50px;

    color: #000;

    padding: 0 0 5px;

    margin: 25px 0;

    font-weight: bold;

    font-family: "Amatic SC", serif;

    display: inline-block;

    letter-spacing: 10px;

}

@media (max-width: 1200px) {

    .helios-slider.st-style-3 .content-slider .content-info .info .content {

        font-size: 70px;

    }

}

@media (max-width: 980px) {

    .helios-slider.st-style-3 .content-slider .content-info .info .content {

        font-size: 50px;

        line-height: 70px;

        letter-spacing: 5px;

    }

}

@media (max-width: 640px) {

    .helios-slider.st-style-3 .content-slider .content-info .info .content {

        font-size: 30px;

        line-height: 50px;

    }

}

.helios-slider.st-style-3 .content-slider .content-info .info .view-more {

    margin-top: 50px;

}

.helios-slider.st-style-3 .content-slider .content-info .info .view-more a {

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    letter-spacing: 3px;

    padding: 18px 55px;

    text-transform: uppercase;

    background: #4593d6;

}

.helios-slider.st-style-3 .content-slider .content-info .info .view-more a .fa {

    padding-left: 10px;

    transition: all 0.3s;

}

.helios-slider.st-style-3 .content-slider .content-info .info .view-more a:hover .fa {

    transform: translate(50%, 0);

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    z-index: 99999;

    transform: translate(0, -50%);

}

@media (max-width: 720px) {

    .helios-slider.st-style-3 .content-slider .content-info .owl-nav {

        display: none;

    }

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav .fa {

    transition: all 0.2s;

    color: #4593d6;

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-prev {

    float: left;

    border: none;

    background: rgba(255, 255, 255, 0.4);

    margin-left: 60px;

    padding: 25px 13px;

    cursor: pointer;

    color: #fff;

    transform: translate(0, 0);

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-prev:hover {

    opacity: 1;

    background: #ffffff;

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-prev:hover .fa {

    transform: translate(-100%, 0px);

}

@media (max-width: 980px) {

    .helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-prev {

        margin-left: 30px;

    }

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-next {

    float: right;

    border: none;

    background: rgba(255, 255, 255, 0.4);

    margin-right: 60px;

    padding: 25px 13px;

    cursor: pointer;

    color: #fff;

    transform: translate(0, 0);

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-next:hover {

    opacity: 1;

    background: #ffffff;

}

.helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-next:hover .fa {

    transform: translate(100%, 0px);

}

@media (max-width: 980px) {

    .helios-slider.st-style-3 .content-slider .content-info .owl-nav .owl-next {

        margin-right: 30px;

    }

}

.helios-slider.st-style-2 .content-slider {

    position: relative;

}

.helios-slider.st-style-2 .content-slider .slider-item-background {

    display: table;

    width: 100%;

    height: 100%;

    text-align: center;

    position: relative;

    background-size: cover;

}

.helios-slider.st-style-2 .content-slider .content-info {

    display: table;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

}

.helios-slider.st-style-2 .content-slider .content-info .info {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    z-index: 2;

    text-align: center;

    user-select: none;

    padding: 0 15px;

}

.helios-slider.st-style-2 .content-slider .content-info .info .title {

    font-size: 18px;

    color: #4593d6;

    letter-spacing: 4px;

    font-weight: bold;

    padding-bottom: 15px;

}

@media (max-width: 1366px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .title {

        margin-bottom: 0px;

    }

}

@media (max-width: 1200px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .title {

        font-size: 20px;

    }

}

@media (max-width: 980px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .title {

        font-size: 16px;

        line-height: normal;

    }

}

@media (max-width: 640px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .title {

        letter-spacing: 1px;

        font-size: 12px;

    }

}

.helios-slider.st-style-2 .content-slider .content-info .info .content {

    font-size: 82px;

    line-height: 82px;

    color: #000;

    padding: 0 0 5px;

    margin: 0 0 25px;

    font-weight: bold;

    font-family: 'Playfair Display', serif;

    display: inline-block;

    letter-spacing: 2px;

    width: 60%;

}

@media (max-width: 1366px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .content {

        font-size: 50px;

        margin-bottom: 0px;

        line-height: 60px;

    }

}

@media (max-width: 980px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .content {

        font-size: 50px;

        line-height: normal;

        letter-spacing: 2px;

        width: 90%;

    }

}

@media (max-width: 640px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .content {

        font-size: 24px;

    }

}

.helios-slider.st-style-2 .content-slider .content-info .info .view-more {

    margin-top: 50px;

}

.helios-slider.st-style-2 .content-slider .content-info .info .view-more a {

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    letter-spacing: 3px;

    padding: 18px 55px;

    text-transform: uppercase;

    background: #4593d6;

}

.helios-slider.st-style-2 .content-slider .content-info .info .view-more a .fa {

    padding-left: 10px;

    transition: all 0.3s;

}

.helios-slider.st-style-2 .content-slider .content-info .info .view-more a:hover .fa {

    transform: translate(50%, 0);

}

@media (max-width: 980px) {

    .helios-slider.st-style-2 .content-slider .content-info .info .view-more a {

        padding: 15px 30px;

        font-size: 10px;

    }

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    z-index: 8;

    transform: translate(0, -50%);

}

@media (max-width: 720px) {

    .helios-slider.st-style-2 .content-slider .content-info .owl-nav {

        display: none;

    }

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav .fa {

    transition: all 0.2s;

    color: #fff;

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-prev {

    float: left;

    border: solid 1px #fff;

    margin-left: 60px;

    padding: 25px 13px;

    cursor: pointer;

    color: #fff;

    transform: translate(0, 0);

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-prev:hover {

    opacity: 1;

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-prev:hover .fa {

    transform: translate(-100%, 0px);

}

@media (max-width: 980px) {

    .helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-prev {

        margin-left: 30px;

    }

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-next {

    float: right;

    border: solid 1px #fff;

    margin-right: 60px;

    padding: 25px 13px;

    cursor: pointer;

    color: #fff;

    transform: translate(0, 0);

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-next:hover {

    opacity: 1;

}

.helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-next:hover .fa {

    transform: translate(100%, 0px);

}

@media (max-width: 980px) {

    .helios-slider.st-style-2 .content-slider .content-info .owl-nav .owl-next {

        margin-right: 30px;

    }

}

.helios-slider.st-style-2 .scroll-to {

    background: transparent none repeat scroll 0 0;

    cursor: pointer;

    display: inline-block;

    font-size: 11px;

    height: 175px;

    position: absolute;

    text-transform: uppercase;

    top: -75px;

    width: 75px;

    z-index: 101;

}

.helios-slider.st-style-2 .scroll {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -90px;

    z-index: 99;

    text-align: center;

}

.helios-slider.st-style-2 .scroll .btn-scroll {

    background: #fff none repeat scroll 0 0;

    position: relative;

    box-shadow: 0 0 10px #ebebeb;

    display: inline-block;

    font-size: 11px;

    height: 100px;

    text-transform: uppercase;

    width: 75px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    cursor: default;

}

.helios-slider.st-style-2 .scroll .btn-scroll::before {

    background: rgba(0, 0, 0, 0) radial-gradient(transparent 26px, #fff 6px) repeat scroll 0 0;

    border-top-left-radius: 50%;

    border-top-right-radius: 50%;

    box-shadow: 0 -3px 15px -3px #ebebeb;

    content: "";

    height: 75px;

    left: 0;

    pointer-events: none;

    position: absolute;

    top: -70px;

    width: 75px;

    z-index: 2;

}

.helios-slider.st-style-2 .scroll .btn-scroll::after {

    content: "\f107";

    font-family: FontAwesome;

    font-size: 30px;

    left: 28px;

    pointer-events: none;

    position: absolute;

    top: -45px;

    z-index: 2;

    color: #fff;

}

.helios-slider.st-style-2 .scroll .btn-scroll .line-text-1 {

    bottom: 10px;

    color: #000;

    font-family: "JosefinSans", sans-serif;

    font-size: 12px;

    font-weight: bold;

    left: 28px;

    line-height: 15px;

    position: absolute;

    text-align: left;

    z-index: 100;

}

.helios-slider.st-style-2 .scroll .btn-scroll .line-text-2 {

    bottom: 12px;

    color: #000;

    font-family: "JosefinSans", sans-serif;

    font-size: 12px;

    height: 100px;

    left: 8px;

    line-height: 15px;

    position: absolute;

    text-align: left;

    text-shadow: 0 0 1px #ebebeb;

    transform: rotate(-90deg);

    width: 100px;

    z-index: 100;

}

.overflow {

    overflow: visible !important;

}

.page-template-template-hotel-alone .owl-carousel{

    padding: 0;

    margin: 0;

}

.page-template-template-hotel-alone .owl-carousel .owl-item{

    padding: 0;

}

.container-fluid .column_container.col-md-12{

    padding-left: 0;

    padding-right: 0;

}

/* End ST Slider Element */



/* ST Title Element */

.playfair {

    font-family: 'Playfair Display', serif !important;

    line-height: 1.1;

}

.st_amatic {

    font-family: "Amatic SC", cursive !important;

}

.st_lato {

    font-family: Lato, sans-serif !important;

}

.helios-heading {

    position: relative;

}

.helios-heading .sub-title {

    color: #4593d6;

    font-size: 14px;

    margin-bottom: 10px;

    letter-spacing: 1.5px;

}

.helios-heading .helios-title {

    font-size: 48px;

    font-family: 'Playfair Display', serif;

    color: #252525;

    margin-top: 10px;

}

.helios-heading.yes {

    padding-bottom: 25px;

}

.helios-heading.yes:after {

    content: '';

}

.helios-heading:after {

    width: 72px;

    border-bottom: 1px solid #4593d6;

    position: absolute;

    bottom: 0;

    left: 0;

}

.helios-heading.center:after {

    left: 50%;

    transform: translateX(-50%);

}

.helios-heading.right:after {

    left: auto;

    right: 0;

}

/* End ST Title Element */



/* List Feature Room */

.st-list-feature-hotel-room.style-2 {

    padding: 20px 0;

}

.st-list-feature-hotel-room.style-2 .content .item {

    box-shadow: 0 0 10px #ebebeb;

    padding: 15px;

    text-align: center;

    background: #fff;

}

.st-list-feature-hotel-room.style-2 .content .item .feature {

    overflow: hidden;

}

.st-list-feature-hotel-room.style-2 .content .item .feature img {

    transition: all 0.3s;

    width: 100%;

}

.st-list-feature-hotel-room.style-2 .content .item .info {

    padding: 30px 0;

}

.st-list-feature-hotel-room.style-2 .content .item .info .name {

    font-size: 20px;

    font-weight: bold;

}

.st-list-feature-hotel-room.style-2 .content .item .info .name a {

    color: #000;

    transition: all 0.3s;

}

.st-list-feature-hotel-room.style-2 .content .item .info .price {

    font-size: 18px;

    font-weight: bold;

    padding-top: 10px;

    color: #4593d6;

}

.st-list-feature-hotel-room.style-2 .content .item .info .price .small {

    font-size: 16px;

    font-weight: normal;

}

.st-list-feature-hotel-room.style-2 .content .item .info .desc {

    padding-top: 20px;

    color: #7d7d7d;

    font-size: 16px;

}

.st-list-feature-hotel-room.style-2 .content .item .info .guest {

    padding-top: 20px;

    color: #000;

    font-size: 13px;

}

.st-list-feature-hotel-room.style-2 .content .item .info .guest span {

    padding: 0 10px;

}

.st-list-feature-hotel-room.style-2 .content .item .info .facilities {

    padding-top: 20px;

}

.st-list-feature-hotel-room.style-2 .content .item .info .facilities .icon-item {

    font-size: 25px;

    font-weight: 100;

    padding: 0 15px;

    transition: all 0.3s;

    cursor: pointer;

}

.st-list-feature-hotel-room.style-2 .content .item .info .facilities .icon-item:hover {

    color: #4593d6;

}

.st-list-feature-hotel-room.style-2 .content .item .info .button {

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 5px;

    padding-top: 25px;

    text-transform: uppercase;

}

.st-list-feature-hotel-room.style-2 .content .item .info .button a {

    color: #4593d6;

    transition: all 0.3s;

}

.st-list-feature-hotel-room.style-2 .content .item .info .button .fa {

    color: #000000;

}

.st-list-feature-hotel-room.style-2 .content .item:hover img {

    transform: scale(1.1);

}

.st-list-feature-hotel-room.style-2 .content .item:hover .button a {

    color: #000000;

}

.st-list-feature-hotel-room.style-2 .content .item:hover .name a {

    color: #4593d6;

}

.st-list-feature-hotel-room.style-2 .content .list-room .item-room {

    margin-bottom: 30px;

}

@media (max-width: 767px) {

    .st-list-feature-hotel-room.style-2 .content .list-room .item-room {

        width: 100%;

    }

}

.st-list-feature-hotel-room.style-2 .owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    z-index: 99999;

    transform: translate(0, -50%);

}

@media (max-width: 720px) {

    .st-list-feature-hotel-room.style-2 .owl-nav {

        display: none;

    }

}

.st-list-feature-hotel-room.style-2 .owl-nav .fa {

    transition: all 0.2s;

}

.st-list-feature-hotel-room.style-2 .owl-nav .owl-prev {

    background: #fff none repeat scroll 0 0;

    border-radius: 50%;

    box-shadow: 0 0 5px #c0cdd3;

    color: #4593d6;

    cursor: pointer;

    float: left;

    margin-left: -60px;

    padding: 8px 13px;

    transform: translate(0px, 0px);

    transition: all 0.3s ease 0s;

}

.st-list-feature-hotel-room.style-2 .owl-nav .owl-prev:hover {

    background: #4593d6 none repeat scroll 0 0;

    color: #fff;

    box-shadow: 0 0 5px #4593d6;

}

@media (max-width: 1280px) {

    .st-list-feature-hotel-room.style-2 .owl-nav .owl-prev {

        display: none;

    }

}

.st-list-feature-hotel-room.style-2 .owl-nav .owl-next {

    float: right;

    background: #fff none repeat scroll 0 0;

    border-radius: 50%;

    box-shadow: 0 0 5px #c0cdd3;

    margin-right: -60px;

    padding: 8px 13px;

    cursor: pointer;

    color: #4593d6;

    transition: all 0.3s;

    transform: translate(0, 0);

}

.st-list-feature-hotel-room.style-2 .owl-nav .owl-next:hover {

    background: #4593d6 none repeat scroll 0 0;

    color: #fff;

    box-shadow: 0 0 5px #4593d6;

}

@media (max-width: 1280px) {

    .st-list-feature-hotel-room.style-2 .owl-nav .owl-next {

        display: none;

    }

}

.st-list-feature-hotel-room.style-3 {

    padding-bottom: 130px;

    padding-left: 45px;

    padding-right: 45px;

}

.st-list-feature-hotel-room.style-3 #heliosRoom {

    padding: 0px 60px;

}

.st-list-feature-hotel-room.style-3 .item {

    display: block;

    width: 100%;

}

.st-list-feature-hotel-room.style-3 .wrapControl {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    position: relative;

}

@media (max-width: 1024px) {

    .st-list-feature-hotel-room.style-3 .wrapControl {

        flex-direction: column;

    }

}

.st-list-feature-hotel-room.style-3 .controlRoomRight .AvtRoomBig {

    background-size: cover;

    width: 65%;

    height: 100%;

}

@media (max-width: 1366px) {

    .st-list-feature-hotel-room.style-3 .controlRoomRight .AvtRoomBig {

        width: 55%;

    }

}

@media (max-width: 640px) {

    .st-list-feature-hotel-room.style-3 .controlRoomRight .AvtRoomBig {

        width: 50%;

    }

}

@media (max-width: 480px) {

    .st-list-feature-hotel-room.style-3 .controlRoomRight .AvtRoomBig {

        display: none;

    }

}

.st-list-feature-hotel-room.style-3 .controlRoomLeft .AvtRoomBig {

    background-size: cover;

    width: 65%;

    height: 100%;

}

@media (max-width: 1366px) {

    .st-list-feature-hotel-room.style-3 .controlRoomLeft .AvtRoomBig {

        width: 55%;

    }

}

@media (max-width: 640px) {

    .st-list-feature-hotel-room.style-3 .controlRoomLeft .AvtRoomBig {

        width: 50%;

    }

}

@media (max-width: 480px) {

    .st-list-feature-hotel-room.style-3 .controlRoomLeft .AvtRoomBig {

        display: none;

    }

}

.st-list-feature-hotel-room.style-3 .TabClassicSingle {

    background-color: #4593d6;

    color: white;

    text-align: center;

    width: 35%;

    display: inline-block;

    padding-top: 94px;

    padding-bottom: 105px;

    height: 100%;

}

@media (max-width: 1366px) {

    .st-list-feature-hotel-room.style-3 .TabClassicSingle {

        width: 45%;

    }

}

@media (max-width: 640px) {

    .st-list-feature-hotel-room.style-3 .TabClassicSingle {

        width: 50%;

    }

}

@media (max-width: 480px) {

    .st-list-feature-hotel-room.style-3 .TabClassicSingle {

        width: 100%;

    }

}

.st-list-feature-hotel-room.style-3 .AvtRoomBig:hover .btnNow {

    margin: 0px;

    opacity: 1;

}

.st-list-feature-hotel-room.style-3 .controlRoomLeft {

    width: 50%;

    display: flex;

    flex-direction: row;

}

@media (max-width: 1024px) {

    .st-list-feature-hotel-room.style-3 .controlRoomLeft {

        width: 100%;

    }

}

.st-list-feature-hotel-room.style-3 .controlRoomRight {

    width: 50%;

    text-align: right;

    background-size: cover;

    display: flex;

    flex-direction: row-reverse;

}

@media (max-width: 1024px) {

    .st-list-feature-hotel-room.style-3 .controlRoomRight {

        width: 100%;

    }

}

.st-list-feature-hotel-room.style-3 .tableDis {

    display: table;

    width: 100%;

    height: 100%;

}

.st-list-feature-hotel-room.style-3 .tableCell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

    text-align: center;

}

.st-list-feature-hotel-room.style-3 .AvtWater {

    margin-bottom: 40px;

}

.st-list-feature-hotel-room.style-3 .Avtbed {

    margin-bottom: 15px;

}

.st-list-feature-hotel-room.style-3 .TiTleClassic {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 28px;

}

.st-list-feature-hotel-room.style-3 .TiTleClassic a {

    color: #fff;

}

.st-list-feature-hotel-room.style-3 .SolganClassic {

    font-size: 16px;

    margin-bottom: 30px;

    line-height: 26px;

    padding-left: 35px;

    padding-right: 35px;

}

.st-list-feature-hotel-room.style-3 .navClassic li {

    list-style: none;

    font-size: 13px;

    margin-right: 27px;

    display: inline-block;

    font-weight: bold;

}

.st-list-feature-hotel-room.style-3 .navClassic {

    margin-bottom: 60px;

}

.st-list-feature-hotel-room.style-3 .AvtWifi {

    margin-bottom: 20px;

}

.st-list-feature-hotel-room.style-3 .bedText {

    margin-bottom: 40px;

}

.st-list-feature-hotel-room.style-3 .WIfiText {

    margin-bottom: 40px;

}

.st-list-feature-hotel-room.style-3 .AvtRoomBig {

    position: relative;

}

.st-list-feature-hotel-room.style-3 .btnNow {

    opacity: 0;

    transition: all 0.3s;

}

.st-list-feature-hotel-room.style-3 .btnNow a {

    background-color: black;

    color: white;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 4px;

    display: inline-block;

    margin-top: 40px;

    transition: all 0.3s;

    padding: 15px 100px;

}

.st-list-feature-hotel-room.style-3 .btnNow a:hover {

    background-color: #4593d6;

}

@media (max-width: 640px) {

    .st-list-feature-hotel-room.style-3 .btnNow a {

        padding: 15px 50px;

    }

}

.st-list-feature-hotel-room.style-3 .ButtonNextsDiscover {

    position: absolute;

    background-color: white;

    bottom: 0px;

    left: 50%;

    width: 70px;

    height: 70px;

    padding: 23px 28px;

    cursor: pointer;

    z-index: 4444;

    transition: all 0.3s;

}

.st-list-feature-hotel-room.style-3 .ButtonNextsDiscover .fa {

    color: #4593d6;

}

.st-list-feature-hotel-room.style-3 .ButtonNextsDiscover:hover {

    background-color: #4593d6;

}

.st-list-feature-hotel-room.style-3 .ButtonNextsDiscover:hover .fa {

    color: white;

}

.st-list-feature-hotel-room.style-3 .ButtonDiscover {

    position: absolute;

    background-color: white;

    bottom: -70px;

    left: 50%;

    width: 70px;

    height: 70px;

    padding: 23px 28px;

    cursor: pointer;

    box-shadow: 0 15px 46px rgba(192, 205, 211, 0.56);

    transform: translateX(-100%);

    transition: all 0.3s;

}

.st-list-feature-hotel-room.style-3 .ButtonDiscover .fa {

    color: #4593d6;

}

.st-list-feature-hotel-room.style-3 .ButtonDiscover:hover {

    background-color: #4593d6;

}

.st-list-feature-hotel-room.style-3 .ButtonDiscover:hover .fa {

    color: white;

}

.st-list-feature-hotel-room.style-3 .btn40 {

    width: 150px;

    height: 70px;

    background-color: white;

    color: black;

    font-size: 18px;

    font-weight: bold;

    position: absolute;

    top: 113px;

}

.st-list-feature-hotel-room.style-3 .controlRoomRight .btn40 {

    right: 0px;

}

.st-list-feature-hotel-room.style-3 .owl-carousel .owl-item img {

    width: auto!important;

    display: inline-block !important;

}

.st-list-feature-hotel-room.style-3 .wrapbuttonPostion {

    position: relative;

}

.st-list-feature-hotel-room.style-3 .facilities .icon-item {

    display: block;

    font-size: 13px;

    padding-bottom: 35px;

    text-transform: uppercase;

}

.st-list-feature-hotel-room.style-3 .facilities .icon-item .fa,

.st-list-feature-hotel-room.style-3 .facilities .icon-item .im{

    display: block;

    font-size: 30px;

    padding-bottom: 10px;

}

.st-list-feature-hotel-room.style-3 .facilities .icon-item:last-child {

    padding-bottom: 0px;

}

.st-list-feature-hotel-room.style-1 .textBlue {

    color: #4593d6;

}

.st-list-feature-hotel-room.style-1 .HeliosLuxuRy {

    color: #000;

}

.st-list-feature-hotel-room.style-1 .listRoom:before,

.st-list-feature-hotel-room.style-1 .listRoom:after {

    content: " ";

    display: table;

    clear: both;

}

.st-list-feature-hotel-room.style-1 .listRoom .Room:before,

.st-list-feature-hotel-room.style-1 .listRoom .Room:after {

    content: " ";

    display: table;

    clear: both;

}

.st-list-feature-hotel-room.style-1 .tableDis {

    display: table;

    height: 100%;

    width: 100%;

}

.st-list-feature-hotel-room.style-1 .tableCell {

    display: table-cell;

    vertical-align: middle;

}

.st-list-feature-hotel-room.style-1 #roomHelios {

    width: 100%;

}

.st-list-feature-hotel-room.style-1 .BestOur {

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 2px;

    text-transform: uppercase;

}

.st-list-feature-hotel-room.style-1 .HeliosLuxuRy {

    font-size: 48px;

    font-family: 'Playfair Display', sans-serif;

    position: relative;

    line-height: 1.6;

}

@media (max-width: 768px) {

    .st-list-feature-hotel-room.style-1 .HeliosLuxuRy {

        font-size: 32px;

    }

}

.st-list-feature-hotel-room.style-1 .HeliosLuxuRy:before {

    content: "";

    position: absolute;

    height: 1px;

    background-color: #4593d6;

    width: 70px;

    bottom: -30px;

    left: 3px;

}

.st-list-feature-hotel-room.style-1 .ContainerRoom {

    display: flex;

    flex-direction: row;

}

.st-list-feature-hotel-room.style-1 .luxuryRoom {

    background-color: #f6f7fb;

    display: inline-block;

    padding-bottom: 110px;

    padding-left: 160px;

    padding-top: 110px;

    width: 50%;

}

@media (max-width: 1366px) {

    .st-list-feature-hotel-room.style-1 .luxuryRoom {

        padding-left: 15px;

    }

}

@media (max-width: 768px) {

    .st-list-feature-hotel-room.style-1 .luxuryRoom {

        padding-left: 15px;

        padding-right: 15px;

        width: 100%;

    }

}

.st-list-feature-hotel-room.style-1 .detailRoom {

    background-size: cover;

}

@media (max-width: 768px) {

    .st-list-feature-hotel-room.style-1 .detailRoom {

        display: none !important;

    }

}

.st-list-feature-hotel-room.style-1 .detailRoom {

    width: 50%;

    display: inline-block;

}

.st-list-feature-hotel-room.style-1 .titleRoom {

    margin-bottom: 78px;

}

.st-list-feature-hotel-room.style-1 .Room.active:before {

    position: absolute;

    content: "";

    background-color: #4593d6;

    height: 65px;

    width: 6px;

    border-radius: 2px;

    top: 55px;

    left: -40px;

    transition: 0.3s;

}

.st-list-feature-hotel-room.style-1 .Room:hover .titleRooms {

    color: #4593d6;

}

.st-list-feature-hotel-room.style-1 .active {

    background-color: #ffffff;

    transition: 0.3s;

}

.st-list-feature-hotel-room.style-1 .AvtRoom {

    background-size: cover;

    width: 25%;

    height: 140px;

}

@media (max-width: 360px) {

    .st-list-feature-hotel-room.style-1 .AvtRoom {

        width: 100%;

        height: 200px;

    }

}

.st-list-feature-hotel-room.style-1 .Room {

    margin-bottom: 38px;

    position: relative;

    cursor: pointer;

    transition: 0.3s;

}

.st-list-feature-hotel-room.style-1 .AvtRoom,

.st-list-feature-hotel-room.style-1 .rightDetail {

    float: left;

}

.st-list-feature-hotel-room.style-1 .rightDetail {

    padding-bottom: 10px;

    padding-left: 30px;

    padding-top: 18px;

    width: 75%;

}

.st-list-feature-hotel-room.style-1 .titleRooms {

    font-size: 18px;

    font-weight: bold;

}

.st-list-feature-hotel-room.style-1 .payRoom {

    color: #7d7d7d;

    font-size: 16px;

    margin-top: 5px;

}

.st-list-feature-hotel-room.style-1 .fontSize {

    font-size: 18px;

    font-weight: bold;

}

.st-list-feature-hotel-room.style-1 .evalutionRoom {

    margin-top: 10px;

}

.st-list-feature-hotel-room.style-1 .evalutionRoom div {

    display: inline-block;

}

.st-list-feature-hotel-room.style-1 .BoxNumber {

    margin-right: 13px;

    background-color: #4593d6;

    color: white;

    width: 35px;

    height: 35px;

    padding-top: 10px;

    padding-left: 9px;

    font-size: 13px;

}

.st-list-feature-hotel-room.style-1 .GrayBox {

    margin-right: 25px;

    color: #7d7d7d;

    font-size: 13px;

}

.st-list-feature-hotel-room.style-1 .wrapNav {

    width: 315px;

    position: relative;

}

.st-list-feature-hotel-room.style-1 .navDetailRoom {

    text-align: center;

    width: 100%;

    background-color: #4593d6;

    padding: 45px 35px 61px 45px;

}

.st-list-feature-hotel-room.style-1 .titleNavRoom {

    font-size: 16px;

    color: white;

    line-height: 26px;

    margin-bottom: 45px;

}

.st-list-feature-hotel-room.style-1 .itemNavContent {

    font-size: 13px;

    color: white;

    margin-bottom: 36px;

}

.st-list-feature-hotel-room.style-1 .iconImg {

    margin-bottom: 25px;

}

.st-list-feature-hotel-room.style-1 .buttonNow {

    background-color: #111111;

    color: white;

    cursor: pointer;

    display: block;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 3px;

    padding: 15px 0;

    text-align: center;

    width: 100%;

}

.st-list-feature-hotel-room.style-1 .buttonNow:hover {

    background-color: #656363;

    transition: 0.3s;

}

.st-list-feature-hotel-room.style-1 .facilities {

    color: #fff;

}

.st-list-feature-hotel-room.style-1 .facilities .icon-item {

    display: block;

    font-size: 13px;

    padding-bottom: 35px;

    text-transform: uppercase;

}

.st-list-feature-hotel-room.style-1 .facilities .icon-item .fa,

.st-list-feature-hotel-room.style-1 .facilities .icon-item .im{

    display: block;

    font-size: 30px;

    padding-bottom: 10px;

}

.st-list-feature-hotel-room.style-1 .facilities .icon-item:last-child {

    padding-bottom: 0px;

}

.st-list-feature-hotel-room.style-1 .detailRoom .item {

    display: none;

    transition: all 0.3s;

}

.st-list-feature-hotel-room.style-1 .detailRoom .item.active {

    display: table;

}

.page-template-template-hotel-alone .content {

    margin: auto;

    max-width: none;

}

.page-template-template-hotel-alone .container {

    max-width: none;

}

/* End List Feature Room */



/* ST About Element */

.st-about.style-1 {

    text-align: center;

}

.st-about.style-1 .icon {

    margin-bottom: 18px;

}

.st-about.style-1 .icon i {

    font-size: 48px;

    color: #4593d6;

}

.st-about.style-1 .caption .title {

    font-size: 24px;

    font-weight: bold;

    color: #000;

    margin-bottom: 19px;

}

.st-about.style-1 .caption .title a {

    color: #000;

    transition: all 0.4s;

}

.st-about.style-1 .caption .title a:hover {

    color: #4593d6;

}

.st-about.style-2 .icon {

    width: 70px;

    float: left;

}

.st-about.style-2 .icon i {

    font-size: 48px;

    color: #4593d6;

}

.st-about.style-2 .caption {

    width: calc(100% - 70px);

    float: left;

}

.st-about.style-2 .caption .title {

    font-family: 'Playfair Display', serif;

    font-size: 24px;

    margin-top: 0;

    font-style: italic;

    color: #000;

}

.st-about.style-2 .caption .title a {

    transition: all 0.4s;

    color: #000;

}

.st-about.style-2 .caption .title a:hover {

    color: #4593d6;

}

.st-about.style-2 .caption p {

    font-style: italic;

}

.st-about.style-2.light {

    color: #FFF;

}

.st-about.style-2.light .caption .title {

    color: #FFF;

}

.st-about.style-2.light .caption .title a {

    color: #FFF;

}

.st-about.style-2.light .caption .title a:hover {

    color: #4593d6;

}

/* End ST About Element */



/* ST Video Element */

.st-video:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.st-video.style-1 {

    height: 800px;

    background-color: #f1f1f1;

    background-size: cover !important;

    width: 100%;

    text-align: center;

    line-height: 1;

}

.st-video.style-1 .d-table {

    display: table;

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 2;

}

.st-video.style-1 .table-cell {

    display: table-cell;

    vertical-align: middle;

}

.st-video.style-1 .caption .title-video {

    font-family: "Amatic SC", cursive;

    font-weight: bold;

    font-size: 72px;

    color: #FFF;

    line-height: 1;

}

@media (max-width: 1199px) {

    .st-video.style-1 .caption .title-video {

        font-size: 48px;

    }

}

@media (max-width: 479px) {

    .st-video.style-1 .caption .title-video {

        font-size: 32px;

    }

}

.st-video.style-1 .caption .st-play {

    margin-top: 62px;

}

.st-video.style-1 .caption .st-play span {

    color: #4593d6;

    font-size: 14px;

    text-transform: uppercase;

    display: inline-block;

}

@media (max-width: 600px) {

    .st-video.style-1 .caption .st-play span {

        width: 100%;

        margin-bottom: 20px;

    }

    .st-video.style-1 .caption .st-play span:last-child {

        margin-bottom: 0;

        margin-top: 20px;

    }

}

.st-video.style-1 .caption .st-play .btn-play-video {

    width: 80px;

    height: 80px;

    color: #FFF;

    background: #4593d6;

    border-radius: 50%;

    display: inline-block;

    line-height: 80px;

    margin-left: 40px;

    margin-right: 40px;

    font-size: 28px;

    transition: all 0.4s;

    box-shadow: 5px 17px 29px rgba(2, 112, 158, 0.4);

}

.st-video.style-1 .caption .st-play .btn-play-video i {

    transition: all 0.4s;

}

.st-video.style-1 .caption .st-play .btn-play-video .fa-play {

    display: none;

    padding-left: 6px;

}

.st-video.style-1 .caption .st-play .btn-play-video:hover {

    transform: scale(1.1);

}

.st-video.style-1 .caption .st-play .btn-play-video.play .fa-play {

    display: inherit;

}

.st-video.style-1 .caption .st-play .btn-play-video.play .fa-pause {

    display: none;

}

.st-video.style-2 {

    height: 600px;

    background-color: #f1f1f1;

    background-size: cover !important;

    width: 100%;

    text-align: center;

    line-height: 1;

}

.st-video.style-2 .d-table {

    display: table;

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 2;

}

.st-video.style-2 .table-cell {

    display: table-cell;

    vertical-align: middle;

}

.st-video.style-2 .caption .st-play .btn-play-video {

    width: 80px;

    height: 80px;

    color: #FFF;

    background: #4593d6;

    border-radius: 50%;

    display: inline-block;

    line-height: 80px;

    margin-left: 40px;

    margin-right: 40px;

    font-size: 28px;

    transition: all 0.4s;

    box-shadow: 5px 17px 29px rgba(2, 112, 158, 0.4);

}

.st-video.style-2 .caption .st-play .btn-play-video i {

    transition: all 0.4s;

}

.st-video.style-2 .caption .st-play .btn-play-video .fa-play {

    display: none;

    padding-left: 6px;

}

.st-video.style-2 .caption .st-play .btn-play-video:hover {

    transform: scale(1.1);

}

.st-video.style-2 .caption .st-play .btn-play-video.play .fa-play {

    display: inherit;

}

.st-video.style-2 .caption .st-play .btn-play-video.play .fa-pause {

    display: none;

}

@-webkit-keyframes toBottomFromTop {

    49% {

        -webkit-transform: translateY(100%);

    }

    50% {

        opacity: 0;

        -webkit-transform: translateY(-100%);

    }

    51% {

        opacity: 1;

    }

}

@-moz-keyframes toBottomFromTop {

    49% {

        -moz-transform: translateY(100%);

    }

    50% {

        opacity: 0;

        -moz-transform: translateY(-100%);

    }

    51% {

        opacity: 1;

    }

}

@keyframes toBottomFromTop {

    49% {

        transform: translateY(100%);

    }

    50% {

        opacity: 0;

        transform: translateY(-100%);

    }

    51% {

        opacity: 1;

    }

}

/* End ST Video Element */



/* ST Testimonial Element */

.st-testimonials.style-1 {

    position: relative;

}

.st-testimonials.style-1 .item {

    overflow: hidden;

}

.st-testimonials.style-1 .item .test-avatar {

    width: 150px;

    height: 150px;

    position: relative;

    display: inline-block;

    margin-bottom: 30px;

}

.st-testimonials.style-1 .item .test-avatar img {

    width: 100%;

    border-radius: 50%;

}

.st-testimonials.style-1 .item .test-avatar:after {

    content: '"';

    display: inline-block;

    width: 40px;

    height: 40px;

    background: #4593d6;

    border-radius: 50%;

    color: #FFF;

    font-size: 49px;

    font-style: italic;

    line-height: 61px;

    text-align: center;

    position: absolute;

    padding-right: 39px;

    transform: rotate(180deg);

    top: 0;

    right: 0;

}

.st-testimonials.style-1 .item .content-message {

    font-size: 26px;

    font-family: 'Playfair Display', serif;

    letter-spacing: 3.5px;

    font-style: italic;

    line-height: 37px;

    margin-bottom: 29px;

}

@media (max-width: 767px) {

    .st-testimonials.style-1 .item .content-message {

        font-size: 20px;

        letter-spacing: 2.5px;

    }

}

.st-testimonials.style-1 .item .rating {

    color: #4593d6;

    display: block;

    margin-bottom: 30px;

}

.st-testimonials.style-1 .item .rating i {

    margin: 0 3px;

}

.st-testimonials.style-1 .item .name-position .name {

    color: #4593d6;

    text-transform: uppercase;

}

.st-testimonials.style-1 .item .name-position .position {

    color: #000;

}

.st-testimonials .owl-nav .owl-prev,

.st-testimonials .owl-nav .owl-next {

    height: 42px;

    width: 42px;

    line-height: 42px;

    text-align: center;

    border-radius: 50%;

    transition: all 0.4s;

    color: #4593d6;

    position: absolute;

    left: 0;

    top: 48%;

}

.st-testimonials .owl-nav .owl-prev:hover,

.st-testimonials .owl-nav .owl-next:hover {

    color: #000;

    background: #FFF;

    box-shadow: 0 5px 30px rgba(192, 205, 211, 0.56);

}

.st-testimonials .owl-nav .owl-next {

    left: auto;

    right: 0;

}

.st-testimonials .owl-dots {

    display: block;

    text-align: center;

}

.st-testimonials .owl-dots .owl-dot {

    display: inline-block;

    margin: 0 5px;

}

.st-testimonials .owl-dots .owl-dot span {

    width: 22px;

    height: 22px;

    border-radius: 50%;

    position: relative;

    border: 1px solid transparent;

    display: block;

    transition: all 0.4s;

}

.st-testimonials .owl-dots .owl-dot span:before,

.st-testimonials .owl-dots .owl-dot span:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background: #777777;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    transition: all 0.4s;

}

.st-testimonials .owl-dots .owl-dot span:after {

    top: 200%;

    z-index: 2;

    opacity: 0;

}

.st-testimonials .owl-dots .owl-dot:not(.active):hover span {

    border-color: #4593d6;

}

.st-testimonials .owl-dots .owl-dot:not(.active):hover span:after {

    background: #4593d6;

    top: 50%;

    opacity: 1;

}

.st-testimonials .owl-dots .owl-dot.active span {

    border-color: #4593d6;

}

.st-testimonials .owl-dots .owl-dot.active span:before {

    background: #4593d6;

}

.st-testimonials .owl-dots:not(.disabled) {

    margin-top: 60px;

}

.st-testimonials.dark {

    color: #FFF;

}

.st-testimonials.dark .item .rating {

    color: #FFF;

}

.st-testimonials.dark .item .name-position .position,

.st-testimonials.dark .item .name-position .name {

    color: #FFF;

}

.st-testimonials.dark .owl-nav .owl-prev,

.st-testimonials.dark .owl-nav .owl-next {

    background: transparent;

    color: #FFF;

}

.st-testimonials.dark .owl-dots .owl-dot span:before {

    background: #FFF;

}

.st-testimonials.dark .owl-dots .owl-dot.active span:before {

    background: #4593d6;

}

.st-testimonials.style-2 {

    position: relative;

}

.st-testimonials.style-2 .item .content-message {

    font-size: 18px;

    font-weight: bold;

    color: #464646;

    margin-bottom: 25px;

}

.st-testimonials.style-2 .item .name-avatar .test-avatar {

    height: 42px;

    width: 42px;

    overflow: hidden;

    display: inline-block;

    margin-right: 20px;

    margin-bottom: 10px;

}

.st-testimonials.style-2 .item .name-avatar .test-avatar img {

    border-radius: 50%;

    width: 100%;

}

.st-testimonials.style-2 .item .name-avatar .name-position {

    display: inline-block;

    position: relative;

    top: -25px;

}

.st-testimonials.style-2 .item .name-avatar .name-position .name {

    color: #000;

}

.st-testimonials.style-2 .item .name-avatar .name-position .position {

    font-style: italic;

}

/* End ST Testimonial Element */



/* ST Special Service Element */

.st-single-post .owl-nav .owl-prev,

.helios_archive_page .owl-nav .owl-prev,

.st-posts .owl-nav .owl-prev,

.st-special-services .owl-nav .owl-prev,

.st-list-hotel-room .owl-nav .owl-prev,

.st-offer-banner.style-1 .owl-nav .owl-prev,

.offer-related-carousel .owl-nav .owl-prev,

.offer-carousel-slider-3 .owl-nav .owl-prev,

.st-restaurant-bar .owl-nav .owl-prev,

.st-single-post .owl-nav .owl-next,

.helios_archive_page .owl-nav .owl-next,

.st-posts .owl-nav .owl-next,

.st-special-services .owl-nav .owl-next,

.st-list-hotel-room .owl-nav .owl-next,

.st-offer-banner.style-1 .owl-nav .owl-next,

.offer-related-carousel .owl-nav .owl-next,

.offer-carousel-slider-3 .owl-nav .owl-next,

.st-restaurant-bar .owl-nav .owl-next {

    height: 42px;

    width: 42px;

    line-height: 42px;

    text-align: center;

    border-radius: 50%;

    transition: all 0.4s;

    color: #4593d6;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

.st-single-post .owl-nav .owl-prev:hover,

.helios_archive_page .owl-nav .owl-prev:hover,

.st-posts .owl-nav .owl-prev:hover,

.st-special-services .owl-nav .owl-prev:hover,

.st-list-hotel-room .owl-nav .owl-prev:hover,

.st-offer-banner.style-1 .owl-nav .owl-prev:hover,

.offer-related-carousel .owl-nav .owl-prev:hover,

.offer-carousel-slider-3 .owl-nav .owl-prev:hover,

.st-restaurant-bar .owl-nav .owl-prev:hover,

.st-single-post .owl-nav .owl-next:hover,

.helios_archive_page .owl-nav .owl-next:hover,

.st-posts .owl-nav .owl-next:hover,

.st-special-services .owl-nav .owl-next:hover,

.st-list-hotel-room .owl-nav .owl-next:hover,

.st-offer-banner.style-1 .owl-nav .owl-next:hover,

.offer-related-carousel .owl-nav .owl-next:hover,

.offer-carousel-slider-3 .owl-nav .owl-next:hover,

.st-restaurant-bar .owl-nav .owl-next:hover {

    color: #000;

    background: #FFF;

    box-shadow: 0 5px 30px rgba(192, 205, 211, 0.56);

}

.st-single-post .owl-nav .owl-next,

.helios_archive_page .owl-nav .owl-next,

.st-posts .owl-nav .owl-next,

.st-special-services .owl-nav .owl-next,

.st-list-hotel-room .owl-nav .owl-next,

.st-offer-banner.style-1 .owl-nav .owl-next,

.offer-related-carousel .owl-nav .owl-next,

.offer-carousel-slider-3 .owl-nav .owl-next,

.st-restaurant-bar .owl-nav .owl-next {

    left: auto;

    right: 0;

}

.st-special-services {

    position: relative;

}

.st-special-services.style-1 .special-services-carousel {

    box-shadow: 0 17px 43px rgba(141, 173, 186, 0.56);

    background: #FFF;

}

.st-special-services.style-1 .special-services-carousel .item .img-thumb img {

    width: 100%;

}

.st-special-services.style-1 .special-services-carousel .item .caption {

    padding: 30px 30px;

    min-height: 206px;

}

.st-special-services.style-1 .special-services-carousel .item .caption .title {

    font-size: 24px;

    color: #363636;

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 25px;

}

.st-special-services.style-1 .special-services-carousel .item .caption .title a {

    color: #363636;

}

.st-special-services.style-1 .special-services-carousel .item.even-item .caption {

    background: #4593d6;

}

.st-special-services.style-1 .special-services-carousel .item.even-item .caption .title {

    color: #FFF;

}

.st-special-services.style-1 .special-services-carousel .item.even-item .caption .title a {

    color: #FFF;

}

.st-special-services.style-1 .special-services-carousel .item.even-item .caption .desc {

    color: #FFF;

}

.st-special-services.style-1 .owl-nav .owl-prev,

.st-special-services.style-1 .owl-nav .owl-next {

    background: #FFF;

    box-shadow: 0 5px 30px rgba(192, 205, 211, 0.56);

    color: #4593d6;

}

.st-special-services.style-1 .owl-nav .owl-prev:hover,

.st-special-services.style-1 .owl-nav .owl-next:hover {

    background: #4593d6;

    color: #FFF;

}

.st-special-services.style-1 .owl-nav .owl-prev {

    left: -80px;

}

@media (max-width: 1324px) {

    .st-special-services.style-1 .owl-nav .owl-prev {

        left: 15px;

    }

}

.st-special-services.style-1 .owl-nav .owl-next {

    right: -80px;

}

@media (max-width: 1324px) {

    .st-special-services.style-1 .owl-nav .owl-next {

        right: 15px;

    }

}

.st-special-services.style-2 .col-4 {

    width: 25%;

    float: left;

    display: block;

}

.st-special-services.style-2 .col-4:nth-child(4n+1) {

    clear: both;

}

@media (max-width: 1199px) {

    .st-special-services.style-2 .col-4 {

        width: 50%;

    }

    .st-special-services.style-2 .col-4:nth-child(2n+1) {

        clear: both;

    }

}

@media (max-width: 639px) {

    .st-special-services.style-2 .col-4 {

        width: 100%;

    }

}

.st-special-services.style-2 .item-service {

    position: relative;

}

.st-special-services.style-2 .item-service .img-thumb {

    position: relative;

    height: 740px;

    width: 100%;

    background-color: #777;

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    transition: all 0.4s;

    filter: grayscale(100%);

}

@media (max-width: 767px) {

    .st-special-services.style-2 .item-service .img-thumb {

        height: 550px;

    }

}

.st-special-services.style-2 .item-service .img-thumb:after {

    position: absolute;

    width: 100%;

    height: 100%;

    content: '';

    transition: all 0.4s;

    background: rgba(0, 0, 0, 0.7);

}

.st-special-services.style-2 .item-service .caption-center {

    text-align: center;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 70%;

    transition: all 0.6s;

    opacity: 0;

    left: 100%;

}

@media (max-width: 479px) {

    .st-special-services.style-2 .item-service .caption-center {

        width: 85%;

    }

}

.st-special-services.style-2 .item-service .caption-center .icon {

    margin-bottom: 25px;

    font-size: 50px;

    color: #FFF;

}

.st-special-services.style-2 .item-service .caption-center .title {

    margin-bottom: 20px;

    color: #4593d6;

    font-size: 30px;

    font-weight: bold;

}

.st-special-services.style-2 .item-service .caption-center .desc {

    color: #FFF;

    margin-bottom: 35px;

}

.st-special-services.style-2 .item-service .caption-center a {

    font-size: 12px;

    padding: 0 20px;

    position: relative;

    text-transform: uppercase;

    transition: all 0.4s;

    letter-spacing: 2px;

}

.st-special-services.style-2 .item-service .caption-center a:before {

    content: '';

    width: 100%;

    height: 0;

    border-bottom: 1px solid #4593d6;

    top: 50%;

    left: 0;

    position: absolute;

}

.st-special-services.style-2 .item-service .caption-bottom {

    text-align: right;

    position: absolute;

    bottom: 58px;

    right: 58px;

    transition: all 0.6s;

    width: calc(100% - 58px);

}

@media (max-width: 479px) {

    .st-special-services.style-2 .item-service .caption-bottom {

        bottom: 30px;

        right: 30px;

        width: calc(100% - 30px);

    }

}

.st-special-services.style-2 .item-service .caption-bottom .title {

    font-weight: bold;

    font-size: 30px;

    color: #4593d6;

}

.st-special-services.style-2 .item-service .caption-bottom .desc {

    margin-bottom: 0;

    color: #FFF;

}

.st-special-services.style-2 .item-service:hover .img-thumb {

    filter: grayscale(0);

}

.st-special-services.style-2 .item-service:hover .img-thumb:after {

    background: rgba(0, 0, 0, 0.2);

}

.st-special-services.style-2 .item-service:hover .caption-center {

    left: 50%;

    opacity: 1;

}

.st-special-services.style-2 .item-service:hover .caption-bottom {

    right: -60%;

    opacity: 0;

}

.st-special-services.style-3 {

    box-shadow: 0 17px 43px rgba(141, 173, 186, 0.56);

    background: #FFF;

    display: inline-block;

    width: 100%;

}

@media (max-width: 600px) {

    .st-special-services.style-3 {

        box-shadow: none;

        background: transparent;

    }

}

.st-special-services.style-3 .col-2 {

    width: 50%;

    float: left;

    display: block;

}

.st-special-services.style-3 .col-2:nth-child(2n+1) {

    clear: both;

}

@media (max-width: 1199px) {

    .st-special-services.style-3 .col-2 {

        width: 100%;

    }

}

.st-special-services.style-3 .item-service {

    height: 293px;

}

.st-special-services.style-3 .item-service .img-thumb {

    width: 50%;

    height: 100%;

    float: right;

    position: relative;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center;

}

.st-special-services.style-3 .item-service .img-thumb:before {

    position: absolute;

    content: '';

    background: #4593d6;

    opacity: 0;

    transition: all 0.4s;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.st-special-services.style-3 .item-service .img-thumb .icon {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) scale(0);

    opacity: 0;

    transition: all 0.4s;

    font-size: 50px;

    color: #FFF;

}

.st-special-services.style-3 .item-service .caption {

    width: 50%;

    height: 100%;

    float: left;

    display: table;

}

.st-special-services.style-3 .item-service .caption .cell {

    display: table-cell;

    vertical-align: middle;

    padding: 25px;

}

.st-special-services.style-3 .item-service .caption .cell .title {

    margin-top: 0;

    color: #000;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 20px;

}

.st-special-services.style-3 .item-service .caption .cell a {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: bold;

    transition: all 0.4s;

}

.st-special-services.style-3 .item-service .caption .cell a i {

    position: relative;

    left: -10px;

    transition: all 0.4s;

    opacity: 0;

}

.st-special-services.style-3 .item-service .caption .cell a:hover {

    color: #000;

}

.st-special-services.style-3 .item-service .caption .cell a:hover i {

    left: 5px;

    color: #4593d6;

    opacity: 1;

}

@media (min-width: 1200px) {

    .st-special-services.style-3 .item-service.even-item .img-thumb {

        float: left;

    }

    .st-special-services.style-3 .item-service.even-item .caption {

        float: right;

    }

}

@media (max-width: 1199px) and (min-width: 601px) {

    .st-special-services.style-3 .item-service.even-item-2 .img-thumb {

        float: left;

    }

    .st-special-services.style-3 .item-service.even-item-2 .caption {

        float: right;

    }

}

@media (max-width: 600px) {

    .st-special-services.style-3 .item-service {

        height: auto;

        margin-bottom: 35px;

        box-shadow: 0 17px 43px rgba(141, 173, 186, 0.56);

        background: #FFF;

    }

    .st-special-services.style-3 .item-service .img-thumb {

        float: none;

        height: 300px;

        width: 100%;

    }

    .st-special-services.style-3 .item-service .caption {

        float: none;

        width: 100%;

    }

}

.st-special-services.style-3 .item-service:hover .img-thumb:before {

    opacity: 0.9;

}

.st-special-services.style-3 .item-service:hover .img-thumb .icon {

    opacity: 1;

    transform: translate(-50%, -50%) scale(1);

}

.st-special-services.style-4 {

    box-shadow: 0 17px 43px rgba(141, 173, 186, 0.56);

    background: #FFF;

    display: inline-block;

    width: 100%;

}

@media (max-width: 767px) {

    .st-special-services.style-4 {

        box-shadow: none;

        background: transparent;

    }

}

.st-special-services.style-4 .item-service {

    height: 570px;

}

.st-special-services.style-4 .item-service .img-thumb {

    width: 50%;

    height: 100%;

    float: right;

    position: relative;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center;

}

.st-special-services.style-4 .item-service .img-thumb:before {

    position: absolute;

    content: '';

    background: #4593d6;

    opacity: 0;

    transition: all 0.4s;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.st-special-services.style-4 .item-service .caption {

    width: 50%;

    height: 100%;

    float: left;

    display: table;

    text-align: center;

}

.st-special-services.style-4 .item-service .caption .cell {

    display: table-cell;

    vertical-align: middle;

    padding: 70px;

}

@media (max-width: 479px) {

    .st-special-services.style-4 .item-service .caption .cell {

        padding: 30px;

    }

}

.st-special-services.style-4 .item-service .caption .cell .title {

    margin-top: 0;

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 25px;

}

.st-special-services.style-4 .item-service .caption .cell .title a {

    color: #000;

    transition: all 0.4s;

}

.st-special-services.style-4 .item-service .caption .cell .title a:hover {

    color: #4593d6;

}

.st-special-services.style-4 .item-service .caption .icon {

    font-size: 50px;

    color: #000;

}

@media (min-width: 768px) {

    .st-special-services.style-4 .item-service.even-item-2 .img-thumb {

        float: left;

    }

    .st-special-services.style-4 .item-service.even-item-2 .caption {

        float: right;

    }

}

@media (max-width: 767px) {

    .st-special-services.style-4 .item-service {

        height: auto;

        margin-bottom: 35px;

        box-shadow: 0 17px 43px rgba(141, 173, 186, 0.56);

        background: #FFF;

    }

    .st-special-services.style-4 .item-service .img-thumb {

        float: none;

        height: 300px;

        width: 100%;

    }

    .st-special-services.style-4 .item-service .caption {

        float: none;

        width: 100%;

    }

}

@media (max-width: 767px) {

    .st-special-services.style-5 {

        box-shadow: none;

        background: transparent;

    }

}

.st-special-services.style-5 .item-service {

    height: 600px;

    margin-bottom: 92px;

    width: 100%;

}

@media (max-width: 767px) {

    .st-special-services.style-5 .item-service {

        height: auto;

    }

}

.st-special-services.style-5 .item-service .container,

.st-special-services.style-5 .item-service .row {

    height: 100%;

}

.st-special-services.style-5 .item-service .img-thumb {

    width: 41%;

    height: 100%;

    float: right;

    position: relative;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    background-position: center;

}

.st-special-services.style-5 .item-service .img-thumb:before {

    position: absolute;

    content: '';

    background: #4593d6;

    opacity: 0;

    transition: all 0.4s;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.st-special-services.style-5 .item-service .caption {

    width: 50%;

    height: 100%;

    float: left;

    display: table;

    text-align: right;

}

.st-special-services.style-5 .item-service .caption .cell {

    display: table-cell;

    vertical-align: middle;

    padding: 0;

}

@media (max-width: 479px) {

    .st-special-services.style-5 .item-service .caption .cell {

        padding: 30px;

    }

}

.st-special-services.style-5 .item-service .caption .cell .title {

    margin-top: 0;

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 25px;

}

.st-special-services.style-5 .item-service .caption .cell .title a {

    color: #000;

    transition: all 0.4s;

}

.st-special-services.style-5 .item-service .caption .cell .title a:hover {

    color: #4593d6;

}

.st-special-services.style-5 .item-service .caption .cell .desc {

    margin-bottom: 10px;

}

.st-special-services.style-5 .item-service .caption .icon {

    font-size: 50px;

    color: #000;

}

@media (min-width: 768px) {

    .st-special-services.style-5 .item-service.n-even-item {

        margin-bottom: 230px;

        background: #f6f7fb;

    }

    .st-special-services.style-5 .item-service.n-even-item .img-thumb {

        float: left;

        position: relative;

        top: 90px;

    }

    .st-special-services.style-5 .item-service.n-even-item .caption {

        float: right;

        text-align: left;

        padding-top: 50px;

    }

}

@media (max-width: 767px) {

    .st-special-services.style-5 .item-service {

        height: auto;

        margin-bottom: 35px;

        box-shadow: 0 17px 43px rgba(141, 173, 186, 0.56);

        background: #FFF;

    }

    .st-special-services.style-5 .item-service .img-thumb {

        float: none;

        height: 350px;

        width: 100%;

    }

    .st-special-services.style-5 .item-service .caption {

        float: none;

        width: 100%;

        text-align: center !important;

        padding: 30px;

    }

}

@media (max-width: 767px) {

    .st-special-services.style-5 {

        padding-left: 15px;

        padding-right: 15px;

    }

}

/* End ST Special Service Element */



/* ST Blog Element */

.st-post-grid {

    transition: all 0.5s;

}

.st-post-grid.style-1 {

    margin-bottom: 35px;

}

.st-post-grid.style-1 .header-thumb {

    width: 100%;

    overflow: hidden;

}

.st-post-grid.style-1 .header-thumb img {

    width: 100%;

    transition: all 0.5s;

}

.st-post-grid.style-1 .caption-post {

    background: #FFF;

    padding: 29px;

}

.st-post-grid.style-1 .caption-post .time {

    font-size: 12px;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.st-post-grid.style-1 .caption-post .time a {

    letter-spacing: 2.5px;

}

.st-post-grid.style-1 .caption-post .time a:focus {

    text-decoration: none;

}

.st-post-grid.style-1 .caption-post .title {

    margin-top: 0;

    margin-bottom: 25px;

    font-size: 24px;

    font-weight: bold;

}

.st-post-grid.style-1 .caption-post .title a {

    color: #363636;

    transition: all 0.5s;

}

.st-post-grid.style-1 .caption-post .short-desc {

    margin-bottom: 20px;

}

.st-post-grid.style-1 .caption-post .author {

    display: inline-block;

    width: 100%;

}

.st-post-grid.style-1 .caption-post .author img {

    width: 40px;

    height: 40px;

    float: left;

    margin-right: 20px;

    border-radius: 50%;

}

.st-post-grid.style-1 .caption-post .author .name {

    font-size: 12px;

    padding-top: 11px;

    display: inline-block;

    text-transform: uppercase;

}

.st-post-grid.style-1:hover {

    box-shadow: 0 15px 46px rgba(192, 205, 211, 0.56);

}

.st-post-grid.style-1:hover .header-thumb img {

    transform: scale(1.1);

}

.st-post-grid.style-1:hover .caption-post .title a {

    color: #4593d6;

}

.st-post-grid.style-2 .header-thumb {

    width: 100%;

    overflow: hidden;

    position: relative;

}

.st-post-grid.style-2 .header-thumb img {

    width: 100%;

    transition: all 0.5s;

}

.st-post-grid.style-2 .header-thumb .time {

    position: absolute;

    z-index: 1;

    right: 0;

    bottom: 0;

    background: #4593d6;

    width: 92px;

    height: 95px;

    color: #FFF;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 1;

    padding-top: 16px;

}

.st-post-grid.style-2 .header-thumb .time .day {

    font-size: 44px;

    font-weight: 300;

}

.st-post-grid.style-2 .caption-post {

    padding: 40px;

    position: relative;

}

.st-post-grid.style-2 .caption-post .st-categories {

    letter-spacing: 1.5px;

    text-transform: uppercase;

    font-size: 12px;

    margin-bottom: 15px;

}

.st-post-grid.style-2 .caption-post .title {

    margin-top: 0;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 20px;

}

.st-post-grid.style-2 .caption-post .title a {

    color: #000;

}

.st-post-grid.style-2 .caption-post .short-desc {

    margin-bottom: 25px;

}

.st-post-grid.style-2 .caption-post .author {

    display: inline-block;

    width: 70%;

}

.st-post-grid.style-2 .caption-post .author img {

    width: 40px;

    height: 40px;

    float: left;

    margin-right: 20px;

    border-radius: 50%;

}

.st-post-grid.style-2 .caption-post .author .name {

    font-size: 12px;

    padding-top: 11px;

    display: inline-block;

    text-transform: uppercase;

}

.st-post-grid.style-2 .caption-post .read-more {

    font-size: 12px;

    color: #4593d6;

    transition: all 0.4s;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-weight: bold;

    position: absolute;

    right: 40px;

    bottom: 50px;

}

.st-post-grid.style-2 .caption-post .read-more i {

    position: relative;

    opacity: 0;

    left: -10px;

    transition: all 0.4s;

    color: #4593d6;

}

.st-post-grid.style-2.even-item {

    background: #f6f7fb;

}

.st-post-grid.style-2:hover .read-more {

    color: #000;

}

.st-post-grid.style-2:hover .read-more i {

    opacity: 1;

    left: 3px;

}

.st-post-grid.style-2:hover .header-thumb img {

    transform: scale(1.05);

}

.st-post-grid.style-3 {

    margin-bottom: 35px;

}

.st-post-grid.style-3 .header-thumb {

    width: 100%;

    overflow: hidden;

}

.st-post-grid.style-3 .header-thumb img {

    width: 100%;

    transition: all 0.5s;

}

.st-post-grid.style-3 .caption-post {

    padding: 25px 0 0;

}

.st-post-grid.style-3 .caption-post .time {

    font-size: 12px;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.st-post-grid.style-3 .caption-post .time a {

    letter-spacing: 2.5px;

}

.st-post-grid.style-3 .caption-post .time a:focus {

    text-decoration: none;

}

.st-post-grid.style-3 .caption-post .title {

    margin-top: 0;

    margin-bottom: 20px;

    font-size: 18px;

    font-weight: bold;

}

.st-post-grid.style-3 .caption-post .title a {

    color: #363636;

    transition: all 0.5s;

}

.st-post-grid.style-3 .caption-post .short-desc {

    margin-bottom: 20px;

}

.st-post-grid.style-3 .caption-post .author {

    display: inline-block;

    width: 100%;

}

.st-post-grid.style-3 .caption-post .author img {

    width: 40px;

    height: 40px;

    float: left;

    margin-right: 20px;

    border-radius: 50%;

}

.st-post-grid.style-3 .caption-post .author .name {

    font-size: 12px;

    padding-top: 11px;

    display: inline-block;

    text-transform: uppercase;

}

.st-post-grid.style-3:hover .header-thumb img {

    transform: scale(1.1);

}

.st-post-grid.style-3:hover .caption-post .title a {

    color: #4593d6;

}

.st-post-list.style-1 {

    display: inline-block;

    width: 100%;

    margin-bottom: 30px;

}

.st-post-list.style-1 .create-time {

    width: 100px;

    float: left;

}

.st-post-list.style-1 .create-time .day {

    font-family: 'Playfair Display', serif;

    color: #4593d6;

    width: 100%;

    display: block;

    line-height: 0.85;

    font-size: 48px;

    margin-bottom: 10px;

}

.st-post-list.style-1 .create-time .month {

    width: 100%;

    display: block;

    text-transform: uppercase;

    font-size: 14px;

}

.st-post-list.style-1 .caption {

    padding-left: 100px;

}

.st-post-list.style-1 .caption .title {

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 17px;

    margin-top: 0;

}

.st-post-list.style-1 .caption .title a {

    color: #000;

    transition: all 0.4s;

}

.st-post-list.style-1 .caption .meta {

    letter-spacing: 2px;

    font-size: 12px;

    text-transform: uppercase;

}

.st-post-list.style-1 .caption .meta a {

    color: #7d7d7d;

}

.st-post-list.style-1:hover .title a {

    color: #4593d6;

}

.post-row {

    margin-left: -15px;

    margin-right: -15px;

    clear: both;

    display: block;

}

.post-row:before {

    display: table;

    content: '';

}

.post-row:after {

    display: table;

    content: '';

    clear: both;

}

.post-row [class^="col"] {

    padding-left: 15px;

    padding-right: 15px;

    float: left;

    position: relative;

}

.post-row .col-3 {

    width: 33.33%;

}

@media (max-width: 991px) {

    .post-row .col-3 {

        width: 100%;

    }

}

.post-row .col-4 {

    width: 25%;

}

.post-row .col-4:nth-child(4n+1) {

    clear: both;

}

@media (max-width: 1199px) {

    .post-row .col-4 {

        width: 50%;

    }

    .post-row .col-4:nth-child(2n+1) {

        clear: both;

    }

}

@media (max-width: 639px) {

    .post-row .col-4 {

        width: 100%;

    }

}

.post-row.no-padding {

    margin-left: 0;

    margin-right: 0;

}

.post-row.no-padding .col-4,

.post-row.no-padding .col-3 {

    padding-left: 0;

    padding-right: 0;

}

.st-post-list.style-2 {

    transition: all 0.3s;

}

.st-post-list.style-2 a {

    text-decoration: none;

}

.st-post-list.style-2 a:hover {

    color: #4593d6;

}

.st-post-list.style-2 .blog-media iframe,

.st-post-list.style-2 .blog-media .video_host_media {

    width: 100%;

}

.st-post-list.style-2 .blog-media .st-gallery-slider .item {

    height: 500px;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-position: center !important;

}

.st-post-list.style-2 .blog-media .owl-next {

    left: auto;

    right: 15px;

}

.st-post-list.style-2 .blog-media .owl-prev {

    left: 15px;

}

.st-post-list.style-2 .blog-media .owl-next,

.st-post-list.style-2 .blog-media .owl-prev {

    transition: all 0.3s;

}

.st-post-list.style-2 .blog-media .owl-next:hover,

.st-post-list.style-2 .blog-media .owl-prev:hover {

    opacity: 1;

}

.st-post-list.style-2 .blog-item-meta-date {

    font-size: 14px;

    color: #959595;

    font-style: italic;

    font-family: 'Playfair Display', serif;

}

.st-post-list.style-2 .blog-item-title {

    margin-top: 10px;

    margin-bottom: 15px;

}

.st-post-list.style-2 .blog-item-title a {

    font-size: 32px;

    color: #252525;

    font-weight: bold;

    transition: all 0.3s;

}

.st-post-list.style-2 .blog-item-meta-category {

    margin-bottom: 15px;

}

.st-post-list.style-2 .blog-item-meta-category a {

    border-top: 1px solid #4593d6;

    color: #4593d6;

    display: inline-block;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 2px;

    padding-top: 15px;

    text-transform: uppercase;

    margin: 0 5px;

    padding-bottom: 10px;

}

.st-post-list.style-2 .blog-item-meta-desc {

    margin-top: 35px;

    font-size: 16px;

    color: #7d7d7d;

}

.st-post-list.style-2 .blog-item-meta-desc span {

    color: #4593d6;

    font-style: italic;

}

.st-post-list.style-2 .blog-item-meta-footer {

    margin-top: 35px;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-link {

    position: relative;

    display: inline-block;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-link a {

    color: #000;

    font-size: 12px;

    text-transform: uppercase;

    transition: all 0.3s;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-link a i {

    position: relative;

    margin-left: 10px;

    transition: all 0.4s;

    left: 0;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-link a:hover i {

    left: 20px;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta {

    display: inline-block;

    float: right;

    color: #464646;

    font-size: 12px;

    margin-bottom: 15px;

}

@media (max-width: 769px) {

    .st-post-list.style-2 .blog-item-meta-footer .blog-item-meta {

        display: block;

        float: none;

        margin-top: 30px;

    }

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta a {

    color: #464646;

    transition: all 0.3s;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta a:hover {

    color: #4593d6;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .separator {

    border-left: 1px solid #e1e1e1;

    display: inline-block;

    height: 12px;

    margin: 0 15px;

}

@media (max-width: 520px) {

    .st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .separator {

        margin: -2px 5px;

        opacity: 0;

    }

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .text-up {

    text-transform: uppercase;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .share {

    display: inline-block;

    list-style: outside none none;

    margin-bottom: 15px;

}

@media (max-width: 520px) {

    .st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .share ul {

        margin: 20px 0px;

    }

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .share li {

    display: inline-block;

    padding-left: 10px;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .share li .fa-facebook {

    font-size: 13px;

    position: relative;

    top: 1px;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .share li a {

    transition: all 0.3s;

    color: #464646;

}

.st-post-list.style-2 .blog-item-meta-footer .blog-item-meta .share li a:hover {

    color: #4593d6;

}

.st-post-list.style-2:hover .blog-item-title a {

    color: #4593d6;

}

.st-post-list.style-2:hover .blog-item-meta-footer {

    margin-top: 35px;

}

.st-post-list.style-2:hover .blog-item-meta-footer .blog-item-link a {

    color: #4593d6;

}

.page-header {

    margin-bottom: 35px;

    padding-bottom: 20px;

}

.page-header .page-title {

    color: #252525;

    font-weight: bold;

}

.st-breadcrumb a {

    transition: all 0.4s;

}

.helios-list-blog.grid .col-md-4:nth-child(3n+1) {

    clear: both;

}

.st-signature.left {

    display: inline-block;

}

.st-signature.left .signature {

    display: inline-block;

    float: left;

    margin-right: 20px;

}

.st-signature.left .name-pos {

    display: inline-block;

    margin-top: 25px;

}

.st-signature.left .name-pos .name {

    color: #4593d6;

    font-size: 14px;

    text-transform: uppercase;

}

.st-signature.left .name-pos .position {

    color: #000;

}

.st-signature.center {

    text-align: center;

}

.st-signature.center .signature {

    margin-bottom: 20px;

}

.st-signature.center .name-pos .name {

    color: #4593d6;

    font-size: 14px;

    text-transform: uppercase;

}

.st-signature.center .name-pos .position {

    color: #000;

}

.st-post-slider.style-1 {

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    height: 840px;

    position: relative;

}

@media (max-width: 1366px) {

    .st-post-slider.style-1 {

        height: 700px;

    }

}

@media (max-width: 767px) {

    .st-post-slider.style-1 {

        height: 550px;

    }

}

.st-post-slider.style-1 .caption-post {

    position: absolute;

    background: rgba(255, 255, 255, 0.9);

    padding: 20px 20px 25px;

    transition: all 0.6s;

    transform: translateX(-50%);

    width: 80%;

    left: 50%;

    overflow: hidden;

    bottom: 37px;

}

.st-post-slider.style-1 .hide-caption {

    position: absolute;

    background: rgba(255, 255, 255, 0.9);

    padding: 20px 70px 30px;

    transition: all 0.6s;

    width: 100%;

    overflow: hidden;

    z-index: 2;

    bottom: -400px;

}

@media (max-width: 1366px) {

    .st-post-slider.style-1 .hide-caption {

        padding: 20px 20px 30px;

    }

}

.st-post-slider.style-1 .author img {

    width: 40px;

    height: 40px;

    border-radius: 50%;

}

.st-post-slider.style-1 .time {

    font-size: 12px;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.st-post-slider.style-1 .time a {

    letter-spacing: 2.5px;

}

.st-post-slider.style-1 .time a:focus {

    text-decoration: none;

}

.st-post-slider.style-1 .title {

    margin-top: 0;

    margin-bottom: 15px;

    font-size: 24px;

    font-weight: bold;

}

.st-post-slider.style-1 .title a {

    color: #363636;

    transition: all 0.5s;

}

.st-post-slider.style-1 .meta-category {

    text-transform: uppercase;

    font-size: 12px;

}

.st-post-slider.style-1 .short-desc {

    margin-top: 20px;

    margin-bottom: 20px;

}

.st-post-slider.style-1 .author {

    display: inline-block;

    width: 100%;

}

.st-post-slider.style-1 .author img {

    width: 40px;

    height: 40px;

    display: inline-block;

    margin-right: 20px;

    border-radius: 50%;

}

.st-post-slider.style-1 .author .name {

    font-size: 12px;

    padding-top: 11px;

    display: inline-block;

    text-transform: uppercase;

}

.st-post-slider.style-1:hover .caption-post {

    bottom: -300px;

    width: 100%;

}

.st-post-slider.style-1:hover .hide-caption {

    bottom: 0;

}

.st-post-slider.style-2 {

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    height: 840px;

    position: relative;

}

@media (max-width: 1366px) {

    .st-post-slider.style-2 {

        height: 700px;

    }

}

@media (max-width: 767px) {

    .st-post-slider.style-2 {

        height: 550px;

    }

}

.st-post-slider.style-2 .caption-post {

    position: absolute;

    background: rgba(255, 255, 255, 0.9);

    padding: 20px 20px 25px;

    transition: all 0.6s;

    transform: translateX(-50%);

    width: 500px;

    left: 50%;

    overflow: hidden;

    bottom: 37px;

}

@media (max-width: 767px) {

    .st-post-slider.style-2 .caption-post {

        width: 100%;

        bottom: 0;

    }

}

.st-post-slider.style-2 .author img {

    width: 40px;

    height: 40px;

    border-radius: 50%;

}

.st-post-slider.style-2 .time {

    font-size: 12px;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.st-post-slider.style-2 .time a {

    letter-spacing: 2.5px;

}

.st-post-slider.style-2 .time a:focus {

    text-decoration: none;

}

.st-post-slider.style-2 .title {

    margin-top: 0;

    margin-bottom: 15px;

    font-size: 24px;

    font-weight: bold;

}

.st-post-slider.style-2 .title a {

    color: #363636;

    transition: all 0.5s;

}

.st-post-slider.style-2 .title a:hover {

    color: #4593d6;

}

.st-post-slider.style-2 .meta-category {

    text-transform: uppercase;

    font-size: 12px;

}

.st-post-slider.style-2 .short-desc {

    margin-top: 20px;

    margin-bottom: 20px;

}

.st-post-slider.style-2 .author {

    display: inline-block;

    width: 100%;

}

.st-post-slider.style-2 .author img {

    width: 40px;

    height: 40px;

    display: inline-block;

    margin-right: 20px;

    border-radius: 50%;

}

.st-post-slider.style-2 .author .name {

    font-size: 12px;

    padding-top: 11px;

    display: inline-block;

    text-transform: uppercase;

}

.post-carousels .owl-nav > div {

    background: rgba(255, 255, 255, 0.6);

}

.post-carousels .owl-nav > div:hover {

    color: #4593d6 !important;

    background: #ffffff;

}

.post-carousels .owl-nav .owl-prev {

    left: 60px;

    color: #000;

}

.post-carousels .owl-nav .owl-next {

    left: auto;

    right: 60px;

    color: #000;

}

@media (max-width: 1366px) {

    .post-carousels .owl-nav .owl-prev {

        left: 15px;

    }

    .post-carousels .owl-nav .owl-next {

        right: 15px;

    }

}

.st-post-isotope.style-1 {

    margin-bottom: 60px;

}

.st-post-isotope.style-1 .header-thumb {

    width: 100%;

    overflow: hidden;

}

.st-post-isotope.style-1 .header-thumb img {

    width: 100%;

    transition: all 0.5s;

}

.st-post-isotope.style-1 .caption-post {

    padding: 25px 0 0;

}

.st-post-isotope.style-1 .caption-post .time {

    font-size: 12px;

    margin-bottom: 15px;

    display: block;

    text-transform: uppercase;

}

.st-post-isotope.style-1 .caption-post .time a {

    letter-spacing: 1.5px;

    color: #999;

}

.st-post-isotope.style-1 .caption-post .time a:focus {

    text-decoration: none;

}

.st-post-isotope.style-1 .caption-post .time .meta-category a {

    color: #4593d6;

}

.st-post-isotope.style-1 .caption-post .title {

    margin-top: 0;

    margin-bottom: 20px;

    font-size: 18px;

    font-weight: bold;

}

.st-post-isotope.style-1 .caption-post .title a {

    color: #363636;

    transition: all 0.5s;

}

.st-post-isotope.style-1 .caption-post .short-desc {

    margin-bottom: 10px;

}

.st-post-isotope.style-1 .caption-post .author {

    display: inline-block;

    width: 100%;

}

.st-post-isotope.style-1 .caption-post .author img {

    width: 40px;

    height: 40px;

    float: left;

    margin-right: 20px;

    border-radius: 50%;

}

.st-post-isotope.style-1 .caption-post .author .name {

    font-size: 12px;

    padding-top: 11px;

    display: inline-block;

    text-transform: uppercase;

}

.st-post-isotope.style-1:hover .header-thumb img {

    transform: scale(1.1);

}

.st-post-isotope.style-1:hover .caption-post .title a {

    color: #4593d6;

}

@media (max-width: 991px) {

    .st-post-isotope.style-2 {

        padding-left: 30px;

        padding-right: 30px;

        width: 100%;

    }

}

.st-post-isotope.style-2:before,

.st-post-isotope.style-2:after {

    display: table;

    clear: both;

}

.st-post-isotope.style-2 .blog-media {

    width: 50%;

    display: inline-block;

    float: left;

    height: 500px;

}

@media (max-width: 991px) {

    .st-post-isotope.style-2 .blog-media {

        width: 100%;

        float: left !important;

    }

}

@media (max-width: 639px) {

    .st-post-isotope.style-2 .blog-media {

        height: 350px;

    }

}

.st-post-isotope.style-2 .blog-media .hide {

    display: inline-block !important;

    width: 100%;

    height: 100%;

}

.st-post-isotope.style-2 .blog-media > img {

    display: none;

}

.st-post-isotope.style-2 .blog-media .feature_image {

    background-position: center !important;

    background-size: cover !important;

    background-repeat: no-repeat !important;

}

.st-post-isotope.style-2 .blog-meta {

    width: 50%;

    display: table;

    float: left;

    height: 500px;

    position: relative;

}

@media (max-width: 991px) {

    .st-post-isotope.style-2 .blog-meta {

        width: 100%;

        height: auto;

    }

}

.st-post-isotope.style-2 .blog-meta:before {

    background-image: url(../images/bg_right.png);

    background-repeat: no-repeat;

    content: " ";

    height: 110px;

    position: absolute;

    left: -28px;

    top: 40%;

    width: 50px;

    z-index: 9;

    transform: rotate(180deg);

}

.st-post-isotope.style-2 .blog-meta .table-cell {

    display: table-cell;

    vertical-align: middle;

    padding-left: 80px;

    padding-right: 80px;

}

@media (max-width: 1199px) {

    .st-post-isotope.style-2 .blog-meta .table-cell {

        padding-left: 30px;

        padding-right: 30px;

    }

}

@media (max-width: 991px) {

    .st-post-isotope.style-2 .blog-meta .table-cell {

        padding: 30px;

    }

}

.st-post-isotope.style-2 .blog-meta .meta-date {

    font-size: 12px;

    text-transform: uppercase;

    color: #4593d6;

    letter-spacing: 2.0px;

    margin-bottom: 10px;

}

.st-post-isotope.style-2 .blog-meta .title {

    font-size: 36px;

    margin-top: 0;

    margin-bottom: 20px;

    font-weight: bold;

}

.st-post-isotope.style-2 .blog-meta .title a {

    color: #252525;

    transition: all 0.4s;

}

.st-post-isotope.style-2 .blog-meta .title a:hover {

    color: #4593d6;

}

.st-post-isotope.style-2 .blog-meta .blog-item-meta-category {

    margin-bottom: 30px;

}

.st-post-isotope.style-2 .blog-meta .blog-item-meta-category a {

    font-size: 12px;

    text-transform: uppercase;

    transition: all 0.4s;

    padding: 15px 10px;

    position: relative;

}

.st-post-isotope.style-2 .blog-meta .blog-item-meta-category a:before {

    content: '';

    position: absolute;

    top: 0;

    width: 50%;

    height: 0;

    border-bottom: 1px solid #4593d6;

    left: 50%;

    transform: translateX(-50%);

}

.st-post-isotope.style-2 .blog-meta .desc {

    margin-bottom: 30px;

}

.st-post-isotope.style-2 .blog-meta .meta-footer .link {

    margin-bottom: 30px;

}

.st-post-isotope.style-2 .blog-meta .meta-footer .link a {

    font-size: 12px;

    color: #000;

    text-shadow: 0 0 0 #000;

    position: relative;

    left: -70px;

}

.st-post-isotope.style-2 .blog-meta .meta-footer .link a:before {

    content: '';

    width: 94px;

    height: 0;

    position: absolute;

    border-bottom: 1px solid #000;

    right: calc(-100%);

    top: 50%;

    transition: all 0.4s;

}

.st-post-isotope.style-2 .blog-meta .meta-footer .link a:hover:before {

    right: calc(-100% - 15px);

}

.st-post-isotope.style-2 .blog-meta .in-line {

    display: inline-block;

}

.st-post-isotope.style-2 .blog-meta .in-line .share {

    display: inline-block;

}

.st-post-isotope.style-2 .blog-meta .in-line .share .list-social {

    list-style: none;

    display: inline-block;

    margin: 0;

}

.st-post-isotope.style-2 .blog-meta .in-line .share .list-social li {

    display: inline-block;

    margin: 10px;

}

.st-post-isotope.style-2 .blog-meta .in-line .share .list-social li a {

    font-size: 13px;

    color: #000;

    transition: all 0.4s;

}

.st-post-isotope.style-2 .blog-meta .in-line .share .list-social li a:hover {

    color: #4593d6;

}

.st-post-isotope.style-2 .blog-meta .in-line .separator {

    width: 0;

    height: 14px;

    display: inline-block;

    border-left: 1px solid #ddd;

    margin-left: 12px;

    margin-right: 12px;

    position: relative;

    top: 2px;

}

.st-post-isotope.style-2 .blog-meta .in-line .author a {

    color: #7d7d7d;

    font-size: 12px;

    text-transform: uppercase;

}

.st-post-isotope.style-2 .blog-meta .in-line .author a .text-up {

    color: #4593d6;

}

.st-post-isotope.style-2 .blog-meta .in-line .comment-c a {

    color: #7d7d7d;

    font-size: 12px;

    text-transform: uppercase;

}

.st-post-isotope.style-2.even-item .blog-media {

    float: right;

}

.st-post-isotope.style-2.even-item .blog-meta:before {

    transform: rotate(0deg);

    left: auto;

    right: -28px;

}

.st-post-isotope.style-2 .st-gallery-slider .item {

    height: 500px;

    width: 100%;

}

.st-post-isotope.style-2 .st-gallery-slider .owl-prev {

    left: 15px;

}

.st-post-isotope.style-2 .st-gallery-slider .owl-next {

    right: 15px;

    left: auto;

}

.st-post-isotope.style-2 .audio {

    height: 100%;

}

.st-post-isotope.style-2 .audio iframe {

    width: 100%;

    height: 100%;

}

.isotope-filter {

    margin-bottom: 70px;

}

.isotope-filter ul {

    list-style: none;

    display: inline-block;

    margin: 0;

}

.isotope-filter ul li {

    display: inline-block;

    margin: 0 2px;

}

.isotope-filter ul li a {

    padding: 13px;

    font-size: 18px;

    color: #777;

    transition: all 0.4s;

    border-bottom: 3px solid transparent;

}

.isotope-filter ul li a:hover {

    color: #000;

    border-color: #4593d6;

}

.isotope-filter ul li a:focus {

    text-decoration: none;

}

.isotope-filter ul li a.active {

    color: #000;

    border-color: #4593d6;

}

.load_more_post {

    color: #a1a1a1;

    font-size: 12px;

    text-transform: uppercase;

    text-decoration: underline;

    letter-spacing: 2.0px;

    display: block;

}

.load_more_post.disabled {

    pointer-events: none;

    cursor: default;

}

.load_more_post:hover,

.load_more_post:focus {

    color: #a1a1a1;

    text-decoration: underline;

}

/* End ST Blog Element */

.helios-pagination .page-numbers {

    list-style: none;

    display: inline-block;

    margin: 0;

}

.helios-pagination .page-numbers li {

    display: inline-block;

    margin: 0 5px 15px;

}

.helios-pagination .page-numbers li span,

.helios-pagination .page-numbers li a {

    padding: 5px 12px;

    border: 1px solid #ddd;

    color: #7d7d7d;

    transition: all 0.4s;

}

.helios-pagination .page-numbers li span {

    border-color: #4593d6;

    color: #4593d6;

}

.helios-pagination .page-numbers li .dots {

    border: 1px solid #ddd;

    color: #7d7d7d;

}

.helios-pagination .page-numbers li a:hover {

    color: #FFF;

    border-color: #4593d6;

    background: #4593d6;

}

.row.style-2{

    margin-bottom: 63px;

}

/* ST Offer Element */

.st-offer-element.style-1 {

    background: #f6f7fb;

}

.st-offer-element.style-1:before,

.st-offer-element.style-1:after {

    content: '';

    clear: both;

    display: table;

}

.st-offer-element.style-1 .offer-media {

    width: 50%;

    float: left;

}

@media (max-width: 991px) {

    .st-offer-element.style-1 .offer-media {

        width: 100%;

    }

}

.st-offer-element.style-1 .offer-media .offer-carousel-images {

    width: 100%;

}

.st-offer-element.style-1 .offer-media .offer-carousel-images .item {

    height: 760px;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

@media (max-width: 600px) {

    .st-offer-element.style-1 .offer-media .offer-carousel-images .item {

        height: 550px;

    }

}

@media (max-width: 479px) {

    .st-offer-element.style-1 .offer-media .offer-carousel-images .item {

        height: 350px;

    }

}

.st-offer-element.style-1 .offer-text {

    width: 50%;

    float: right;

    padding: 115px;

}

@media (max-width: 991px) {

    .st-offer-element.style-1 .offer-text {

        width: 100%;

    }

}

@media (max-width: 1400px) {

    .st-offer-element.style-1 .offer-text {

        padding: 85px;

    }

}

@media (max-width: 600px) {

    .st-offer-element.style-1 .offer-text {

        padding: 40px;

    }

}

@media (max-width: 479px) {

    .st-offer-element.style-1 .offer-text {

        padding: 20px;

    }

}

.st-offer-element.style-1 .offer-text .description-offer {

    margin-bottom: 30px;

}

@media (max-width: 991px) {

    .st-offer-element.style-1 .offer-text .description-offer {

        display: none;

    }

}

.st-offer-element.style-1 .offer-text .description-offer .title {

    font-size: 36px;

    margin-top: 10px;

    color: #000;

    margin-bottom: 20px;

    padding-bottom: 25px;

    position: relative;

    font-family: 'Playfair Display', serif;

}

.st-offer-element.style-1 .offer-text .description-offer .title:before {

    position: absolute;

    content: '';

    border-bottom: 1px solid #4593d6;

    width: 70px;

    height: 0;

    bottom: 0;

    left: 0;

}

@media (max-width: 1199px) {

    .st-offer-element.style-1 .offer-text .description-offer .title {

        font-size: 30px;

    }

}

.st-offer-element.style-1 .offer-text .description-offer .sub_title {

    font-size: 14px;

    text-transform: uppercase;

    color: #4593d6;

}

.st-offer-element.style-1 .offer-text .description-offer .desc {

    font-size: 22px;

    font-style: italic;

    font-weight: 300;

}

@media (max-width: 1199px) {

    .st-offer-element.style-1 .offer-text .description-offer .desc {

        display: none;

    }

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item {

    position: relative;

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .title {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 20px;

    line-height: 1.5;

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .title a {

    transition: all 0.4s;

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .title .save {

    color: #000;

}

@media (max-width: 991px) {

    .st-offer-element.style-1 .offer-text .offer-carousel-text .item .title {

        margin-top: 0;

    }

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .desc {

    margin-bottom: 25px;

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .offer-price .per-person {

    font-size: 14px;

    color: #000;

    text-transform: uppercase;

    margin-right: 5px;

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .offer-price .o-price {

    font-size: 24px;

    color: #4593d6;

    font-weight: bold;

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .book-now {

    position: absolute;

    right: 20px;

    bottom: 0;

    font-size: 14px;

    letter-spacing: 3px;

    color: #000;

    text-transform: uppercase;

    font-weight: bold;

}

@media (max-width: 1199px) {

    .st-offer-element.style-1 .offer-text .offer-carousel-text .item .book-now {

        position: relative;

        right: auto;

        display: block;

        margin-top: 30px;

    }

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .book-now i {

    position: relative;

    left: 0;

    transition: all 0.4s;

}

.st-offer-element.style-1 .offer-text .offer-carousel-text .item .book-now:hover i {

    left: 5px;

}

.st-offer-element.style-1 .slick-prev,

.st-offer-element.style-1 .slick-next {

    position: absolute;

    border: none;

    content: '';

    font: normal normal normal 14px/1 FontAwesome;

    color: transparent;

    font-size: 0;

    width: 70px;

    height: 70px;

    line-height: 68px;

    left: auto;

    padding: 0;

    z-index: 1;

}

.st-offer-element.style-1 .slick-prev:before,

.st-offer-element.style-1 .slick-next:before {

    position: relative;

    transition: all 0.4s;

    left: 0;

    color: #FFF;

    font-size: 16px;

    display: inline-block;

}

.st-offer-element.style-1 .slick-prev {

    right: 0;

    background: #000;

    bottom: 70px;

}

.st-offer-element.style-1 .slick-prev:before {

    content: "\f177";

}

.st-offer-element.style-1 .slick-prev:hover:before {

    transform: scale(1.2);

}

.st-offer-element.style-1 .slick-next {

    background: #4593d6;

    right: -70px;

    bottom: 140px;

}

.st-offer-element.style-1 .slick-next:before {

    content: "\f178";

}

.st-offer-element.style-1 .slick-next:hover:before {

    transform: scale(1.2);

}

@media (max-width: 991px) {

    .st-offer-element.style-1 .slick-next {

        right: 0;

    }

}

.st-offer-element.style-2 .offer-list-2 {

    width: 50%;

    position: relative;

    box-shadow: 0 17px 43px rgba(141, 173, 186, 0.45);

}

@media (max-width: 991px) {

    .st-offer-element.style-2 .offer-list-2 {

        width: 100%;

    }

}

.st-offer-element.style-2 .offer-list-2 .offer-item {

    height: 290px;

    background: #FFF;

}

@media (max-width: 600px) {

    .st-offer-element.style-2 .offer-list-2 .offer-item {

        height: auto;

    }

}

.st-offer-element.style-2 .offer-list-2 .offer-item:before,

.st-offer-element.style-2 .offer-list-2 .offer-item:after {

    content: '';

    display: table;

    clear: both;

}

.st-offer-element.style-2 .offer-list-2 .offer-item .header-thumb {

    height: 100%;

    width: 50%;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: cover !important;

    float: left;

    position: relative;

}

@media (max-width: 600px) {

    .st-offer-element.style-2 .offer-list-2 .offer-item .header-thumb {

        width: 100%;

        height: 290px;

    }

}

.st-offer-element.style-2 .offer-list-2 .offer-item .header-thumb:after {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    content: '';

    background: rgba(0, 0, 0, 0.7);

    opacity: 0;

    transition: all 0.4s;

}

.st-offer-element.style-2 .offer-list-2 .offer-item .header-thumb .book-now {

    opacity: 0;

    z-index: 1;

    position: absolute;

    top: 50%;

    transition: all 0.4s;

    left: 50%;

    transform: translate(-50%, -50%);

    font-size: 12px;

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 2px;

    color: #4593d6;

}

.st-offer-element.style-2 .offer-list-2 .offer-item .header-thumb .book-now i {

    color: #FFF;

    margin-left: 5px;

}

.st-offer-element.style-2 .offer-list-2 .offer-item .caption {

    float: left;

    width: 50%;

    display: flex;

    align-items: center;

    height: 100%;

}

@media (max-width: 600px) {

    .st-offer-element.style-2 .offer-list-2 .offer-item .caption {

        width: 100%;

        height: auto;

    }

}

.st-offer-element.style-2 .offer-list-2 .offer-item .caption .d-flex {

    padding: 25px 20px 25px 25px;

}

@media (max-width: 1199px) {

    .st-offer-element.style-2 .offer-list-2 .offer-item .caption .d-flex {

        padding: 15px;

    }

}

@media (max-width: 991px) {

    .st-offer-element.style-2 .offer-list-2 .offer-item .caption .d-flex {

        padding-left: 20px;

    }

}

.st-offer-element.style-2 .offer-list-2 .offer-item .caption .d-flex .title {

    margin-top: 0;

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.st-offer-element.style-2 .offer-list-2 .offer-item .caption .d-flex .title a {

    color: #000;

    font-weight: bold;

    line-height: 1.4;

}

.st-offer-element.style-2 .offer-list-2 .offer-item .caption .d-flex .offer-price .per-person {

    color: #000;

    text-transform: uppercase;

    font-size: 14px;

}

.st-offer-element.style-2 .offer-list-2 .offer-item .caption .d-flex .offer-price .o-price {

    font-size: 18px;

    color: #4593d6;

}

.st-offer-element.style-2 .offer-list-2 .offer-item.even-item .header-thumb {

    float: right;

}

@media (min-width: 992px) {

    .st-offer-element.style-2 .offer-list-2 .offer-item:last-child {

        width: 100%;

        position: absolute;

        left: 100%;

        top: 100%;

        box-shadow: 0 17px 43px rgba(141, 173, 186, 0.45);

    }

}

.st-offer-element.style-2 .offer-list-2 .offer-item:hover .header-thumb:after {

    opacity: 1;

}

.st-offer-element.style-2 .offer-list-2 .offer-item:hover .header-thumb .book-now {

    opacity: 1;

}

.st-offer-element.style-3 .offer-carousel-slider-3 .item {

    height: 900px;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: cover !important;

}

.st-offer-element.style-3 .offer-carousel-slider-3 .item:before {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    content: '';

    background: rgba(0, 0, 0, 0.3);

}

@media (max-width: 1366px) {

    .st-offer-element.style-3 .offer-carousel-slider-3 .item {

        height: 750px;

    }

}

@media (max-width: 991px) {

    .st-offer-element.style-3 .offer-carousel-slider-3 .item {

        height: 600px;

    }

}

.st-offer-element.style-3 .offer-carousel-slider-3 .owl-nav > div {

    height: 72px;

    width: 72px;

    line-height: 70px;

    border-radius: 0;

    background: rgba(0, 0, 0, 0.5);

    color: #FFF;

}

.st-offer-element.style-3 .offer-carousel-slider-3 .owl-nav > div:hover {

    box-shadow: none;

    background: #4593d6;

    opacity: 0.8;

}

.st-offer-element.style-3 .offer-carousel-slider-3 .owl-nav .owl-next {

    right: 60px;

}

@media (max-width: 767px) {

    .st-offer-element.style-3 .offer-carousel-slider-3 .owl-nav .owl-next {

        right: 30px;

    }

}

.st-offer-element.style-3 .offer-carousel-slider-3 .owl-nav .owl-prev {

    left: 60px;

}

@media (max-width: 767px) {

    .st-offer-element.style-3 .offer-carousel-slider-3 .owl-nav .owl-prev {

        left: 30px;

    }

}

@media (max-width: 639px) {

    .st-offer-element.style-3 .offer-carousel-slider-3 .owl-nav {

        display: none;

    }

}

.st-offer-element.style-3 .caption-offer {

    width: 33.33%;

    color: #FFF;

    position: absolute;

    text-align: center;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

}

@media (max-width: 1199px) {

    .st-offer-element.style-3 .caption-offer {

        width: 60%;

    }

}

@media (max-width: 639px) {

    .st-offer-element.style-3 .caption-offer {

        width: 85%;

    }

}

.st-offer-element.style-3 .caption-offer .title {

    font-size: 36px;

    color: #fff;

    font-family: 'Playfair Display', serif;

    font-weight: bold;

    margin-top: 0;

    margin-bottom: 20px;

    line-height: 1.3;

}

@media (max-width: 639px) {

    .st-offer-element.style-3 .caption-offer .title {

        font-size: 30px;

    }

}

.st-offer-element.style-3 .caption-offer .desc {

    font-size: 18px;

    margin-bottom: 40px;

}

.st-offer-element.style-3 .caption-offer .offer-price {

    margin-right: 20px;

    margin-left: 20px;

    margin-bottom: 30px;

    display: inline-block;

}

.st-offer-element.style-3 .caption-offer .offer-price .per-person {

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.st-offer-element.style-3 .caption-offer .offer-price .o-price {

    font-size: 18px;

}

.st-offer-element.style-3 .caption-offer .book-now {

    margin-right: 20px;

    margin-left: 20px;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 2px;

    height: 40px;

    line-height: 27px;

}

.st-offer-element.style-3 .caption-offer .book-now i {

    margin-left: 5px;

}

@-webkit-keyframes showdown {

    0% {

        top: 0;

    }

    70% {

        top: 5px;

    }

    100% {

        top: 0;

    }

}

@keyframes showdown {

    0% {

        top: 0;

    }

    70% {

        top: 5px;

    }

    100% {

        top: 0;

    }

}

.st-offer-banner.style-1 {

    min-height: 400px;

    position: relative;

}

.st-offer-banner.style-1 .caption-title {

    position: absolute;

    text-align: center;

    width: 80%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 3;

}

.st-offer-banner.style-1 .caption-title .title {

    font-size: 48px;

    color: #000;

    font-family: 'Playfair Display', serif;

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: 15px;

}

.st-offer-banner.style-1 .caption-title .title .add-service {

    font-weight: normal;

    font-style: italic;

}

.st-offer-banner.style-1 .caption-title .title .sale-off {

    text-transform: uppercase;

}

@media (max-width: 991px) {

    .st-offer-banner.style-1 .caption-title .title {

        font-size: 36px;

    }

}

.st-offer-banner.style-1 .caption-title .offer-breadcrumb {

    color: #4593d6;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: 1px;

}

.st-offer-banner.style-1 .caption-title .offer-breadcrumb a {

    transition: all 0.4s;

}

.st-offer-banner.style-1 .offer-gallery-carousel .item {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    position: relative;

}

.st-offer-banner.style-1 .offer-gallery-carousel .item:after {

    background: rgba(255, 255, 255, 0.2);

    width: 100%;

    height: 100%;

    content: '';

    position: absolute;

    top: 0;

    left: 0;

}

.st-offer-banner.style-1 .owl-nav .owl-prev {

    left: 60px;

}

@media (max-width: 991px) {

    .st-offer-banner.style-1 .owl-nav .owl-prev {

        left: 15px;

    }

}

.st-offer-banner.style-1 .owl-nav .owl-next {

    right: 60px;

}

@media (max-width: 991px) {

    .st-offer-banner.style-1 .owl-nav .owl-next {

        right: 15px;

    }

}

.st-offer-banner.style-1 .offer-scroll {

    position: absolute;

    z-index: 3;

    bottom: 120px;

    left: 50%;

    transform: translateX(-50%);

    color: #000;

    background: #FFF;

    height: 40px;

    width: 40px;

    border-radius: 50%;

    text-align: center;

    line-height: 38px;

    box-shadow: 0 15px 46px rgba(0, 0, 0, 0.55);

}

.st-offer-banner.style-1 .offer-scroll i {

    position: relative;

    top: 0;

    transition: all 0.4s;

    animation: showdown 1s infinite;

}

.st-offer-banner.style-1 .offer-scroll:hover i {

    animation: none;

}

.st-offer-banner.style-2 {

    padding-left: 60px;

    padding-right: 60px;

    position: relative;

    margin-bottom: 100px;

}

@media (max-width: 1400px) {

    .st-offer-banner.style-2 {

        padding-left: 30px;

        padding-right: 30px;

    }

}

@media (max-width: 991px) {

    .st-offer-banner.style-2 {

        padding: 0;

    }

}

.st-offer-banner.style-2 .offer-gallery-carousel .item {

    background-position: center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    position: relative;

    height: 800px;

}

@media (max-width: 1400px) {

    .st-offer-banner.style-2 .offer-gallery-carousel .item {

        height: 700px;

    }

}

@media (max-width: 991px) {

    .st-offer-banner.style-2 .offer-gallery-carousel .item {

        height: 500px;

    }

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots {

    display: block;

    text-align: center;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot {

    display: inline-block;

    margin: 0 5px;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot span {

    width: 22px;

    height: 22px;

    border-radius: 50%;

    position: relative;

    border: 1px solid transparent;

    display: block;

    transition: all 0.4s;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot span:before,

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot span:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background: #000;

    width: 5px;

    height: 5px;

    border-radius: 50%;

    transition: all 0.4s;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot span:after {

    top: 200%;

    z-index: 2;

    opacity: 0;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot:not(.active):hover span {

    border-color: #4593d6;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot:not(.active):hover span:after {

    background: #4593d6;

    top: 50%;

    opacity: 1;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot.active span {

    border-color: #4593d6;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots .owl-dot.active span:before {

    background: #4593d6;

}

.st-offer-banner.style-2 .offer-gallery-carousel .owl-dots:not(.disabled) {

    position: absolute;

    right: -20px;

    top: 50%;

    transform: translateY(-50%) rotate(90deg);

    z-index: 5;

}

.st-offer-banner.style-3 .caption-title .title {

    color: #FFF;

}

.st-offer-banner.style-3 .caption-title .title .sale-off {

    color: #4593d6;

}

.st-offer-banner.style-3 .offer-gallery-carousel .item:after {

    background: rgba(0, 0, 0, 0.2);

}

.st-offer-banner.style-3 .offer-gallery-carousel .owl-nav {

    display: none;

}

/* End ST Offer Element */

.mb-400 {

    margin-bottom: 70px !important;

}

@media (min-width: 992px) {

    .mb-400 {

        margin-bottom: 400px !important;

    }

}

.not-hidden {

    overflow: inherit !important;

}

/* ST Search Room Element */

.st-form-search-room {

    background: #fff none repeat scroll 0 0;

    box-shadow: 0 5px 90px #bec4c7;

    height: 190px;

}

.st-form-search-room:before,

.st-form-search-room:after {

    content: " ";

    display: table;

    clear: both;

}

.st-form-search-room form {

    height: 100%;

}

@media (max-width: 768px) {

    .st-form-search-room {

        height: auto;

    }

}

.st-form-search-room .field {

    display: flex;

    align-items: center;

    float: left;

    height: 100%;

    width: 77%;

}

.st-form-search-room .field:before,

.st-form-search-room .field:after {

    content: " ";

    display: table;

    clear: both;

}

.st-form-search-room .field .title {

    float: left;

    width: 30%;

    font-family: 'Playfair Display', serif;

    color: #4593d6;

    padding-left: 40px;

    font-size: 18px;

    padding-right: 40px;

    line-height: 32px;

}

@media (max-width: 1024px) {

    .st-form-search-room .field .title {

        font-size: 15px;

    }

}

@media (max-width: 980px) {

    .st-form-search-room .field .title {

        margin: 0;

        padding: 10px 15px;

        width: 100%;

    }

}

@media (max-width: 768px) {

    .st-form-search-room .field .title {

        padding-left: 0;

        padding-top: 20px;

    }

}

@media (max-width: 360px) {

    .st-form-search-room .field .title {

        text-align: center;

    }

}

.st-form-search-room .field .row {

    float: left;

    width: 70%;

    margin-left: 0px;

}

@media (max-width: 980px) {

    .st-form-search-room .field .row {

        width: 100%;

    }

}

@media (max-width: 768px) {

    .st-form-search-room .field .row {

        margin-left: -15px;

        padding: 10px 0;

    }

}

@media (max-width: 1024px) {

    .st-form-search-room .field {

        padding-left: 25px;

        width: 80%;

    }

}

@media (max-width: 768px) {

    .st-form-search-room .field {

        width: 100%;

    }

}

.st-form-search-room .center {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}

.st-form-search-room .control {

    float: left;

    height: 100%;

    width: 23%;

}

@media (max-width: 1024px) {

    .st-form-search-room .control {

        width: 20%;

    }

}

@media (max-width: 768px) {

    .st-form-search-room .control {

        width: 100%;

    }

}

@media (max-width: 360px) {

    .st-form-search-room .control {

        text-align: center;

    }

}

.st-form-search-room .control .btn {

    border-radius: 0;

    font-size: 14px;

    font-weight: bold;

    height: 100%;

    letter-spacing: 2px;

    width: 100%;

    line-height: 25px;

    padding: 0px;

}

.st-form-search-room .control .btn p {

    margin: 0px;

}

@media (max-width: 980px) {

    .st-form-search-room .control .btn {

        font-size: 12px;

    }

}

@media (max-width: 768px) {

    .st-form-search-room .control .btn {

        margin-bottom: 25px;

        margin-left: 25px;

        padding: 10px;

        width: auto;

    }

    .st-form-search-room .control .btn p {

        display: inline-block;

    }

}

@media (max-width: 360px) {

    .st-form-search-room .control .btn {

        margin-left: 0px;

    }

}

.st-form-search-room .helios-form-control:before {

    border-left: 1px dashed #ebebeb;

    content: "";

    display: block;

    height: 100%;

    position: absolute;

    right: 15px;

    width: 1px;

}

@media (max-width: 1024px) {

    .st-form-search-room .helios-form-control:before {

        right: 5px;

    }

}

@media (max-width: 768px) {

    .st-form-search-room .helios-form-control:before {

        display: none;

    }

}

.st-form-search-room .helios-form-control:last-child:before {

    display: none;

}

@media (max-width: 360px) {

    .st-form-search-room .helios-form-control {

        width: 100%;

        min-height: 90px;

    }

    .st-form-search-room .helios-form-control .item-search-content {

        left: 38%;

        position: absolute;

    }

}

.st-form-search-room .helios-form-control label {

    color: #7d7d7d;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: normal;

    padding-bottom: 20px;

    display: block;

    letter-spacing: 1px;

}

.st-form-search-room .helios-form-control input,

.st-form-search-room .helios-form-control select {

    bottom: 0;

    height: 19px;

    left: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.st-form-search-room .helios-form-control input[type='number'] {

    -moz-appearance: textfield;

}

.st-form-search-room .helios-form-control input::-webkit-outer-spin-button,

.st-form-search-room .helios-form-control input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.st-form-search-room .helios-form-control .options {

    position: relative;

}

.st-form-search-room .helios-form-control .options.cursor {

    cursor: pointer;

}

.st-form-search-room .helios-form-control .options .day {

    color: #000;

    font-family: serif;

    font-size: 44px;

    left: 0;

    line-height: 35px;

    position: absolute;

    text-transform: uppercase;

}

@media (max-width: 1024px) {

    .st-form-search-room .helios-form-control .options .day {

        font-size: 35px;

    }

}

.st-form-search-room .helios-form-control .options .month {

    color: #7d7d7d;

    display: inline-block;

    font-size: 14px;

    margin-left: 60px;

    min-height: 43px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    top: -6px;

    width: 20px;

}

@media (max-width: 1024px) {

    .st-form-search-room .helios-form-control .options .month {

        margin-left: 50px;

    }

}

.st-form-search-room .helios-form-control .options .month .fa {

    cursor: pointer;

    bottom: 0;

    font-size: 21px;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    color: #4593d6;

}

@media (max-width: 1024px) {

    .st-form-search-room .helios-form-control .options .month .fa {

        bottom: 5px;

    }

}

.st-form-search-room .helios-form-control .options .month .fa.fa-angle-up {

    bottom: 20px;

}

.st-form-search-room .helios-form-control .options .helios-number {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    height: 45px;

    opacity: 1;

    position: absolute;

    top: -5px;

    width: 70px;

}

.st-form-search-room .helios-form-control .options .helios-number::-webkit-outer-spin-button,

.st-form-search-room .helios-form-control .options .helios-number::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

/* End ST Search Room Element */

/* Breadcrum */

.helios-breadcrumb {

    width: 100%;

    position: relative;

}

.helios-breadcrumb .center {

    z-index: 1;

    padding-left: 30px;

    padding-right: 30px;

}

.helios-breadcrumb .center .title {

    font-size: 60px;

    font-weight: 600;

    color: #FFF;

    margin-top: 5px;

    font-family: "Playfair Display";

}

@media (max-width: 640px) {

    .helios-breadcrumb .center .title {

        font-size: 50px;

    }

}

@media (max-width: 360px) {

    .helios-breadcrumb .center .title {

        font-size: 33px;

    }

}

.helios-breadcrumb .center .helios-breadcrumb {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

}

@media (max-width: 360px) {

    .helios-breadcrumb .center .helios-breadcrumb {

        letter-spacing: 1px;

    }

}

/* End Breadcrum */



/* ST Form Reservation Room */

.st-form-reservation-room {

    background: #fff none repeat scroll 0 0;

}

.st-form-reservation-room:before,

.st-form-reservation-room:after {

    content: " ";

    display: table;

    clear: both;

}

.st-form-reservation-room form {

    height: 100%;

}

.st-form-reservation-room .title {

    color: #000;

    font-family: "Playfair Display", serif;

    font-size: 24px;

    font-style: italic;

    font-weight: bold;

    margin-bottom: 50px;

    text-align: center;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .title {

        font-size: 18px;

    }

}

@media (max-width: 980px) {

    .st-form-reservation-room .title {

        margin: 0;

        padding: 10px 15px;

        width: 100%;

    }

}

@media (max-width: 768px) {

    .st-form-reservation-room .title {

        padding-left: 0;

        padding-top: 20px;

    }

}

@media (max-width: 360px) {

    .st-form-reservation-room .title {

        text-align: center;

    }

}

.st-form-reservation-room .field {

    float: left;

    height: 100%;

    width: 67%;

}

.st-form-reservation-room .field:before,

.st-form-reservation-room .field:after {

    content: " ";

    display: table;

    clear: both;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .field {

        width: 75%;

    }

}

@media (max-width: 768px) {

    .st-form-reservation-room .field {

        width: 100%;

    }

}

.st-form-reservation-room .control {

    float: left;

    height: 100%;

    width: 33%;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .control {

        width: 25%;

    }

}

@media (max-width: 768px) {

    .st-form-reservation-room .control {

        width: 100%;

        text-align: center;

    }

}

@media (max-width: 360px) {

    .st-form-reservation-room .control {

        text-align: center;

    }

}

.st-form-reservation-room .control .btn {

    border-radius: 0;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 4px;

    padding: 28px;

    width: 100%;

    margin-top: 5px;

    height: 100%;

}

.st-form-reservation-room .control .btn span {

    margin: 0px;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .control .btn {

        letter-spacing: 1px;

    }

}

@media (max-width: 1023px) {

    .st-form-reservation-room .control .btn span {

        line-height: 22px;

    }

}

@media (max-width: 980px) {

    .st-form-reservation-room .control .btn {

        font-size: 12px;

    }

}

@media (max-width: 768px) {

    .st-form-reservation-room .control .btn {

        padding: 10px 20px;

        font-size: 14px;

        width: auto;

    }

    .st-form-reservation-room .control .btn span {

        display: inline-block;

    }

}

@media (max-width: 360px) {

    .st-form-reservation-room .control .btn {

        margin-left: 0px;

    }

}

.st-form-reservation-room .helios-form-control:before {

    border-left: 1px dashed #ebebeb;

    content: "";

    display: block;

    height: 70px;

    position: absolute;

    right: 35px;

    top: 5px;

    width: 1px;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .helios-form-control:before {

        right: 5px;

    }

}

@media (max-width: 768px) {

    .st-form-reservation-room .helios-form-control:before {

        display: none;

    }

}

.st-form-reservation-room .helios-form-control:last-child:before {

    display: none;

}

@media (max-width: 360px) {

    .st-form-reservation-room .helios-form-control {

        width: 100%;

        min-height: 90px;

    }

    .st-form-reservation-room .helios-form-control .item-search-content {

        left: 38%;

        position: absolute;

    }

}

@media (max-width: 764px) {

    .st-form-reservation-room .helios-form-control {

        text-align: center;

    }

    .st-form-reservation-room .helios-form-control .item-search-content {

        display: inline-block;

    }

}

.st-form-reservation-room .helios-form-control label {

    color: #7d7d7d;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: normal;

    padding-bottom: 20px;

    display: block;

    letter-spacing: 1px;

}

.st-form-reservation-room .helios-form-control input,

.st-form-reservation-room .helios-form-control select {

    bottom: 0;

    height: 19px;

    left: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.st-form-reservation-room .helios-form-control input[type='number'] {

    -moz-appearance: textfield;

}

.st-form-reservation-room .helios-form-control input::-webkit-outer-spin-button,

.st-form-reservation-room .helios-form-control input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.st-form-reservation-room .helios-form-control .options {

    position: relative;

}

.st-form-reservation-room .helios-form-control .options.cursor {

    cursor: pointer;

}

.st-form-reservation-room .helios-form-control .options .day {

    color: #000;

    font-family: serif;

    font-size: 44px;

    left: 0;

    line-height: 35px;

    position: absolute;

    text-transform: uppercase;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .helios-form-control .options .day {

        font-size: 35px;

    }

}

.st-form-reservation-room .helios-form-control .options .month {

    color: #7d7d7d;

    display: inline-block;

    font-size: 14px;

    margin-left: 60px;

    min-height: 43px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    top: -6px;

    width: 20px;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .helios-form-control .options .month {

        margin-left: 50px;

    }

}

.st-form-reservation-room .helios-form-control .options .month .fa {

    cursor: pointer;

    bottom: 0;

    font-size: 21px;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    color: #4593d6;

}

@media (max-width: 1024px) {

    .st-form-reservation-room .helios-form-control .options .month .fa {

        bottom: 5px;

    }

}

.st-form-reservation-room .helios-form-control .options .month .fa.fa-angle-up {

    bottom: 20px;

}

.st-form-reservation-room .helios-form-control .options .helios-number {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    height: 45px;

    opacity: 1;

    position: absolute;

    top: -5px;

    width: 70px;

}

.st-form-reservation-room .helios-form-control .options .helios-number::-webkit-outer-spin-button,

.st-form-reservation-room .helios-form-control .options .helios-number::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

/* End ST From Reservation Room */



/* ST Room Contact */

.st-reservation-contact {

    border: 1px solid #ebebeb;

    padding: 30px;

    text-align: center;

}

.st-reservation-contact .title {

    color: #000;

    font-size: 16px;

    font-weight: bold;

    letter-spacing: 3px;

}

.st-reservation-contact .desc {

    font-size: 12px;

    font-weight: bold;

    line-height: 25px;

    padding-top: 15px;

}

.st-reservation-contact .phone,

.st-reservation-contact .email {

    color: #000;

    font-size: 16px;

    padding-top: 20px;

}

.st-reservation-contact .phone .fa,

.st-reservation-contact .email .fa {

    color: #4593d6;

    display: block;

    font-size: 30px;

    margin-bottom: 5px;

}

/* End ST Room Contact */



.helios-reservation-content {

    padding-bottom: 10px;

}

.helios-reservation-content.loading:before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 10;

    opacity: 0.4;

}

.helios-reservation-content .search_room_alert_new .alert {

    margin: 0 0 15px;

}

.helios-reservation-content .content .loop-room-style-1 {

    box-shadow: 0 0 20px #dce5e8;

    margin-bottom: 50px;

    padding: 15px;

    transition: box-shadow 0.3s;

}

.helios-reservation-content .content .loop-room-style-1:before,

.helios-reservation-content .content .loop-room-style-1:after {

    content: " ";

    display: table;

    clear: both;

}

.helios-reservation-content .content .loop-room-style-1 .room-image {

    float: left;

    width: 42%;

    overflow: hidden;

}

.helios-reservation-content .content .loop-room-style-1 .room-image img {

    transition: all 0.3s;

    width: 100%;

}

@media (max-width: 640px) {

    .helios-reservation-content .content .loop-room-style-1 .room-image {

        width: 100%;

    }

    .helios-reservation-content .content .loop-room-style-1 .room-image img {

        width: 100%;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-content {

    float: left;

    padding: 20px 40px;

    width: 58%;

}

@media (max-width: 640px) {

    .helios-reservation-content .content .loop-room-style-1 .room-content {

        width: 100%;

        padding: 20px 0px;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-content .room-title {

    color: #000;

    font-size: 20px;

    font-weight: bold;

    padding-bottom: 10px;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .room-title a {

    color: #000;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .room-guest {

    font-size: 13px;

    padding-bottom: 20px;

    text-transform: uppercase;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .room-guest span {

    margin-right: 15px;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .room-desc {

    font-size: 16px;

    padding-bottom: 20px;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .facilities .icon-item {

    font-size: 25px;

    font-weight: 100;

    margin-right: 25px;

    color: #818181;

    transition: all 0.3s;

    cursor: pointer;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .facilities .icon-item:hover {

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .price {

    font-size: 18px;

    font-weight: bold;

    padding-top: 10px;

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .price .title {

    font-size: 13px;

    font-weight: normal;

    color: #7d7d7d;

    text-transform: uppercase;

    padding-right: 10px;

}

.helios-reservation-content .content .loop-room-style-1 .room-content .price .small {

    font-size: 16px;

    font-weight: normal;

}

.helios-reservation-content .content .loop-room-style-1 .room-book {

    float: left;

    padding-bottom: 20px;

    padding-top: 10px;

    width: 100%;

}

.helios-reservation-content .content .loop-room-style-1 .room-book:before,

.helios-reservation-content .content .loop-room-style-1 .room-book:after {

    content: " ";

    display: table;

    clear: both;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .helios-more-extra {

    float: left;

    min-height: 1px;

    width: 42%;

}

@media (max-width: 640px) {

    .helios-reservation-content .content .loop-room-style-1 .room-book .helios-more-extra {

        width: 50%;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-book .helios-more-extra .btn_extra {

    border: 1px solid #ebebeb;

    color: #000;

    cursor: pointer;

    display: block;

    font-size: 14px;

    padding: 7px 15px 7px 30px;

}

@media (max-width: 640px) {

    .helios-reservation-content .content .loop-room-style-1 .room-book .helios-more-extra .btn_extra {

        padding: 7px 10px;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-book .helios-more-extra .btn_extra .fa {

    float: right;

    font-size: 20px;

    position: relative;

    top: 2px;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .helios-more-extra .btn_extra.active {

    border: 1px solid #4593d6;

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .options {

    float: left;

    padding: 0px 40px;

    width: 58%;

}

@media (max-width: 640px) {

    .helios-reservation-content .content .loop-room-style-1 .room-book .options {

        float: right;

        padding: 0;

        text-align: right;

        width: 50%;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-book .options a {

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 2px;

    margin-right: 65px;

    text-transform: uppercase;

    color: #4593d6;

    line-height: 38px;

    transition: all 0.3s;

    cursor: pointer;

}

.helios-reservation-content .content .loop-room-style-2 a.btn-hotel-alone-st-add-cart {

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #4593d6;

    line-height: 15px;

    transition: all 0.3s;

    background: transparent !important;

    border: 0px !important;

    padding-left: 15px;

    cursor: pointer;

}

@media (max-width: 640px) {

    .helios-reservation-content .content .loop-room-style-1 .room-book .options a {

        display: none;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-book .options .book_now {

    color: #000;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .options a:hover {

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .options .room-number {

    display: inline-block;

    margin-right: 30px;

    position: relative;

    top: 0;

    width: 125px;

}

@media (max-width: 640px) {

    .helios-reservation-content .content .loop-room-style-1 .room-book .options .room-number {

        margin-right: 0px;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-book .options .room-number:before {

    content: "\f107";

    color: #000;

    display: inline-block;

    font-family: FontAwesome;

    font-size: 19px;

    pointer-events: none;

    position: absolute;

    right: 10px;

    top: 9px;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .option_is_extra,

.helios-reservation-content .content .loop-room-style-2 .room-book .option_is_extra{

    border: 1px solid #b4b9be;

    background: #fff;

    color: #555;

    clear: none;

    cursor: pointer;

    display: inline-block;

    line-height: 0;

    height: 16px;

    outline: 0;

    padding: 0!important;

    text-align: center;

    vertical-align: middle;

    width: 16px;

    min-width: 16px;

    -webkit-appearance: none;

    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);

    transition: .05s border-color ease-in-out;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .option_is_extra:checked:before,

.helios-reservation-content .content .loop-room-style-2 .room-book .option_is_extra:checked:before{

    float: left;

    display: inline-block;

    vertical-align: middle;

    width: 16px;

    font: 400 21px/1 dashicons;

    speak: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f147";

    margin: -3px 0 0 -4px;

    color: #1e8cbe;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .options .room-number .option_number_room,

.helios-reservation-content .content .loop-room-style-2 .room-book .options .room-number .option_number_room{

    border-radius: 0;

    box-shadow: none;

    height: 38px;

    border-color: #ebebeb;

    -webkit-appearance: none;

    -moz-appearance: none;

    text-indent: 1px;

    text-overflow: '';

}

.helios-reservation-content .content .loop-room-style-1 .room-book .list-extra {

    float: left;

    height: 0;

    opacity: 0;

    transition: opacity 0.4s ease 0s;

    visibility: hidden;

    width: 60%;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .list-extra.active {

    visibility: visible;

    margin-top: 10px;

    height: auto;

    opacity: 1;

}

.helios-reservation-content .content .loop-room-style-1 .room-book .list-extra.active .btn_extra {

    border: 1px solid #4593d6;

}

@media (max-width: 768px) {

    .helios-reservation-content .content .loop-room-style-1 .room-book .list-extra {

        width: 100%;

    }

}

.helios-reservation-content .content .loop-room-style-1 .room-book table {

    border-color: #cfcfcf;

    margin: 0px;

}

.helios-reservation-content .content .loop-room-style-1 .room-book table thead {

    background: #4593d6 none repeat scroll 0 0;

    color: #fff;

}

.helios-reservation-content .content .loop-room-style-1 .room-book table td {

    font-size: 13px;

    position: relative;

}

.helios-reservation-content .content .loop-room-style-1 .room-book table .desc {

    display: block;

    font-size: 11px;

}

.helios-reservation-content .content .loop-room-style-1 .room-book table .text-color {

    color: #4593d6;

    font-size: 15px;

}

.helios-reservation-content .content .loop-room-style-1 .room-book table .title {

    color: #000;

}

.helios-reservation-content .content .loop-room-style-1 .room-book table select {

    width: 55px;

    margin: auto;

}

@media (max-width: 460px) {

    .helios-reservation-content .content .loop-room-style-1 .room-book table select {

        width: 100%;

    }

}

.helios-reservation-content .content .loop-room-style-1:hover {

    box-shadow: 0 0 20px #4593d6;

}

.helios-reservation-content .content .loop-room-style-1:hover .room-image img {

    transform: scale(1.1);

}

.helios-reservation-content .content .loop-room-style-2 {

    margin-bottom: 30px;

}

.helios-reservation-content .content .loop-room-style-2 .item {

    box-shadow: 0 0 30px #ddd;

    padding: 15px;

    text-align: center;

}

.helios-reservation-content .content .loop-room-style-2 .item .feature {

    overflow: hidden;

}

.helios-reservation-content .content .loop-room-style-2 .item .feature img {

    transition: all 0.3s;

    width: 100%;

}

.helios-reservation-content .content .loop-room-style-2 .item .info {

    padding: 30px 0;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .name {

    font-size: 20px;

    font-weight: bold;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .name a {

    color: #000;

    transition: all 0.3s;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .price {

    font-size: 18px;

    font-weight: bold;

    padding-top: 10px;

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .price .small {

    font-size: 16px;

    font-weight: normal;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .desc {

    padding-top: 20px;

    color: #7d7d7d;

    font-size: 16px;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .guest {

    padding-top: 20px;

    color: #000;

    font-size: 13px;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .guest span:first-child {

    padding: 0 10px;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .facilities {

    padding-top: 20px;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .facilities .icon-item {

    font-size: 25px;

    font-weight: 100;

    padding: 0 15px;

    color: #818181;

    transition: all 0.3s;

    cursor: pointer;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .facilities .icon-item:hover {

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .button {

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 5px;

    padding-top: 25px;

    text-transform: uppercase;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .button a {

    color: #4593d6;

    transition: all 0.3s;

}

.helios-reservation-content .content .loop-room-style-2 .item .info .button .fa {

    color: #000000;

}

.helios-reservation-content .content .loop-room-style-2 .item:hover img {

    transform: scale(1.1);

}

.helios-reservation-content .content .loop-room-style-2 .item:hover .button a {

    color: #000000;

}

.helios-reservation-content .content .loop-room-style-2 .item:hover .name a {

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-2 .list-room .item-room {

    margin-bottom: 30px;

}

@media (max-width: 767px) {

    .helios-reservation-content .content .loop-room-style-2 .list-room .item-room {

        width: 100%;

    }

}

.helios-reservation-content .content .loop-room-style-2 .room-book {

    padding-top: 10px;

    position: relative;

}

.helios-reservation-content .content .loop-room-style-2 .room-book:before,

.helios-reservation-content .content .loop-room-style-2 .room-book:after {

    content: " ";

    display: table;

    clear: both;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .helios-more-extra {

    display: inline-block;

    min-height: 1px;

    width: auto;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .helios-more-extra .btn_extra {

    border: 1px solid #ebebeb;

    color: #7d7d7d;

    cursor: pointer;

    display: block;

    font-size: 14px;

    margin-right: 10px;

    padding: 6px 15px;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .helios-more-extra .btn_extra .fa {

    font-size: 20px;

    padding-left: 5px;

    position: relative;

    top: 2px;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .helios-more-extra .btn_extra.active {

    border: 1px solid #4593d6;

    color: #4593d6;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .options {

    display: inline-block;

    min-height: 1px;

    width: auto;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .options .room-number {

    display: inline-block;

    margin-right: 0px;

    position: relative;

    top: 0;

    width: 125px;

    color: #000;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .options .room-number:before {

    content: "\f107";

    color: #7d7d7d;

    display: inline-block;

    font-family: FontAwesome;

    font-size: 19px;

    pointer-events: none;

    position: absolute;

    right: 10px;

    top: 9px;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .options .room-number .option_number_room {

    border-radius: 0;

    box-shadow: none;

    height: 38px;

    border-color: #ebebeb;

    color: #7d7d7d;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .list-extra {

    height: 0;

    opacity: 0;

    transition: opacity 0.4s ease 0s;

    visibility: hidden;

    width: 100%;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .list-extra.active {

    background: #fff none repeat scroll 0 0;

    bottom: 85px;

    height: auto;

    margin-top: 10px;

    opacity: 1;

    position: absolute;

    visibility: visible;

    width: 100%;

}

.helios-reservation-content .content .loop-room-style-2 .room-book .list-extra.active .btn_extra {

    border: 1px solid #4593d6;

}

@media (max-width: 768px) {

    .helios-reservation-content .content .loop-room-style-2 .room-book .list-extra {

        width: 100%;

    }

}

.helios-reservation-content .content .loop-room-style-2 .room-book table {

    border-color: #cfcfcf;

    margin: 0px;

}

.helios-reservation-content .content .loop-room-style-2 .room-book table thead {

    background: #4593d6 none repeat scroll 0 0;

    color: #fff;

}

.helios-reservation-content .content .loop-room-style-2 .room-book table td {

    font-size: 13px !important;

    position: relative;

    font-weight: normal !important;

}

.helios-reservation-content .content .loop-room-style-2 .room-book table .desc {

    display: block !important;

    font-size: 11px !important;

    padding: 0px !important;

}

.helios-reservation-content .content .loop-room-style-2 .room-book table .text-color {

    color: #4593d6;

    font-size: 15px;

}

.helios-reservation-content .content .loop-room-style-2 .room-book table .title {

    color: #000;

}

.helios-reservation-content .content .loop-room-style-2 .room-book table select {

    width: 55px;

    margin: auto;

}

@media (max-width: 460px) {

    .helios-reservation-content .content .loop-room-style-2 .room-book table select {

        width: 100%;

    }

}

.helios-reservation-content .pagination-room {

    margin: 10px 0;

}

.helios-reservation-content .pagination-room .wpbooking-pagination {

    margin-top: 0px;

    text-align: center;

}

.helios-reservation-content .pagination-room .wpbooking-pagination .page-numbers {

    cursor: pointer;

    border: 1px solid transparent;

    text-align: center;

    padding: 4px 10px;

}

.helios-reservation-content .pagination-room .wpbooking-pagination .page-numbers.current {

    border: 1px solid #4593d6;

    color: #4593d6;

    background: transparent;

    cursor: default;

    font-size: 14px;

    text-align: center;

    padding: 4px 10px;

}

.helios-reservation-content .pagination-room .wpbooking-pagination .page-numbers:hover {

    border: 1px solid #4593d6;

    color: #4593d6;

    background: transparent;

}



/*---------------------------*/



.btn-hotel-alone-booking,

.btn-hotel-alone-booking-external{

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 2px;

    margin-right: 65px;

    text-transform: uppercase;

    color: #4593d6;

    line-height: 15px;

    transition: all 0.3s;

    background: transparent !important;

    border: 0px !important;

    padding: 0px 0px 6px;

}

.content-loop-room .loop-room-style-2 .btn-hotel-alone-booking,

.content-loop-room .loop-room-style-2 .btn-hotel-alone-booking-external{

    margin-right: 0px;

}

.btn-st-add-cart.loading,

.btn-st-add-cart.loading:hover{

    background: transparent !important;

    border: none !important;

}



/* ST Banner Single Room Element */

.st-banner-single-room.st-style-1 .content-slider {

    position: relative;

}

.st-banner-single-room.st-style-1 .content-slider .slider-item-background {

    display: table;

    width: 100%;

    height: 100%;

    text-align: center;

    position: relative;

    background-size: cover;

}

.st-banner-single-room.st-style-1 .content-slider .content-info {

    display: table;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .info {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    z-index: 2;

    text-align: center;

    user-select: none;

    padding: 0 15px;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .info .title {

    font-size: 60px;

    color: #000;

    font-weight: bold;

    font-family: 'Playfair Display', serif;

    line-height: 100px;

}

@media (max-width: 768px) {

    .st-banner-single-room.st-style-1 .content-slider .content-info .info .title {

        font-size: 48px;

    }

}

@media (max-width: 540px) {

    .st-banner-single-room.st-style-1 .content-slider .content-info .info .title {

        font-size: 24px;

    }

}

.st-banner-single-room.st-style-1 .content-slider .content-info .info .breadcrumbs {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #4593d6;

}

@media (max-width: 540px) {

    .st-banner-single-room.st-style-1 .content-slider .content-info .info .breadcrumbs {

        letter-spacing: 1px;

    }

}

.st-banner-single-room.st-style-1 .content-slider .content-info .info .scroll {

    bottom: 20px;

    position: absolute;

    text-align: center;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .info .scroll a {

    background: #fff none repeat scroll 0 0;

    border-radius: 50%;

    box-shadow: 0 0 10px #c0c0c0;

    color: #000;

    display: block;

    height: 37px;

    margin: auto;

    text-align: center;

    transition: all 0.3s ease 0s;

    width: 38px;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .info .scroll a:hover {

    background: #4593d6;

    color: #fff;

    box-shadow: 0 0 20px #a2a2a2;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .info .scroll a .fa {

    width: 4px;

    line-height: 37px;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    z-index: 99999;

    transform: translate(0, -50%);

}

@media (max-width: 720px) {

    .st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav {

        display: none;

    }

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .fa {

    transition: all 0.2s;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-prev {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #fff;

    color: #4593d6;

    cursor: pointer;

    float: left;

    margin-left: 60px;

    opacity: 0.4;

    padding: 25px 13px;

    transform: translate(0px, 0px);

    transition: all 0.3s;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-prev:hover {

    opacity: 1;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-prev:hover .fa {

    transform: translate(-90%, 0px);

}

@media (max-width: 980px) {

    .st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-prev {

        margin-left: 30px;

    }

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-next {

    float: right;

    background: #fff none repeat scroll 0 0;

    border: solid 1px #fff;

    margin-right: 60px;

    padding: 25px 13px;

    cursor: pointer;

    color: #4593d6;

    opacity: 0.4;

    transition: all 0.3s;

    transform: translate(0, 0);

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-next:hover {

    opacity: 1;

}

.st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-next:hover .fa {

    transform: translate(90%, 0px);

}

@media (max-width: 980px) {

    .st-banner-single-room.st-style-1 .content-slider .content-info .owl-nav .owl-next {

        margin-right: 30px;

    }

}

.st-banner-single-room.st-style-1 .scroll {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 91px;

    z-index: 99;

    text-align: center;

}

@media (max-width: 360px) {

    .st-banner-single-room.st-style-1 .scroll {

        bottom: 60px;

    }

}

.st-banner-single-room.st-style-1 .scroll .btn-scroll {

    position: relative;

    font-size: 11px;

    text-transform: uppercase;

}

.st-banner-single-room.st-style-1 .scroll .btn-scroll:hover .line-1 {

    background: #4593d6;

}

.st-banner-single-room.st-style-1 .scroll .btn-scroll .line-text {

    color: #fff;

    z-index: 99;

    position: relative;

}

.st-banner-single-room.st-style-1 .scroll .btn-scroll .line-1 {

    transition: all 0.3s;

    border: solid 1px #4593d6;

    height: 50px;

    width: 50px;

    transform: rotate(45deg);

    position: absolute;

    left: -7px;

    top: -18px;

}

.st-banner-single-room.st-style-1 .scroll .btn-scroll .line-2 {

    border: solid 1px #4593d6;

    height: 70px;

    width: 70px;

    transform: rotate(45deg);

    position: absolute;

    left: -17px;

    top: -28px;

    opacity: 0.6;

}

.st-banner-single-room.st-style-1 .scroll .btn-scroll .line-3 {

    border: solid 1px #4593d6;

    height: 90px;

    width: 90px;

    transform: rotate(45deg);

    position: absolute;

    left: -27px;

    top: -38px;

    opacity: 0.3;

}

.st-banner-single-room.st-style-2 .content-slider {

    position: relative;

}

.st-banner-single-room.st-style-2 .content-slider .slider-item-background {

    display: table;

    width: 100%;

    height: 100%;

    text-align: center;

    position: relative;

    background-size: cover;

}

.st-banner-single-room.st-style-2 .content-slider .content-info {

    display: table;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

}

.st-banner-single-room.st-style-2 .content-slider .content-info .info {

    display: table-cell;

    vertical-align: middle;

    position: relative;

    z-index: 2;

    text-align: center;

    user-select: none;

    padding: 0 15px;

}

.st-banner-single-room.st-style-2 .content-slider .content-info .info .title {

    font-size: 60px;

    color: #000;

    font-weight: bold;

    font-family: 'Playfair Display', serif;

    line-height: 100px;

}

@media (max-width: 768px) {

    .st-banner-single-room.st-style-2 .content-slider .content-info .info .title {

        font-size: 48px;

    }

}

@media (max-width: 540px) {

    .st-banner-single-room.st-style-2 .content-slider .content-info .info .title {

        font-size: 24px;

    }

}

.st-banner-single-room.st-style-2 .content-slider .content-info .info .breadcrumbs {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 3px;

    color: #4593d6;

}

.st-banner-single-room.st-style-2 .content-slider .content-info .info .scroll {

    bottom: 20px;

    position: absolute;

    text-align: center;

}

.st-banner-single-room.st-style-2 .content-slider .content-info .info .scroll a {

    background: #fff none repeat scroll 0 0;

    border-radius: 50%;

    box-shadow: 0 0 10px #c0c0c0;

    color: #000;

    display: block;

    height: 37px;

    margin: auto;

    text-align: center;

    transition: all 0.3s ease 0s;

    width: 38px;

}

.st-banner-single-room.st-style-2 .content-slider .content-info .info .scroll a:hover {

    background: #4593d6;

    color: #fff;

    box-shadow: 0 0 20px #a2a2a2;

}

.st-banner-single-room.st-style-2 .content-slider .content-info .info .scroll a .fa {

    width: 4px;

    line-height: 37px;

}

.st-banner-single-room.st-style-2 .scroll {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 91px;

    z-index: 99;

    text-align: center;

}

@media (max-width: 360px) {

    .st-banner-single-room.st-style-2 .scroll {

        bottom: 60px;

    }

}

.st-banner-single-room.st-style-2 .scroll .btn-scroll {

    position: relative;

    font-size: 11px;

    text-transform: uppercase;

}

.st-banner-single-room.st-style-2 .scroll .btn-scroll:hover .line-1 {

    background: #4593d6;

}

.st-banner-single-room.st-style-2 .scroll .btn-scroll .line-text {

    color: #fff;

    z-index: 99;

    position: relative;

}

.st-banner-single-room.st-style-2 .scroll .btn-scroll .line-1 {

    transition: all 0.3s;

    border: solid 1px #4593d6;

    height: 50px;

    width: 50px;

    transform: rotate(45deg);

    position: absolute;

    left: -7px;

    top: -18px;

}

.st-banner-single-room.st-style-2 .scroll .btn-scroll .line-2 {

    border: solid 1px #4593d6;

    height: 70px;

    width: 70px;

    transform: rotate(45deg);

    position: absolute;

    left: -17px;

    top: -28px;

    opacity: 0.6;

}

.st-banner-single-room.st-style-2 .scroll .btn-scroll .line-3 {

    border: solid 1px #4593d6;

    height: 90px;

    width: 90px;

    transform: rotate(45deg);

    position: absolute;

    left: -27px;

    top: -38px;

    opacity: 0.3;

}

.st-banner-single-room.st-style-1 .owl-carousel .owl-item{

    padding: 0;

}

.st-banner-single-room.st-style-1 .owl-carousel{

    display: inherit;

    position: inherit;

    margin: inherit;

    padding: inherit;

}

/* End ST Banner Single Room Element */



/* ST Room Info Element */

.helios-room-info.style-1 p {

    margin: 0px;

    text-transform: uppercase;

    font-size: 13px;

    color: #7d7d7d !important;

}

.helios-room-info.style-1 .title {

    font-size: 24px;

    font-weight: bold;

    color: #000;

}

.helios-room-info.style-1 .info {

    padding-top: 25px;

}

.helios-room-info.style-1 .info .price {

    font-size: 24px;

    font-weight: bold;

    padding-top: 10px;

    color: #4593d6;

}

.helios-room-info.style-1 .info .price .small {

    font-size: 16px;

    font-weight: normal;

}

.helios-room-info.style-1 .info .guest,

.helios-room-info.style-1 .info .bed,

.helios-room-info.style-1 .info .size {

    display: inline-block;

    padding-right: 80px;

    color: #4593d6;

    font-weight: bold;

}

@media (max-width: 520px) {

    .helios-room-info.style-1 .info .guest,

    .helios-room-info.style-1 .info .bed,

    .helios-room-info.style-1 .info .size {

        padding-right: 50px;

    }

}

@media (max-width: 360px) {

    .helios-room-info.style-1 .info .guest,

    .helios-room-info.style-1 .info .bed,

    .helios-room-info.style-1 .info .size {

        padding-right: 20px;

    }

}

.helios-room-info.style-1 .info .guest p,

.helios-room-info.style-1 .info .bed p,

.helios-room-info.style-1 .info .size p {

    padding-bottom: 10px;

    font-weight: normal;

}

.helios-room-info.style-2 {

    padding: 55px 15px;

    text-align: center;

}

.helios-room-info.style-2 p {

    margin: 0px;

    text-transform: uppercase;

    font-size: 13px;

    color: #7d7d7d !important;

}

.helios-room-info.style-2 .title {

    font-size: 24px;

    font-weight: bold;

    color: #000;

}

.helios-room-info.style-2 .info {

    padding-top: 25px;

}

.helios-room-info.style-2 .info .price {

    font-size: 24px;

    font-weight: bold;

    line-height: 20px;

    color: #4593d6;

}

.helios-room-info.style-2 .info .price .small {

    font-size: 16px;

    font-weight: normal;

}

.helios-room-info.style-2 .info .guest,

.helios-room-info.style-2 .info .bed,

.helios-room-info.style-2 .info .size {

    display: inline-block;

    padding-right: 100px;

    color: #4593d6;

    font-weight: bold;

}

@media (max-width: 768px) {

    .helios-room-info.style-2 .info .guest,

    .helios-room-info.style-2 .info .bed,

    .helios-room-info.style-2 .info .size {

        padding-right: 50px;

    }

}

@media (max-width: 560px) {

    .helios-room-info.style-2 .info .guest,

    .helios-room-info.style-2 .info .bed,

    .helios-room-info.style-2 .info .size {

        padding-right: 20px;

    }

}

.helios-room-info.style-2 .info .guest p,

.helios-room-info.style-2 .info .bed p,

.helios-room-info.style-2 .info .size p {

    padding-bottom: 10px;

    font-weight: normal;

}

@media (max-width: 560px) {

    .helios-room-info.style-2 .info .info-price {

        display: block;

        padding-bottom: 20px;

    }

}

/* End ST Room Info Element */



/* ST Element Booking Room */

.st-form-booking-room:before,

.st-form-booking-room:after {

    content: " ";

    display: table;

    clear: both;

}

.st-form-booking-room.style-1 {

    background: #fff none repeat scroll 0 0;

}

.st-form-booking-room.style-1 form {

    height: 100%;

}

.st-form-booking-room.style-1 .field:before,

.st-form-booking-room.style-1 .field:after {

    content: " ";

    display: table;

    clear: both;

}

.st-form-booking-room.style-1 .control {

    padding-top: 15px;

}

.st-form-booking-room.style-1 .control:before,

.st-form-booking-room.style-1 .control:after {

    content: " ";

    display: table;

    clear: both;

}

.st-form-booking-room.style-1 .control .phone {

    width: 50%;

    float: left;

    font-size: 14px;

    color: #000;

}

@media (max-width: 360px) {

    .st-form-booking-room.style-1 .control .phone {

        width: 100%;

    }

}

.st-form-booking-room.style-1 .control .phone .number {

    color: #4593d6;

    font-size: 18px;

    padding-top: 3px;

}

@media (max-width: 360px) {

    .st-form-booking-room.style-1 .control .phone .number {

        display: none;

    }

}

@media (max-width: 360px) {

    .st-form-booking-room.style-1 .control .phone .title {

        display: none;

    }

}

.st-form-booking-room.style-1 .control .btn {

    border-radius: 0;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 3px;

    padding: 20px 10px;

    float: left;

    width: 50%;

    margin-top: 5px;

    height: 100%;

    text-transform: uppercase;

}

.st-form-booking-room.style-1 .control .btn span {

    margin: 0px;

}

@media (max-width: 360px) {

    .st-form-booking-room.style-1 .control .btn {

        width: 100%;

    }

}

.st-form-booking-room.style-1 .control .helios-more-extra {

    margin-bottom: 5px;

}

.st-form-booking-room.style-1 .control .helios-more-extra .btn_extra {

    color: #4593d6;

    cursor: pointer;

    display: block;

    font-size: 14px;

    text-transform: uppercase;

}

.st-form-booking-room.style-1 .control .helios-more-extra .btn_extra .fa {

    font-size: 20px;

    position: relative;

    top: 2px;

}

.st-form-booking-room.style-1 .control .helios-more-extra .btn_extra.active {

    border: 1px solid #4593d6;

    color: #4593d6;

}

.st-form-booking-room.style-1 .list-extra {

    height: 0;

    opacity: 0;

    transition: opacity 0.4s ease 0s;

    visibility: hidden;

    width: 100%;

}

.st-form-booking-room.style-1 .list-extra.active {

    background: #fff none repeat scroll 0 0;

    bottom: 50px;

    height: auto;

    margin-top: 10px;

    opacity: 1;

    visibility: visible;

    width: 100%;

}

.st-form-booking-room.style-1 .list-extra.active .btn_extra {

    border: 1px solid #4593d6;

}

@media (max-width: 768px) {

    .st-form-booking-room.style-1 .list-extra {

        width: 100%;

    }

}

.st-form-booking-room.style-1 .list-extra .item {

    padding-bottom: 25px;

}

.st-form-booking-room.style-1 .list-extra .title {

    color: #000;

    display: block;

    font-weight: bold;

    letter-spacing: normal;

    text-transform: none;

}

.st-form-booking-room.style-1 .list-extra .desc {

    font-size: 13px;

}

.st-form-booking-room.style-1 .list-extra table {

    border-color: #cfcfcf;

    margin: 0px;

}

.st-form-booking-room.style-1 .list-extra table thead {

    background: #4593d6 none repeat scroll 0 0;

    color: #fff;

}

.st-form-booking-room.style-1 .list-extra table td {

    font-size: 13px;

    position: relative;

}

.st-form-booking-room.style-1 .list-extra table .desc {

    display: block;

    font-size: 11px;

}

.st-form-booking-room.style-1 .list-extra table .text-color {

    color: #4593d6;

    font-size: 15px;

}

.st-form-booking-room.style-1 .list-extra table .title {

    color: #000;

}

.st-form-booking-room.style-1 .list-extra table select {

    width: 55px;

    margin: auto;

}

@media (max-width: 460px) {

    .st-form-booking-room.style-1 .list-extra table select {

        width: 100%;

    }

}

.st-form-booking-room.style-1 .helios-form-control:before {

    border-left: 1px dashed #ebebeb;

    content: "";

    display: block;

    height: 70px;

    position: absolute;

    right: 15px;

    top: 5px;

    width: 1px;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-1 .helios-form-control:before {

        right: 5px;

    }

}

@media (max-width: 768px) {

    .st-form-booking-room.style-1 .helios-form-control:before {

        display: none;

    }

}

.st-form-booking-room.style-1 .helios-form-control:last-child:before {

    display: none;

}

@media (max-width: 764px) {

    .st-form-booking-room.style-1 .helios-form-control .item-search-content {

        display: inline-block;

    }

}

.st-form-booking-room.style-1 .helios-form-control label {

    color: #7d7d7d;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: normal;

    padding-bottom: 20px;

    display: block;

    letter-spacing: 1px;

}

.st-form-booking-room.style-1 .helios-form-control input,

.st-form-booking-room.style-1 .helios-form-control select {

    bottom: 0;

    height: 19px;

    left: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.st-form-booking-room.style-1 .helios-form-control input[type='number'] {

    -moz-appearance: textfield;

}

.st-form-booking-room.style-1 .helios-form-control input::-webkit-outer-spin-button,

.st-form-booking-room.style-1 .helios-form-control input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.st-form-booking-room.style-1 .helios-form-control .options {

    position: relative;

}

.st-form-booking-room.style-1 .helios-form-control .options.cursor {

    cursor: pointer;

}

.st-form-booking-room.style-1 .helios-form-control .options .day {

    color: #000;

    font-family: serif;

    font-size: 44px;

    left: 0;

    line-height: 35px;

    position: absolute;

    text-transform: uppercase;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-1 .helios-form-control .options .day {

        font-size: 35px;

    }

}

.st-form-booking-room.style-1 .helios-form-control .options .month {

    color: #7d7d7d;

    display: inline-block;

    font-size: 14px;

    margin-left: 60px;

    min-height: 43px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    top: -6px;

    width: 20px;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-1 .helios-form-control .options .month {

        margin-left: 50px;

    }

}

.st-form-booking-room.style-1 .helios-form-control .options .month .fa {

    cursor: pointer;

    bottom: 0;

    font-size: 21px;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    color: #4593d6;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-1 .helios-form-control .options .month .fa {

        bottom: 5px;

    }

}

.st-form-booking-room.style-1 .helios-form-control .options .month .fa.fa-angle-up {

    bottom: 20px;

}

.st-form-booking-room.style-1 .helios-form-control .options .helios-number {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    height: 45px;

    opacity: 1;

    position: absolute;

    top: -5px;

    width: 70px;

}

.st-form-booking-room.style-1 .helios-form-control .options .helios-number::-webkit-outer-spin-button,

.st-form-booking-room.style-1 .helios-form-control .options .helios-number::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

@media (max-width: 980px) {

    .st-form-booking-room.style-1 .helios-form-control {

        width: 50% !important;

    }

}

@media (max-width: 768px) {

    .st-form-booking-room.style-1 {

        margin-top: 40px;

    }

}

.st-form-booking-room.style-2 {

    background: #fff none repeat scroll 0 0;

}

.st-form-booking-room.style-2 form {

    height: 100%;

}

.st-form-booking-room.style-2 .title {

    color: #000;

    font-family: "Playfair Display", serif;

    font-size: 24px;

    font-style: italic;

    font-weight: bold;

    margin-bottom: 50px;

    text-align: center;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .title {

        font-size: 18px;

    }

}

@media (max-width: 980px) {

    .st-form-booking-room.style-2 .title {

        margin: 0;

        padding: 10px 15px;

        width: 100%;

    }

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .title {

        padding-left: 0;

        padding-top: 20px;

    }

}

@media (max-width: 360px) {

    .st-form-booking-room.style-2 .title {

        text-align: center;

    }

}

.st-form-booking-room.style-2 .field {

    float: left;

    height: 100%;

    width: 67%;

}

.st-form-booking-room.style-2 .field:before,

.st-form-booking-room.style-2 .field:after {

    content: " ";

    display: table;

    clear: both;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .field {

        width: 75%;

    }

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .field {

        width: 100%;

    }

}

.st-form-booking-room.style-2 .control {

    float: left;

    height: 100%;

    width: 33%;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .control {

        width: 25%;

    }

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .control {

        width: 100%;

        text-align: center;

    }

}

@media (max-width: 360px) {

    .st-form-booking-room.style-2 .control {

        text-align: center;

    }

}

.st-form-booking-room.style-2 .control .btn {

    border-radius: 0;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 4px;

    padding: 30px 15px;

    width: 100%;

    margin-top: 5px;

    height: 100%;

    text-transform: uppercase;

}

.st-form-booking-room.style-2 .control .btn span {

    margin: 0px;

}

.st-form-booking-room.style-2 .control .btn span {

    margin: 0px;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .control .btn {

        letter-spacing: 1px;

    }

}

@media (max-width: 1023px) {

    .st-form-booking-room.style-2 .control .btn span {

        line-height: 22px;

    }

}

@media (max-width: 980px) {

    .st-form-booking-room.style-2 .control .btn {

        font-size: 12px;

    }

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .control .btn {

        padding: 10px 60px;

        font-size: 14px;

        width: auto;

    }

    .st-form-booking-room.style-2 .control .btn span {

        display: inline-block;

    }

}

@media (max-width: 360px) {

    .st-form-booking-room.style-2 .control .btn {

        margin-left: 0px;

    }

}

.st-form-booking-room.style-2 .helios-form-control:before {

    border-left: 1px dashed #ebebeb;

    content: "";

    display: block;

    height: 70px;

    position: absolute;

    right: 35px;

    top: 5px;

    width: 1px;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .helios-form-control:before {

        right: 5px;

    }

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .helios-form-control:before {

        display: none;

    }

}

.st-form-booking-room.style-2 .helios-form-control:last-child:before {

    display: none;

}

@media (max-width: 360px) {

    .st-form-booking-room.style-2 .helios-form-control {

        width: 100%;

        min-height: 90px;

    }

    .st-form-booking-room.style-2 .helios-form-control .item-search-content {

        left: 38%;

        position: absolute;

    }

}

@media (max-width: 764px) {

    .st-form-booking-room.style-2 .helios-form-control {

        text-align: center;

    }

    .st-form-booking-room.style-2 .helios-form-control .item-search-content {

        display: inline-block;

    }

}

.st-form-booking-room.style-2 .helios-form-control label {

    color: #7d7d7d;

    font-size: 13px;

    text-transform: uppercase;

    font-weight: normal;

    padding-bottom: 20px;

    display: block;

    letter-spacing: 1px;

}

.st-form-booking-room.style-2 .helios-form-control input,

.st-form-booking-room.style-2 .helios-form-control select {

    bottom: 0;

    height: 19px;

    left: 0;

    opacity: 0;

    position: absolute;

    width: 100%;

}

.st-form-booking-room.style-2 .helios-form-control input[type='number'] {

    -moz-appearance: textfield;

}

.st-form-booking-room.style-2 .helios-form-control input::-webkit-outer-spin-button,

.st-form-booking-room.style-2 .helios-form-control input::-webkit-inner-spin-button {

    -webkit-appearance: none;

}

.st-form-booking-room.style-2 .helios-form-control .options {

    position: relative;

}

.st-form-booking-room.style-2 .helios-form-control .options.cursor {

    cursor: pointer;

}

.st-form-booking-room.style-2 .helios-form-control .options .day {

    color: #000;

    font-family: serif;

    font-size: 44px;

    left: 0;

    line-height: 35px;

    position: absolute;

    text-transform: uppercase;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .helios-form-control .options .day {

        font-size: 35px;

    }

}

.st-form-booking-room.style-2 .helios-form-control .options .month {

    color: #7d7d7d;

    display: inline-block;

    font-size: 14px;

    margin-left: 60px;

    min-height: 43px;

    padding-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    top: -6px;

    width: 20px;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .helios-form-control .options .month {

        margin-left: 50px;

    }

}

.st-form-booking-room.style-2 .helios-form-control .options .month .fa {

    cursor: pointer;

    bottom: 0;

    font-size: 21px;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    color: #4593d6;

}

@media (max-width: 1024px) {

    .st-form-booking-room.style-2 .helios-form-control .options .month .fa {

        bottom: 5px;

    }

}

.st-form-booking-room.style-2 .helios-form-control .options .month .fa.fa-angle-up {

    bottom: 20px;

}

.st-form-booking-room.style-2 .helios-form-control .options .helios-number {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    height: 45px;

    opacity: 1;

    position: absolute;

    top: -5px;

    width: 70px;

}

.st-form-booking-room.style-2 .helios-form-control .options .helios-number::-webkit-outer-spin-button,

.st-form-booking-room.style-2 .helios-form-control .options .helios-number::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0;

    /* <-- Apparently some margin are still there even though it's hidden */

}

.st-form-booking-room.style-2 .helios-more-extra {

    margin-bottom: 5px;

    width: 100%;

    float: left;

}

.st-form-booking-room.style-2 .helios-more-extra .btn_extra {

    border: 1px solid #ebebeb;

    color: #000;

    cursor: pointer;

    display: block;

    font-size: 14px;

    margin-top: 10px;

    padding: 7px 15px 7px 30px;

    width: 200px;

}

@media (max-width: 640px) {

    .st-form-booking-room.style-2 .helios-more-extra .btn_extra {

        padding: 7px 10px;

    }

}

.st-form-booking-room.style-2 .helios-more-extra .btn_extra .fa {

    float: right;

    font-size: 20px;

    position: relative;

    top: 2px;

}

.st-form-booking-room.style-2 .helios-more-extra .btn_extra.active {

    border: 1px solid #4593d6;

    color: #4593d6;

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .helios-more-extra .btn_extra {

        margin: 10px auto;

    }

}

.st-form-booking-room.style-2 .list-extra {

    height: 0;

    opacity: 0;

    transition: opacity 0.4s ease 0s;

    visibility: hidden;

    width: 50%;

    float: left;

}

.st-form-booking-room.style-2 .list-extra.active {

    background: #fff none repeat scroll 0 0;

    bottom: 50px;

    float: left;

    height: auto;

    margin-top: 10px;

    opacity: 1;

    visibility: visible;

}

.st-form-booking-room.style-2 .list-extra.active .btn_extra {

    border: 1px solid #4593d6;

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .list-extra {

        width: 100%;

        margin-bottom: 20px;

    }

}

.st-form-booking-room.style-2 .list-extra .item {

    padding-bottom: 25px;

}

.st-form-booking-room.style-2 .list-extra .title {

    color: #000;

    display: block;

    font-weight: bold;

    letter-spacing: normal;

    text-transform: none;

}

.st-form-booking-room.style-2 .list-extra .desc {

    font-size: 13px;

}

.st-form-booking-room.style-2 .list-extra table {

    border-color: #cfcfcf;

    margin: 0px;

}

.st-form-booking-room.style-2 .list-extra table thead {

    background: #4593d6 none repeat scroll 0 0;

    color: #fff;

}

.st-form-booking-room.style-2 .list-extra table td {

    font-size: 13px;

    position: relative;

}

.st-form-booking-room.style-2 .list-extra table .desc {

    display: block;

    font-size: 11px;

}

.st-form-booking-room.style-2 .list-extra table .text-color {

    color: #4593d6;

    font-size: 15px;

}

.st-form-booking-room.style-2 .list-extra table .title {

    color: #000;

    font-family: "Lato", sans-serif;

    font-size: 14px;

    font-style: normal;

    margin: 0;

    text-align: left;

}

.st-form-booking-room.style-2 .list-extra table select {

    width: 55px;

    margin: auto;

}

@media (max-width: 460px) {

    .st-form-booking-room.style-2 .list-extra table select {

        width: 100%;

    }

}

.st-form-booking-room.style-2 .search_room_alert {

    float: left;

    width: 100%;

}

.st-form-booking-room.style-2 .show_mobile {

    display: none;

}

@media (max-width: 768px) {

    .st-form-booking-room.style-2 .hide_mobile {

        display: none;

    }

    .st-form-booking-room.style-2 .show_mobile {

        display: block;

    }

}

/* End ST Element Booking Room */



/* ST Room Meta Element */

.helios-meta-info .title {

    font-size: 24px;

    font-weight: bold;

    font-style: italic;

    color: #000;

    font-family: 'Playfair Display', serif;

}

.helios-meta-info .info {

    padding-top: 30px;

    padding-bottom: 30px;

    font-size: 16px;

    color: #7d7d7d;

}

/* End ST Room Meta Element */



/* ST Extra Info Element */

.helios-room-extra-info .title {

    font-size: 14px;

    color: #4593d6;

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 2px;

}

.helios-room-extra-info .list-extra {

    padding-top: 20px;

}

.helios-room-extra-info .list-extra .item {

    padding-bottom: 25px;

}

.helios-room-extra-info .list-extra .title {

    letter-spacing: normal;

    font-size: 16px;

    color: #000;

    text-transform: none;

    font-weight: bold;

    padding-bottom: 5px;

}

/* End ST Extra Element */



.helios-room-facilities-info .title {

    font-size: 14px;

    color: #4593d6;

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 2px;

}

.helios-room-facilities-info .list-facilities {

    padding-bottom: 20px;

    padding-top: 10px;

}

.helios-room-facilities-info .list-facilities:before,

.helios-room-facilities-info .list-facilities:after {

    content: " ";

    display: table;

    clear: both;

}

.helios-room-facilities-info .list-facilities .icon-item {

    display: inline-block;

    float: left;

    margin: 0;

    padding: 10px 0;

    width: 25%;

    font-size: 15px;

    color: #000;

}

.helios-room-facilities-info .list-facilities .icon-item .fa,

.helios-room-facilities-info .list-facilities .icon-item .im{

    font-size: 23px;

    padding-right: 10px;

    position: relative;

    top: 3px;

    color: #7d7d7d;

}

.helios-room-facilities-info .list-facilities.number_3 .icon-item {

    width: 33.33%;

}

.helios-room-facilities-info .list-facilities.number_4 .icon-item {

    width: 25%;

}

.helios-room-facilities-info .list-facilities.number_2 .icon-item {

    width: 50%;

}

@media (max-width: 1200px) {

    .helios-room-facilities-info .list-facilities .icon-item {

        width: 33.33% !important;

    }

}

@media (max-width: 980px) {

    .helios-room-facilities-info .list-facilities .icon-item {

        width: 50% !important;

    }

}



.list-discount-by-day table{

    margin-top: 15px;

}



.st-share {

    list-style: outside none none;

    padding: 10px;

}

.st-share .list-social {

    display: inline-block;

    margin: 0;

    padding-left: 0;

}

.st-share span {

    color: #7d7d7d;

    font-weight: bold;

    font-size: 15px;

}

.st-share li {

    display: inline-block;

    padding-left: 20px;

}

.st-share li .fa {

    font-size: 17px;

}

.st-share li .fa-facebook {

    position: relative;

    top: 1px;

}

.st-share li a {

    transition: all 0.3s;

    color: #959595;

}

.st-share li a:hover {

    color: #4593d6;

}



.st-list-related-room {

    padding: 20px 0;

}

.st-list-related-room .content .item {

    box-shadow: 0 0 30px #ddd;

    padding: 15px;

    text-align: center;

}

.st-list-related-room .content .item .feature {

    overflow: hidden;

}

.st-list-related-room .content .item .feature img {

    transition: all 0.3s;

    width: 100%;

}

.st-list-related-room .content .item .info {

    padding: 30px 0;

}

.st-list-related-room .content .item .info .name {

    font-size: 20px;

    font-weight: bold;

}

.st-list-related-room .content .item .info .name a {

    color: #000;

    transition: all 0.3s;

}

.st-list-related-room .content .item .info .price {

    font-size: 18px;

    font-weight: bold;

    padding-top: 10px;

    color: #4593d6;

}

.st-list-related-room .content .item .info .price .small {

    font-size: 16px;

    font-weight: normal;

}

.st-list-related-room .content .item .info .desc {

    padding-top: 20px;

    color: #7d7d7d;

    font-size: 16px;

}

.st-list-related-room .content .item .info .guest {

    padding-top: 20px;

    color: #000;

    font-size: 13px;

}

.st-list-related-room .content .item .info .guest span {

    padding: 0 10px;

}

.st-list-related-room .content .item .info .facilities {

    padding-top: 20px;

}

.st-list-related-room .content .item .info .facilities .icon-item {

    font-size: 25px;

    font-weight: 100;

    padding: 0 15px;

    color: #818181;

    transition: all 0.3s;

    cursor: pointer;

}

.st-list-related-room .content .item .info .facilities .icon-item:hover {

    color: #4593d6;

}

.st-list-related-room .content .item .info .button {

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 5px;

    padding-top: 25px;

    text-transform: uppercase;

}

.st-list-related-room .content .item .info .button a {

    color: #4593d6;

    transition: all 0.3s;

}

.st-list-related-room .content .item .info .button .fa {

    color: #000000;

}

.st-list-related-room .content .item:hover img {

    transform: scale(1.1);

}

.st-list-related-room .content .item:hover .button a {

    color: #000000;

}

.st-list-related-room .content .item:hover .name a {

    color: #4593d6;

}

.st-list-related-room .content .list-room .item-room {

    margin-bottom: 30px;

}

@media (max-width: 767px) {

    .st-list-related-room .content .list-room .item-room {

        width: 100%;

    }

}

.background_box_shadow {

    background: #fff;

    box-shadow: 0 0 29px #dedede;

    position: relative;

    z-index: 99;

}

/* ST Signature Element */

.st-signature.left {

    display: inline-block;

}

.st-signature.left .signature {

    display: inline-block;

    float: left;

    margin-right: 20px;

}

.st-signature.left .name-pos {

    display: inline-block;

    margin-top: 25px;

}

.st-signature.left .name-pos .name {

    color: #4593d6;

    font-size: 14px;

    text-transform: uppercase;

}

.st-signature.left .name-pos .position {

    color: #000;

}

.st-signature.center {

    text-align: center;

}

.st-signature.center .signature {

    margin-bottom: 20px;

}

.st-signature.center .name-pos .name {

    color: #4593d6;

    font-size: 14px;

    text-transform: uppercase;

}

.st-signature.center .name-pos .position {

    color: #000;

}

/* End ST Signature Element */

/* hightLight */

.highlight {

    color: #4593d6;

    background: #252525;

    padding: 0 3px;

}

/* ST Hotel Info Element */

.st-hotel-info-element:before,

.st-hotel-info-element:after {

    content: '';

    display: table;

    clear: both;

}

.st-hotel-info-element .logo {

    width: 160px;

    padding-right: 35px;

    float: left;

}

.st-hotel-info-element .info {

    width: calc(100% - 160px);

    float: left;

}

.st-hotel-info-element .info .name {

    color: #000;

    font-size: 22px;

    font-family: 'Playfair Display', serif;

    margin-top: 5px;

}

.st-hotel-info-element .info .sub_title {

    font-family: 'Playfair Display', serif;

    font-style: italic;

    color: #000;

    margin-right: 20px;

}

.st-hotel-info-element .info .stars i {

    font-size: 14px;

    color: #000;

    margin-right: 4px;

}

.st-hotel-info-element .info .hotline-booking {

    color: #000;

    font-family: 'Playfair Display', serif;

    font-style: italic;

    display: block;

    margin-bottom: 7px;

}

.st-hotel-info-element .info .hotline-booking .hotline {

    color: #4593d6;

    margin-left: 4px;

    font-family: "Lato", sans-serif;

}

.st-hotel-info-element .info .desc {

    font-family: 'Playfair Display', serif;

    font-style: italic;

}

/* End ST Hotel Info Element */