@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;800&display=swap");

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'GT Eesti Pro Text';
    letter-spacing: 0.5px;
}

body.sd-active {
    overflow: hidden;
}

html {
    height: 100%;
}

* {
    text-decoration: none !important;
    outline: none !important;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.row>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.col {
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
}

/* Modal START ------------------------------ */

.modal {
    z-index: 99999 !important;
}

.modal-content {
    padding: 0;
    border-radius: 0;
    background: #fff;
    border: none;
    z-index: 99999;
}

.modal-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: solid 1px #ddd;
}

.modal-top h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin: 0;
}

.modal-top a {
    font-size: 16px;
    line-height: 22px;
    color: #888 !important;
}

.modal-top a:hover {
    color: #222 !important;
}

.modal-inner {
    padding: 15px;
}

/* Modal END ------------------------------ */

.live-result {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #fff;
    border: solid 1px #ddd;
    max-height: 300px;
    z-index: 99;
    overflow-y: scroll;
    overflow-x: hidden;
}

.live-result .title {
    width: 100%;
    background: #28A0D8;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
}

.live-result .item {
    padding: 10px 15px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    color: #444;
    border-bottom: solid 1px #eee;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.live-result .item i {
    color: #bbb;
}

.live-result .item:hover {
    background: #f5f5f5;
}


/*----- OTALYA MOBILE MENU START -----*/
.mobil-nav ul {
    margin: 0;
}

.mobil-nav ul li {
    width: calc((100% / 4) - -1px);
    display: inline-block;
    text-align: center;
    height: 50px;
    vertical-align: middle;
    padding: 7px 0;
    margin-right: -6px;
}

.mobil-nav ul li.harita {
    background: #555;
}

.mobil-nav ul li.harita a {
    color: #fff;
}

.mobil-nav ul li.telefon {
    background: #f78e19;
}

.mobil-nav ul li.telefon a {
    color: #fff;
}

.mobil-nav ul li.whatsapp {
    background: #00e676;
}

.mobil-nav ul li.whatsapp a {
    color: #fff;
}

.mobil-nav ul li.dil {
    background: #00a5ce;
}

.mobil-nav ul li.dil {
    color: #fff;
}

.mobil-nav ul li small {
    display: block;
    font-size: 12px;
    line-height: 12px;
}

.mobil-nav {
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.4);
    background: #fff;
    z-index: 9999;
}

.mobil-nav svg, .mobil-nav i {
    font-size: 20px;
}

.mobil-nav ul li.instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.mobil-nav ul li.instagram a {
    color: #fff;
}

/*----- OTALYA MOBILE MENU END -----*/

.prop-slider-container {
    display: block;
    width: 100%;
    position: relative;
}

.prop-slider {
    display: block;
    width: 100%;
}

.prop-slider-button {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: solid 1px #eee;
    color: #444 !important;
    font-size: 16px;
    line-height: 22px;
}

.prop-slider-button:active {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    margin-top: 1px;
}

.prop-slider-button:after {
    content: "";
}

.prop-slider-button.swiper-button-prev {
    left: -15px;
}

.prop-slider-button.swiper-button-next {
    right: -15px;
}

.so-icon {
    background-color: #7d7d7d;
}

.so-facebook {
    background-color: #3B5998;
}

.so-twitter {
    background-color: #55acee;
}

.so-instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.so-pinterest {
    background-color: #CB2027;
}

.so-linkedin {
    background-color: #0077b5;
}

.so-facebook-messenger {
    background-color: #448AFF;
}

.so-youtube {
    background-color: #cc181e;
}

.so-reddit {
    background-color: #ff4500;
}

.so-tumblr {
    background-color: #32506d;
}

.so-digg {
    background-color: #262626;
}

.so-google-plus {
    background-color: #DE5446;
}

.so-whatsapp {
    background-color: #25d366;
}

.so-vk {
    background-color: #4c6c91;
}

.so-weibo {
    background-color: #ff9933;
}

.so-odnoklassniki {
    background-color: #d7772d;
}

.so-xing {
    background-color: #1a7576;
}

.so-blogger {
    background-color: #ff8000;
}

.so-flipboard {
    background-color: #ff8000;
}

.so-delicious {
    background-color: #205cc0;
}

.so-weixin {
    background-color: #4EC034;
}

#main-nav {
    padding: 0;
    display: block;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.main-title {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #222;
    position: relative;
    margin-bottom: 20px;
}

.nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #034EA1 !important;
}

.navbar-brand {
    padding: 0;
    display: none;
}

.navbar-brand img {
    width: 150px;
}

#main-nav .navbar-nav .nav-item .nav-link {
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding: 10px;
    color: #034EA1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.2s ease 0s;
    margin-right: 10px;
}

.navi .nav-link {
    color: #ffffff !important;
}

#main-nav .navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0;
}

#navbar-line {
    transition: 0.2s ease 0s;
}

#main-nav .navbar-nav .nav-item .nav-link i {
    font-size: 12px;
    line-height: 16px;
    margin-right: 5px;
}

#main-nav .navbar-nav .nav-item .nav-link:hover {
    color: #134f91 !important;
}


#main-nav .navbar-nav .nav-item:last-child .nav-link {
    /*border-right: solid 1px rgba(255,255,255,0.2);*/
    margin-right: 0;
}

#main-nav .navbar-nav .nav-item .dropdown-menu {
    padding: 0;
    margin: 0;
    border: solid 1px #dedede;
    border-radius: 0;
    left: 0;
    padding: 5px 0;
    border-radius: 0;
}

#main-nav .navbar-nav .nav-item .dropdown-menu>a {
    display: block;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #888 !important;
}

#main-nav .navbar-nav .nav-item .dropdown-menu>a:hover {
    background: #e8e8e8;
    color: #444 !important;
}

.dropdown-toggle::after {
    content: none;
}

#main-nav .navbar-nav .nav-item .dropdown-toggle {
    position: relative;
    padding-right: 20px;
}

#main-nav .navbar-nav .nav-item .dropdown-toggle:before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    right: 0;
    width: 20px;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
}

#main-nav .navbar-nav .nav-item .dropdown-toggle[aria-expanded="true"]:before {
    content: "\f106";
}

#main-nav .container {
    display: block;
}

.nav-top {
    display: block;
    padding: 10px 0;
    /*background: #034EA1;*/
    background: none;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}

.nt-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nt-logo {
    padding: 0;
    margin-right: 30px;
}

.nt-logo img {
    width: 300px;
}

.nav-bottom {
    display: block;
    /*background: #034EA1;*/
    background: none;
}

.nb-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nt-items {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nt-items .dd-money>a, .nt-items .dd-lang>a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 10px;
    color: #222;
    background: #fbfbfb;
    border: solid 1px #eee;
}

.navi .nt-items .dd-lang>a {
    color: #ffffff !important;
}

.nt-items .dd-lang>a span:first-child {
    margin-right: 5px;
}

.nt-items .dropdown {
    margin-left: 20px;
}

.nt-items .dd-money .dropdown-menu, .nt-items .dd-lang .dropdown-menu {
    left: 50%;
    transform: translate(-70%, 0);
    min-width: unset;
    border: solid 1px #dedede;
}

.nt-items .dd-money .dropdown-menu a, .nt-items .dd-lang .dropdown-menu a {
    /*display: flex;*/
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 16px;
    color: #034EA1 !important;
    padding: 5px 15px;
    background: #fff;
}

.nt-items .dd-money .dropdown-menu a, .nt-items .dd-lang .dropdown-menu.show {
    display: flex !important;

}

.nt-items .dd-money .dropdown-menu a i {
    margin-right: 5px;
    font-size: 10px;
    line-height: 14px;
}

.nt-items .dd-lang .dropdown-menu a span {
    margin-right: 5px;
    white-space: nowrap;
}

.nt-items .dd-money .dropdown-menu a:hover, .nt-items .dd-lang .dropdown-menu a:hover {
    background: #034EA1;
    color: #fff !important;
}

.main-slider-container {
    position: relative;
    width: 100%;
}

#main_slider .item {
    width: 100%;
    position: relative;
}

.main-banner {
    width: 100%;
    position: relative;
    padding-top: calc(540/1920*100%);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);
}

.main-banner > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(150deg, rgba(0, 0, 0, 0.1) 70%, rgba(0, 0, 0, 0.0) 70%);
    z-index: 2;
}

.main-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(110deg, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.0) 50%);
    z-index: 2;
}

.main-banner canvas {
    width: 100%;
    height: 100%;
    position: absolute !important;
    top: 0;
    left: 0;
}

.main-slider-container .tns-outer>button {
    display: none;
}

.main-slider-container .tns-outer>.tns-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    padding: 0 20px;
}

.main-slider-container .tns-outer>.tns-controls button {
    pointer-events: all;
    display: block;
    width: 50px;
    height: 50px;
    border: solid 2px #fff;
    background: none;
    position: relative;
    color: #fff !important;
    border-radius: 50%;
}

.main-slider-container .tns-outer>.tns-controls button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

.main-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #fff !important;
    background: #0071C2;
    border: solid 2px #0071C2;
    padding: 10px 20px;
    border-radius: 0;
/*    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);*/
    transition: 0.2s ease 0s;
    white-space: nowrap;
}
.main-btn.whiteline {
    border: solid 1px #fff;
    background: none;
    color: #fff !important;
}

.main-btn.whiteline:hover {
    background: #fff;
    border: solid 1px #fff;
    color: #222 !important;
}


.main-btn.big {
    padding: 15px 20px;
}

.main-btn.small {
    font-size: 12px;
    line-height: 16px;
}

.main-btn.full {
    display: block;
    width: 100%;
}

.main-btn:hover {
    background: #00487A;
    border-color: #00487A;
}

.main-btn.secondary {
    background: #034EA1;
    border-color: #034EA1;
}

.main-btn.secondary:hover {
    background: #083b74;
    border-color: #083b74;
}

.main-btn.dark {
    background: #222;
    border-color: #222;
}

.main-btn.dark:hover {
    background: #666;
    border-color: #666;
}

.main-form {
    position: relative;
    width: 100%;
    pointer-events: none;
    z-index: 99;
    margin-bottom: 20px;
    margin-top: -70px;
}

.mainformtitle h2, .mainformtitle h1 {
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    display: block;
    margin: 0;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 15px;
    user-select: none;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
}

.mainformtitle h2:before, .mainformtitle h1:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 40px;
    height: 4px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.5);
}

.mainformtitle span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    user-select: none;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
}

.mainformtitle {
    margin-bottom: 40px;
}

