@import"assets/css/bootstrap.min.css";
@import"assets/css/font-awesome.min.css";
@import"assets/css/owl.carousel.min.css";
@import"assets/css/lightbox.css";
@import"assets/css/animate.css";
@import"assets/css/swiper.min.css";
@import"assets/css/bootstrap-datetimepicker.css";
@font-face {
    font-family: 'fugiregular';
    src: url('assets/fonts/fugi-webfont.woff2') format('woff2'),
         url('assets/fonts/fugi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: "Arima Madurai", cursive;
	overflow-x: hidden;
	    background-color: #faf8f4;
}

.container {
	padding: 0
}

a {
	cursor: pointer;
	transition: all .3s
}

a:hover,
a:focus {
	text-decoration: none;
	transition: all .3s
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Arima Madurai", cursive
}

.otelSelect {
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border-radius: 50px;
	background: url(assets/img/dropdownicon.png) no-repeat right 15px center #fff;
	border: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: solid 1px transparent
}

.otelSelect:focus {
	border: solid 1px #ffd29d;
	-webkit-box-shadow: 0px 0px 15px 0px #ffd29d;
	-moz-box-shadow: 0px 0px 15px 0px #ffd29d;
	box-shadow: 0px 0px 15px 0px #ffd29d
}

.otelInput {
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border-radius: 50px;
	background: #fff;
	border: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: solid 1px transparent
}

.otelInput:focus {
	border: solid 1px #ffd29d;
	-webkit-box-shadow: 0px 0px 15px 0px #ffd29d;
	-moz-box-shadow: 0px 0px 15px 0px #ffd29d;
	box-shadow: 0px 0px 15px 0px #ffd29d
}

.otelBtn {
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	border-radius: 50px;
	border: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size: 15px;
	line-height: 35px;
	color: #fff;
	background: url(assets/img/search.png) no-repeat right 20px center, #0d4957;
	background: url(assets/img/search.png) no-repeat right 20px center, -moz-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: url(assets/img/search.png) no-repeat right 20px center, -webkit-gradient(left top, right top, color-stop(0%, #0d4957), color-stop(100%, #0d4957));
	background: url(assets/img/search.png) no-repeat right 20px center, -webkit-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: url(assets/img/search.png) no-repeat right 20px center, -o-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: url(assets/img/search.png) no-repeat right 20px center, -ms-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: url(assets/img/search.png) no-repeat right 20px center, linear-gradient(to right, #0d4957 0%, #0d4957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d4957", endColorstr="#0d4957", GradientType=1)
}

.otelBadge {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 99;
	padding: 3px;
	margin: 0;
	color: #fff;
	font-size: 10px;
	background: #ef5f5f
}

.otelDisc {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 99;
	padding: 3px;
	margin: 0;
	color: #fff;
	font-size: 10px;
	background: #ef5f5f
}

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

.conInformation ul li {
	display: block;
	margin-bottom: 15px
}

.conInformation ul li .contactTxt {
	font-weight: 500;
	font-size: 18px
}

#topbar {
	position: relative;
	width: 100%;
	height: auto;
	background: #f6f6f6;
	padding: 10px 0
}

#topbar #siteLogo {
	position: relative;
	float: left;
	width: 175px;
	height: 50px
}

#topbar #siteLogo a img {
	display: block;
	max-width: 100%
}

#topbar #siteLang {
	position: relative;
	float: right;
	padding: 10px 0
}

#topbar #siteLang ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block
}

#topbar #siteLang ul li {
	display: inline-block;
	vertical-align: middle
}

#topbar #siteLang ul li a {
	display: block;
	padding: 0 5px;
	color: #0e4957
}

#topbar #siteLang ul li a img {
	display: block;
	max-width: 100%
}

#topbar #siteLang ul li a i {
	margin-right: 5px
}

#siteMenuSearch {
	position: relative;
	width: 100%;
	background: #fff
}
.btn-primary {
    color: #fff;
    background-color: #0d4957;
    border-color: #2e6da4;
}
#siteMenuSearch #mobileMenu {
	display: none;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	overflow: hidden;
	line-height: 40px;
	color: #fff;
	background: #0e4957;
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	float: left
}

#siteMenuSearch #mobileClose {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 18px;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #0e4957;
	background: #fff;
	border-radius: 5px;
	cursor: pointer
}

#siteMenuSearch #siteMenu {
	position: relative;
	width: 100%;
}

#siteMenuSearch #siteMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#siteMenuSearch #siteMenu ul li {
	position: relative;
	display: inline-block;
	line-height: 55px;
	margin: 0 10px
}

