@import url(https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext,vietnamese);
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Infant:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
body {font-family: Muli, sans-serif;font-size: 16px;line-height: 1.8;letter-spacing: 0.3px;text-rendering: optimizeLegibility;color: #1c1c1c;cursor: auto;font-weight: 500;}
body:lang(ru) {font-family: 'Montserrat', sans-serif;}
.container-srdr {width:1240px;
padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/*.covid {position: absolute;left: 17px;top: 112px;text-align: center;padding: 20px 25px 15px;background-color: #000000;color: white;border: 2px solid;line-height: 1.5;border-radius: 25px 0;}
.covid .covidname {font-family: 'Dancing Script', cursive;font-size: 25px;letter-spacing: 2px;line-height: 0;}
.covid .covidozet {font-size: 13px;line-height: 0;}*/
.covid {position: absolute;left: 0px;top: 150px;text-align: center;background-color: #000000;color: white;writing-mode: vertical-rl;height: max-content;padding: 10px;line-height: normal;font-size: 18px;letter-spacing: 1px;width: 50px;display: flex;align-items: center;}

.covid:lang(ru) {font-size: 15px;}
#HotelAgentWidget {
    top: 19%;
}
#background-video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.wdg {
position: absolute;
    width: 100%;
    display: flex;
    z-index: 101;
    height: 100px;
    justify-content: center;
    bottom: 10%;
    left: 0;
}
.etsrez {
    background: #000;
    color: #fff !important;
    text-decoration: none;
    outline: none;
	height: auto;
	border: 2px black;
    border-radius: 0 !important;
    padding: 6px 15px !important;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Muli' !important;
    letter-spacing: 1px;
    text-transform: uppercase;
	position: absolute;
	top: 20px;
    right: 70px;
	display: inline-table;
	z-index: 101;
}
.etsrezmob {
    background: #000;
    color: #fff !important;
    text-decoration: none;
    outline: none;
	height: auto;
	border: 2px black;
    border-radius: 0 !important;
    padding: 10px 15px !important;
    font-size: 17px;
    font-weight: 300;
    font-family: 'Muli' !important;
    letter-spacing: 1px;
    text-transform: uppercase;
	position: absolute;
    right: 0;
	display: none;
	z-index: 101;
}
.brdr img{
	border-radius:10px;
}
.langen .okudumanladim, .langde .okudumanladim, .langru .okudumanladim {display: none}
#check {display: none !important}
.mobfooter{visibility:hidden;}
.header {position: fixed;z-index: 99;background: transparent;top: 0;height: 0px;}
.logodiv {position: relative;z-index: 9;padding: 15px;display: block;}
img.logo {width: 190px}
.col-dil {position: absolute;top: 10px;z-index: 999;right: 240px;}
.langde .col-dil {right: 250px;}
.langru .col-dil {right: 260px;}
.dil.dropdown {z-index: 9}
.dil.dropdown .navbar {padding: 0}
.dil.dropdown .navbar-light .navbar-nav .nav-link {font-size: 17px}
.dil.dropdown .dropdown-menu {min-width: 50px}
.dil.dropdown .dropdown-item {width: 50px;padding: 5px 10px;    text-align: center;}
.col-rezbtn {position: absolute;right: 80px;z-index: 999;top: 25px;font-size: 17px}
/*.col-callcenter {position: absolute;z-index: 999;top: 20px;border: 2px solid white;border-radius: 20px 0 !important;padding: 6px 15px !important;font-size: 17px;font-weight: 300;font-family: 'Muli' !important;letter-spacing: 1px;background-color: black;right: 242px;}*/
button#ets-widget-reservation-button-module-container {border: 2px black;border-radius:  0 !important;padding: 6px 15px !important;font-size: 17px;font-weight: 300;font-family: 'Muli' !important;letter-spacing: 1px;text-transform: uppercase;}
button#ets-widget-reservation-button-module-container:lang(ru) {font-family: 'Montserrat', sans-serif;}
/*.col-callcenter a,.col-callcenter a:hover {color: white;}*/
div#ets-widget-hotel-search-container {display: none;}
.langtr div#ets-widget-hotel-search-container,.langen div#ets-widget-hotel-search-container {display: block;}

.col-callcenter, .col-callcentermail {
    position: absolute;
    z-index: 99;
    right: calc(-260px + 50px);
    width: 260px;
    top: 205px;
    overflow: hidden;
    background-color: black;
    transition: all .5s ease;
}
.col-callcentermail {
    top: 280px;
    right: calc(-353px + 50px);
    width: 353px;
}
    .col-callcenter:hover, .col-callcentermail:hover{
        right: 0;
        transition: all .5s ease;
    }
    .col-callcenter a, .col-callcentermail a {
        padding: 13px 0;
        text-decoration: none;
    }
    .col-callcenter i, .col-callcentermail i{
        background-color: white;
        padding: 14px;
        color: black;
        width: 50px;
    }
    .col-callcenter span, .col-callcentermail span {
        color: white;
        padding: 0 15px;
    }






.namename{text-transform:uppercase;}
.col-rezbtn a,.col-rezbtn a:hover {text-decoration: none;color: #fff;padding: 10px 15px;text-transform: uppercase;background-color: #000;font-weight: 100;border: none}
/*.col-callcenter a,.col-callcenter a:hover {text-decoration: none;color: #fff;padding: 10px 15px;text-transform: uppercase;background-color: #000;font-weight: 100;border: none}*/
nav.navbar.navbar-expand-lg {width: 100%;border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0}
.navbar-nav .nav-link {color: #000;padding: 16px 0 12px;text-transform: uppercase;letter-spacing: .05em;font-weight: 100}
.navbar-nav .nav-link span {border-bottom: solid 1px transparent;display: inline-block;transition-duration: .3s;transition-property: all}
.hvr-underline-from-left:before {background: #1c1c1c;height: 1px}
.button_container {position: absolute;top: 35px;right: 18px;height: 27px;width: 37px;cursor: pointer;z-index: 100;transition: opacity .25s ease}
.button_container:hover {opacity: .7}
.button_container.active .top {transform: translateY(15px) translateX(0) rotate(45deg);top: 0;width: 100%}
.button_container.active .middle {opacity: 0}
.button_container.active .bottom {transform: translateY(-7px) translateX(0) rotate(-45deg);top: 22px}
.button_container span {background: #000;border: none;height: 2px;width: 100%;position: absolute;top: 0;left: 0;transition: all .35s ease;cursor: pointer;color: #000}
.button_container span.menutext {top: -20px;font-size: 13px;height: 0}
.button_container span:nth-of-type(2) {top: 8px;width: 75%}
.button_container span:nth-of-type(3) {top: 16px;width: 49%}
.overlay {position: fixed;background: rgba(255, 255, 255, .4);top: 0;left: 0;width: 100%;height: 0%;opacity: 0;visibility: hidden;transition: opacity .35s, visibility .35s, height .35s;overflow: hidden}
.overlay.open {opacity: 1;visibility: visible;height: 100vh;z-index:99;}
.overlay.open li {animation: fadeInRight .5s ease forwards;animation-delay: .35s}
.overlay.open li:nth-of-type(2) {animation-delay: .4s}
.overlay.open li:nth-of-type(3) {animation-delay: .45s}
.overlay.open li:nth-of-type(4) {animation-delay: .5s}
.overlay nav {position: relative;height: 100%;top: 0;font-size: 23px;text-align: right}
.overlay ul {list-style: none;padding: 85px 20px 0;display: inline-block;position: relative;height: 100%;width: 400px;background-color: #aaccd2;text-align: left}
.ru .overlay ul {width: 400px;}
.overlay ul li {display: block;height: 40px;min-height: 17px;position: relative;text-transform: uppercase;opacity: 0}
.overlay ul li a {display: block;position: relative;color: #000;text-decoration: none;overflow: hidden;font-size: 20px;font-weight: 500}
.overlay ul li a:lang(ru) {font-size: 19px;}
.overlay ul li a:active:after,.overlay ul li a:focus:after,.overlay ul li a:hover:after {width: 100%}
@keyframes fadeInRight {0% {opacity: 0;left: 20%}100% {opacity: 1;left: 0}}
.menusocial {position: absolute;bottom: 20px;width: 85%;text-align: center;}
.menusocial a {color: black;margin: 0 5px;}

.backimg {background-position: bottom;background-repeat: no-repeat;background-size: cover}
.testimonials {position: relative}
.testimonials .owl-item {height: 100vh;opacity: .3;transform: scale(1) translate3d(0, -45px, 0) rotateY(0);transition: all ease-in-out .7s;-webkit-transition: all ease-in-out .7s;-moz-transition: all ease-in-out .7s;-ms-transition: all ease-in-out .7s;-o-transition: all ease-in-out .7s;margin: 0 !important}
.testimonials .owl-item.center {padding: 0;opacity: 1;transform: scale(1) translate3d(0, 0, 0) rotateY(0);transition: all ease-in-out .7s;-webkit-transition: all ease-in-out .7s;-moz-transition: all ease-in-out .7s;-ms-transition: all ease-in-out .7s;-o-transition: all ease-in-out .7s}
#customers-testimonials .item {text-align: center;height: 100%}
.testimonials .owl-carousel .owl-nav [class*=owl-] {transition: all .3s ease}
.testimonials .owl-carousel .owl-nav [class*=owl-].disabled:hover {background-color: #d6d6d6}
.testimonials .owl-carousel {position: relative}
.testimonials .owl-carousel .owl-next,.testimonials .owl-carousel .owl-prev {position: absolute;top: 45%}
.testimonials .owl-dot {float: left;width: 15px;height: 15px;border: 1px solid #000;border-radius: 58px;margin: 10px 2px}
.testimonials .owl-dot.active {background-color: #000}
.testimonials .owl-dots {min-width: 100px;margin-top: -15px;margin: 0 auto;width: 350px;padding: 10px;text-align: center;margin-bottom: 60px}
.testimonials .owl-carousel .owl-next {right: 20%}
.testimonials .owl-carousel .owl-prev {left: 20%}
.testimonials .owl-carousel .owl-next img {height: 60px}
.testimonials .owl-carousel .owl-prev img {height: 60px}
.sectslider .scrollbtn, .innersectslider .scrollbtn {position: absolute;z-index: 9;bottom: 10px;width: 100%;}
.sectslider .scrollbtn a, .innersectslider .scrollbtn a {padding-top: 70px;margin: 0 auto;text-align: center;width: 116px;display: block;}
.sectslider .scrollbtn a span, .innersectslider .scrollbtn a span {position: absolute;top: 0;left: 50%;width: 30px;height: 50px;margin-left: -15px;border: 2px solid #fff;border-radius: 50px;box-sizing: border-box;}
.sectslider .scrollbtn a span::before, .innersectslider .scrollbtn a span::before {position: absolute;top: 10px;left: 50%;content: '';width: 6px;height: 6px;margin-left: -3px;background-color: #fff;border-radius: 100%;-webkit-animation: sdb10 2s infinite;animation: sdb10 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb10 {
0% {-webkit-transform: translate(0, 0);opacity: 0;}
40% {opacity: 1;}
80% {-webkit-transform: translate(0, 20px);opacity: 0;}
100% {opacity: 0;}
}
@keyframes sdb10 {
0% {transform: translate(0, 0);opacity: 0;}
40% {opacity: 1;}
80% {transform: translate(0, 20px);opacity: 0;}
100% {opacity: 0;}
}
.otelimiz img {width: 100%;height: 100%}
.otelimiz h5 {font-family: 'Cormorant Infant', serif;font-size:40px}
.otelimiz h5:lang(ru) {font-family: 'Montserrat', sans-serif;font-size: 30px;}
.homeroomsect.full.slide {position: relative;margin: 15px 0;padding: 45px 0}
.slide {height: 100%;text-align: center;background-position: 50% 50%}
.slick-initialized .slick-slide {display: block}
.slider-for {position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0}
.slick-track {position: relative;top: 0;left: 0;display: block}
.slider-for .slide {height: 100%;min-height: initial}
.slider-nav {height: 100%}
.slick-list,.slick-track {height: 100%}
.homeroomsect.full.slide .launch {margin: 0;text-align: center;color: #fff;width: 60rem}
.homeroomsect.full.slide .launch-wrapper {position: relative;width: 85%;height: 100%;margin: 0 auto;border: 3px solid #fff}
.homeroomsect.full.slide .launch-content {position: absolute;top: 50%;left: 50%;width: 80%;color: #fff;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%)}
.launch-content {-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear}
.homeroomsect.full.slide .launch .title {font-family: "Times New Roman", serif;font-size: 45px;line-height: 45px;font-weight: 500}
.homeroomsect.full.slide .launch .title:lang(ru) {font-family: 'Montserrat', sans-serif;    font-size: 36px;}
.homeroomsect.full.launches-half .launch a,.homeroomsect.full.slide .launch a {color: #fff}
.homeroomsect.full.slide .launch .btn {font-size: 1.2rem;text-transform: uppercase;font-weight: 300;background: url(../images/btn-next.png) right 50% no-repeat;padding-right: 30px}
.homeroomsect .cover {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4)}
.homeroomsect .slick-dots li {width: 13px;height: 13px;background-color: #fff;border-radius: 50%}
.homeroomsect .slick-dots li.slick-active {background-color: #000}
.homeroomsect .slick-dots {bottom: -32px}
.slider-for,.slider-for .slick-list,.slider-for .slick-track {height: 100%}
.sectslider .slide-text h1,.sectslider .slide-text h2 {font-weight: 300}
.sectslider .slide-text h2 {font-size: 40px}
.sectslider .slide-text h1 {font-size: 60px}
.back-img,.back-img2 {background-position: center;background-size: cover}
.back-contain {background-position: center;background-size: contain;background-repeat: no-repeat}
.logoicon {width: 175px;position: relative;margin: 0 auto 10px}
.homerestsect a {position: relative;left: 41%}
.homepageviewtitle,
.homeresttitle {font-weight: 300}
.h400 {height: 400px !important}
.h500 {height: 500px !important}
.homepageviewdiv h2 {text-transform: uppercase;font-weight: 200}
.homepageviewdiv a:hover {text-decoration: none}
.homepageviewdiv .blackover {background-color: rgba(0, 0, 0, .6);padding: 20px 10px;z-index: 9999;opacity: 0;-webkit-transition: opacity .3s ease}
.homepageviewdiv:hover .blackover {-webkit-transition: opacity .3s ease;opacity: 1}
.homepageviewtitle {position: absolute;bottom: 0;width: 92% !important;z-index: 9;-webkit-transition: opacity .3s ease;opacity: 1}
.homepageviewdiv:hover .homepageviewtitle {opacity: 0;-webkit-transition: opacity .3s ease}
.altmenu a:hover {text-decoration: none}
.altmenu a {border-left: 1px solid #fff}
.altmenu a:first-child {border: none}
.footer_end a,.footer_end a:hover {color: #000}
.footer_end i {font-size: 25px;margin: 0 5px}
.mescoimg {margin-right: -119px;bottom: 0;transition: 1s;width: auto;height: 25px}
.mescoimg:hover {margin-right: 0 !important;transition: 1s;margin-right: -119px;bottom: 0}
.homeslide .owl-prev,.innersectslider .owl-prev {float: left;left: 15px;position: absolute;top: 49%}
.homeslide .owl-next,.innersectslider .owl-next {float: right;right: 15px;position: absolute;top: 49%}
.innersectslider,.innersectslider .back-img,.innersectslider .back-img2 {height: 100vh}
.innersectslider .cover {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);position: absolute}
.innersectslider .back-img,.innersectslider .back-img2 {padding: 13% 0 10%}
.innerslidertext {width:60%;text-align: center;height: 100%;margin: 0 auto;padding: 10% 0;color: #fff;border: 6px solid #fff;position: relative}
.innerslidertext h1 {font-size: 60px;font-family: "Times New Roman", serif}
.innerslidertext h1:lang(ru) {font-family: 'Montserrat', sans-serif;}
.innersectslider .owl-dots {position: absolute;bottom: 22%;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center}
.innersectslider .owl-dot {width: 13px;height: 13px;background-color: #fff;display: inline-block;border-radius: 50%;margin: 0 4px}
.innersectslider .owl-dot.active {background-color: #000}
img.zoom {right: 5px;top: 5px;position: absolute;z-index: 9;width: 30px !important;height: 30px}
.roominner .owl-prev {float: left;left: 0;position: absolute;top: 43%;background-color: rgba(255, 255, 255, .5);border-bottom-right-radius: 3px;border-top-right-radius: 3px}
.roominner .owl-next {float: right;right: 0;position: absolute;top: 43%;background-color: rgba(255, 255, 255, .5);border-bottom-left-radius: 3px;border-top-left-radius: 3px}
.roominner .owl-next:hover,.roominner .owl-prev:hover {background-color: rgba(255, 255, 255, .8)}
.roominner .owl-next img,.roominner .owl-prev img {opacity: .8}
.basliktext h1 {font-size: 45px;color: #000;margin: 15px 0 0 0;font-weight: 500;font-family: 'Cinzel', serif}
.basliktext h1:lang(ru) {font-family: 'Montserrat', sans-serif;}
.basliktext,.basliktext h1 {text-transform: uppercase}
h3.basliktext {font-family: "Times New Roman", serif;font-weight: 600;font-size: 21px;line-height: 1;color: #000}
h3.basliktext:lang(ru) {font-family: 'Montserrat', sans-serif;}
.image_wid {height: 210px;background-position: center;background-size: cover}
.gallery-content .gallery_item {overflow: hidden}
.section_page-gallery {background-color: #fff;padding-top: 40px;padding-bottom: 120px}
.gallery .heading {margin-bottom: 40px}
.gallery.no-padding .gallery-cat {padding-left: 15px;padding-right: 15px}
.gallery.no-padding .gallery-content {margin-top: 40px}
.gallery.no-padding .gallery-content .row {margin-left: 0;margin-right: 0}
.gallery.no-padding .gallery-content [class*=col-] {padding-left: 0;padding-right: 0;margin-top: 0}
.gallery.no-padding .gallery-content .item {margin-top: 0}
.gallery-content .our-gallery,.gallery.gallery-3 .gallery-content [class*=col-] {margin-top: 30px}
.gallery-content {margin-top: 20px;margin-bottom: 20px}
.gallery-content .gallery_item {position: relative}
.gallery-content .gallery_item img {width: 100%}
.gallery-content .gallery_item a:focus img,.gallery-content .gallery_item a:hover img {opacity: 1}
.gallery-content .gallery_item .text {position: absolute;bottom: 10px;left: 15px;right: 15px;color: #fff;z-index: 10;font-size: 16px;pointer-events: none;font-weight: 400;opacity: 0;visibility: hidden;-webkit-transform: translate(0, 50%);-moz-transform: translate(0, 50%);-ms-transform: translate(0, 50%);-o-transform: translate(0, 50%);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;max-width: 280px}
.gallery-content .gallery_item:hover .text {opacity: 1;visibility: visible;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0)}
.gallery-content .gallery_item:hover:before {top: 0;opacity: .9}
.gallery-content .our-gallery .awe-btn {min-width: 180px}
.gallery-content.hover-img .gallery_item:before {background: 0 0}
.gallery-content.hover-img .gallery_item img {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.gallery-content.hover-img .gallery_item:hover img {transform: scale(1.1)}
.gallery-isotope .item-isotope {float: left;margin-top: 20px;padding-left: 10px;padding-right: 10px}
.gallery-isotope.pd-0 .item-isotope {padding: 0;margin-top: 0}
.gallery-isotope.col-3 .item-isotope,.gallery-isotope.col-3 .item-size {width: 33.333333%}
.gallery-isotope.col-4 .item-isotope,.gallery-isotope.col-4 .item-size {width: 25%}
.gallery-isotope.col-4 .item-isotope.larger {width: 50%}
.gallery-isotope.col-6 .item-isotope,.gallery-isotope.col-6 .item-size {width: 16.66666667%}
.gallery-cat ul {margin-bottom: 0;font-size: 0}
.gallery-cat ul li {font-size: 16px;display: inline}
.gallery-cat ul li a {color: #232323;display: inline;padding: 7px 15px;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;font-size: 13px;font-weight: 300}
.gallery-cat ul li.active a,.gallery-cat ul li:hover a {background-color: #000;color: #fff}
.gallery_item {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.lazyl {background-position: center;background-size: cover;margin-bottom: 17px;height: 153px}
.maps {margin-bottom: 40px}
.mt-4 {margin-top: -40px}
.contact-form div {margin-bottom: 5px}
.iletisim input {height: 50px;line-height: 50px;border: 1px solid #000;padding: 0 20px;outline: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;-webkit-transition: all .3s linear 0s;-khtml-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-ms-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s}
.iletisim input[type=email],.iletisim input[type=password],.iletisim input[type=search],.iletisim input[type=text] {width: 100%}
.iletisim input:active,.iletisim input:focus,.iletisim input:hover {border-color: #254117;outline: 0;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent}
.iletisim textarea {border: 1px solid #000;padding: 15px 20px;outline: 0;width: 100%;-webkit-border-radius: 0;-khtml-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent;-webkit-transition: all .3s linear 0s;-khtml-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-ms-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s}
.iletisim textarea:active,.iletisim textarea:focus,.iletisim textarea:hover {border-color: #254117;outline: 0;-webkit-box-shadow: 0 0 0 transparent;-khtml-box-shadow: 0 0 0 transparent;-moz-box-shadow: 0 0 0 transparent;-ms-box-shadow: 0 0 0 transparent;-o-box-shadow: 0 0 0 transparent;box-shadow: 0 0 0 transparent}
.form-control {background-image: url(../images/assets/select-arrow.jpg) !important}
div#btnIletisim {border: 2px solid #0b364d;padding: 10px;font-weight: 600;color: #0b364d;margin-bottom: 5px;float: right}
div#btnIletisim:hover {border: 2px solid #0b364d;padding: 10px;font-weight: 600;color: #fff;background-color: #0b364d}
.ikformgonder {border: 2px solid #1f0000}
.iletisim a,.iletisim a:hover {color: #000;text-decoration: none}
.roomsinner .back-img {height: 250px;padding: 25px;-webkit-transform: scale(1);transform: scale(1);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.roomsinner .back-img2 {height: 340px;border-radius:10px;padding: 25px;-webkit-transform: scale(1);transform: scale(1);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.roomsinner .bordercover {border: 2px solid #fff;height: 100%;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.roomsinner .back-img:hover,.roomsinner .back-img2:hover {padding: 0;-webkit-transform: scale(1.1);transform: scale(1.1);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;filter: grayscale(1)}
.roomsinner figure {overflow: hidden}
.roomsinner .devam {/*position: absolute;*/bottom: 0;margin: 5px 0}
.roomsinner .devam2 {/*position: absolute;*/bottom: 0;margin: 5px 0}
.roomsinner .devam a {text-decoration: underline;}
.roomsinner .devam2 a {text-decoration: none;border-radius:10px;border:1px solid #343434;padding:5px 10px;transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;}
.roomsinner .devam2 a:hover {background-color:#343434;color:#fff!important;}
a.digeroge {color: #1c1c1c;letter-spacing: .03em;line-height: 1.2em;font-size: 14px;text-transform: uppercase;margin-bottom: 0;padding: 5px 5px 5px 0;display: block}
.ustname {color: #1c1c1c;line-height: 1.4em;font-size: 14px;text-transform: uppercase;display: block;margin-bottom: 10px}
.roomtextex {width: 90px;line-height: 1.5;margin: 5px 15px 5px }
.de .roomtextex {line-height: 1.8;font-size: 13px;}
.roomtextnumber {margin: 0 10px}
.roomtextnumber h1 {font-family: "Times New Roman", serif;font-size: 60px;line-height: 1}
.roomtextnumber h1:lang(ru) {font-family: 'Montserrat', sans-serif;}
.roominner a,.roominner a:hover {color: #000;text-decoration: none}
.otelimiz a,.otelimiz a:hover,.roominner .myters a,.roominner .myters a:hover,.roomsinner a figure,.roomsinner a:hover figure {cursor: url(/images/icon-zoom-white.png), auto}
.roominner a:hover img {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;filter: grayscale(1)}
.roominner a img {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;filter: grayscale(.6)}
.otelimiz .roomimg,
.roominner .roomimg {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: grayscale(.6);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.otelimiz a:hover .roomimg,
.roominner a:hover .roomimg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    filter: grayscale(1)
}

.otelimiz figure,
.roominner figure {
    overflow: hidden
}

.roominner .roomafter {
    text-decoration: underline
}

.roomdetayimg1 {
    height: 200px;
    margin-bottom: 10px;
    margin-right: 10px
}

.roomdetayimg2 {
    height: 170px;
    margin-right: 10px;
    margin-bottom: 10px
}

.roomdetayimg3 {
    height: 380px;
    margin-bottom: 10px
}

.roomdetayimg4 {
    height: 175px
}

.roominner h1 {
    font-family: 'Cinzel', serif
}
.roominner h1:lang(ru) {font-family: 'Montserrat', sans-serif;}

.roominner .fotodiv {
    width: 18%;
    height: 120px;
}
p.icontext {
    font-size: 13px;
}
.ourhotelicon .fotodiv {
    width: 15.5%;
    height: 160px;
    /*background-color: #f2f2f2;*/
    margin: 5px !important;
    padding: 35px 0;
}


    .ourhotelicon .fotodiv p {
        line-height: 1.23;
        margin: 8px 0;
        font-size: 13px;
        font-weight: 700
    }

button.navbar-toggler {
    position: absolute;
    right: 0;
    top: -50px;
    border: none
}

nav.navbar.navbar-expand-lg.navbar-light {
    background: #fff;
    text-align: center;
    padding: 0
}

.h540 {
    height: 540px
}

.h80vh {
    height: 80vh
}

.galvid {
    position: absolute;
    z-index: 9;
    bottom: 70px;
    right: 50px
}

    .galvid a {
        display: inline-block;
        color: #000;
        font-size: 19px;
        font-weight: 400
    }

        .galvid a:first-child {
            margin-right: 40px
        }
        .ru .galvid a:first-child {
            margin-right: 10px;
        }

.innerpage .galvid a img {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}
.innerpage .galvid.text-center {
    top: 14px;
    left: 6px;
    right: auto;
    position: fixed;
    z-index: 9999;
	bottom:auto;
}
.innerpage .galvid a:first-child {
    margin-right: 20px
}
.konum .fotolist{
    display:flex;
    justify-content:center;
}

.masonry {
    transition: all .5s ease-in-out;
    column-gap: 5px;
    column-fill: initial
}

    .masonry .brick {
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        overflow: hidden
    }

        .masonry .brick img {
            backface-visibility: hidden;
            width: 100%;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            filter: grayscale(.6);
            transform: scale(1)
        }

        .masonry .brick:hover img {
            cursor: url(/images/icon-zoom-white.png), auto;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            filter: grayscale(1);
            transform: scale(1.1)
        }

    .masonry.bordered {
        column-rule: 1px solid #eee;
        column-gap: 50px
    }

        .masonry.bordered .brick {
            padding-bottom: 25px;
            margin-bottom: 25px;
            border-bottom: 1px solid #eee
        }

    .masonry.gutterless {
        column-gap: 0
    }

        .masonry.gutterless .brick {
            margin-bottom: 0
        }

.sadecemobilgalerim {
    display: none;
    color: #b9945b;
    font-size: 15px;
    text-align: left;
    padding: 5px 10px;
    margin: 10px 0;
    border-bottom: 1px solid #b9945b;
    cursor: pointer;
    width: 100%;
    float: left;
}

.showyap {
    display: inline !important;
}

.showyapma {
    display: none ;
}


.safetour {
    position: absolute;
    bottom: 50px;
    height: 125px;
    left: 13%;
    z-index: 9;
}
.tc {    
    position: absolute;
    bottom: 50px;
    height: 125px;
    left: 5%;
    z-index: 9;

}


.modal-body .owl-prev {position: absolute;z-index: 9999;left: 30px;top: 50%;}
.modal-body .owl-next {position: absolute;z-index: 9999;right: 30px;top: 50%;}
div#exampleModal {z-index: 99999999999;}
.modal-dialog.modal-dialog-centered {max-width: 38% !important;}


@media only screen and (min-width:768px) and (max-width:1023px) {
    .masonry {
        column-count: 2
    }
}

@media only screen and (min-width:1024px) {
    .desc {
        font-size: 1.25em
    }

    .intro {
        letter-spacing: 1px
    }

    .masonry {
        column-count: 4
    }
 
}

@media (min-width:1700px) {
    .innerpagepadding {
        padding: 0 10rem !important
    }
}
div#ets-widget-hotel-search-container {
    position: absolute;
    z-index: 999;
    right: 50px;
    top: 70px!important;
}

#ets-widget-reservation-button-container {
    position: fixed;
    top: 16px !important;
    z-index: 99999;
    right: 72px;
}


@media (max-width:1500px) {
    button#ets-widget-reservation-button-module-container {
        font-size: 15px;
    }
    #ets-widget-reservation-button-container {
        right: 65px;
    }
  /*  .col-callcenter {
        top: 16px;
        font-size: 15px;
        right: 220px;
    }*/
    .col-dil {
        top: 7px;
        right: 225px;
    }
    .langen .col-dil {
        right: 210px;
    }

    .langru .col-dil {
        right: 230px;
    }
    .col-callcenter {
        right: calc(-230px + 50px);
        width: 230px;
    }  
    .col-callcentermail {
        right: calc(-312px + 50px);
        width: 312px;
    }
    .overlay ul {
        width: 465px;
    }
        .overlay ul li {
            height: 30px;
        }
            .overlay ul li a {
                font-size: 18px;
            }
}

@media (min-width:1500px) {

    #ets-widget-reservation-button-container {
        top: 20px !important;
    }
	.modal-dialog.modal-dialog-centered {max-width: 43% !important;}

    body {
        font-size: 19px;
    }
    .otelimiz h5 {
        font-size: 60px;
    }
    .otelimiz h5:lang(ru) {
        font-size: 36px;
    }
    .roomtextnumber h1 {
        font-size: 70px;
    }

    .testimonials .owl-item {
        margin: 0 !important
    }

    #customers-testimonials .item {
        background-position: right
    }

    .homeroomsect.full.slide .launch {
        width: 70rem
    }

    .homeroomsect.full.slide .launch-wrapper {
        width: 94%
    }

    .overlay ul {
        width: 485px
    }

    .dil.dropdown .navbar-light .navbar-nav .nav-link {
        font-size: 20px
    }


    .col-rezbtn {
        font-size: 20px;
        right: 95px
    } 



    .button_container span.menutext {
        font-size: 16px
    }

    .button_container {
        width: 45px
    }

        .button_container span {
            top: 5px
        }

            .button_container span:nth-of-type(2) {
                top: 14px
            }

            .button_container span:nth-of-type(3) {
                top: 23px
            }

        .button_container.active .top {
            top: 5px
        }

        .button_container.active .bottom {
            top: 28px
        }

    .roomdetayimg1 {
        height: 215px
    }

    .roomdetayimg2 {
        height: 190px
    }

    .roomdetayimg3 {
        height: 415px
    }
}

@media (min-width:1400px) and (max-width:1680px) {
	#HotelAgentWidget {
    top: 19%;
}
    .homeslide .owl-item.center {
        max-width: 49rem
    }

    .innerpagepadding {
        padding: 0 10rem !important
    }
}
@media (max-width:1024px) {
	#HotelAgentWidget {
    position: static;
}
    #background-video, .innersectslider, .innersectslider .back-img,#background-video, .innersectslider, .innersectslider .back-img2 {
        height: 52vh;
    }
	.container-srdr {
	   width:100%;
   }
   .container-srdr .row.py-4 .col-12.text-center img {
	   width:100%!important;
	   height:auto!important;
	   max-width:436px;
   }
}
@media (max-width:996px) {
	.etsrez {
		display:none;
	}
	.etsrezmob {
		display:inline-block;
	}
   .srd {
	   width:100%!important;
	   height:auto!important;
   }
    .tc {
        position: absolute;
        top: 53%;
        bottom: initial;
        right: 0;
        left: initial;
        z-index: 9;
    }
        .tc img{    
    height:75px;
}
    img.safetour {
        height: 75px;
        top: 37%;
        bottom: initial;
        right: 0;
        left: initial;
    }
    .myters {
        display: flex;
        flex-flow: column-reverse
    }
    .modal-dialog.modal-dialog-centered {max-width: 100% !important;}
    div#ets-widget-hotel-search-container {

        display: none;
    }
    .langtr div#ets-widget-hotel-search-container,.col-callcentermail,.col-callcenter,.langen div#ets-widget-hotel-search-container {
        display: none;
    }
    .covid .covidname {
        font-size: 17px;
    }
    .covid {
        width: 35px;
        left: 0;
        top: 80px;
        padding: 6px 5px 5px;
    }
    .menusocial {
        bottom: 60px;
    }
    .overlay ul {
        width: 100%;
    }
    #ets-widget-reservation-button-container {
        position: fixed;
        right: 0;
        bottom: 0 !important;
        z-index: 99;
        top: auto !important;
        width: 50%;
        height: 50px;
    }
    button#ets-widget-reservation-button-module-container {
        border-radius: 0 !important;
        border: 0;
        width: 100%;
        height: 100%;
        font-size: 18px;
    }
}

@media (max-width:768px) {
    #background-video {
        height: 52vh;
    }
	.overlay ul li a {
    font-size: 15px;
    letter-spacing: 0px;
}
    img.mobwid {
        width: 32px;
    }
    .ourhotelicon .fotodiv {
        width: 46.5% !important;
        padding: 20px 0;
    }
    .mobfooter {
        visibility: visible;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 50px;
        z-index:9;
    }
        .mobfooter a, .mobfooter a {
            color: white;
        }
        .mobfooter .mobrezbtn, .mobfooter .mobcontbtn {
            background-color: #5f8a90;
            height: 100%;
            font-size: 18px;
            padding-top: 10px;
        }

        .mobfooter .mobrezbtn{
            background-color: #5f8a90;
        }
        .mobfooter .mobcontbtn {
            background-color: #905f5f;
        }
    .footer_end {
        margin-bottom: 50px;
    }
    .scrollbtn {
        display: none;
    }
    .header {
        position: relative;
        background-color: white;
        height: 70px;
    }
    .innerpage .logodiv {
        padding: 7px;
    }

    .gallery-cat {
        display: none;
    }

    .innerpage .header {
        background-color: #000
    }

    .button_container {
        top: 30px;
        right: 20px
    }

    /*.col-callcenter,*/.col-rezbtn,
    .innersectslider .owl-dots,
    .innerslidertext,
    .mobhid {
        visibility: hidden !important;
        display: none !important
    }

    .col-dil {
        top: 5px;
        right: 65px !important;
    }

    .testimonials .owl-item {
        height: 54vh;
        transform: scale(1) translate3d(0, 0, 0) rotateY(0)
    }

    .testimonials .owl-carousel .owl-next,
    .testimonials .owl-carousel .owl-prev {
        top: 80%
    }

    .testimonials .owl-carousel .owl-prev {
        left: 2%
    }

    .testimonials .owl-carousel .owl-next {
        right: 2%
    }

    .homeroomsect.full.slide .launch {
        width: 22rem
    }

        .homeroomsect.full.slide .launch .title {
            font-size: 25px;
            line-height: 30px
        }

    .h80vh {
        height: 60vh
    }

    .innersectslider,    .innersectslider .back-img,.innersectslider .back-img2 {
        height: 48vh
    }

        .homeslide .owl-next,
        .homeslide .owl-prev,
        .innersectslider .owl-next,
        .innersectslider .owl-prev {
            top: 42%
        }

    img.logo {
        width: 110px
    }

    .roomdetayimg1 {
        height: 150px
    }

    .roomdetayimg2 {
        height: 110px
    }

    .roomdetayimg3 {
        height: 270px
    }

    .roomdetayimg4 {
        height: 135px
    }

    .roominner h1 {
        font-size: 30px
    }

    .roominner .fotodiv {
        width: 32%;
        height: 100px;
        margin: 2px !important;
    }

    .fotodiv img {
        width: 40px
    }

    .basliktext h1 {
        font-size: 35px
    }

    .galvid {
        width: 100%;
        bottom: auto;
        right: 0;
        position: relative;
        padding: 5px 0;
    }
    .innerpage .galvid {
        display: none;
    }

    .galvid a img {
        -webkit-filter: invert(0%);
        filter: invert(0%)
    }

    .sadecemobilgalerim {
        display: block !important;
    }

    .footer_end,
    .section.roominner,
    section.otelimiz {
        background-size: cover !important
    }

    .gallery-content {
        margin-top: 0px;
    }

    .masonry .brick {
        width: 50%;
        float: left;
        padding: 0px 2px;
        height: 120px;
    }

        .masonry .brick img {
            height: 100%;
        }

    .masonry {
        column-count: 1
    }
  
}

.galvidmenu {
    display: block;
    visibility: visible;
}

#sailorsacc .collapse:not(.show) {
    display: block;
    height: 125px;
    overflow: hidden;
    box-shadow: inset -8px -5px 20px 4px #fff;
}
#sailorsacc .collapse:not(.show) {
    position: relative;
}
#sailorsacc .collapse:not(.show)::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 90%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.77) 35%, #ffffff 84%);
}
.dahafazlagoster {
    color: #056bfd;
}