.main-form-in {
    border: 2px solid #034EA1;
    padding: 10px;
    padding-bottom: 0;
    background: #fff;
    border-radius: 10px;
    position: relative;
    pointer-events: all;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.main-form-in .row {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.main-form-in .row > [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.main-form-in .form-group > .main-btn {
    height: 52px;
}

.main-form-in .form-group {
    margin-bottom: 10px;
}

.main-form-in .form-group > input,
.main-form-in .form-group .select2-container--default .select2-selection--single {
    border-color: #F6921E;
    height: 52px;
    border-width: 1px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.main-form-in .form-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: 1px;
}

.main-form-in .form-group .dropdown>a {
    height: 52px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.form-tabs {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.form-tabs a {
    display: block;
    border: solid 1px #ddd;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px 15px;
    color: #666 !important;
    border-radius: 0;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
    user-select: none;
    background: #fff;
    transition: 0.2s ease 0s;
}

.form-tabs a:hover {
    background: #f5f5f5;
    color: #222 !important;
}

.form-tabs a.active {
    background: #F6921E;
    border-color: #F6921E;
    color: #fff !important;
}

.form-group {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}

.form-group input, .form-group select, .form-group textarea,.form-group button {
    display: block;
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
    color: #222;
    resize: none;
}

.form-group.big button,.form-group.big input, .form-group.big textarea, .form-group.big .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 15px 20px;
}

.form-group.f-icon>.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 40px;
}

.form-group.f-icon>input, .form-group.f-icon>select {
    padding-left: 40px;
}

.form-group.f-icon>i {
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 14px;
    line-height: 18px;
    width: 20px;
    text-align: center;
    color: #034EA1;
}

.form-group.big.f-icon>i {
    top: 17px;
}

.form-group input::placeholder, .form-group select::placeholder,
.form-group textarea::placeholder {
    color: #888 !important;
    opacity: 1;
}

.srch-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    padding: 9px 10px;
    /*border-left: solid 1px rgba(255,255,255,0.2);
    border-right: solid 1px rgba(255,255,255,0.2);*/
    transition: 0.2s ease 0s;
    padding-right: 0;
}

.srch-button:hover {
    color: #ddd !important;
}

.srch-button span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-right: 5px;
}

.srch-button i {
    display: block;
    font-size: 14px;
    line-height: 18px;
}

.form-group .select2-container {
    width: 100% !important;
    display: block;
}

.form-group .select2-container--default .select2-selection--single {
    border-radius: 0;
    height: unset;
    border: solid 2px #e8e8e8;
    border-radius: 0;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    color: #444;
    height: unset !important;
    font-weight: 600;
}

.form-group .select2-container--default .select2-search--dropdown .select2-search__field {
    border: solid 1px #ccc;
    font-size: 14px;
    line-height: 18px;
    padding: 4px 8px;
}

.form-group .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #888;
}

.form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(100% - 4px);
    top: 2px;
    right: 10px;
}

.main-form-flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.main-form-flex .form-group .main-btn {
    width: 100%;
}

.main-form-flex .form-group {
    margin: 0;
    margin-right: 5px;
}

.main-form-flex .form-group input, .main-form-flex .form-group select {
    border-radius: 0;
    background: #FFF;
}

.cw-10 {
    width: 10%;
}

.cw-15 {
    width: 15%;
}

.cw-20 {
    width: 20%;
}

.cw-25 {
    width: 25%;
}

.cw-35 {
    width: 35%;
}

.cw-50 {
    width: 50%;
}

.select2-results__option--selectable {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #444;
}

.select2-container--open .select2-dropdown {
    border-radius: 0;
}

.select2-results__option {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
    font-weight: 600;
    color: #666;
}

.form-group .dropdown {
    position: relative;
}

.form-group .dropdown>a {
    padding: 10px 20px;
    border-radius: 0;
    background: #fff;
    width: 100%;
    display: block;
    border: solid 1px #ccc;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #444;
}

.main-form-in .form-group .dropdown>a {
    border-color: #F6921E;
}

.form-group.big .dropdown>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.f-icon>.dropdown>a {
    padding-left: 40px;
}

.form-group .dropdown>.dropdown-menu {
    margin: 0;
    border-radius: 0;
    border: solid 1px #ddd;
    width: 100%;
    background: #fff;
}

.main-form-in .form-group .dropdown>.dropdown-menu {
    min-width: 400px;
    left: unset !important;
    right: 0;
}

.form-group .dropdown>.dropdown-menu>a {
    display: block;
    padding: 5px 10px;
    background: #fff;
}

.main-form-in .form-group .dropdown .flex-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dd-input-line {
    padding: 0 15px;
    margin-bottom: 10px;
}

.dd-input-line span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #444;
    margin-bottom: 5px;
    margin-left: 0px;
}

.inputspin {
    width: 100%;
}

.inputspin .input-group .input-group-prepend, .input-group .input-group-append {
    margin: 0;
}

.inputspin .input-group {
    align-items: stretch;
}

.inputspin .input-group input {
    height: unset;
    border: solid 2px #e8e8e8;
    box-shadow: none !important;
    outline: none !important;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 18px;
    color: #444;
    text-align: center;
    pointer-events: none;
}

.inputspin .input-group button {
    width: unset;
    height: unset;
    padding: 0;
    outline: none !important;
    box-shadow: none !important;
    transition: 0.2s ease 0s !important;
    background: #F6921E !important;
    border: solid 2px #F6921E !important;
    position: relative;
}

.inputspin .input-group button:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.inputspin .input-group button:hover {
    background: #cb7919 !important;
    border-color: #cb7919 !important;
}

.inputspin .input-group button strong {
    display: none;
}

.inputspin .input-group .input-group-prepend button {
    border-radius: 0;
}

.inputspin .input-group .input-group-prepend button:before {
    content: "\f068";
}

.inputspin .input-group .input-group-append button {
    border-radius: 0;
}

.inputspin .input-group .input-group-append button:before {
    content: "\f067";
}

.inputspin .input-group input {
    border: solid 1px #ccc;
}

.smt {
    margin-top: 40px;
}

.smb {
    margin-bottom: 40px;
}

.maintitle {
    display: block;
    margin-bottom: 10px;
}

.maintitle h2,
.maintitle h1 {
    display: inline-block;
    position: relative;
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    color: #222;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.maintitle h2~span,
.maintitle h1~span {
    display: block;
    margin-bottom: 20px;
}

.maintitle.light h2,
.maintitle.light h1 {
    color: #fff;
}

.maintitle h2:before,
.maintitle h1:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 40px;
    height: 4px;
    border-radius: 0;
    background: #ccc;
}

.maintitle.light h2:before,
.maintitle.light h1:before {
    background: rgba(255, 255, 255, 0.5);
}

.maintitle span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #888;
}

.maintitle.light span {
    color: #ddd;
}

.city-item {
    display: block;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.city-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 4;
}

.ci-img {
    width: 100%;
    position: relative;
    padding-top: calc(900/1280*100%);
    overflow: hidden;
}

.ci-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: 0.4s ease 0s;
}

.city-item:hover .ci-img img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.city-item>span {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #034EA1;
    z-index: 4;
    color: #fff !important;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border-radius: 0;
}

.ci-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    z-index: 6;
    background: linear-gradient(transparent 0%, rgba(26, 36, 92, 0.4) 20%, rgba(26, 36, 92, 0.8) 100%);
}

.ci-text h3 {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    display: block;
    margin-bottom: 5px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
}

.ci-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #ddd;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    font-weight: 600;
}

.bg-white {
    padding: 30px 0;
    background: #fff;
}

.bg-gray {
    padding: 40px 0;
    background: #f2f2f2;
}

#main_slider .item {
    width: 100%;
}

.hotel-item {
    display: block;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    border: solid 2px #ddd;
    box-shadow: 0px 8px 14px rgb(0 0 0 / 10%);
}

.hi-img {
    width: 100%;
    position: relative;
    padding-top: calc(500/800*100%);
    overflow: hidden;
    margin-bottom: 10px;
}

.hi-slider-img {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.hi-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hi-slider-box {
    padding: 0;
}

.hi-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 50%, rgba(26, 36, 92, 0.6) 80%);
    z-index: 4;
    pointer-events: none;
}

.hi-img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease 0s;
}

.hotel-item:hover .hi-img>img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.hi-desc {
    padding: 0 15px;
    display: block;
}

.hi-desc h3 {
    display: block;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
    color: #09317D !important;
    font-weight: 600;
    /*white-space: nowrap;*/
    overflow: hidden;
    /*text-overflow: ellipsis;*/
}

.hi-desc .hi-desc-top {
    margin-bottom: 10px;
}

.hi-button-bar {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.hi-desc .hi-desc-top h3 {
    margin-bottom: 0;
}

.hi-desc p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #888 !important;
}

.hi-desc .icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: solid 1px #dedede;
}

.hi-desc .icons i {
    font-size: 14px;
    width: 20px;
    text-align: center;
    line-height: 18px;
    color: #bbb;
    margin-right: 5px;
}

.hi-desc .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.hi-desc .bottom .main-btn {
    width: 50%;
    border-radius: 0 30px 30px 0;
}

.hotel-item:hover .hi-desc .bottom .main-btn {
    background: #C47718;
    border-color: #C47718;
}

.hi-desc .hi-desc-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.hi-desc .hi-desc-bottom>.left {
    width: 50%;
    min-width: 50%;
}

.hi-desc .hi-desc-bottom>.right {
    width: 50%;
    min-width: 50%;
}

.hi-desc .bottom .price,
.hi-desc .hi-desc-bottom>.right>.price {
    width: 100%;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: column;
    margin-bottom: 5px;
    text-align: right;
}

.hi-desc .bottom .price small,
.hi-desc .hi-desc-bottom>.right>.price small {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #444;
}

.hi-desc .bottom .price span>small,
.hi-desc .hi-desc-bottom>.right>.price>span>small {
    margin-left: 4px;
}

.hi-desc .bottom .price span,
.hi-desc .hi-desc-bottom>.right>.price span {
    display: block;
    font-size: 28px;
    line-height: 34px;
    font-weight: 800;
    color: #3eb33e;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: column;
}

.hi-desc .bottom .price span i,
.hi-desc .hi-desc-bottom>.right>.price span i {
    font-size: 14px;
}

.hi-img .review {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px 15px;
    pointer-events: none;
}

.hi-img .review .stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hi-img .review .stars i {
    color: #F9B90F !important;
    font-size: 12px;
    line-height: 16px;
    margin-right: 5px;
}

.hi-img .review .score {
    background: #034EA1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff !important;
    padding: 10px;
    border-radius: 0;
}

.hi-img>span {
    position: absolute;
    top: 10px;
    left: 15px;
    background: #034EA1;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 0;
    z-index: 10;
    pointer-events: none;
}

.hotel-slider-container {
    position: relative;
    margin-bottom: 30px;
}

.hotel-slider-container .tns-outer {
    padding: 0 50px !important;
}

#hotel_slider-mw {
    padding: 0 60px !important;
}

.hotel-slider-container .tns-outer>.tns-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    pointer-events: none;
    padding: 0 5px;
}

.hotel-slider-container .tns-outer>.tns-controls button {
    background: #034EA1;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 0;
    margin: 0;
    pointer-events: all;
}

.hotel-slider-container .tns-outer>.tns-controls button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 14px;
}

.bg-banner {
    padding: 30px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.bg-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.tour-item {
    display: block;
    width: 100%;
    padding: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 0;
    overflow: hidden;
    position: relative;
}

.ti-img {
    width: 100%;
    position: relative;
    padding-top: calc(500/800*100%);
    overflow: hidden;
    border-radius: 6px;
    border: solid 1px #eee;
}

.ti-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease 0s;
}

.tour-item:hover .ti-img img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.ti-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px;
    z-index: 6;
    background: linear-gradient(transparent 0%, rgba(26, 36, 92, 0.4) 20%, rgba(26, 36, 92, 0.8) 100%);
}

.ti-desc .stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.ti-desc .stars i {
    color: #F9B90F !important;
    font-size: 12px;
    line-height: 16px;
    margin-right: 5px;
}

.ti-desc h3 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.ti-desc .left span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ti-desc span i {
    font-size: 12px;
    line-height: 16px;
}

.ti-desc .score {
    background: #034EA1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff !important;
    padding: 10px;
    border-radius: 0;
}

.ti-img .sale {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #034EA1;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 0;
}

.ti-img .price {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #034EA1;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 0;
}

.tour-slider-container {
    position: relative;
    margin-bottom: 30px;
}

.tour-slider-container .tns-outer {
    padding: 0 50px !important;
}

.tour-slider-container .tns-outer>.tns-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    pointer-events: none;
}

.tour-slider-container .tns-outer>.tns-controls button {
    background: #034EA1;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 0;
    margin: 0;
    pointer-events: all;
}

.tour-slider-container .tns-outer>.tns-controls button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 14px;
}

.badge-item {
    border: solid 1px #eee;
    padding: 20px;
    border-radius: 0;
    text-align: center;
    background: #fff;
}