.headerSearch {
-webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    line-height: 53px;
    outline: 0;
    border: 0;
}
#siteMenuSearch #siteMenu ul li a {
    display: block;
    color: #0e4957;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

#siteMenuSearch #siteMenu ul li a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 1px;
	left: 0;
	bottom: 20px;
	margin: auto;
	background: #0e4957;
	transition: all .3s
}

#siteMenuSearch #siteMenu ul li:hover a:before {
	width: 100%;
	transition: all .3s
}

#siteMenuSearch #siteMenu .subMenu {
	padding-right: 15px
}

#siteMenuSearch #siteMenu .subMenu::after {
	position: absolute;
	content: "";
	width: 10px;
	height: 6px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: url(assets/img/dropdownicon.png) no-repeat center
}

#siteMenuSearch #siteMenu .subMenu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	width: 250px;
	background: #fff;
	padding: 10px;
	z-index: 99
}

#siteMenuSearch #siteMenu .subMenu ul li {
	display: block;
	line-height: 100%;
	margin-bottom: 10px
}

#siteMenuSearch #siteMenu .subMenu ul li:last-child {
	margin-bottom: 0
}

#siteMenuSearch #siteMenu .subMenu ul li a {
	padding: 5px 0;
	font-size: 16px
}

#siteMenuSearch #siteMenu .subMenu ul li a::before {
	position: absolute;
	content: "";
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	margin: auto;
	background: #0e4957;
	transition: all .3s
}

#siteMenuSearch #siteMenu .subMenu ul li:hover a::before {
	width: 100%;
	transition: all .3s
}

#siteMenuSearch #siteMenu .subMenu:hover ul {
	display: block
}

#siteMenuSearch #siteSearch {
	position: relative;
	width: 315px;
	height: 40px;
	border-radius: 50px;
	border: solid 1px #e7e7e7;
	float: right;
	margin-top: 18px;
	overflow: hidden
}

#siteMenuSearch #siteSearch #searchInput {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border: 0;
	background: transparent;
	line-height: 50px;
	color: #b0b0c1;
	font-weight: 300;
	font-size: 16px
}

#siteMenuSearch #siteSearch #searchBtn {
	position: absolute;
	width: 19px;
	height: 19px;
	right: 20px;
	top: 10px;
	border: 0;
	box-sizing: border-box;
	background: url(assets/img/search.png) no-repeat center
}

#siteSlider {
	position: relative;
	width: 100%;
	height: auto
}

#siteSlider .item .otelImage {
	display: block;
	max-width: 100;
	height: auto
}

#siteSlider .item .container {
	    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    /* transform: translateY(-70%); */
    height: 100%;
    width: 100%;
}

#siteSlider .item .container .otelTxt {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 15px;
	background: rgba(255, 255, 255, .6);
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
}

#siteSlider .item .container .otelTxt h1 {
	font-size: 6.5rem;
	line-height: 1;
	color: #0d4957;
	font-weight: 500;
	margin: 0;
	margin-bottom: 10px;
	font-family: 'fugiregular',sans-serif;
	    max-width: 900px;
}

#siteSlider .item .container .otelTxt h2 {
	font-size: 20px;
	color: #0e4957;
	font-weight: 300;
	margin: 0
}

#siteSlider .item .container .otelTxt .otelLink {
	position: absolute;
	display: block;
	width: 85px;
	height: 85px;
	overflow: hidden;
	top: 3px;
	right: -40px;
	border-radius: 100%;
	text-align: center;
	background: #fff;
	padding-top: 25px;
	-webkit-box-shadow: 0px 0px 50px 0px #fff;
	-moz-box-shadow: 0px 0px 50px 0px #fff;
	box-shadow: 0px 0px 50px 0px #fff
}

#siteSlider .item .container .otelTxt .otelLink .otelLinkIcon img {
	display: block;
	margin: 0 auto
}

#otelSearch {
	position: relative;
	height: auto;
	padding: 35px 0;
	margin: 0 auto;
	margin-top: -170px;
    margin-bottom: 70px;
	background: rgba(255, 255, 255, .6);
	z-index: 9999
}
.button-primary {
    width: fit-content;
    border-radius: 9999px;
    border-width: 1px;
    border-color: rgb(14 73 87 / 1);
    line-height: 1rem;
    line-height: 1;
    color: rgb(14 73 87 / var(--tw-text-opacity));
	    padding: 10px 10px 8px 10px;
}
.button-primary, .button-primary-white {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    --tw-border-opacity: 1;
    font-size: 1.25rem;
    text-transform: uppercase;
    --tw-text-opacity: 1;
	gap: .5rem;
}
.uppercase {
    text-transform: uppercase;
}
.underline-offset-2 {
    text-underline-offset: 2px;
}
.underline {
    text-decoration-line: underline;
}
.tracking-\[1\.2px\] {
    letter-spacing: 1.2px;
}
.text-blue {
    --tw-text-opacity: 1;
    color: rgb(14 73 87 / 1);
}
#siteContent {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0px 0 50px 0
}