.badge-item i {
    font-size: 40px;
    color: #034EA1;
    display: inline-block;
    margin-bottom: 10px;
}

.badge-item h3 {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #034EA1;
}

.badge-item p {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #888;
    margin: 0;
}

.bg-pattern {
    padding: 30px 0;
    background-color: #f0f0f0;
    position: relative;
}

.bgp-in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 400px;
    background-repeat: repeat;
    background-position: center;
    opacity: 0.1;
    z-index: 1;
}

.bg-pattern .container {
    position: relative;
    z-index: 10;
}

.soru-item {
    margin-bottom: 20px;
    border-radius: 0;
}

.soru-item:last-child {
    border: none;
    margin: 0;
}

.soru-header {
    display: block;
    color: #888 !important;
    font-weight: 600;
    padding: 12px 14px;
    transition: 0.2s ease-in-out;
    position: relative;
    padding-right: 40px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 0;
    border: solid 1px #ddd !important;
}

.soru-header h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    font-weight: 600;
}

.soru-header:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: 10px;
    right: 20px;
}

.soru-header[aria-expanded="true"]:after {
    content: "\f107";
}

.soru-header[aria-expanded="true"] {
    border-bottom-color: #ddd;
    color: #222 !important;
}

.soru-body {
    display: block;
    color: #444;
    font-size: 14px;
    line-height: 18px;
    border-radius: 0 0 30px 30px;
    padding: 0 10px;
}

.soru-body p {
    margin: 0;
    padding: 12px 14px;
    display: block;
    text-align: justify;
}

.sbody-in {
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 0;
}

.comment-item {
    background: #fff;
    border: solid 1px #eee;
    border-radius: 0;
    padding: 20px;
}

.comment-item .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.comment-item .top>i {
    font-size: 20px;
    color: #ddd;
}

.comment-item .top .stars {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 5px;
}

.comment-item .top .stars i {
    color: #F9B90F !important;
    font-size: 12px;
    line-height: 16px;
    margin-right: 5px;
}

.cmi-body span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 800;
    color: #666;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.cmi-body p {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #888;
    display: block;
    margin-bottom: 10px;
}

.comment-item .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-item .bottom span {
    font-size: 12px;
    line-height: 16px;
    color: #888;
    font-weight: 600;
}

.comment-item .bottom>i {
    font-size: 20px;
    color: #ddd;
}

.comment-slider-container {
    position: relative;
    margin-bottom: 30px;
}

.comment-slider-container .tns-outer {
    padding: 0 50px !important;
}

.comment-slider-container .tns-outer>.tns-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    pointer-events: none;
}

.comment-slider-container .tns-outer>.tns-controls button {
    background: #034EA1;
    border: none;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    margin: 0;
    pointer-events: all;
}

.comment-slider-container .tns-outer>.tns-controls button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 14px;
}

.add-hotel-desc h2 {
    color: #fff;
    font-size: 30px;
    line-height: 34px;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

.add-hotel-desc span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}

.banner-padding {
    padding: 100px 0;
}

.blog-item {
    display: block;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
    border: solid 1px #eee;
    margin-bottom: 30px;
}

.bi-img {
    display: block;
    width: 100%;
    position: relative;
    padding-top: calc(200/350*100%);
    overflow: hidden;
}

.blog-item:hover .bi-img img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.bi-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease 0s;
}

.bi-img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 4;
}

.bi-desc {
    padding: 10px 15px;
}

.bi-desc h3 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #222 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.bi-desc p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #888 !important;
}

.bi-desc>span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #444;
    border-bottom: solid 1px #dedede;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bi-desc>span:before {
    content: "\f007";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #034EA1;
    margin-right: 4px;
}

.bi-desc .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bi-desc .info span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #888;
    margin-right: 20px;
    white-space: nowrap;
}

.bi-desc .info span:last-child {
    margin-right: 0;
    text-align: right;
}

.bi-desc .info span:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #034EA1;
    margin-right: 4px;
}

.bi-desc .info span.date:before {
    content: "\f133";
}

.bi-desc .info span.view:before {
    content: "\f06e";
}

.bi-desc .info span.tag:before {
    content: "\f02c";
}

.book-transfer-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.book-transfer-desc h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 10px;
}

.book-transfer-desc .right .main-btn {
    margin-right: 20px;
}

.book-transfer-desc .right .main-btn:last-child {
    margin-right: 0;
}

.book-transfer-desc span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

.footer-bottom {
    padding: 40px 0;
    padding-top: calc(40px + 60px);
    background: #eee;
}

.project-item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(720/1280*100%);
}

.project-item img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
    width: 100%;
    /*filter: grayscale(1) contrast(0);*/
    padding: 0 30px;
}

.ftr-projects {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-slider-container {
    width: 100%;
    padding: 0 40px;
    position: relative;
}

.project-slider-container .tns-outer>.tns-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
    pointer-events: none;
}

.project-slider-container .tns-outer>.tns-controls button {
    background: #034EA1;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 0;
    pointer-events: all;
}

.project-slider-container .tns-outer>.tns-controls button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 14px;
}

.ftr-projects {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

.ftr-info {
    font-size: 14px;
    line-height: 16px;
    color: #444;
    display: block;
    margin-bottom: 20px;
}

.ftr-title {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    min-width: 200px;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}

.no-border {
    border: none !important;
}

.ftr-col>small {
    color: #222;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.ftr-social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.ftr-social a {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    position: relative;
    border-radius: 0;
}

.ftr-social a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 14px;
}

.contact-line {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}

.contact-line i {
    font-size: 16px;
    line-height: 20px;
    color: #034EA1;
    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.contact-line span, .contact-line span a {
    font-size: 14px;
    line-height: 18px;
    color: #444;
}

.contact-line span a {
    display: block;
    color: #444 !important;
    text-decoration: underline !important;
}

.contact-line span a:hover {
    text-decoration: none !important;
}

.ftr-links {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.ftr-links a {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
    color: #666 !important;
    position: relative;
    border-bottom: dashed 1px rgba(0, 0, 0, 0.1);
    padding-right: 10px;
}

.ftr-links a:hover {
    color: #222 !important;
}

.ftr-links a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    position: absolute;
    top: 0;
    right: 0;
}

.ftr-links a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.footer-copy {
    padding: 20px 0;
    background: #121212;
}

.ftr-copy-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ftr-copy-in span {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

.ftr-copy-in a img {
    width: 70px;
    filter: grayscale(1);
}

.ftr-copy-in a:hover img {
    filter: none;
}

.child-age {
    padding: 0 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.child-age .form-group {
    width: calc(50% - 20px);
    margin: 0 10px;
    margin-bottom: 10px;
}

.form-group label.formlabel {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #444;
    margin-bottom: 5px;
    margin-left: 0px;
}

.main-form-flex .form-group.rounded .select2-container--below.select2-container--open .select2-selection--single {
    border-radius: 0 !important;
}

.main-form-flex .form-group.rounded .select2-container--above.select2-container--open .select2-selection--single {
    border-radius: 0 0 5px 5px !important;
}

.select2-dropdown {
    border: solid 2px #ddd;
}

.select2-dropdown--above {
    border-bottom: none;
}

.select2-dropdown--below {
    border-top: none;
}

.navbar-toggler {
    padding: 10px;
    font-size: 24px;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
}

#scroll_top_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: #034EA1;
    cursor: pointer;
    border: solid 1px rgba(255, 255, 255, 0.3);
    transition: 0.2s ease 0s;
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    z-index: 9999;
    border-radius: 0;
}

#scroll_top_btn.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

#scroll_top_btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
}

.bcrumb {
    padding: 10px 0;
    position: relative;
    background: #e5e5e5;
    border-bottom: solid 1px #ddd;
}

.bcrumb-in {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bcrumb-in h1 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #222;
    margin: 0;
}

.bcrumb-in .links {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bcrumb-in .links a {
    font-weight: 600;
    color: #888 !important;
    margin-right: 20px;
    position: relative;
    font-size: 12px;
    line-height: 16px;
}

.bcrumb-in .links a:hover {
    color: #444 !important;
}

.bcrumb-in .links a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: #888 !important;
    position: absolute;
    right: -13px;
    top: 1px;
    font-size: 10px;
    pointer-events: none !important;
}

.bcrumb-in .links a:last-child {
    margin-right: 0;
}

.bcrumb-in .links a:last-child:after {
    content: none;
}

.hi-page {
    margin-bottom: 30px;
}

.side-filter {
    padding: 20px;
    background: #fff;
    border: solid 1px #eee;
    border-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-radius: 0 0 5px 5px !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 0 !important;
}

.dd-input-in-page .dd-input-line {
    padding: 0;
    margin-right: 15px;
    margin-bottom: 20px;
}

.dd-input-in-page .dd-input-line:last-child {
    margin-right: 0;
}

.dd-input-in-page .flex-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.dd-input-in-page .child-age {
    padding: 0;
    margin: 0 -7.5px;
}

.dd-input-in-page .child-age .form-group {
    margin: 0;
    width: calc(50% - 15px);
    margin: 0 7.5px;
    margin-bottom: 20px;
}

.dd-input-in-page .child-age .form-group:last-child {
    margin-right: 0;
}

.cbox-group {
    position: relative;
    margin-bottom: 5px;
}

.cbox-group>input {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.cbox-group>.cboxlabel {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.cbox-group>.cboxlabel>.cbox-icon {
    display: block;
    min-width: 18px;
    width: 18px;
    height: 18px;
    border: solid 2px #ddd;
    border-radius: 0;
    position: relative;
    margin-right: 10px;
}

.cbox-group>.cboxlabel>.cbox-icon:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    color: #fff;
    opacity: 0;
}

.cbox-group>input:checked~.cboxlabel>.cbox-icon {
    border-color: #034EA1;
}

.cbox-group>input:checked~.cboxlabel>.cbox-icon:before {
    opacity: 1;
}

.cbox-stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cbox-stars i {
    color: #ddd;
    font-size: 14px;
    line-height: 18px;
    margin-right: 4px;
}

.cbox-stars i.active {
    color: #F9B90F;
}

.cbox-stars span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-left: 4px;
    font-weight: 600;
    color: #888;
}

.side-filter-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #888;
    margin-bottom: 10px;
    display: block;
}

.side-cbox-txt {
    font-size: 12px;
    line-height: 16px;
    color: #888;
    font-weight: 600;
    user-select: none !important;
}

.pb-default {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.pb-default span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #888;
    display: block;
    position: relative;
}

.pb-values {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#pricerange {
    margin-bottom: 10px;
}

.pb-values span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-right: 20px;
    color: #034EA1;
    position: relative;
}

.pb-values span:after {
    content: "-";
    position: absolute;
    top: 0px;
    right: -12px;
}

.pb-values span:last-child {
    margin-right: 0;
}

.pb-values span:last-child:after {
    content: none;
}

.daterangepicker td.in-range {
    background: #ededed !important;
}

.daterangepicker td.start-date, .daterangepicker td.start-date:hover,
.daterangepicker td.end-date, .daterangepicker td.end-date:hover {
    background: #3D55DB !important;
}

.sorting-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #dedede;
}

.sorting-line .left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sorting-line .form-group {
    min-width: 200px;
    width: 200px;
}

.sorting-line .left>span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #888;
    margin-right: 10px;
    white-space: nowrap;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    cursor: pointer;
    background: #034EA1;
    border: none;
}

.sorting-line .right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.sorting-line .right a {
    width: 34px;
    height: 34px;
    border-radius: 0;
    background: #fff;
    border: solid 1px #eee;
    position: relative;
    margin-right: 5px;
    color: #bbb !important;
}

.sorting-line .right a:last-child {
    margin-right: 0;
}

.sorting-line .right a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}

.sorting-line .right a:hover {
    color: #aaa !important;
}

.sorting-line .right a.active {
    color: #034EA1 !important;
}