#siteContent #siteWelcome {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #siteWelcome #welcomeHead {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

#siteContent #siteWelcome #welcomeHead h1 {
	margin: 0;
	font-size: 27px;
	font-weight: 800;
	color: #0e4957
}

#siteContent #siteWelcome #welcomeTxt {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

#siteContent #siteWelcome #welcomeTxt p {
	color: #0e4957;
	font-size: 19px;
	font-weight: 300;
	line-height: 150%
}

#siteContent #siteWelcome #welcomeMsg {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #siteWelcome #welcomeMsg p {
	font-family: "Allura", cursive;
	color: #0e4957;
	font-size: 37px
}

#siteContent #otelCategory {
	position: relative;
	width: 100%;
	height: auto;
	padding: 25px 0
}

#siteContent #otelCategory .item {
	padding-bottom: 50px
}

#siteContent #otelCategory .owl-dots {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center
}

#siteContent #otelCategory .owl-dots .owl-dot {
	display: inline-block;
	margin: 5px
}

#siteContent #otelCategory .owl-dots .owl-dot span {
	border-radius: 100%;
	width: 18px;
	height: 18px;
	background: #f1f1f1;
	display: block;
	transition: all .3s
}

#siteContent #otelCategory .owl-dots .active span {
	width: 18px;
	height: 18px;
	background: #ffd29d;
	transition: all .3s
}

#siteContent .otelCatInner {
	position: relative;
	max-width: 370px;
	width: 100%;
	height: auto;
	margin-bottom: 25px
}

#siteContent .otelCatInner .otelCatImage {
	position: relative;
	width: 100%;
	height: 250px
}

#siteContent .otelCatInner .otelCatImage a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#siteContent .otelCatInner .otelCatName {
	position: relative;
	width: 100%;
	height: 75px;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0px 5px 38px -22px #000;
	-moz-box-shadow: 0px 5px 38px -22px #000;
	box-shadow: 0px 5px 38px -22px #000
}

#siteContent .otelCatInner .otelCatName a {
	color: #0e4957
}

#siteContent .otelCatInner .otelCatName a h1 {
	line-height: 75px;
	margin: 0;
	font-size: 19px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#siteContent #discountOtel {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 50px
}

#siteContent #discountOtel h1 {
	font-size: 27px;
	color: #0e4957;
	font-weight: 400;
	margin: 0;
	margin-bottom: 15px
}

#siteContent #discountOtel .disotelInner {
	position: relative;
	max-width: 270px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 30px
}

#siteContent #discountOtel .disotelInner .disotelImage {
	position: relative;
	width: 100%;
	height: 190px;
	overflow: hidden;
	margin-bottom: 10px
}

#siteContent #discountOtel .disotelInner .disotelImage a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#siteContent #discountOtel .disotelInner .disotelHead {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px
}

#siteContent #discountOtel .disotelInner .disotelHead h3 {
	margin: 0;
	font-size: 21px;
	color: #0e4957;
	font-weight: 700
}

#siteContent #discountOtel .disotelInner .disotelLocation {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 15px;
	color: #0e4957;
	padding-left: 20px;
	background: url(assets/img/localicon.png) no-repeat left center
}

#siteContent #discountOtel .disotelInner .disotelPrice {
	position: relative;
	width: 50%;
	height: auto;
	float: left
}

#siteContent #discountOtel .disotelInner .disotelPrice span {
	width: 48%;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px
}

#siteContent #discountOtel .disotelInner .disotelPrice .disotelOldPrice {
	color: #c6c6c6;
	text-decoration: line-through
}

#siteContent #discountOtel .disotelInner .disotelPrice .disotelNewPrice {
	color: #4582ff;
	font-weight: 700
}

#siteContent #discountOtel .disotelInner .disotelBtn {
	position: relative;
	width: 50%;
	height: auto;
	float: right
}

#siteContent #discountOtel .disotelInner .disotelBtn a {
	display: block;
    width: 100%;
    height: 30px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    border-radius: 30px;
	background: #0d4957;
	background: -moz-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #0d4957), color-stop(100%, #0d4957));
	background: -webkit-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -o-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -ms-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: linear-gradient(to right, #0d4957 0%, #0d4957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d4957", endColorstr="#0d4957", GradientType=1)
}