.side-filter .dd-input-line {
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

.hi-desc-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hi-desc-top>span {
    display: none;
    padding: 5px 15px;
    background: #034EA1;
    color: #fff !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 0;
}

.pagination {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}

.pagination ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination ul li {
    margin-right: 5px;
}

.pagination ul li a {
    display: block;
    min-width: 30px;
    height: 30px;
    background: #3D55DB;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff !important;
    font-weight: 600;
    transition: 0.2s ease 0s;
    border-radius: 0;
}

.pagination ul li a:hover {
    background: #034EA1;
}

.pagination ul li a.active {
    background: #8590d1;
}

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

.about-desc {
    font-size: 14px;
    line-height: 18px;
    color: #424242;
    margin-bottom: -5px;
    font-weight: 300;
}

.about-desc.light {
    color: #fff;
}

.about-desc h1 {
    display: block;
    font-size: 1.60em;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    color: #222;
}

.about-desc h2 {
    display: block;
    font-size: 1.40em;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    color: #222;
}

.about-desc h3 {
    display: block;
    font-size: 1.30em;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    color: #222;
}

.about-desc h4 {
    display: block;
    font-size: 1.20em;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    color: #222;
}

.about-desc h5 {
    display: block;
    font-size: 1.10em;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    color: #222;
}

.about-desc h6 {
    display: block;
    font-size: 1em;
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
    color: #222;
}

.about-desc p {
    display: block;
    margin-bottom: 10px;
}

.about-desc ul {
    padding: 0;
    list-style: none;
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.about-desc ul li {
    display: block;
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}

.about-desc ul li:before {
    content: "\f192";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 6px;
    transform: rotate(45deg);
    color: #888;
}

.hi-slider .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translate(0, -50%);
    pointer-events: none;
    padding: 0 10px;
}

.hi-slider {
    position: relative;
}

.hi-slider .owl-nav button {
    pointer-events: all;
    display: block;
    width: 40px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3) !important;
    position: relative;
    border-radius: 0;
    color: #fff !important;
    transition: 0.2s ease 0s;
}

.hi-slider:hover .owl-nav button {
    background: rgba(0, 0, 0, 0.5) !important;
}

.hi-slider .owl-nav button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
}

.hi-reg {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    border-top: solid 1px #e8e8e8;
    padding-top: 5px;
    margin-bottom: 10px;
}

.hi-reg i {
    font-size: 12px;
    line-height: 16px;
    margin-right: 4px;
    color: #F6921E;
}

.hi-reg span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #F6921E;
}

.hi-spec {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.hi-spec span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #fff;
    background: #034EA1;
    margin-right: 5px;
    padding: 5px 10px;
    border-radius: 0;
}

#main-nav.nav-color {
    background: #034EA1;
    position: relative;
}

#main-nav.nav-white {
    background: #FFFFFF;
    position: relative;
}

.white {
    font-size: 14px;
    color: #FFFFFF;
}

.min-h {
    min-height: 650px;
}

#main-nav.nav-color .nt-logo img {
    filter: contrast(0) brightness(2);
}

#main-nav.nav-color #navbar-line {
    background: #034EA1;
}

.hd-slider-img {
    display: block;
    width: 100%;
    padding-top: calc(700/1000*100%);
    overflow: hidden;
    position: relative;
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    border-left: solid 1px rgba(0, 0, 0, 0.2);
}

.hd-slider-img.hsi-tour {
    padding-top: calc(400/1000*100%);
}

.hd-slider-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.hd-slider-container {
    position: relative;
}

.hd-slider-container>.tns-outer>.tns-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translate(0, -50%);
    padding: 0 20px;
    pointer-events: none;
    z-index: 10;
}

.hd-slider-container>.tns-outer>.tns-controls button {
    pointer-events: all;
    position: relative;
    width: 40px;
    height: 40px;
    background: #eee;
    border: solid 2px rgba(255, 255, 255, 0.2);
    color: #222 !important;
}

.hd-slider-container>.tns-outer>.tns-controls button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hd-slider-img>i {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #3D55DB;
    border: solid 2px rgba(255, 255, 255, 0.2);
    opacity: 0;
    transition: 0.4s ease 0s;
}

.hd-slider-img:hover i {
    opacity: 1;
}

.hd-slider-img>i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 14px;
}

.hd-slider-container>.tns-outer>.tns-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
    padding: 20px;
    z-index: 10;
    pointer-events: none;
}

.hd-slider-container>.tns-outer>.tns-nav button {
    background: none;
    border: none;
    height: 0px;
    width: 0px;
    position: relative;
    pointer-events: all;
    margin: 0 5px;
}

.hd-slider-container>.tns-outer>.tns-nav button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    pointer-events: all;
    width: 10px;
    height: 10px;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 50%;
}

.hd-slider-container>.tns-outer>.tns-nav button.tns-nav-active:before {
    background: #034EA1;
}

.hd-desc, .td-desc {
    padding: 20px;
    border-radius: 0;
    border: solid 1px #eee;
    background: #fff;
    margin-bottom: 20px;
}

.hd-desc>h2, .hd-desc .left>h2, .hd-desc .right>h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #034EA1;
    display: block;
    margin-bottom: 10px;
}

.hd-desc>h3, .hd-desc .left>h3, .hd-desc .right>h3, .td-desc>h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #034EA1;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px #dedede;
}

.hd-stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hd-stars i {
    color: #ddd;
    font-size: 14px;
    line-height: 18px;
    margin-right: 4px;
}

.hd-stars i.active {
    color: #F9B90F;
}

.hd-desc-in {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.hd-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #fbfbfb;
    border: solid 1px #eee;
    min-width: 250px;
    border-radius: 0;
}

.hd-price small {
    display: block;
    font-size: 12px;
    line-height: 1px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
}

.hd-price span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #034EA1;
}

.hd-price span>small {
    font-size: 12px;
    line-height: 16px;
    text-transform: none;
    margin-left: 4px;
}

.hd-reg {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hd-reg i {
    font-size: 12px;
    line-height: 16px;
    margin-right: 4px;
    color: #034EA1;
}

.hd-reg {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #034EA1;
}

.hd-review {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #dedede;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hd-score {
    background: #034EA1;
    padding: 10px 20px;
    min-width: 120px;
    width: 120px;
    border-radius: 0;
    text-align: center;
    margin-bottom: 10px;
}

.hd-review .left {
    margin-right: 20px;
}

.hd-score span {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

.hd-score small {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}

.hd-badges {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center;
}

.hd-review .right {
    width: 100%;
}

.hdb-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
    border-right: solid 1px #dedede;
}

.hdb-item:last-child {
    border: none;
}

.hdb-item i {
    display: block;
    font-size: 30px;
    line-height: 34px;
    color: #3D55DB;
    margin-bottom: 10px;
}

.hdb-item span {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #034EA1;
    margin-bottom: 5px;
    white-space: nowrap;
}

.hdb-item small {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #888;
}

.hd-room {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #dedede;
}

.hd-room:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.hdr-img {
    min-width: 250px;
    width: 250px;
    margin-right: 15px;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    border: solid 1px #eee;
    display: block;
}

.hdr-gal-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    background: #3D55DB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    transition: 0.2s ease 0s;
}

.hdr-gal-btn span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #fff !important;
}

.hdr-gal-btn i {
    font-size: 12px;
    line-height: 16px;
    color: #fff !important;
}

.hdr-img-in {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding-top: calc(500/800*100%);
    overflow: hidden;
}

.hdr-img-in>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hdr-desc {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.hdr-desc h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #034EA1;
    margin-bottom: 0;
}

.hdr-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e8e8e8;
}

.hdr-price {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.hdr-price span {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #034EA1;
}

.hdr-price small {
    display: block;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #888;
    margin-left: 4px;
}

.hdr-price small:before {
    content: "/";
    margin-right: 2px;
}

.hdr-desc>.top>span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #888;
}

.hdr-desc>.top>span small {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #3D55DB;
}

.hdr-desc>.top, .hdr-desc>.bottom {
    width: 100%;
}

.hdr-desc>.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hdr-desc>.bottom .buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.hdr-desc>.bottom .buttons .main-btn {
    margin-right: 15px;
}

.hdr-desc>.bottom .buttons .main-btn:last-child {
    margin-right: 0;
}

.hdr-desc>.bottom .icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hdr-desc>.bottom .icons i {
    margin-right: 10px;
    color: #888;
    min-width: 30px;
    width: 30px;
    height: 30px;
    background: #fbfbfb;
    border: solid 1px #eee;
    border-radius: 0;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
}

.hdr-desc>.bottom .icons i:hover {
    color: #034EA1;
}

.hdr-desc>.bottom .icons i:last-child {
    margin-right: 0;
}

.hidden-gal {
    display: none;
}

.hdr-img:hover .hdr-gal-btn {
    background: #034EA1;
}

.fc-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.fc-line i {
    font-size: 14px;
    line-height: 18px;
    color: #bbb;
    margin-right: 5px;
    width: 20px;
    text-align: center;
}

.fc-line span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #888;
    font-weight: 600;
}

.fc-line small {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #444;
    margin-right: 5px;
}

.hd-ctg {
    display: block;
    text-align: right;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #888;
}

.hd-ctg i {
    color: #bbb;
    margin-right: 4px;
}

.hd-total-cost {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 20px;
    border-top: solid 1px #ddd;
    padding-top: 10px;
}

.hd-total-cost>span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #888;
    margin-right: 10px;
}

.hd-total-cost>div>span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #034EA1;
}

.hd-total-cost>div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #034EA1;
}

.ytb-video {
    display: block;
    width: 100%;
    padding-top: calc(9/16*100%);
    overflow: hidden;
    position: relative;
    border-radius: 0;
    border: solid 1px #eee;
    margin-bottom: 20px;
}

.ytb-video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ytb-video i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transition: 0.2s ease 0s;
}

.ytb-video i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    font-size: 40px;
}

.ytb-video:hover i {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.1);
}

.ytb-video:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 5;
}

.la-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}

.la-item:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.la-img {
    min-width: 50px;
    width: 50px;
    display: block;
    margin-right: 10px;
}

.la-img-in {
    width: 100%;
    display: block;
    position: relative;
    padding-top: calc(7/10*100%);
    overflow: hidden;
    border-radius: 0;
    border: solid 1px #eee;
}

.la-img-in img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease 0s;
}

.la-item:hover .la-img-in img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.la-desc {
    overflow: hidden;
}

.la-desc h4 {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #034EA1;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.la-desc p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 16px;
    color: #888;
    overflow: hidden;
    margin: 0;
}

.share-buttons {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    width: 100%;
}

.share-buttons small {
    text-align: right;
}

.share-buttons small {
    text-align: center;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}

.share-buttons a {
    display: block;
    width: 100%;
    height: 40px;
    color: #fff !important;
    position: relative;
    margin-right: 10px;
    border-radius: 0;
}

.share-buttons a:last-child {
    margin-right: 0;
}

.share-buttons a.mail {
    background: #002663;
}

.share-buttons a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    transition: 0.2s ease 0s;
}

.share-buttons a:hover i {
    font-size: 18px;
}

.share-buttons a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    transition: 0.2s ease 0s;
}

.share-buttons a:hover:before {
    opacity: 1;
}

.hd-desc .comment-item {
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border: none;
    border-radius: 0;
    background: none;
    border-bottom: solid 1px #ddd;
}

.hd-desc .comment-item:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.rating-stars {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 10px;
}

.rating-stars input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.rating-stars label {
    position: relative;
    cursor: pointer;
    color: #ddd;
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    padding-right: 10px;
    margin: 0;
}

.rating-stars label:hover:before, .rating-stars label:hover~label:before {
    color: #F9B90F;
}

.rating-stars input:checked~label:before {
    color: #F9B90F;
    font-weight: 900;
}

.rating-stars label:before {
    content: "\f005";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.captcha-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.sd-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99999;
    pointer-events: none;
    opacity: 0;
    transition: 0.4s ease 0s;
    overflow: hidden;
}

.sd-box.active {
    opacity: 1;
    pointer-events: all;
}

.sd-box .sd-box-in {
    position: absolute;
    top: 0;
    right: 0;
    width: 550px;
    max-width: 100%;
    height: 100vh;
    background: #fff;
    transition: 0.4s ease 0s;
    right: -100%;
    opacity: 0;
    overflow-y: auto;
}

.sd-box.active .sd-box-in {
    right: 0;
    opacity: 1;
}

.sd-hotel-img {
    width: 100%;
    position: relative;
    display: block;
    padding-top: calc(7/10*100%);
    overflow: hidden;
}

.sd-hotel-img:before {
    content: "";
    background: linear-gradient(transparent 0%, rgba(26, 36, 92, 0.4) 80%, rgba(26, 36, 92, 0.8) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.sd-hotel-img h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    display: block;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
    z-index: 10;
    text-align: center;
}

.sd-hotel-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sd-close {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #3D55DB;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: solid 2px rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: 0.2s ease 0s;
    z-index: 10;
}

.sd-close:hover {
    background: #034EA1;
}

.sd-close i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 14px;
}

.sd-gallery {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    background: #3D55DB;
    padding: 5px 10px;
    height: 40px;
    border-radius: 0;
    border: solid 2px rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: 0.2s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    color: #fff !important;
    cursor: pointer;
    font-weight: 600;
    z-index: 10;
}

.sd-gallery:hover {
    background: #034EA1;
}

.fancybox-container {
    z-index: 99999;
}

.sd-hotel-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fbfbfb;
    border-bottom: solid 1px #e8e8e8;
}

.sdhi-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 15px 10px;
    border-right: solid 1px #e8e8e8;
}

.sdhi-item:last-child {
    border: none;
}

.dgizle {
    display: none;
}

.sdhi-item i {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #3D55DB;
    margin-bottom: 10px;
}

.sdhi-item span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #888;
    white-space: nowrap;
}

.sdhi-item span b {
    font-weight: 600;
    color: #444;
}

.sd-hotel-desc {
    padding: 20px 30px;
    border-bottom: solid 1px #ddd;
}

.sd-hotel-desc h3 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #034EA1;
    margin-bottom: 10px;
}

.sd-hotel-desc .fc-line span, .sd-hotel-desc .fc-line i {
    font-size: 12px;
    line-height: 16px;
}

.sd-box-in .bottom {
    padding: 20px 30px;
}

.inpage-desc {
    padding-top: 30px;
    border-top: solid 1px #dedede;
}

.hd-map-box {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 0;
    border: solid 1px #eee;
}

.hd-map-img {
    width: 100%;
    padding-top: calc(720/1280*100%);
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 0;
}

.hd-map-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hd-map-img span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 15px;
    z-index: 10;
    background: #3D55DB;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

.hd-map {
    width: 100%;
    height: 300px;
    border: solid 1px #eee;
    margin-bottom: 20px;
    border-radius: 0;
    overflow: hidden;
}

.side-title-margin {
    margin-top: 28px;
}

.vd-desc-in {
    align-items: flex-start;
}

.vd-desc-in .hd-ctg {
    text-align: left;
    margin: 0;
}

.vd-desc-in .hd-reg {
    margin: 0;
    margin-right: 10px;
}

.vd-desc-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.vd-score {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    min-width: unset;
    width: unset;
    padding: 5px 15px !important;
}

.vd-score span {
    margin: 0;
    font-size: 12px !important;
    line-height: 16px !important;
    margin-right: 5px;
}

.vd-score-all {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.vd-score-all .hd-stars {
    margin: 0;
}

.vd-score-all .vd-score {
    margin: 0;
    margin-left: 10px;
}

.vd-score-all .main-btn {
    margin-left: 10px;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 15px;
    border: none;
}

.service-item {
    display: block;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    background: rgba(255, 255, 255, 0.5);
    padding: 5px;
}

.service-img {
    display: block;
    width: 100%;
    position: relative;
    padding-top: calc(250/350*100%);
    overflow: hidden;
    border-radius: 6px;
    border: solid 1px #eee;
}

.service-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease 0s;
}

.service-img:hover img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.service-desc {
    background: linear-gradient(transparent 0%, rgba(26, 36, 92, 0.2) 20%, rgba(26, 36, 92, 0.8) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    z-index: 4;
    pointer-events: none;
}

.service-desc h3 {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff !important;
}

.sv-price {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    background: #fbfbfb;
    border: solid 1px #eee;
    border-radius: 0;
}

.sv-price small {
    display: block;
    font-size: 12px;
    line-height: 1px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    margin-right: 10px;
}

.sv-price span {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #034EA1;
}

.service-slider-container {
    position: relative;
}

.service-slider-container>.tns-outer>.tns-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transform: translate(0, -50%);
    padding: 0 20px;
    pointer-events: none;
    z-index: 10;
}

.service-slider-container>.tns-outer>.tns-controls button {
    pointer-events: all;
    position: relative;
    width: 40px;
    height: 40px;
    background: #034EA1;
    border: solid 2px rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    color: #fff !important;
}

.service-slider-container>.tns-outer>.tns-controls button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.svslider-item {
    display: block;
    width: 100%;
    padding-top: calc(250/350*100%);
    position: relative;
    overflow: hidden;
    border-radius: 0;
    border: solid 1px #eee;
}

.svslider-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease 0s;
}

.svslider-item:hover img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

.sv-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #dedede;
    margin-bottom: -15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: wrap;
}

.sv-info-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;
}

.sv-info-item small {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #888;
    margin-right: 5px;
}

.sv-info-item span {
    font-size: 14px;
    line-height: 18px;
    color: #034EA1;
    font-weight: 600;
}

.sv-rating {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    background: linear-gradient(0deg, transparent 0%, rgba(26, 36, 92, 0.2) 20%, rgba(26, 36, 92, 0.8) 100%);
    padding: 10px;
    padding-bottom: 20px;
}

.sv-rating .stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sv-rating .stars i {
    color: #F9B90F !important;
    font-size: 12px;
    line-height: 16px;
    margin-right: 5px;
}

.sv-rating .score {
    background: #034EA1;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    padding: 5px;
    border-radius: 0;
}

.rsv-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    background: #fbfbfb;
    margin-bottom: 10px;
    border-radius: 0;
    border: solid 1px #eee;
    position: relative;
    padding-left: 20px;
    transition: 0.2s ease 0s;
}

.rsv-item:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 5px;
    height: calc(100% - 10px);
    background: #F6921E;
    border-radius: 0;
    transition: 0.2s ease 0s;
}

.rsv-item:last-child {
    margin-bottom: 0;
}

.rsv-item span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #888 !important;
    display: block;
    width: 100%;
}

.rsv-item i {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #034EA1 !important;
    margin-left: 10px;
    min-width: 10px;
    text-align: center;
}

.rsv-item:hover {
    background: #eee;
}

.rsv-item:hover span {
    color: #034EA1 !important;
}

.rsv-item:hover i {
    color: #034EA1 !important;
}

.rsv-item:hover:before {
    background: #034EA1;
}

.blog-img {
    display: block;
    width: 100%;
    border-radius: 0;
    border: solid 1px #eee;
    overflow: hidden;
    margin-bottom: 10px;
}

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

.tag-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.tag-box a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #034EA1;
    padding: 5px 10px;
    border-radius: 0;
    transition: 0.2s ease 0s;
}

.tag-box a i {
    font-size: 14px;
    line-height: 18px;
    color: #fff !important;
    display: block;
    margin-right: 5px;
}

.tag-box a span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #fff !important;
}

.tag-box a:hover {
    background: #3D55DB;
}

.blog-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.binfo-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 15px;
    margin-bottom: 5px;
}

.binfo-item i {
    font-size: 12px;
    line-height: 16px;
    display: block;
    margin-right: 5px;
    color: #034EA1;
}

.binfo-item span, .binfo-item a {
    font-size: 12px;
    line-height: 16px;
    display: block;
    margin-right: 5px;
    color: #444;
}

.binfo-item a {
    text-decoration: underline !important;
    color: #666 !important;
}

.binfo-item a:hover {
    text-decoration: none !important;
    color: #444 !important;
}

.pagmargin-bottom {
    margin-bottom: 30px;
}

.form-line {
    margin-top: 15px;
    margin-bottom: 10px;
    border-color: #dedede;
}

.addhotel-desc h2 {
    color: #222;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
}

.addhotel-desc p {
    font-size: 14px;
    line-height: 24px;
    color: #444;
    margin: 0;
}

.addhotel-desc {
    margin-bottom: 20px;
}

.addhotel-img {
    width: 100%;
    overflow: hidden;
    border-radius: 0;
}

.addhotel-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.addhotel-side {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.pcomment .comment-item {
    margin-bottom: 20px;
}

.side-captcha {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tour-listing .tour-item {
    margin-bottom: 20px;
}

.contact-box {
    padding: 10px;
    background: #fbfbfb;
    border: solid 1px #eee;
    margin-bottom: 20px;
}

.contact-box>h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #222;
    display: block;
    margin-bottom: 10px;
}

.contact-item {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 10px;
}

.contact-item i {
    color: #bbb;
    min-width: 30px;
    width: 30px;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: solid 2px #bbb;
}

.contact-item span, .contact-item span a {
    font-size: 14px;
    line-height: 22px;
    display: block;
    color: #444;
}

.contact-item span a {
    text-decoration: underline !important;
}

.contact-item span a:hover {
    text-decoration: none !important;
}

.contact-item span small {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #888;
}

.contact-item span small:after {
    content: ":";
}

.tour-time {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.tour-time span {
    margin-right: 10px;
}

.tour-time span:last-child {
    margin-right: 0;
}

.vd-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.tour-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.tour-info span {
    margin-right: 10px !important;
}

.tour-info span:last-child {
    margin-right: 0 !important;
}

.guide-ctg {
    padding: 10px;
    background: #fcfcfc;
    width: 100%;
    border-radius: 0;
    border: solid 1px #eee;
}

.hotel-star {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 10px;
}

.hotel-star span {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

.hotel-star.hs-left {
    align-items: flex-start;
}

.addhotel-item {
    display: none;
    background: #034EA1 !important;
}

.no-result {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.no-result i {
    font-size: 40px;
    color: #bbb;
    margin-bottom: 10px;
    display: block;
}

.no-result span {
    font-size: 24px;
    line-height: 28px;
    color: #888;
    display: block;
    margin-bottom: 10px;
}

.no-result small {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #888;
}

#select2-destination-results .select2-results__option--selectable:before {
    content: "\f3c5" !important;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;
    margin-right: 4px;
    color: #bbb;
}

.region-col {
    display: none;
}

#mobfilter_btn {
    display: none;
    width: 100%;
    border-radius: 0;
    border: none;
    background: #fff;
    border: solid 1px #eee;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #034EA1 !important;
    text-align: center;
    margin-bottom: 20px;
}

#mobfilter_btn.active i:before {
    content: "\f106";
}

.resv-contact {
    margin-bottom: 20px;
}

.rc-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.rc-line a {
    display: block;
    font: 14px;
    line-height: 18px;
    color: #666;
    text-decoration: underline !important;
}

.rc-line a:hover {
    text-decoration: none !important;
}

.rc-line i {
    min-width: 24px;
    text-align: center;
    margin-right: 10px;
    text-align: center;
    color: #034EA1;
    font: 14px;
    line-height: 18px;
}

.resv-social {
    margin-bottom: 20px;
}

.resv-social a {
    box-shadow: none !important;
}

.resv-line {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.resv-line span:first-child {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #444;
    margin-bottom: 5px;
    margin-left: 0px;
}

.resv-line span:last-child {
    display: block;
    width: 100%;
    border: solid 1px #eee;
    border-radius: 0;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 20px;
    color: #666;
    background: #fbfbfb;
    resize: none;
}

.resv-line span {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.resv-line span b {
    color: #034EA1;
    font-weight: 600;
}

.resv-line span small {
    font-size: 12px;
    line-height: 16px;
}

.form-group span.error-label {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #b22222;
}

.form-group input.error-label,
.form-group textarea.error-label {
    border-color: #b22222;
}

#star_error {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #b22222;
    margin-top: 4px;
}

.notifyjs-corner {
    z-index: 99999 !important;
}

.lm-item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(720/1280*100%);
    border-radius: 0;
    border: solid 10px #ddd;
    background: #ddd;
}

.lm-item>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    transition: 0.4s ease 0s;
}