#siteContent #sitethreeBoxes {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px
}

#siteContent #sitethreeBoxes .boxesHead {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

#siteContent #sitethreeBoxes .boxesHead h4 {
	margin: 0;
	font-size: 27px;
	color: #0e4957;
	font-weight: 300
}

#siteContent #sitethreeBoxes #boxesVideo {
	display: block;
	position: relative;
	max-width: 415px;
	width: 100%;
	height: 320px;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 15px
}

#siteContent #sitethreeBoxes #boxesVideo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#siteContent #sitethreeBoxes #boxesVideo::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(69, 131, 255, .35);
	background: -moz-linear-gradient(left, rgba(69, 131, 255, 0.35) 0%, rgba(89, 68, 242, 0.35) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(69, 131, 255, 0.35)), color-stop(100%, rgba(89, 68, 242, 0.35)));
	background: -webkit-linear-gradient(left, rgba(69, 131, 255, 0.35) 0%, rgba(89, 68, 242, 0.35) 100%);
	background: -o-linear-gradient(left, rgba(69, 131, 255, 0.35) 0%, rgba(89, 68, 242, 0.35) 100%);
	background: -ms-linear-gradient(left, rgba(69, 131, 255, 0.35) 0%, rgba(89, 68, 242, 0.35) 100%);
	background: linear-gradient(to right, rgba(69, 131, 255, 0.35) 0%, rgba(89, 68, 242, 0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d4957", endColorstr="#0d4957", GradientType=1);
	z-index: 100
}

#siteContent #sitethreeBoxes #boxesVideo::after {
	position: absolute;
	content: "";
	width: 105px;
	height: 75px;
	background: url(assets/img/playicon.png) no-repeat;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 101
}

#siteContent #sitethreeBoxes #homeNews {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px
}

#siteContent #sitethreeBoxes #homeNews li {
	display: block;
	width: 100%;
	height: 125px;
	margin-bottom: 15px;
	border-bottom: solid 1px #e8e8e8;
	overflow: hidden
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsImage {
	position: relative;
	width: 100px;
	height: 70px;
	float: left
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsImage a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsDesc {
	position: relative;
	width: calc(100% - 110px);
	height: auto;
	float: right
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsDesc .homeNewsHead {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsDesc .homeNewsHead a {
	color: #0e4957
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsDesc .homeNewsHead a h5 {
	margin: 0;
	font-size: 17px;
	font-weight: 700
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsDesc .homeNewsTxt {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px
}

#siteContent #sitethreeBoxes #homeNews li .homeNewsDesc .homeNewsTxt p {
	margin: 0;
	font-size: 15px;
	color: #0e4957;
	font-weight: 400;
	line-height: 150%
}

#siteContent #sitethreeBoxes .allLinks {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #f6f6f6;
	color: #bcbcca;
	font-size: 14px;
	font-weight: 400
}

#siteContent #sitethreeBoxes #homeComments {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px
}

#siteContent #sitethreeBoxes #homeComments li {
	display: block;
	width: 100%;
	height: 125px;
	margin-bottom: 15px;
	border-bottom: solid 1px #e8e8e8;
	overflow: hidden
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsImage {
	position: relative;
	width: 46px;
	height: 46px;
	float: left;
	border-radius: 100%;
	overflow: hidden
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsImage a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsDesc {
	position: relative;
	width: calc(100% - 55px);
	height: auto;
	float: right;
	margin-bottom: 10px
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsDesc .homeNewsHead {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsDesc .homeNewsHead:before {
	position: absolute;
	content: " “ ";
	top: -7px;
	left: 0;
	font-size: 45px;
	color: #0e4957
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsDesc .homeNewsHead span {
	display: block;
	color: #0e4957;
	font-size: 14px;
	padding-left: 20px
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsDesc .homeNewsHead span:first-child {
	font-size: 16px;
	font-weight: 800
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsDesc .homeNewsHead span:last-child {
	color: #ffbc6e
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsTxt {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px
}

#siteContent #sitethreeBoxes #homeComments li .homeCommentsTxt p {
	margin: 0;
	font-size: 15px;
	color: #0e4957;
	font-weight: 400;
	line-height: 150%
}

#siteContent #sitethreeBoxes #allNews {
	position: relative;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #f6f6f6;
	color: #bcbcca;
	font-size: 14px;
	font-weight: 400
}

#siteContent #otelList {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #otelList .otelInner {
	position: relative;
	max-width: 370px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 50px;
	border: solid 3px transparent;
	transition: all .3s
}

#siteContent #otelList .otelInner .otelImage {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden
}

#siteContent #otelList .otelInner .otelImage a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#siteContent #otelList .otelInner .otelTxtInner {
	position: relative;
	width: 100%;
	height: auto;
	padding: 15px;
	-webkit-box-shadow: 0 5px 38px -22px #000;
	-moz-box-shadow: 0 5px 38px -22px #000;
	box-shadow: 0 5px 38px -22px #000
}

#siteContent #otelList .otelInner .otelTxtInner .otelHead {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 5px
}

#siteContent #otelList .otelInner .otelTxtInner .otelHead a {
	color: #0e4957
}

#siteContent #otelList .otelInner .otelTxtInner .otelHead a h1 {
	margin: 0;
	padding: 0;
	font-size: 19px;
	font-weight: 700
}

#siteContent #otelList .otelInner .otelTxtInner .otelLocation {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	margin-bottom: 5px
}

#siteContent #otelList .otelInner .otelTxtInner .otelLocation p {
	font-size: 15px;
	color: #0e4957;
	font-weight: 400
}

#siteContent #otelList .otelInner .otelTxtInner .otelPropList {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center
}

#siteContent #otelList .otelInner .otelTxtInner .otelPropList li {
	width: 33.3333%;
	float: left
}

#siteContent #otelList .otelInner .otelTxtInner .otelPropList li span {
	display: inline-block
}

#siteContent #otelList .otelInner .otelTxtInner .otelPropList li .propNumber {
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	border: solid 1px #d2d2ec;
	margin-right: 5px;
	color: #0e4957;
	font-weight: 700;
	font-size: 19px
}

#siteContent #otelList .otelInner .otelTxtInner .otelPropList li .propTxt {
	font-size: 15px;
	color: #0e4957;
	font-weight: 500
}

#siteContent #otelList .otelInner:hover {
	border: solid 3px #ffd29d;
	transition: all .3s
}

#siteContent #otelMaker {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px
}

#siteContent #otelMaker .makerSec {
	position: relative;
	max-width: 145px;
	width: 100%;
	height: 145px;
	margin: 0 auto;
	border: solid 1px #ededed
}

#siteContent #otelMaker .makerSec .makerInner {
	position: relative;
	width: 100%;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	text-align: center
}

#siteContent #otelMaker .makerSec .makerInner .makerIcon {
	display: block
}

#siteContent #otelMaker .makerSec .makerInner .makerIcon p {
	margin: 0;
	color: #0d4958;
	font-weight: 700;
	font-size: 17px
}

#siteContent #otelMaker .makerSec .makerInner .makerIcon img {
	margin: 0 auto;
	display: block;
	margin-bottom: 5px
}

#siteContent #otelMaker .makerSec .makerInner .makerTxt {
	display: block;
	color: #0e4957;
	font-size: 18px;
	font-weight: 800
}

#siteContent #otelDetails {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #otelDetails #otelSlider {
	position: relative;
	height: 500px
}

#siteContent #otelDetails #otelSlider .swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto
}

#siteContent #otelDetails #otelSlider .swiper-slide {
	background-size: cover;
	background-position: center
}

#siteContent #otelDetails #otelSlider .gallery-top {
	height: 80%;
	width: 100%
}

#siteContent #otelDetails #otelSlider .gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0
}

#siteContent #otelDetails #otelSlider .gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: .4
}

#siteContent #otelDetails #otelSlider .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1
}

#siteContent #otelDetails #reservationInner {
	position: relative;
	margin-bottom: 50px
}

#siteContent #otelDetails #reservationInner #otelReserve {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	border: solid 1px #ededed
}

#siteContent #otelDetails #reservationInner #otelReserve #nightMinPrice {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

#siteContent #otelDetails #reservationInner #otelReserve #nightMinPrice span,
#siteContent #otelDetails #reservationInner #otelReserve #nightMinPrice h1 {
	display: inline-block;
	vertical-align: middle
}

#siteContent #otelDetails #reservationInner #otelReserve #nightMinPrice span {
	font-weight: 500;
	font-size: 18px;
	color: #87879a
}

#siteContent #otelDetails #reservationInner #otelReserve #nightMinPrice h1 {
	margin: 0;
	font-size: 30px;
	color: #0e4957
}

#siteContent #otelDetails #reservationInner #otelReserve input[type=text],
#siteContent #otelDetails #reservationInner #otelReserve select {
	border: solid 1px #f0c189;
	margin-bottom: 10px;
	color: #87879a
}

#siteContent #otelDetails #reservationInner #otelReserve label {
	color: #87879a
}