.lm-item:hover>img {
    transform: scale(1.1);
}

#SearchItems {
    min-width: 300px !important;
}

ul.articles {
    list-style: none;
    padding: 0;
    margin: 0;
    border: solid 1px #F6921E !important;
}

li.SearchItemNode {
    text-transform: capitalize;
    font-weight: 600;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px !important;
    padding-top: 25px !important;
    border-bottom: solid 1px #ddd;
    position: relative;
}

li.SearchItemNode>.text-muted {
    font-size: 10px;
    font-weight: 200;
}

li.SearchItemNode>.text-muted.pull-right {
    position: absolute;
    top: 5px;
    left: 15px;
}

li.SearchItemNode:hover {
    cursor: pointer;
}

li.SearchItemNode1 {
    text-transform: capitalize;
    font-weight: 600;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px !important;
    padding-top: 25px !important;
    border-bottom: solid 1px #ddd;
    position: relative;
}

li.SearchItemNode1>.text-muted {
    font-size: 10px;
    font-weight: 200;
}

li.SearchItemNode1>.text-muted.pull-right {
    position: absolute;
    top: 5px;
    left: 15px;
}

li.SearchItemNode1:hover {
    cursor: pointer;
}

li.SearchItemNode2 {
    text-transform: capitalize;
    font-weight: 600;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px !important;
    padding-top: 25px !important;
    border-bottom: solid 1px #ddd;
    position: relative;
}

li.SearchItemNode2>.text-muted {
    font-size: 10px;
    font-weight: 200;
}

li.SearchItemNode2>.text-muted.pull-right {
    position: absolute;
    top: 5px;
    left: 15px;
}

li.SearchItemNode2:hover {
    cursor: pointer;
}

li.SearchItemNode3 {
    text-transform: capitalize;
    font-weight: 600;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px !important;
    padding-top: 25px !important;
    border-bottom: solid 1px #ddd;
    position: relative;
}

li.SearchItemNode3>.text-muted {
    font-size: 10px;
    font-weight: 200;
}

li.SearchItemNode3>.text-muted.pull-right {
    position: absolute;
    top: 5px;
    left: 15px;
}

li.SearchItemNode3:hover {
    cursor: pointer;
}

li.SearchItemNode7 {
    text-transform: capitalize;
    font-weight: 600;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px !important;
    padding-top: 25px !important;
    border-bottom: solid 1px #ddd;
    position: relative;
}

li.SearchItemNode7>.text-muted {
    font-size: 10px;
    font-weight: 200;
}

li.SearchItemNode7>.text-muted.pull-right {
    position: absolute;
    top: 5px;
    left: 15px;
}

li.SearchItemNode7:hover {
    cursor: pointer;
}


li.SearchItemNode8 {
    text-transform: capitalize;
    font-weight: 600;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px !important;
    padding-top: 25px !important;
    border-bottom: solid 1px #ddd;
    position: relative;
}

li.SearchItemNode8>.text-muted {
    font-size: 10px;
    font-weight: 200;
}

li.SearchItemNode8>.text-muted.pull-right {
    position: absolute;
    top: 5px;
    left: 15px;
}

li.SearchItemNode8:hover {
    cursor: pointer;
}

li.SearchItemNode4 {
    text-transform: capitalize;
    font-weight: 600;
    list-style: none;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px !important;
    padding-top: 25px !important;
    border-bottom: solid 1px #ddd;
    position: relative;
}

li.SearchItemNode4>.text-muted {
    font-size: 10px;
    font-weight: 200;
}

li.SearchItemNode4>.text-muted.pull-right {
    position: absolute;
    top: 5px;
    left: 15px;
}

li.SearchItemNode4:hover {
    cursor: pointer;
}

.pull-right {
    float: right;
}

.text-muted {
    color: #6c757d !important;
}

.rez-side-box {
    border: solid 1px #e5e5e5;
    border-radius: 0;
    background: #e5e5e5;
    border-radius: 0;
    overflow: hidden;
}

.rez-side-part>span {
    padding: 8px 12px;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    color: #4a4d56;
    position: relative;
}

.rez-car-line {
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #FFF;
}

.rez-car-line span {
    font-size: 14px;
    line-height: 18px;
    color: #424242;
    font-weight: 600;
}

.rez-car-line span:last-child {
    color: #424242;
}

.rez-side-line {
    padding: 10px 12px;
    /*display: flex;*/
    justify-content: space-between;
    align-items: flex-start;
    background: #FFF;
    border-bottom: solid 1px #eee;
}

.rez-side-line span:first-child {
    font-weight: 600;
    color: #424242;
    white-space: nowrap;
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.rez-side-line span:last-child {
    color: #424242;
    font-size: 14px;
    line-height: 20px;
    /*text-align: right;*/
    display: block;

}

.price-side {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 22px;
    background: #1b59c9;
    color: #fff;
    margin-top: 20px;
    border-radius: 0;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px #424242;
}

.price-side small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    opacity: 1;
    margin-bottom: 5px;
    font-weight: 600;
}

.price-side span {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px;
}

.rez-img-line img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 10px;
}

.fa-star {
    color: #fbbb4a;
}

.payment-pane {
    padding: 15px;
    background: #f7f6f5;
    border: 1px solid #ccc;
    border-radius: 0;
}

.CountryList {
    padding: 5px;
    margin-bottom: 5px;
    list-style: none;
}

.CountryList li.cl {
    width: 25%;
    float: left;
    padding-bottom: 5px;
    line-height: 1.6;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px !important;
    line-height: 20px;
    padding: 5px 0 !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-size: 14px;
    line-height: 20px;
    min-width: 40px;
    width: 40px;
    height: 40px;
}

.daterangepicker .drp-calendar {
    max-width: 400px;
}

@media (min-width: 1000px) {
    .CountryList li.cl {
        width: 25%;
        float: left;
    }
}

@media (max-width: 1000px) {
    .CountryList li.cl {
        width: 50%;
        float: left;
        font-size: 13px;
    }
}

.fetch-room {}

.fetch-room h3 {
    font-size: 16px;
    line-height: 22px;
    color: #222;
    font-weight: 600;
}

.fetch-room .intitle {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: #222;
}

.fetch-room .info {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: red;
    opacity: 0.5;
}

.fetch-room .thePrice {
    font-size: 20px;
    line-height: 26px;
    font-weight: 800;
    color: #3eb33e;
}

.hd-fetch {
    border: solid 4px #eee;
}

.hd-user {
    font-size: 14px;
    line-height: 20px;
    color: #bbb;
}

.inpage-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
}

.form-label {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #222;
    margin-bottom: 2px;
}

.rez-side-part .title-line {
    padding: 10px 15px;
    border-bottom: solid 1px #ddd;
    background: #fbfbfb;
}

.rez-side-part .title-line>.title {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
}

.modal {
    z-index: 9999;
}

.nationselected {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    margin-bottom: 10px;
    padding: 0 5px;
}

.nationselected>b {
    font-weight: 600;
    color: #222;
}

/* Preloader START*/
.loader {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.3s ease 0s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loader.active {
    opacity: 1;
    pointer-events: all;
}

.loader>.popup {
    width: 500px;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
    padding: 0;
}

.loader>.popup>.top>img {
    width: 100%;
}

.loader>.popup>.progress {
    height: 2px;
    width: 100%;
    background: #ddd;
    position: relative;
    overflow: hidden;
}

.loader>.popup>.progress:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #003680;
    animation-name: progress;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes progress {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.loader>.popup>.bottom {
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.loader>.popup>.bottom>span {
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

.loader>.popup>.bottom>small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

/* Preloader END */


/* FLIGHTS START */

.flight-head {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

.flight-head>h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 0;
    width: 100%;
    color: #222;
}

.flight-head>h3>i {
    color: #034EA1;
}

.flight-head>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}

.flight-item {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 0;
    background: #fff;
    padding: 15px;
    /*margin: 20px;*/
}

.flight-item>.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.flight-item>.top>.left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flight-item>.top>.left>.logo {
    display: block;
    min-width: 60px;
    width: 60px;
    margin-right: 10px;
}

.flight-item>.top>.left>.logo>div {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(3/4*100%);
    border: solid 1px #eee;
}

.flight-item>.top>.left>.logo>div>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px;
}

.flight-item>.top>.left>.title {
    display: block;
}

.flight-item>.top>.left>.title>span {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    font-weight: 600;
    text-transform: uppercase;
}

.flight-item>.top>.left>.title>small {
    display: block;
    font-size: 11px;
    line-height: 17px;
    color: #444;
}

.flight-item>.top>.right>.price {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    font-weight: 600;
}

.flight-item>.center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.flight-item>.center>.left>span,
.flight-item>.center>.right>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.flight-item>.center>.left>span:last-child,
.flight-item>.center>.right>span:last-child {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}

.flight-item>.center>.center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.flight-item>.center>.center>span {
    display: block;
    font-size: 11px;
    line-height: 17px;
    color: #444;
    text-align: center;
}

.flight-item>.center>.center>.arrow {
    display: block;
    width: 140px;
    height: 4px;
    background: #ddd;
    margin: 10px 0;
    position: relative;
}

.flight-item>.center>.center>.arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    border-left: solid 10px #ddd;
    border-top: solid 8px transparent;
    border-bottom: solid 8px transparent;
}

.flight-item>.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flight-item2>.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flight-link {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #034EA1 !important;
    text-decoration: underline !important;
}

.modal-title {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
}

.flight-modal-list {
    display: block;
}

.flight-modal-list>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #444;
}

.flight-modal-list>span>b {
    font-weight: 600;
    color: #222;
}

.flight-modal-list>span:last-child {
    margin-bottom: 0;
}

.flight-item.active {
    border-color: #b53e41;
}

.flights-bottom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flights-bottom>.price {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin-right: 15px;
}

.offer-duration {
    position: fixed;
    bottom: 110px;
    right: -10px;
    background-color: #f3900f;
    border-radius: 250px 0 0 250px;
    padding: 5px;
    transition: .3s;
    cursor: pointer;
    z-index: 16000003;
}

.offer-duration:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 5px;
    top: 4px;
}

.offer-duration .text {
    position: absolute;
    transition: .3s;
}

.offer-duration.active .text {
    right: 10px;
    border-radius: 200px;
}

.offer-duration.active .text {
    position: relative;
    color: #fff;
}

.offer-duration .content {
    line-height: 24px;
    white-space: nowrap;
}

.offer-duration .content .time {
    display: inline-block;
    padding: 0 10px 0 5px;
    min-width: 50px;
    font-weight: bold;
    font-style: normal;
    color: #fff;
}

.time-range {
    margin-bottom: 15px;
}

.time-range p {
    font-family: "Arial", sans-serif;
    font-size: 14px;
    color: #333;
}

.ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}

.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}

.ui-slider .ui-slider-handle:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}

.ui-slider a:focus {
    outline: none;
}

#slider-range {
    width: 90%;
    margin: 0 auto;
}