#siteContent #otelDetails #reservationInner #otelReserve .countDate {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
	padding: 10px 0;
	font-size: 25px;
	color: #0e4957;
	font-weight: 800
}

#siteContent #otelDetails #reservationInner #otelReserve .countLine {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px 0;
	border: solid 1px #0e4957;
	margin-bottom: 10px;
	border-radius: 50px
}

#siteContent #otelDetails #reservationInner #otelReserve .countLine:last-child {
	margin-bottom: 20px
}

#siteContent #otelDetails #reservationInner #otelReserve .countLine .countName {
	font-weight: 500;
	font-size: 14px;
	color: #0e4957
}

#siteContent #otelDetails #reservationInner #otelReserve .countLine .countPrice {
	font-weight: 800;
	font-size: 14px;
	color: #0e4957
}

#siteContent #otelDetails #reservationInner #otelReserve .otelBtn {
	height: 50px;
	line-height: 50px;
	background: #0d4957;
	background: -moz-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #0d4957), color-stop(100%, #0d4957));
	background: -webkit-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -o-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -ms-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: linear-gradient(to right, #0d4957 0%, #0d4957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d4957", endColorstr="#0d4957", GradientType=1)
}

#siteContent #otelDetails #detailsTxt {
	position: relative;
	width: 100%;
	height: auto;
	padding: 15px 0
}

#siteContent #otelDetails #detailsTxt #oteltabHead {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block
}

#siteContent #otelDetails #detailsTxt #oteltabHead li {
	display: inline-block;
	padding: 10px;
	background: #fff;
	border-radius: 5px 5px 0 0;
	border: solid 2px #f6f6f6
}

#siteContent #otelDetails #detailsTxt #oteltabHead li a {
	color: #0e4957;
	font-size: 18px;
	font-weight: 500
}

#siteContent #otelDetails #detailsTxt #oteltabHead #current {
	background: #f7f7f9;
	border: solid 2px #f7f7f9
}

#siteContent #otelDetails #detailsTxt #oteltabDesc {
	position: relative;
	width: 100%;
	height: auto;
	padding: 30px 20px;
	background: #f7f7f9;
	margin-bottom: 50px
}

#siteContent #otelDetails #detailsTxt #oteltabDesc p {
	font-size: 16px;
	color: #747584;
	font-weight: 500
}

#siteContent #otelDetails #detailsTxt #oteltabDesc h1,
#siteContent #otelDetails #detailsTxt #oteltabDesc h2,
#siteContent #otelDetails #detailsTxt #oteltabDesc h3,
#siteContent #otelDetails #detailsTxt #oteltabDesc h4,
#siteContent #otelDetails #detailsTxt #oteltabDesc h5,
#siteContent #otelDetails #detailsTxt #oteltabDesc h6 {
	color: #0e4957;
	font-size: 20px;
	margin: 0;
	margin-bottom: 10px
}

#siteContent #otelDetails #detailsTxt .lineHead {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

#siteContent #otelDetails #detailsTxt .lineHead h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-size: 22px;
	color: #0e4957
}

#siteContent #otelDetails #detailsTxt #commentAdd {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px
}

#siteContent #otelDetails #detailsTxt #commentAdd .myTextarea,
#siteContent #otelDetails #detailsTxt #commentAdd .myInput {
	box-sizing: border-box;
	transition: all .3s;
	width: 100%;
	background: #f7f7f9;
	border: 0
}

#siteContent #otelDetails #detailsTxt #commentAdd .myTextarea:focus,
#siteContent #otelDetails #detailsTxt #commentAdd .myInput:focus {
	-webkit-box-shadow: 0px 0px 5px 0px #0d4957;
	-moz-box-shadow: 0px 0px 5px 0px #0d4957;
	box-shadow: 0px 0px 5px 0px #0d4957;
	transition: all .3s
}

#siteContent #otelDetails #detailsTxt #commentAdd .myTextarea {
	height: 200px;
	padding: 15px;
	margin-bottom: 25px
}

#siteContent #otelDetails #detailsTxt #commentAdd .myInput {
	height: 50px;
	padding: 15px;
	margin-bottom: 25px
}

#siteContent #otelDetails #detailsTxt #commentAdd .myBtn {
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	border: 0;
	margin-bottom: 25px;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	background: #0d4957;
	background: -moz-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #0d4957), color-stop(100%, #0d4957));
	background: -webkit-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -o-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: -ms-linear-gradient(left, #0d4957 0%, #0d4957 100%);
	background: linear-gradient(to right, #0d4957 0%, #0d4957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d4957", endColorstr="#0d4957", GradientType=1)
}

#siteContent #otelDetails #detailsTxt #commentList {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #otelDetails #detailsTxt #commentList ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#siteContent #otelDetails #detailsTxt #commentList ul li {
	display: block;
	width: 100%;
	height: auto;
	padding: 15px;
	background: #fbfbfd;
	border: solid 1px #ededed;
	margin-bottom: 15px
}