#slider-range_2 {
    width: 90%;
    margin: 0 auto;
}

.time-range {
    width: 400px;
}

.nav-logos {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
}

.nav-logos-item {
    margin-left: 20px;
}

.nav-logos-item:first-child {
    margin-left: 0;
}

.nav-logos-item img {
    width: 40px;
}

.modal {
    z-index: 99999 !important;
}

.modal-content {
    padding: 0;
    border-radius: 2px;
    background: #fff;
    border: none;
    z-index: 99999;
}

.modal-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: solid 1px #ddd;
}

.modal-top h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin: 0;
}

.modal-top a {
    font-size: 16px;
    line-height: 22px;
    color: #666 !important;
}

.modal-top a:hover {
    color: #222 !important;
}

.modal-bottom {
    padding: 15px;
}

td:not(.ui-state-disabled)>.ui-state-default {
    background: #7FD858;
    color: #fff;
    border-color: #7FD858;
}

.modal-langs,
.modal-exs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    width: 100%;
}

.modal-langs>.row,
.modal-exs>.row {
    width: 100%;
}

.modal-exs a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
}

.modal-exs a span:nth-child(2) {
    margin-left: 5px;
}

.modal-exs a>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.modal-exs a>span:last-child {
    color: #666;
}

.modal-exs a:hover {
    background: #eee;
}

.modal-langs a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    margin-bottom: 10px;
}

.modal-langs a>i {
    display: block;
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.modal-langs a>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}

.modal-langs a:hover {
    background: #eee;
}

#hd_slider>.tns-item {
    transition: 0.2s ease 0s;
}

#hd_slider>.tns-item.tns-slide-active {
    transform: scale(1.070);
    position: relative;
    left: -5px;
    z-index: 10;
}

.whatsappicon-fixed {
    position: fixed !important;
    bottom: 20px;
    left: 20px;
    background: #25D366;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    z-index: 99;
    color: #fff !important;
}

.whatsappicon-fixed i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    color: #fff !important;
}

.whatsappicon-fixed:hover i {
    color: #fff !important;
}

#main_slider>.tns-item.tns-slide-active {
    transform: scale(1);
    position: relative;
    left: 0;
    z-index: 10;
}

.hotel-gal-item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(2/3*100%);
    margin-bottom: 15px;
}

.hotel-gal-item>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease 0s;
}

.hotel-gal-item:hover>img {
    transform: scale(1.1);
    opacity: 0.8;
}

.last-gal-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.p-flight-item {
    background: #eee;
    min-width: 200px;
}

.p-flight-item-price {
    background: #ddd;
    margin-left: 10px;
    padding: 5px;
    border-radius: 0;
    border: solid 1px #ccc;
    color: green;
}

.p-flight-item-price>b {
    font-weight: 600;
}

.owl-carousel {
    display: block !important;
}

.uzat {
    min-height: 300px;
}

.mgc-title {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    color: #fff;
}

.mgc-img {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.mgc-img img {
    width: 100%;
}

.mgc-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}

.mgc-top>span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.mgc-top>a {
    display: block;
    font-size: 30px;
    line-height: 36px;
    color: #fff !important;
}

.popup {
    padding: 0;
    padding: 15px;
    margin: 0;
}

.popup .modal-dialog {
    transform: none;
    padding: 0;
    margin: 0 auto;
}

.popup-content {
    width: 100%;
    height: calc(100vh - 30px);
    background: #fff;
}

.popup-content>.head {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #ddd;
}

.popup-content>.head>a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 22px;
    background: firebrick;
    color: #fff !important;
}

.popup-content>.head>a:hover {
    background: red;
}

.popup-content>.body {
    padding: 15px;
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden;
    overflow-y: auto;
}

.popup-gallery-item {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(720/1280*100%);
    margin-bottom: 20px;
}

.popup-gallery-item>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Modal Share START ------------------------------ */

.modal-share {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.modal-share a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #222 !important;
    width: 100%;
    padding-right: 30px;
    position: relative;
    border-bottom: solid 1px #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.modal-share a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    transition: 0.2s ease 0s;
}

.modal-share a:hover:after {
    right: 10px;
}

.modal-share a i {
    min-width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-size: 16px;
    line-height: 22px;
}

#copy_box {
    background: #fff;
    border: solid 1px #eee;
    padding: 10px 15px;
    position: relative;
    cursor: pointer;
}

#copy_box:hover {
    background: #eee;
}

#copy_box small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #888;
    margin-bottom: 5px;
    pointer-events: none;
}

#copy_box input {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    pointer-events: none;
    position: absolute;
    opacity: 0;
}

#copy_box span {
    font-size: 14px;
    line-height: 20px;
    color: #222;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Modal Share END ------------------------------ */

.cheap-flight-item {
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border: solid 1px #ddd;
    padding: 0 15px;
}

.cheap-flight-item>.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #ddd;
    padding: 15px 0;
}

.cheap-flight-item>.top>.date {
    padding: 5px 10px;
    background: #f5f5f5;
    border: solid 1px #eee;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}

.cheap-flight-item>.top>.price {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
}

.cheap-flight-item>.center {
    padding: 15px 0;
    border-bottom: solid 1px #ddd;
}

.cheap-flight-item>.center>.flights {
    display: block;
}

.cheap-flight-item>.center>.flights>.item {
    padding: 10px 0;
    border-bottom: solid 1px #ddd;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cheap-flight-item>.center>.flights>.item:last-child {
    border-bottom: none;
}

.cheap-flight-item>.center>.flights>.item>.left,
.cheap-flight-item>.center>.flights>.item>.right {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: column;
    min-width: 80px;
    width: 80px;
    display: block;
    text-align: right;
}

.cheap-flight-item>.center>.flights>.item>.right {
    align-items: flex-start;
    text-align: left;
}

.cheap-flight-item>.center>.flights>.item>.left>span,
.cheap-flight-item>.center>.flights>.item>.right>span {
    display: block;
    color: #222;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.cheap-flight-item>.center>.flights>.item>.left>small,
.cheap-flight-item>.center>.flights>.item>.right>small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
}

.cheap-flight-item>.center>.flights>.item>.center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0 15px;
    text-align: center;
}

.cheap-flight-item>.center>.flights>.item>.center>span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #888;
    text-transform: uppercase;
    font-weight: 600;
}

.cheap-flight-item>.center>.flights>.item>.center>.line {
    display: block;
    width: 100%;
    position: relative;
    margin: 15px 0;
}

.cheap-flight-item>.center>.flights>.item>.center>.line:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(50% - 10px);
    transform: translate(0, -50%);
    border-bottom: solid 1px #bbb;
}

.cheap-flight-item>.center>.flights>.item>.center>.line:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(50% - 10px);
    transform: translate(0, -50%);
    border-bottom: solid 1px #bbb;
}

.cheap-flight-item>.center>.flights>.item>.center>.line>span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #bbb;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.cheap-flight-item>.bottom {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cheap-flight-item>.bottom>.found {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}

.cheap-flight-item>.bottom>.found>b {
    font-weight: 600;
}

#cheaps_slider-iw,
#hotel_slider-mw {
    padding: 0 5px;
}

.drop-text-title {
    display: block;
    padding: 15px;
    padding-right: 30px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 0;
    position: relative;
    user-select: none;
    cursor: pointer;
    margin-bottom: 20px;
}

.drop-text-title.active:after {
    content: "\f107";
}

.drop-text-title:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    top: calc(13px + 15px);
    transform: translate(0, -50%);
    right: 10px;
}

.drop-text-content {
    display: none;
    position: relative;
    top: -10px;
    margin-bottom: 10px;
}

.drop-text-content>.inner {
    padding: 15px;
    border: dashed 1px #ddd;
    border-radius: 0;
    background: #fff;
}

.slider-inner-flex {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, 50%);
    width: 100%;
    z-index: 10;
    pointer-events: none;
    margin-top: -50px;
}

.sif-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    pointer-events: all;
}

.sif-desc {
    display: block;
}

.sif-desc .title {
    display: block;
    font-size: 34px;
    line-height: 40px;
    font-weight: 800;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.sif-desc .title ~ .desc {
    margin-top: -10px;
}

.sif-desc > .desc {
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

.sif-flex>.left,
.sif-flex>.right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sif-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* .sif-buttons > .main-btn {
    background: #0E9DAD;
    border-color: #0E9DAD;
}

.sif-buttons > .main-btn:hover {
    background: #0f7c89;
    border-color: #0f7c89;
} */

.sif-logo img {
    width: 250px;
}

.side-nav {
    display: block;
    border: solid 1px #ddd;
    border-radius: 2px;
    background: #fff;
}

.side-nav>a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #888 !important;
    padding: 15px 20px;
    border-bottom: solid 1px #ddd;
    font-weight: 600;
}

.side-nav>a:hover {
    background: #f5f5f5;
    color: #222 !important;
}

.side-nav>a.active {
    background: #0071C2;
    color: #fff !important;
}

.side-nav>a:last-child {
    border-bottom: none;
}

.side-box {
    padding: 20px;
    border: solid 1px #ddd;
}

.side-title {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}

.fav-item {
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 10px;
    border: solid 1px #ddd;
}

.fav-item>.img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(3/4*100%);
    margin-bottom: 10px;
}

.fav-item>.img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fav-item>h2 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin: 0;
}

.fav-item>.price {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 20px;
    line-height: 26px;
    color: #222;
    border-top: solid 1px #ddd;
    padding-top: 5px;
    margin-top: 5px;
}

.fav-item>.price>small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-right: 5px;
    color: #666;
}

.fav-item>.remove {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #fff !important;
    background: firebrick;
    z-index: 10;
}

.fav-item>.remove:hover {
    background: #222;
}

.log-page {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    min-height: 100vh;
    background: #fff;
}

.log-page>.left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 50%;
    min-width: 50%;
}

.log-page>.right {
    min-width: 50%;
    width: 50%;
    position: relative;
}

.log-page>.right>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.log-page>.left>.log-area {
    display: block;
    padding: 20px;
    width: 400px;
    max-width: 100%;
}

.log-page>.left>.log-area>.logo {
    margin-bottom: 40px;
}

.log-page>.left>.log-area>.logo img {
    width: 300px;
}

.log-part {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
}

.log-divider {
    border-bottom: solid 1px #ddd;
    width: 100px;
}

.log-text {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    font-weight: 600;
}

.cbox-group {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.cbox-group input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.cbox-group label {
    display: inline-block;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    margin: 0;
    user-select: none;
}

.cbox-group label>span:first-child {
    min-width: 20px;
    height: 20px;
    border: solid 1px #ccc;
    background: #fff;
    margin-right: 10px;
    position: relative;
    border-radius: 2px;
}

.cbox-group.radio label>span:first-child {
    border-radius: 50%;
}

.cbox-group.radio label>span:first-child:after {
    content: "\f111";
    font-weight: 900;
    font-size: 6px;
    line-height: 6px;
}

.cbox-group input:checked~label>span:first-child:after {
    opacity: 1;
}

.cbox-group input:checked~label>span:first-child {
    background: #0071c2;
}

.efla {
    background: none;
}

.dmt-half {
    margin-top: 10px;
}

.dmb-half {
    margin-bottom: 10px;
}

.dml-half {
    margin-left: 10px;
}

.dmr-half {
    margin-right: 10px;
}

.camp-item {
    min-height: 140px;
    padding: 20px;
    border: solid 1px #e5e5e5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fbfbfb;
}

.camp-item>.img {
    min-width: 100px;
    width: 100px;
    margin-right: 15px;
}

.camp-item>.img>div {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

.camp-item>.img>div>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.camp-item .desc>h3 {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

.camp-item>.desc>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    margin-bottom: 10px;
}

.camp-item .desc {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.camp-item>.desc>.category {
    display: block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    font-weight: 600;
}

.camp-item>.desc>.title,
.camp-item>.desc>.date {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.destinations-row {
    margin-left: -15px;
    margin-right: -15px;
}

.destinations-row>[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
/*    margin-bottom: -10px;*/
margin-right: 0;
}

.destinations-row .city-item {
    margin-bottom: 20px;
}

.destinations-row .ci-img {
    padding-top: calc(3/4*100%);
}

.destinations-row .ci-img.wide {
    padding-top: calc(3/4*100%);
}

.newhotel-item {
    display: block;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.newhotel-item>.img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: calc(720/1280*100%);
    border: solid 1px #ddd;
}

.newhotel-item>.img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s ease 0s;
}

.newhotel-item>.desc {
    padding: 10px 15px;
    background: #fff;
    margin-top: -1px;
    border: solid 1px #eee;
}

.newhotel-item>.desc>.title {
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.newhotel-item>.desc>.stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.newhotel-item>.desc>.stars>i {
    margin-right: 5px;
}

.newhotel-item>.desc>.stars>i:last-child {
    margin-right: 0;
}

.newhotel-item:hover>.img>img {
    transform: scale(1.1);
}

#hotel_slider .newhotel-item {
    margin: 0;
}

.footer-top {
    padding: 140px 0;
    background: #F6921E;
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    margin-bottom: -60px;
}

.footer-top .ftop-title {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}

.footer-top .ftop-caption {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
}

.footer-top .ftop-phone {
    display: inline-block;
    font-size: 40px;
    line-height: 46px;
    font-weight: 400;
    color: #fff !important;
    text-decoration: underline !important;
    margin-bottom: 10px;
}

.footer-top .ftop-phone:hover {
    text-decoration: none !important;
}

.footer-top .ftop-small {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.ftop-icons {
    display: block;
    padding-top: 20px;
    margin-top: 20px;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
}

.ftop-icon {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.ftop-icon>img {
    min-width: 60px;
    width: 60px;
    margin-right: 20px;
}

.ftop-icon>.desc {
    display: block;
}

.ftop-icon>.desc>.ftopicon-title {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

.ftop-icon>.desc>.ftopicon-caption {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.limited-panel-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
    overflow: hidden;
}

.limited-panel-text-toggle {
    font-size: 14px;
    line-height: 20px;
    color: #034EA1 !important;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
}

.limited-panel-text-toggle > .opened {
    display: none;
}

.limited-panel-text-toggle > .closed {
    display: inline-block;
}

.limited-panel-text-toggle.active > .opened {
    display: inline-block;
}

.limited-panel-text-toggle.active > .closed {
    display: none;
}

.limited-panel-text-toggle:hover > span {
    text-decoration: underline !important;
}

.limited-panel-text.active {
    display: block;
}

.main-tags-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.main-tags-box > a {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px;
    border: solid 1px #ddd;
    margin: 5px;
    color: #222 !important;
    background: #fff;
    transition: 0.2s ease 0s;
    position: relative;
}

.main-tags-box > a:hover {
    background: #fbfbfb;
}

.main-tags-box > a:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%, 0);
    border-bottom: solid 2px #ddd;
    width: 20px;
    z-index: 2;
    transition: 0.2s ease 0s;
}

.main-tags-box > a:hover:before {
    width: 100%;
    border-bottom-color: #F6921E;
}

.newslide-desc {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    pointer-events: none;
    transform: translate(0, -50%);
    z-index: 10;
}

.footer-bottom .nav-logos {
    margin-left: 0;
}

.newhotel-result-item {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    border: solid 1px #eee;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.newhotel-result-item > .img {
    display: block;
    position: relative;
    min-width: 35%;
    width: 35%;
}

.newhotel-result-item > .img > div {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(3/4*100%);
}

.newhotel-result-item > .img > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s ease 0s;
}

.newhotel-result-item > .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    padding: 15px;
    width: 100%;
}

.newhotel-result-item > .content > .top {
    display: block;
    width: 100%;
}

.newhotel-result-item > .content > .top > .title {
    display: block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #222;
}

.newhotel-result-item > .content > .top > .location {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    margin-bottom: 10px;
}

.newhotel-result-item > .content > .top > .location > i {
    color: #F6921E;
    margin-right: 5px;
}

.newhotel-result-item > .content > .center {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.newhotel-result-item > .content > .center > .left {
    margin-right: 10px;
}

.newhotel-result-item > .content > .center > .left > .desc {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 5px;
}

.newhotel-result-item > .content > .center > .left > .desc > span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: green;
    margin-bottom: 5px;
}

.newhotel-result-item > .content > .center > .right {
    text-align: right;
    margin-top:10px;
}
.newhotel-result-item > .content > .center > .right > div {
    color:#000;
    font-weight:800;
    font-size: 12px;
}
.newhotel-result-item > .content > .center > .right > .price {
    white-space: nowrap;
    margin-bottom: 5px;
}

.newhotel-result-item > .content > .center > .right > .price > small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #444;
    margin-bottom: 5px;
}

.newhotel-result-item > .content > .center > .right > .price > span {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #222;
}

.newhotel-result-item > .content > .center > .right > .price > span > small {
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #444;
}

.newhotel-result-item > .content > .bottom {
    display: block;
    width: 100%;
}

.newhotel-result-item > .content > .bottom > .rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.newhotel-result-item > .content > .bottom > .rating > span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    margin-right: 5px;
    font-weight: 600;
}

.newhotel-result-item > .content > .bottom > .rating > .stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.newhotel-result-item > .content > .bottom > .rating > .stars > i {
    margin-right: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #F6921E;
}

.newhotel-result-item > .content > .bottom > .rating > .stars > i:last-child {
    margin-right: 0;
}

.oneprice {
    white-space: nowrap;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 10px;
    background: #F6921E;
    margin-bottom: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}

.oneprice > small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-left: 4px;
}

.newhotel-result-item:hover > .img > div > img {
    transform: scale(1.1);
}

.mobile-slide-sign-box {
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.mobile-slide-sign-box > .caption {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #034EA1;
    margin-bottom: 10px;
}

.mobile-slide-sign-box > .buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.mobile-slide-sign-box > .button > .main-btn {
    margin: 5px;
}

.result-map {
    display: block;
    min-width: 160px;
    position: relative;
    border: solid 1px #ddd;
}

.result-map>div {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(720/1280*100%);
}

.result-map>div>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.result-map>div>.main-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.fas.fa-heart{
    color:#FF0000 ;
}
.far.fa-heart{
    color:#FFF ;
}
.tooltip-box {
    display: inline;
    position: relative;
}

.tooltip-box > .tb-caption {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 5px 10px;
    background: rgba(0,0,0,1);
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
}

.tooltip-box > .tb-toggle:hover ~ .tb-caption {
    opacity: 1;
    z-index: 2;
    pointer-events: all;
}
.buttonbar-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10px;
    margin-bottom: 20px;
}
.departureSec>label {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
    background: #FFF;
    border: solid 1px #ddd;
    margin: 0;
    cursor: pointer;
}
.departureSec>label:hover {
    background: #34C200;
}
.departureSec.active>label{
    background: #34C200;
}
.returnBottom.active>label{
    background: #34C200;
}
.returnBottom>label {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 10px;
    background: #FFF;
    border: solid 1px #ddd;
    margin: 0;
    cursor: pointer;
}
.returnBottom>label:hover {
    background: #34C200;
}
.departureRadio{
    display: none;
}
.returnRadio{
    display: none;
}
.ui-widget-content{
    z-index: 100 !important;
}
.hotel-list-item {
    padding: 15px;
    border: solid 1px #bbb;
    border-radius: 2px;
    margin-bottom: 20px;
    background: #fff;
}

.hli-img {
    display: block;
    width: 100%;
    position: relative;
}

.hli-img>div {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    border-radius: 2px;
}

.hli-img>div>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hli-img>div>.img-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hli-img>div>.img-link>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hli-img>div>.favorite-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    max-width: 18px;
    max-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-size: 24px;
    line-height: 30px;
    text-shadow: 0px 1px 3px #000;
}

.hli-img>div>.favorite-icon {
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
}

.hli-img>div>.favorite-icon:hover {
    background: rgba(0, 0, 0, 0.8);
}

.hli-desc .top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.hli-desc .top>a {
    margin-right: 10px;
    margin-bottom: 5px;
}

.hli-desc .top>a>h2 {
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #0071C2 !important;
    margin-bottom: 0;
}

.hli-desc .top>a:hover>h2 {
    color: #F46F16 !important;
}

.hli-desc .top>.stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.hli-desc .top>.stars>i {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #FEBB02;
    margin-right: 5px;
}

.stars>i {
    font-size: 13px;
    line-height: 19px;
    color: #FEBB02;

}

.hli-desc .top>.stars>i:last-child {
    margin-right: 0;
}

.hli-desc .location {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}

.hli-desc .location>a {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #0071C2 !important;
    margin-right: 10px;
    font-weight: 600;
    position: relative;
    text-decoration: underline !important;
}

.hli-desc .text {
    padding-left: 10px;
    border-left: solid 2px #ddd;
    width: 75%;
}

.hli-desc .text>.specs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.hli-desc .text>.specs>span {
    display: block;
    font-size: 13px;
    line-height: 19px;
    color: #222;
    margin-right: 5px;
}

.hli-desc .text>.specs>span:last-child {
    margin-right: 0;
}

.hli-desc .text>.caption>span {
    display: block;
    font-size: 13px;
    line-height: 19px;
    /*font-weight: 600;*/
    color: #008009;
}

.hli-side {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
    height: 100%;
}

.hli-side>.ratings {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.hli-side>.ratings>div {
    text-align: right;
}

.hli-side>.ratings>div>span {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #222;
}

.hli-side>.ratings>div>small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

.hli-side>.ratings>span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    min-width: 34px;
    height: 34px;
    background: #003580;
    border-radius: 4px 4px 4px 0;
    margin-left: 10px;
    padding: 5px 10px;
}

.hli-side>.comfort {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #0071C2;
    margin-bottom: 5px;
}

.hli-side>.dates {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #666;
}

.hli-side>.price {
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    color: #003580;
}

.hli-side>.include {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    margin-bottom: 5px;
}
.ajans{
    display:inline !important;
    float: right;
    font-size: 20px !important;
    padding: 10px 20px;
}
.ci-dest{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    background: #F7941D;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 20px;
}
.main-btn.login{
    color:#0000FF !important;
    background-color: #FFF;
    border-color: #0000FF;
}

.shop-list {
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 20px;
}

.hu-hotel-map-item {
    padding: 10px !important;
    border: none !important;
    cursor: pointer !important;
    background: #fff !important;
    transition: 0.2s ease 0s;
}

.hu-hotel-map-item > .inner {
    display: block;
    padding: 10px;
    border: solid 1px #ddd;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
}

.hu-hotel-map-item > .inner > .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: calc(720/1280*100%);
    margin-bottom: 10px;
}

.hu-hotel-map-item > .inner > .img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hu-hotel-map-item:hover {
    background: #f5f5f5 !important;
}

.hu-hotel-map-item > .inner > .content > .stars {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.hu-hotel-map-item > .inner > .content > .stars > i {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #FEBB02;
}

.hu-hotel-map-item > .inner > .content > .stars > i:not(:last-child) {
    margin-right: 4px;
}

.hu-hotel-map-item > .inner > .content {
    display: block;
}

.hu-hotel-map-item > .inner > .content > .title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
}

.hu-hotel-map-item > .inner > .content > .caption {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    font-weight: 400;
}
.modal-content {
    position: relative;
}

.modal-content > button.close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -15px;
    right: -15px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.4);
    border: solid 1px #eee;
    z-index: 10;
    opacity: 1 !important;
}

.modal-content > button.close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    line-height: 20px;
    color: #222;
}

.modal-content > button.close > span {
    display: none;
}