#siteContent #otelDetails #detailsTxt #commentList ul li .userIcon {
	position: relative;
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	background: url(assets/img/iconuser.png) no-repeat bottom center #fff;
	border-radius: 100%;
	overflow: hidden
}

#siteContent #otelDetails #detailsTxt #commentList ul li .userTxt {
	position: relative;
	float: right;
	width: calc(100% - 70px);
	height: auto
}

#siteContent #otelDetails #detailsTxt #commentList ul li .userTxt .userName {
	display: block;
	font-weight: 700;
	color: #0e4957;
	font-size: 16px
}

#siteContent #otelDetails #detailsTxt #commentList ul li .userTxt .userComment {
	margin: 0;
	font-size: 14px;
	color: #747584;
	font-weight: 400
}

#siteContent #blogDetails {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #blogDetails #blogImage {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

#siteContent #blogDetails #blogImage img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto
}

#siteContent #blogDetails #blogHeader {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px
}

#siteContent #blogDetails #blogHeader h1 {
	font-weight: 700;
	font-size: 30px;
	margin: 0
}

#siteContent #blogDetails #blogTxt {
	position: relative;
	width: 100%;
	height: auto
}

#siteContent #blogDetails #blogTxt p {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px
}

#siteContent #blogDetails #blogInfo {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px
}

#siteContent #blogDetails #blogInfo #blogDate {
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px
}

#siteContent #blogDetails #blogInfo #blogTags {
	margin: 0;
	padding: 0;
	list-style: none
}

#siteContent #blogDetails #blogInfo #blogTags li {
	position: relative;
	display: inline-block;
	margin-right: 5px
}

#siteContent #blogDetails #blogInfo #blogTags li::after {
	position: absolute;
	content: ",";
	right: -5px;
	bottom: 0;
	font-size: 18px
}

#siteContent #blogDetails #blogInfo #blogTags li:last-child::after {
	display: none
}

#siteContent #blogDetails #blogInfo #blogTags li a {
	font-size: 18px;
	color: #000
}

#siteContent #sssInner {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none
}

#siteContent #sssInner li {
	position: relative;
	display: block
}

#siteContent #sssInner li .questionHeader {
	position: relative;
	display: block;
	padding: 10px;
	border: solid 1px #0e4957;
	cursor: pointer;
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 20px;
	color: #0e4957;
	border-radius: 5px;
	padding-left: 35px
}

#siteContent #sssInner li .questionHeader::before {
	position: absolute;
	content: "";
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 20px
}

#siteContent #sssInner li .questionAnswer {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 18px;
	display: none
}

#siteContent #sssInner li:first-child .questionAnswer {
	display: block
}

#breadcrumb {
	position: relative;
	width: 100%;
	height: 90px;
	background-size: cover
}

#breadcrumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	z-index: 98;
}

#breadcrumb ul {
	display: block;
	position: absolute;
	z-index: 9999;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	bottom: 30px
}

#breadcrumb ul li {
	position: relative;
	display: inline-block;
	color: #0d4957;
	margin-left: 20px;
	font-size: 23px;
	font-weight: 400
}

#breadcrumb ul li:first-child {
	margin-left: 0
}

#breadcrumb ul li a {
	font-size: 23px;
	font-weight: 400;
	color: #0d4957
}

#breadcrumb ul li::after {
	position: absolute;
	content: ">";
	font-weight: 500;
	font-size: 24px;
	right: -17px;
	top: 0;
	bottom: 0;
	margin: auto
}

#breadcrumb ul li:last-child::after {
	display: none
}

#siteFooter {
	position: relative;
	width: 100%;
	height: auto;
	background: #0d4957;
	padding: 25px 0
}

#siteFooter .footerLogo {
	position: relative;
	width: 100%;
	height: auto
}

#siteFooter .footerLogo img {
	display: block;
	max-width: 100%;
	margin-bottom: 25px;
	filter: brightness(100);
}

#siteFooter .footerLogo p {
	margin: 0;
	font-size: 15px;
	color: #ffffff;
	font-weight: 400
}

#siteFooter .footerHead {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 15px
}

#siteFooter .footerHead h6 {
	font-size: 20px;
	color: #eddcca;
	font-weight: 500
}

#siteFooter .footerLinks {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px
}

#siteFooter .footerLinks li {
	line-height: 35px;
}

#siteFooter .footerLinks li a {
	font-size: 17px;
	color: #ffffff;
	font-weight: 400
}

#siteFooter .footerLinks li a:hover {
	font-weight: 700;
	color: #eddcca
}

#siteFooter .socialLinks {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	margin-bottom: 25px
}

#siteFooter .socialLinks li {
	display: inline-block;
	text-align: center;
	margin: 5px
}

#siteFooter .socialLinks li a {
	color: #eddcca;
	font-size: 30px
}

#siteFooter #subsInner {
	position: relative;
	max-width: 290px;
	width: 100%;
	height: 55px;
	margin: 0 auto;
	border-radius: 50px;
	overflow: hidden
}

#siteFooter #subsInner input[type=email] {
	box-sizing: border-box;
	width: 100%;
	height: 55px;
	border: 0;
	background: #fff;
	font-size: 16px;
	color: #b0b0c1;
	font-weight: 400;
	padding: 0 15px
}

#siteFooter #subsInner input[type=submit] {
	position: absolute;
	box-sizing: border-box;
	border: 0;
	width: 27px;
	height: 28px;
	right: 20px;
	top: 15px;
	background: url(assets/img/send.png) no-repeat
}

#bottomBar {
	position: relative;
    width: 100%;
    height: auto;
    padding: 10px 0;
    color: #eddcca;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    background: #0d4957;
}

#selectBank {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px
}

#selectBank p {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	color: red
}

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

#selectBank ul li {
	display: block;
	margin-bottom: 5px;
	font-size: 15px
}

#selectBank ul li span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	font-size: 15px;
	width: 100px
}

.MenuActive {
	left: 0 !important
}

@media only screen and (min-width: 320px)and (max-width: 1024px) {
	.container {
		padding: 10px
	}

	#siteMenuSearch #mobileMenu {
		display: block
	}

	#siteMenuSearch #siteMenu {
		position: fixed;
		width: 220px;
		height: 100%;
		top: 0;
		left: -220px;
		background: #0e4957;
		z-index: 999999999999;
		padding-top: 50px;
		overflow-y: scroll
	}

	#siteMenuSearch #siteMenu #mobileClose {
		display: block
	}

	#siteMenuSearch #siteMenu ul li {
		position: relative;
		display: block;
		margin: 0;
		margin-bottom: 10px;
		line-height: 35px;
		padding: 0 10px
	}

	#siteMenuSearch #siteMenu ul li a {
		color: #fff
	}

	#siteMenuSearch #siteMenu ul li a::before {
		display: none
	}

	#siteMenuSearch #siteMenu ul .subMenu ul {
		position: relative;
		width: 100%
	}

	#siteMenuSearch #siteMenu ul .subMenu ul li a {
		color: #0e4957
	}

	#siteMenuSearch #siteMenu ul .subMenu::after {
		right: 15px
	}

	#siteMenuSearch #siteSearch {
		margin-top: 10px;
		max-width: 250px;
		width: 100%
	}

	#siteContent #otelCategory .item {
		padding: 15px
	}

	#otelSearch {
		margin-top: 0;
		background: #f6f6f6;
		padding: 10px 0
	}

	#otelSearch .otelSelect,
	#otelSearch .otelBtn {
		margin-bottom: 10px
	}
}

@media only screen and (min-width: 320px)and (max-width: 768px)and (orientation: portrait) {

	#topbar #siteLogo,
	#topbar #siteLang {
		float: none;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center
	}

	#siteSlider .item .container .otelTxt {
		width: 300px
	}

	#siteSlider .item .container .otelTxt h1 {
		font-size: 16px
	}

	#siteSlider .item .container .otelTxt h2 {
		font-size: 14px
	}

	#siteSlider .item .container .otelTxt .otelLink {
		width: 65px;
		height: 65px;
		padding-top: 15px
	}
}

@media only screen and (min-width: 320px)and (max-width: 768px)and (orientation: landscape) {
	#siteContent #discountOtel .discOtel {
		float: left;
		width: 50%
	}

	#siteContent #sitethreeBoxes .threeCol {
		float: left;
		width: 50%
	}

	#siteContent #otelList .otelCol {
		float: left;
		width: 50%
	}

	#siteContent .bolgeCol {
		float: left;
		width: 50%;
		padding: 10px
	}

	#siteContent #otelMaker .markerCol {
		float: left;
		width: 33%
	}

	#siteFooter .footerCol {
		float: left;
		width: 50%
	}
}

/*# sourceMappingURL=style.css.map */