@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
p,a,span,h1,h2,h3,h4,h5,h6,button {
    font-family: 'Open Sans',sans-serif;
    font-weight: bold;
}
body {font-family: 'Open Sans', sans-serif !important;background: #F7F7F7;}
* {margin: 0;padding: 0;box-sizing: border-box;list-style: none;text-decoration: none !important;-webkit-box-sizing: border-box;}
.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1170px !important;
}
.pull-left {
    float: left;
}
ol:not(.ol) li,
ul:not(.ul) li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
/* HEADER*/
.mainSlider.mobilde-gizle {
height: 694px;
overflow: hidden;
}
.header-top {
background: white;
}
ul.list-inline.text-right {
display: flex;
/* padding: 13px 10px 0 10px; */
height: 100%; 
align-items: center;
}

.pull-right.rightFirstRoot {
float: right;
}
.anamenu {
width: 100%;
display: table-row;
margin: 0;
}

.anamenu li {
position: relative;
list-style: none;
padding: 0;
font-size: 14px;
text-align: center;
display: table-cell;
text-transform: capitalize;
border: none;
margin: 0;
}


.header-top-logo {
position: relative;
margin: 5px 0 2px 0;
}
.header-alani {
background-color: #fff;
border-top: solid 1px #ccc;
}

.header-top-logo img {
text-indent: -1000px;
overflow: hidden;
display: inline-block;
position: relative;
width: 182px;
/* height: 47px; */
line-height: 47px;
}
.header li.baslik a {
padding: 10px 15px;
white-space: normal;
width: 100%;
color: #000000;
font-weight: 600;
display: inline-block;
border-bottom: 2px solid transparent;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
}
li.text-center a {
font-size: 15px;
font-weight: 700;
color: #000;
padding: 0 4px;
margin-top: 6px;
text-decoration: none;
}
.phoneform {
display: inline-block;
padding: 8px 0;
}
.header-alani ul.anamenu {
width: 100%;
display: table-row;
/* height: 43px;
overflow: hidden; */
margin: 0;
}
ul.anamenu {
padding-left: unset;
}

ul.anamenu li a:hover {
color: #566778 !important;
border-color: #566778 !important;
transition: all ease .3s !important;
background: #ecf0f1;
-webkit-transition: all ease .3s !important;
}
.header-alani ul.anamenu li a {
padding: 10px 15px;
white-space: normal;
width: 100%;
color: #000000;
font-weight: 700;
display: inline-block;
border-bottom: 2px solid transparent;
transition: all ease .3s;
-webkit-transition: all ease .3s;
}

.header-alani ul.anamenu .menuAnime {
position: relative;
list-style: none;
padding: 0;
font-size: 14px;
text-align: center;
display: table-cell;
text-transform: capitalize;
border: none;
margin: 0;
}
.loader {
text-align: center;
}
.loader span:nth-child(8n+1) {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
}
.loader span {
display: inline-block;
width: 32px;
height: 32px;
margin: -280px 40px 54px -34px;
background: url(../images/percent.png);
background-size: 32px 32px;
-webkit-animation: loader 5s infinite linear;
-moz-animation: loader 5s infinite linear;
}
@keyframes loader {
0% {
    width: 32px;
    height: 32px;
    opacity: 1;
    -webkit-transform: translate(0, 0) rotateZ(0deg);
}
25% {
    width: 32px;
    height: 32px;
    opacity: 0;
    -webkit-transform: translate(20px, 60px) rotateZ(170deg);
}
50% {
    width: 32px;
    height: 32px;
    opacity: 1;
    -webkit-transform: translate(40px, 120px) rotateZ(260deg);
}
75% {
    width: 32px;
    height: 32px;
    opacity: 0;
    -webkit-transform: translate(80px, 240px) rotateZ(330deg);
}
100% {
    width: 32px;
    height: 32px;
    opacity: 1;
    -webkit-transform: translate(160px, 480px) rotateZ(360deg);
}
}
ul.anamenu .menuAnime:first-child {
width: 180px;
overflow: hidden !important;
background-color: #f1c40f;
border: 2px solid #f1c40f;
}
nav.navbar.navbar-expand-lg {
padding: unset;
margin-bottom: 0;
}
ul.anamenu .menuAnime:first-child a:hover {
border: unset !important;
    color: #fc0!important;

}
ul.anamenu .menuAnime:first-child:hover {

background-color: #566778!important;
border-color: #566778!important;
transition: all ease .3s;
-webkit-transition: all ease .3s;
}
ul.anamenu .menuAnime a:hover {
    border: unset !important;
}
ul.anamenu .menuAnime:first-child a {
top: 0;
font-weight: 400;
width: 100% !important;
height: 100% !important;
min-height: 40px;
position: absolute;
left: 0;
background-size: cover;
bottom: 0;
overflow: hidden;
color: #000000;
display: inherit !important;
font-size: 16px;
color: #000000;
padding: 0;
margin: 0;
line-height: 40px;
animation: heartbeat 2.2s infinite;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
text-transform: capitalize;
}

@keyframes heartbeat {
0% {
    transform: scale( .90 );
}
20% {
    transform: scale( .85 );
}
40% {
    transform: scale( .90 );
}
60% {
    transform: scale( .85 );
}
80% {
    transform: scale( .90 );
}
100% {
    transform: scale( .90 );
}
}
.pull-right.rightFirstRoot {
border-left: 1px solid #bdc3c7;
height: 100%;
border-right: 1px solid #bdc3c7;
}
abbr.contactformshow {
font-weight: 400;
margin: 0;
padding: 0;
display: block;
font-size: 13px;
color: #000;
text-align: right;
cursor: pointer;
}
abbr:hover {
text-decoration: underline !important;
}

.header-panel {
height: 100%;
display: flex;
align-items: center;
margin-left: 7px;
}
.header-panel a {
color: #000;
cursor: pointer;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
}

.header-panel i {
display: none;
}

.header-panel .user-wrapper a:first-child:after {
content: "veya";
text-transform: capitalize;
margin-left: 5px;
}
.header-panel a.login-btn {
margin-right: 0 !important;
}
.header-top li.text-center {
display: flex;
}
/* ----------FOOTER-------- */

.footer {
background: #ecf0f1;
color: #bec3c9;
padding-top: 60px;
padding-bottom: 60px;
}

.footer .social-item a {

display: inline-block;
margin-right: 3px;
width: 24px;
height: 24px;
background: #334960;
color: #fff;
text-align: center;
vertical-align: middle;
line-height: 24px;
border-radius: 1px;
font-size: 14px;
}
.footer .footer-menu-1 a, .footer-menu a {
line-height: 20px;
color: black;
font-size: 12px;
font-weight: 400;
}
.footer .footer-menu-1, .footer-menu  {
padding-left: 0;
list-style: none;
};

.footer .social-item-box {

position: relative;
width: 100%;
}
.footer-bottom {
background: white;
}

.footer .social-item-box {
display: flex;

margin: 20px auto;
}
.header-arama input {
    border-color: black;
}
.footer-logo {text-align: center;}
.footer ul.footer-menu-1 li.baslikson a {
color: black!important;
}
.footer .cagri-merkezi {
display: grid;
}

.footer .cagri-merkezi i {
float: left;
color: black;
padding: 0 15px 0 0;
margin: 15px 0 0 0;
font-size: 3em;
}

.footer .cagri-merkezi span {
float: left;
clear: both;
color: black;
font-size: 18px;
}

.footer .cagri-merkezi strong {
float: left;
clear: both;
color: black;
font-weight: 600;
font-size: 26px;
}

.footer .cagri-merkezi a {
float: left;
clear: both;
color: black;
font-size: 16px;
margin: 0;
}
.footer .secondline {
background:black;
color: #9ca6b3;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ecf0f1;
}
.footer-bottom-top {background: #ebebeb;color: #4e4e4e;padding-top: 30px;padding-bottom: 30px;border-bottom: 1px solid #ecf0f1;}
.copyright {
line-height: normal;
padding: 15px 0 0 0;
font-size: 10px;
text-align: right;
}
.footer-bank-img {
text-align: right;
margin: 0;
padding: 30px 0 0 0;
float: left;
line-height: normal;
width: 100%;
}

.travelo-box.box-full {
padding: 30px;
padding-top: unset;
}
.travelo-box {
background: #fff;
padding: 20px;
margin-bottom: 30px;
}
.travelo-box > *:last-child {
margin-bottom: 0;
}
form .form-group {
margin-bottom: 15px;
}
.contact-form label {
font-size: 0.8333em;
margin-bottom: 3px;
}
form label {
display: block;
margin-bottom: 5px;
font-weight: normal;
font-size: 0.9167em;
}
input.input-text, textarea, .selector select + .custom-select {
-moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
-ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
border: 1px solid transparent;
cursor: text;
}
input.input-text, textarea, span.custom-select {
padding-left: 15px;
padding-right: 15px;
height: 34px;
}
input.input-text, select, textarea, span.custom-select {
/* background: #f5f5f5; */
border: none;
line-height: normal;
}
.full-width {
width: 100% !important;
}
button.full-width, input[type="button"].button.full-width, a.button.full-width {
padding-left: 0;
padding-right: 0;
}
button.btn-medium, input[type="button"].button.btn-medium, a.button.btn-medium {
padding: 0 32px;
height: 34px;
line-height: 34px;
font-size: 1em;
}
button, input[type="button"].button {
font-size: 0.9167em;
font-weight: bold;
background: #98ce44;
height: 34px;
}
button, input[type="button"].button, a.button {
border: none;
color: #fff;
cursor: pointer;
white-space: nowrap;
}
.box-title, .post-title, .post-meta, .author .name, .mile, .title, .s-title, .price, button, input[type="button"].button, a.button, dl, label, span.info, .price-wrapper, ul.tabs a, .icon-box.style1, .icon-box.style2, .icon-box.style3 .description, .icon-box.style5, .search-results-title, .breadcrumbs {
letter-spacing: 0.04em;
}
.footer-logo img {
width: 100%;
}
.footer-bank-img img {
width: 50%;
}

/* -------------------------- */



/* Ä°NDEX SLÄ°DER ALANI */

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

.mainSlider ul {
padding-left: unset;
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
z-index: 9;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: inherit;
border: none;
outline: none;
background: transparent
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: inherit;
outline: none;
background: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25
}

.slick-prev:before,
.slick-next:before {
font-family: 'Font Awesome 5 Free';
font-size: 70px;
color: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-style: normal;
font-weight: 900;
}

.slick-prev {
left: 70px;
color: white;
text-shadow: 1px 1px 3px #666;
}

[dir='rtl'] .slick-prev {
right: -30px;
left: auto;
}

.slick-prev:before {
content: '\f104';
}

[dir='rtl'] .slick-prev:before {
content: '\f105';
}

.slick-next {
right:70px;
color: white;
text-shadow: 1px 1px 3px #666;
}

[dir='rtl'] .slick-next {
right: auto;
left: -30px;
}

.slick-next:before {
content: '\f105';
}

[dir='rtl'] .slick-next:before {
content: '\f104';
}


/* Dots */

.slick-dotted.slick-slider {
margin-bottom: 25px;
}

ul.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

ul.slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 3px;
cursor: pointer;
}

ul.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}

ul.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}

ul.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}

ul.slick-dots li button:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 10px;
height: 10px;
border-radius: 100px;
text-align: center;
opacity: .5;
border: 2px solid #CCC;
}

ul.slick-dots li.slick-active button:before {
opacity: .9;
background-color: #CCC;
}


/* Slick Gallery */

.slick-gallery-wrapper .gallery-image + .nav-image {
margin-top: 2px;
}

.slick-gallery-wrapper .slick-prev {
left: 10px;
}

.slick-gallery-wrapper .slick-next {
right: 10px;
}

.slick-gallery-wrapper .nav-image {
position: relative;
}

.slick-gallery-wrapper .nav-image:before,
.slick-gallery-wrapper .nav-image:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background-color: #FFF;
display: block;
}

.slick-gallery-wrapper .nav-image:before {
left: -1px;
}

.slick-gallery-wrapper .nav-image:after {
right: -1px;
}

.slick-gallery-wrapper .nav-image .slick-item {
padding-left: 1px;
padding-right: 1px;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.slick-gallery-wrapper .nav-image .slick-item:hover {
cursor: pointer;
opacity: 0.9;
}

.slick-gallery-wrapper .nav-image .slick-center.slick-active {
opacity: .5
}

.slick-gallery-wrapper .nav-image .slick-center.slick-current {
opacity: 1
}

.slick-gallery-slideshow .slick-prev {
left: 0;
z-index: 1
}

.slick-gallery-slideshow .slick-next {
right: 0;
z-index: 1
}

.slick-gallery-slideshow .slick-prev:before,
.slick-gallery-slideshow .slick-next:before {
color: #FFF;
opacity: .7;
}

.slick-gallery-slideshow .slick-prev:hover:before,
.slick-gallery-slideshow .slick-prev:focus:before,
.slick-gallery-slideshow .slick-next:hover:before,
.slick-gallery-slideshow .slick-next:focus:before {
opacity: 1
}

.gallery-slideshow {
margin-bottom: 1px;
}

.gallery-slideshow .image {
padding: 0;
}

.gallery-nav .image {
padding: 0;
border: 1px solid transparent;
opacity: 1;
transition: all 300ms ease;
position: relative;
}

.gallery-nav .image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s
}

.gallery-nav .slick-center .image {
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
}

.gallery-nav .slick-center .image:after {
background: rgba(0, 0, 0, 0);
}

.gallery-nav .image:hover {
cursor: pointer;
}
.mainSlider ul.slick-initialized.slick-slider {
margin-bottom: unset;
}


/* --------------------  ANASAYFA TUR KATEGORI ALANI -------------------------- */

.oteller-kutu-resim img {
width: 100%;
}
.anasayfa-tur-kategori-kutu figcaption {
width: 100%;
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #5a4280;
text-align: center;
padding: 8px;
text-overflow: ellipsis;
overflow: hidden;
height: 60px;
white-space: normal;
display: grid;
align-items: center;
}
.one-cikan-ozellik-aciklama {
    display: inline-block;
    padding: 2px 5px !important;
    font-size: 10px;
    border-radius: 6px;
    margin: 0px 3px 3px 0px !important;
}
.flex-wrap-ozellik ul, .onecikan-wrap ul {
    margin: 0;
    padding: 0;
}
.anasayfa-tur-kategori-kutu small {
color: #2d3e52!important;
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
display: inline-block;
}
.anasayfa-tur-kategori-kutu li {

    flex: 0 0 auto;
    width: 25%;
    padding-right: 10px !important;
padding-left: 10px !important;
padding-bottom: 15px !important;
}
.anasayfa-tur-kategori-kutu ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
padding-left: unset;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;

}
.oteller-kutu-resim {
position: relative;
}

.resim-button {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%);
text-align: center;
margin: 0 auto;
color: #08614f;
padding: 10px;
border: solid 1px #179f84;
background: 0 0;
font-size: 14px;
font-weight: 600;
width: 150px;
height: 42px;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
}

.card.tur-kutu-card {
position: relative;
}
.resim-button:empty {
display: none;
}
.resim-button:hover {
color: #fff;
border-color: #fff;
background: #179f84;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
}

.animation-box {
position: relative;
}

#animation-text {
color:#999;
text-transform: uppercase;
font-size:15px;
font-weight:bold;
left: 0;
width:100%;
position: absolute;
display:block;
text-align: center;
}

#flip {
height:50px;
overflow:hidden;
}

#flip > div > div {
color:#355074;
/* padding:4px 12px; */
height:45px;
margin-bottom:45px;
display:inline-block;
}

#flip div:first-child {
animation: show 15s linear infinite;
}


@keyframes show {
0% {margin-top:-270px;}
5% {margin-top:-180px;}
33% {margin-top:-180px;}
38% {margin-top:-90px;}
66% {margin-top:-90px;}
71% {margin-top:0px;}
99.99% {margin-top:0px;}
100% {margin-top:-270px;}
}


.anasayfa-tur-kategori-kutu {
position: relative;
}
.anasayfa-tur-kategori-kutu .container:first-child {
margin-top: 20px;
margin-bottom: 60px;
}

/* ----------------SÄ°RKET REKLAM ALANI ---------------- */
.reklam-img {
background: white;
}

.reklam-img ul {
display: flex;
align-items: center;
justify-content: center;
height: 85px;
overflow: hidden;
padding: 12px;
}
.reklam-img img {
width: auto;
margin: 0 auto;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
opacity: .7;
cursor: pointer;
}
.reklam-img img:hover {
webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
filter: none;
filter: grayscale(0%);
opacity: 1;
transition: all .5s;
}
/* ---------------POPULER KATEGORÄ° CARD ALANI ----------------- */
.populer-card-item {
display: flex;
border-bottom: 1px solid #ecf0f1;
}

.title h3 {
font-size: 16px;
font-weight: 700;
color: #da2717;
margin: 0;
padding: 0;
line-height: 20px;
vertical-align: middle;
margin-bottom: 3px;
}

.title p {
font-size: 12px;
color: #2d3e52;
margin: 0;
font-weight: 600;
padding: 0;
line-height: 16px;
vertical-align: middle;
min-height: 31px;
}
.populer-card {
background: white;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

ul.populer-kat-menu a {
color: #2d3e52;
line-height: 16px;
vertical-align: middle;
padding: 8px 15px;
display: block;
width: 100%;
font-size: 12px;
}

ul.populer-kat-menu li {
border-bottom: 1px solid #ecf0f1;
text-align: center;
}

ul.populer-kat-menu {
padding-left: unset;
}
.populer-img {
padding: 4px;
}

.populer-card-item {
padding-top: 10px;
padding-bottom: 10px;
}
.populer-header-2 {
color: #5a4280 !important;
}
.media-item a {
    color: red;
}
.populer-img i {
color: #198754;
font-size: 1.5em;
}
.populer-header-3 {
color: #198754 !important;

}

.miniSlider ul {
padding-left: unset;
}

.miniSlider img {
width: 100%;
padding: 10px;
height: 224px;
/* object-fit: cover; */
}
.miniSlider .slick-dots li button:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
border-radius: unset;
text-align: center;
opacity: .5;
border: unset;
background: #CCC;
}
.miniSlider ul.slick-dots {
position: absolute;
bottom: unset;
display: unset;
width: 100%;
padding: 0;
margin: 0;
top: -25px;
list-style: none;
right: 0;
text-align: unset;
}
.miniSlider ul.slick-dots li.slick-active button:before {
opacity: .9;
background-color: #00cdff;
}
.miniSlider ul.slick-dots li:first-child {
position: absolute !important;
right: 9px;
}

.miniSlider ul.slick-dots li:last-child {
position: absolute;
right: 30px;
}

.miniSlider ul.slick-dots:before {
content: "";
border: 1px solid #ecf0f1;
width: 87%;
position: absolute;
bottom: -12px;
}
.miniSlider ul.slick-dots li button {
display: unset;
}
.miniSlider {
cursor: pointer;
}
.spacer {
margin-top: 30px !important;
}

/* --------------MEDÄ°A ALANI-------------- */
.media-item {
background: #fff;
padding: 15px;
min-height: 90px;
}

.media-icon {
float: left;
margin-right: 15px;
position: relative;
top: 12px;
}

.media-icon i {
font-size: 26px;
}

.media-body {
font-size: 12px;
font-weight: 600;
color: #595d63;
}

h4.media-heading {
font-size: 15px;
font-weight: 600;
color: #2d3e52;
margin: 0;
margin-top: 6px;
}
.media, .media-body {
overflow: hidden;
zoom: 1;
}
/* ----------------ARAMA MOTORU------------ */

.hero-inner {
position: relative;
}
/* .menu-horizontal-02 ul {
margin-bottom: 20px;
margin: 0 -3px;
} */
.hero-inner .menu-horizontal-02 ul li {
display: inline-block;
margin: 0 1px;
}
/* .hero-inner .menu-horizontal-02 ul li a.active, .hero-inner .menu-horizontal-02 ul li.active a, .hero-inner .menu-horizontal-02 ul li a:hover {
color: #FF1944;
border-color: #FF1944;
} */
.hero-inner .menu-horizontal-02 ul li a {display: block;/* background: rgb(28 109 183); */color: white;line-height: 1;margin-right: 0;display: flex;text-transform: uppercase;font-weight: bold;align-items: center;justify-content: center;margin-bottom: 0;border-radius: 6px;/* padding: 14px 30px; */width: 100%;}


a, a:visited, a:focus, a:active, a:hover, :focus {
text-decoration: none;
outline: none;
}

.hero-banner-01 .search-form-main {
-webkit-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.23);
box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.23);
}
.hero-banner.overlay-white, .hero-banner.overlay-light {
color: inherit;
}
.row.gap-1 {
margin-left: -1px;
margin-right: 0;
margin-bottom: -1px;
}
.row.gap-1 > [class*=col] {
padding-left: 1px;
padding-right: 0;
}
.hero-banner-01 .search-form-main .form-group {
margin: 0;
position: relative;
background-color: #FFF;
}
.hero-banner-01 .search-form-main .form-group label {
margin: 0;
line-height: 1;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
display: block;
margin: 8px 0 3px;
}
.hero-banner .form-group label {
color: #000;
font-size: 14px;
margin-bottom: 5px;
}
.hero-banner-01 .search-form-main .form-group .form-control {
font-size: 12px;
}
.hero-banner-01 .search-form-main .form-group .form-control, .hero-banner-01 .search-form-main .form-group select {
border: 0;
padding: 1px 0 0;
border-radius: 3px;
height: 100%;
background-color: transparent;
margin: 0;
width: 100%;
font-weight: 700;
color: black;

}
.hero-banner .form-control, .hero-banner .form-readonly-control[readonly], .hero-banner .form-control-readonly[readonly] {
border-radius: 3px;
box-shadow: none;
border-color: #DFDFDF;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
height: auto;
padding-top: 8px;
padding-bottom: 8px;
background-color: #FFF;
}
.person-total {
line-height: 19px;
height: 19px;
border: 0;
}
.person-total {
    color: black;
    font-weight: 700;
    font-size: 13px;
display: block;
cursor: pointer;
background: #fff;
padding: 0px;

}

.room-count-dropdown.show {
visibility: visible;
opacity: 1;
}
.room-count-dropdown {
position: absolute;
min-width: 300px;
background: white;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
font-size: 12px;
font-size: .75rem;
visibility: hidden;
opacity: 0;
z-index: 355;
transition: all 250ms ease-in-out;
top: 100%;
margin-top: 14px;
}
.room-count-dropdown .room-info {
padding: 10px;
}
.room-count-dropdown .room-info .info-row {
width: 100%;
text-align: left;
padding: 10px 0px;
}
.room-count-dropdown .room-info .info-row .col:first-child {
min-width: 55px;
padding: 0;
}
.room-count-dropdown .room-info .info-row .col {
padding: 0;
width: 50%;
float: left;
margin-bottom: 4px;
}
.room-count-dropdown select {
border: 1px solid #cccccc;
color: #666666;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 48px;
padding: 8px 12px;
vertical-align: middle;
width: 100%;
}   
.hero-banner-01 .search-form-main .btn {
height: 50px;

}
.hero-banner-01 .search-form-main .btn {
margin: 0;
text-align: center;
display: block;
padding: 0;
}
.btn-primary, .btn.disabled, .btn:disabled {
color: #FFF;
}
.fade {
transition: opacity .15s linear;
}
.hero-banner .tab-content {background: linear-gradient(90deg, #dce8f9 27%, #afd8ff 80%);width: 100%;min-height: 90px;border-radius: 0 6px 6px 6px;padding: 20px !important;}
.hero-banner ul.nav {
height: 50px;
margin-top: 10px;
margin-left: 18px;
margin-right: 18px;
display: flex;
justify-content: space-between;
align-content: flex-end;
align-items: flex-end;
}
nav.menu-horizontal-02 li {
height: 50px;
width: 200px;
background-color: #5a4280;
border-radius: 6px;
cursor: pointer;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.otel-hakkinda.mobilde-gizle {
    display: none;
}
.menu-horizontal-wrapper-02.mt-0 {background: linear-gradient(90deg, #dce8f9 27%, #afd8ff 80%);border-radius: 6px 6px 0 0;height: 60px;display: flex;align-items: flex-end;justify-content: space-between;width: fit-content;}
nav.menu-horizontal-02 li a.active {/* background: rgb(28 109 183); *//* border-bottom: 1px solid white; */}
nav.menu-horizontal-02 a img {/* width: 24px; *//* height: 20px; */margin-right: 10px;}
.hero-banner input#yasehir {
width: 240px;
text-align: left;
margin-left: 10px;
}
.hero-banner .form-group i {
font-size: 31px;
color: #b8babb;
margin-right: 10px;
}
.hero-banner .form-group img {
/* position: absolute; */
margin-right: 10px;

}
#tourname::-webkit-input-placeholder {
    color: black;
    font-weight: 700;
    font-size: 13px;
    }
    .chosen-container-single .chosen-single span {

        color: black;
        font-weight: 700;
    }
#yasehir::-webkit-input-placeholder {
    color: black;
    font-weight: 700;
    font-size: 13px;
    }
.inDatePic::-webkit-input-placeholder {
color: black;
font-weight: 700;
font-size: 13px;
}
.outDatePic::-webkit-input-placeholder {
color: black;
font-weight: 700;
font-size: 13px;
}
.room-count-dropdown:after {
bottom: 100%;
left: 30%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
z-index: 200;
border-color: rgba(136,183,213,0);
border-bottom-color: white;
border-width: 14px;
margin-left: -14px;
filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.02));
}
/* ------------   BLOG ---------------- */
.blog {
position: relative;
}
.blog article img {
width: 100%;
height: 100%;
object-fit: cover;
transition: .9s ease 0s;
}
.blog article:hover img {
transform: scale(1.1);
transition: .9s ease 0s;
}

.blog .image {
position: relative;
height: 169px;
overflow: hidden;
}
.blog .image span {
position: absolute;
bottom: 5%;
left: 5%;
color: white;
font-size: 13px;
z-index: 2;
}
.blog .overlay {
background: rgba(0,0,0,.3);
display: block;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
}
.blog .post-grid-01 {
position: relative;  
}
.blog h2 {
font-family: 'Open Sans',sans-serif;
font-size: 20px;
color: #334960;
border-left: 3px solid #334960;
padding-left: 10px;
margin-bottom: 20px;
text-transform: uppercase;
}

.section-title {
position: relative;
}

.blog-detay-button a {
border-color: #2d3e52;
color: #2d3e52;
background-color: transparent;
font-size: 13px;
text-transform: uppercase;
border-radius: unset;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
position: absolute;
top: 0;
right: 0;
}
.blog-detay-button a:hover {
border-color: #2d3e52;
color: #2d3e52;
background-color: transparent;
}
span.blog-font {
font-weight: 600;
}

.footer-newsletter .input-group i {
font-size: 18px;
position: absolute;
z-index: 122;
top: 8px;
left: 11px;
color: #ccc;
}

.footer-newsletter .input-group {
position: relative;
}

.footer-newsletter input.form-control {
padding-left: 34px;
font-size: 13px;
}
.footer-newsletter input::placeholder {
color: rgb(180, 180, 180);
}
.email-kaydet {
color: #000;
border-color: #ecf0f1;
font-weight: 400;
background-color: #ecf0f1;
border-radius: unset;
font-size: 14px;
}

.tatil-habercisi-box {
position: relative;
}

form.footer-newsletter.mt-20 {
position: absolute;
width: 88%;
top: 54%;
left: 50%;    
transform: translate(-50%,-50%);
}
.tatil-haber-text p {
font-size: 13px;
max-width: 250px;
color: #fff;
}
.tatil-haber-text span {
color: #fff;
}
.abone-cikis p {
font-size: 11px;
max-width: 250px;
color: #fff;
}
.abone-cikis p a {
text-decoration: underline !important;
color: #fff;
font-weight: 600;
}
.abone-cikis {
margin-top: 7px;
}
.tatil-habercisi-box .overlay {
background: rgba(0,0,0,.3);
display: block;
width: 100%;
height: 100%;
z-index: 0;
position: absolute;
}

.aciklama-box {
background: white;
}

.acikla-header p {
background: #ecf0f1;
width: fit-content;
margin-bottom: unset;
font-size: 14px;
margin: 0;
color: black;
border-radius: 0;
padding: 8px 14px;
}
li.menu-item-has-children.menuAnime {
    display: none !important;
    visibility: hidden;
}
div#tabs-1 li p {
    color: #ff0000;
}
.acikla-header {
border-bottom: 1px solid #ff0000;
}
.aciklama-text {
padding: 15px;
font-size: 12px;
}
.acikla-header p:hover {
color: #555 !important;
}
/* ----------OTELLER------------ */
.oteller img {
width: 100%;
}
.oteller h3.title {
font-size: 15px;
color: #000;
margin: 0;
padding: 0;
line-height: 20px;
vertical-align: middle;
box-shadow: none;
padding: 15px;
text-transform: uppercase;
color: #000;
}
.oteller .card .cont {
background: #fff;
padding: 10px 15px 10px;
}
.oteller .card .cont ul li {
display: inline-block;
width: calc(100% / 2);
padding: 0 2.5px;
}
.oteller .card .cont ul li a {
text-align: left;
border-bottom: 1px solid #EFEFEF;
text-decoration: none;
transition: all 150ms ease-in-out;
color: #666;
font-size: 13px;
padding: 10px 0;
display: block;
}
.oteller .card .cont ul {
padding-left: unset;
}
.oteller .card .cont ul  li a:before {
font-family: FontAwesome;
content: '\f105';
display: inline-block;
width: 10px;
font-size: 10px;
}
.oteller .card .bottom {
border-top: 1px solid #EFEFEF;
background: #ebebeb;
padding: 10px 15px;
text-align: right;

}
.oteller .card .bottom .all-tours {
color: #000;
font-weight: 600;
font-size: 14px;
text-decoration: none;
}
.oteller .card .cont ul li:nth-last-child(-n+2) a {
border-bottom: 0;
}
.oteller .cover  {
position: relative;
overflow: hidden;
}

.oteller .card:hover img {
transition: 2s ease 0s;
transform: scale(1.3);
}

.oteller .cover img {
transition: 2s ease 0s;
}
.otel-tab-content {
border-radius: 6px !important;
}
.tab-content.otel-tab-content {
margin-top: -48px;
background: rgba(52, 73, 94, 1) !important;
}
.oteller .card {
border: unset;
}
li.breadcrumb-item {
font-size: 12px;
color: black !important;
}

li.breadcrumb-item a {
color: black !important;
font-weight: 400;
}
.breadcrumb-item+.breadcrumb-item::before {
color: black !important;
}

/* ------------------- TURLAR ------------------- */
.turlar h3.title {
background: -webkit-linear-gradient(top,#349fbd 30%,rgba(125,185,232,0) 100%);
background: linear-gradient(to bottom,#349fbd 30%,rgba(125,185,232,0) 100%);
margin: 0;
padding: 10px 10px 20px 10px;
font-family: 'Open Sans',sans-serif;
font-weight: 600;
color: #fff;
font-size: 14px;
left: 0;
right: 0;
top: 0;
display: block;
text-shadow: 1px 1px 2px #000;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
position: absolute;
top: 0;
text-align: center;
}
.turlar .cont {
z-index: 3;
opacity: 0;
left: 0;
bottom: 0;
margin: 0!important;
transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
right: 0;
transition: .3s linear;
-moz-transition: .3s linear;
-webkit-transition: .3s linear;
position: absolute;
top: 0;
bottom: 0;
left: 10px;
border-radius: 10px;
right: 10px;
z-index: 3;
padding: 0;
overflow: hidden;
}
.turlar .cont ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
text-align: center;
margin-top: 42px;
}
.turlar .cont ul li {
float: left;
clear: both;
width: 100%;
}
.turlar .cont ul li a {
font-weight: 600;
color: #fff;
font-size: 13px;
text-shadow: 1px 1px 2px #000;
line-height: 20px;
}

.turlar .card:hover .cont {
opacity: 1;
}
.turlar .card {
cursor: pointer;
}
.turlar .cover img{
width: 100%;
display: block;
min-height: 260px;
max-height: 260px;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
filter: blur(0px);
transition: .3s linear;
-moz-transition: .3s linear;
-webkit-transition: .3s linear;
}
.turlar .card:hover .cover img {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(5px);
}
.turlar .cover {
position: relative;
overflow: hidden;

}
.turlar .cont a:hover {
text-decoration: underline !important;
}
.turlar .baslikson {
margin-top: 10px;
}
.landingpage-root-head.text-center.w-100.observerBackground {
display: inline-block;
width: 100%;
margin: 0 0 1em 0;
font-size: 1em;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
background-color: #fff;
padding: 30px 15px;
font-weight: 400;
color: #000;
background-position: center;
background-size: 150px 150px;
background-repeat: no-repeat;
}
/* ---------------- OTELLER --------------- */
div#oteltabs > ul:first-child {
display: flex;
justify-content: end;
background: white;
width: fit-content;
float: right;
padding-left: unset !important;
}
.diller-box {
  display: flex
;
  height: 100%;
  align-items: center;
}
div#oteltabs > ul:first-child a {
font-size: 13px;
cursor: pointer;
color: #5a4280 ;
height: inherit;
padding: 0 10px;
line-height: 32px;
background: #fff;
font-weight: 600;
}
.oteller-box img {
width: 100%;
}

.oteller-box .icerikk {
    background: white;
    clear: both;
}
ul.item-meta {
display: block !important;
padding-left: unset;
}
ul.item-meta li:last-child {
padding: 0 10px;
font-size: 12px !important;
display: block;
color: #000 !important;
}
ul.item-meta li a {
font-size: 12px;
display: block;
padding: 5px 0;
color: #2d3e52 !important;
font-weight: 700;
}
.oteller-box {
position: relative;
}

.section-title.oteller-sec-title {
position: absolute;
top: -4px;
}
.oteller-box h2 {
font-family: 'Open Sans',sans-serif;
font-size: 13px;
color: #000;
font-weight: 600;
border-left: 3px solid #334960;
padding-left: 10px;
margin-bottom: 20px;
text-transform: uppercase;
}
.oteller-box h2 .blog-font {
color: black;
font-size: 20px;
border-color: #ecf0f1;
background: #ecf0f1;
font-weight: 700;
margin-right: 10px;
}
div#oteltabs > ul:first-child li:first-child a {
color: #fff;
background: #5a4280 ;
display: block;
font-weight: 600;
}
div#oteltabs > ul:first-child li{
height: 100%;

}

/* ----------------TUR FÄ°LTRE------------- */
div#dynamicTours img {
width: 100%;
height: 100%;
object-fit: cover;
}
.mobile-filter {
position: relative;
width: 100%;
text-align: center;
background: #fff;
padding: 10px 0px;
margin-top: 20px;
}
.mobile-filter {
display: none;
}
div#dynamicTours > .mb-20 {
    border-bottom: 1px solid #bec3c9;
}
.mobile-filter {position: relative;width: 100%;text-align: center;background: #fff;padding: 10px 0px;margin-top: 20px;}
.mobile-filter .btns {background: #ddd;color: #000;border-radius: 6px;}
.mobile-filter .mfilter-btn {display: block;padding: 8px;color: white;border-right: 1px solid #fff;}
.listroBox {
/* margin-bottom: 20px; */
/* border-bottom: 1px solid #bec3c9; */
display: flex;
}
.tur-kategori-search {
margin-top: 0px !important;
}
.page-title .breadcrumb {
margin-top: 10px;
}

.hide {
display: none!important;
}
.secondary-search-box {
-webkit-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.23);
box-shadow: 0px 0px 17px -5px rgba(0, 0, 0, 0.23);
border-radius: 3px;
border: 2px solid #E5E5E5;
background-color: #FFF;
}
.mb-30 {
margin-bottom: 30px !important;
}
.secondary-search-box h4 {
line-height: 1;
padding: 15px 20px 10px;
border-bottom: 2px solid #E5E5E5;
background: #FAFAFA;
margin: 0;
}
.secondary-search-box .form-group {
margin: 0;
border-bottom: 1px solid #E5E5E5;
padding: 15px 20px 5px;
}
.secondary-search-box .form-group label {
display: block;
margin: 0;
line-height: 1;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.secondary-search-box .form-control {
border: 0;
padding: 0;
height: auto;
font-size: 18px;
margin: 0;
letter-spacing: 1px;
}
.secondary-search-box .btn {
margin: 0;
}
.ph-20 {
padding-left: 20px !important;
padding-right: 20px!important;
}
.pv-15 {
padding-top: 15px !important;
padding-bottom: 15px!important;
}
input#tourname::placeholder {
    color: black !important;
    font-size: 14px;
}
.btn {
border-radius: 5px;
-o-transition: all .3s;
transition: all .3s;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
/* padding: 12px 12px 10px; */
font-weight: 500;

}
.btn-block {
display: block;
width: 100%;
}
.sort-wrapper .title small {
font-size: 100%;
font-weight: bold;
}
.sort-wrapper .title {
float: left;
padding: 3px 7.5px 0 0;
font-size: 16px;
font-weight: bold;
}

div#dynamicTours .listroBox {
/* background: white; */
position: relative;
padding: 15px;
}
div#dynamicTours .listroBox ul {
padding-left: unset;
}
.listroBoxmain::after {
position: absolute;
right: -3px;
width: 1px;
border-left-style: dotted;
border-left-width: 2px;
height: 100%;
border-left-color: #e4e4e4;
top: 0;
content: "";
}
.listroBoxmain {
height: 100%;
position: relative;
}
div#dynamicTours .listroBox ul {
vertical-align: top;
text-align: center;
padding: 0;
height: 100%;
position: relative;
}
.col-xs-height {
display: table-cell;
float: none;
}
#dynamicTours figure {
margin: 0 !important;
height: 100%;
object-fit: cover;
}
.Nopadding {
padding: unset !important;
padding-right: 15px !important;

}
.listroBoxmain span a {
font-weight: 600;
font-size: 14px;
color: #5a4280;
line-height: 14px;
vertical-align: top;
}
.listroBoxmain .address {
color: #e32ecd;
line-height: 18px;
margin: 0;
padding: 0;
font-size: 12px;
display: inline-block;
font-weight: 600;
}

.price {
display: inline-block;
color: #ff0000;
font-size: 12px;
font-weight: 700;
vertical-align: middle;
float: right;
width: 100%;
text-align: center;
margin-bottom: 0;
}
.Ropen-Fiyat {
color: #6c757d !important;
margin-right: 15px;
width: 100%;
line-height: 18px;
margin: 0;
padding: 0;
font-size: 12px !important;
display: inline-block;
font-weight: 600 !important;
}
p.kalkis-yeri {
color: #000;
font-weight: 700;
font-size: 12px;
}
.gezilecek-yerler {
color: #000;
font-weight: 400;
font-size: 12px;
}
.date-btn {
position: relative;
display: inline-block !important;
padding: 3px 6px !important;
font-size: 11px !important;
border-radius: 4px;
background: #fff;
color: #251363 !important;
width: auto;
border: 1px solid #251363;
cursor: pointer;
}
.date-btn i {
margin-left: 3px;
}
.date-btn .other-dates span {
display: block;
}
.date-btn .other-dates a {
display: block;
text-align: left;
color: #3a739c;
font-weight: bold;
font-size: 12px;
margin-top: 5px;
}
.turtarihkutu {
position: relative;
}
.turtarihkutu {
margin: 10px auto;
}
.date-btn .other-dates {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 100%;
margin-top: 0px;
background: #fff;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.35);
border-radius: 5px;
padding: 5px;
z-index: 9;
border: 1px solid #c7c7c7;
color: #707070;
font-size: 13px;
transition: ease-in-out all 300ms;
}
.date-btn:hover .other-dates {
display: block;
}
.other-dates {
height: 58px;
overflow-y: scroll;
}
#dynamicTours .read_more, .read-more-otel {
font-weight: 400;
background: #0d6efd;
border: 1px solid #932a2a;
text-align: center;
padding: 0 30px;
margin: 0;
color: white;
box-shadow: inset 0 0 0 0 #932a2a;
height: 30px;
line-height: 30px;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
width: 100%;
border-radius: 5px!important;
}
#dynamicTours .read_more a, .read-more-otel a {
color: white  !important;
}
#dynamicTours li.read_more_item {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
text-align: center;
}
span.tlfiyat {
color: #5a4280;
display: block;
font-weight: 600;
font-size: 18px;
vertical-align: middle;
}
.turKategoriSlider ul {
padding-left: unset;
}
.turKategoriSlider .slick-prev {
left: 25px;

}
.turKategoriSlider .slick-next {
right: 25px;

}
.turKategoriSlider .slick-prev:before, .turKategoriSlider .slick-next:before {
opacity: 1;
}
.turKategoriSlider .slick-prev:before, .turKategoriSlider .slick-next:before {
font-size: 42px;
}
.turKategoriSlider ul.slick-dots {
position: absolute;
bottom: 12px;
display: block;
width: 98%;
padding: 0;
margin: 0;
list-style: none;
/* text-align: center; */
display: flex;
justify-content: end;
}
.turKategoriSlider ul li button:before {
background: #fff !important;
border-radius: 50%;
border: none;
color: #fff;
width: 22px;
height: 22px;
margin: 0 2px;
-webkit-transition: all ease .1s;
opacity: 1;
}
.turKategoriSlider ul li:hover button:before {
border: solid 3px #349fbd!important;
-webkit-transition: all ease .1s;

}
.turKategoriSlider ul .slick-active button:before {
border: solid 3px #349fbd!important;
}
.turKategoriSlider ul.slick-dots li {
position: relative;
display: inline-block;
margin: 0 9px;
cursor: pointer;
margin-bottom: 14px;
}
.slick-arrow:hover {
color: white;
}

/* ----------------------OTEL KATEGORÄ° -------------- */

#dynamicHotels img {
width: 100%;
height: 100%;
}

#dynamicHotels figcaption.content a {
font-weight: 600;
font-size: 14px;
color: #000;
line-height: 25px;
vertical-align: top;
}
.yer-konum {
font-weight: 400;
line-height: 24px;
margin: 0;
display: inline-block;
width: 100%;
font-size: 12px;
}
.content-wrapper.pv {
background: white;
}
.priceBox:before {
position: absolute;
left: 0;
width: 1px;
border-left-style: dotted;
border-left-width: 2px;
height: 100%;
border-left-color: #e4e4e4;
top: 0;
content: "";
}
.priceBox {
text-align: center;
position: relative;
}
.sort-group.page-result-01.mb-20 {
padding: 20px 15px;
}
.oran-otel:before {
content: "";
width: 32px;
height: 32px;
background-position: -5px -131px;
background-image: url(/site/images/suittouristic.png);
background-repeat: no-repeat;
position: absolute;
left: -15px;
top: 0;
}

.oran-otel {
position: relative;
padding: 0px 0 6px 24px;
}
span.consept {
color: #000;
line-height: 18px;
margin: 0;
padding: 0;
font-size: 12px;
display: inline-block;
font-weight: 500;
white-space: nowrap;
}
.iptal-hakki {
margin: 10px 0;
width: 100%!important;
float: left;
background-color: #d9edf7;
border: 1px solid #bce8f1;
border-radius: 4px;
}

.iptal-hakki span {
color: #0059a2;
border-radius: 5px!important;
-webkit-transition: all 1.2s;
-moz-transition: all 1.2s;
-o-transition: all 1.2s;
transition: all 1.2s;
text-align: center;
font-size: 12px;
font-weight: 500;
display: table;
padding: 3px 5px;
margin: 0 4px 0 0;
cursor: help;
clear: both;
width: 100%;
}
.otel-kategori {
padding: 15px;
border-top: 1px solid #bec3c9;
}
.otel-kategori-search .tab-content {
    border-radius: 6px;

}
.iptal-hakki:hover span {
color: #fff!important;
background-color: #000!important;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.tooltip-inner {
background-color: #000;
color: #fff;
}
.aciliskapanis {
padding: 1px 10px;
margin: 0 0 5px 0;
display: block;
float: right;
width: 100%;
font-size: 12px;
text-align: center;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert {
border: 1px solid transparent;
border-radius: 4px;
}
.read-more-otel {
position: absolute;
width: 84%;
bottom: 0;
}
.oteller-kategori-box {
    padding: 15px;
    border-top: 1px solid #bec3c9;
}
span.ekBadge {
color: #3d5165!important;
font-weight: 700!important;
border-radius: 6px;
padding: 2px 6px;
border: solid 1px #8bcec1;
margin: 5px 0 0 0;
background-color: rgba(1,156,128,.2);
cursor: help;
clear: both;
position: relative;
font-size: 13px;
display: table;
} 
.old-price {
color: #87909c;
font-size: 14px;
font-weight: 600;
position: relative;
float: none;
display: inline-block;
position: relative;
}
.old-price:before {
position: absolute;
content: "";
left: 0;
top: 50%;
right: 0;
border-top: 1px solid;
border-color: inherit;
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
.price-item-box {
text-align: center;
}
.new-price {
display: inline-block;
color: #000;
font-size: 18px;
font-weight: 600;
vertical-align: middle;
float: right;
width: 100%;
text-align: center;
margin-bottom: 0;
}


.new-price .b {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -0.5em;
}
small.person {
color: #000;
font-size: 12px;
font-weight: 700;
}
.indirim-item {
background: #f1c40f;
display: inline-block;
font-size: 11px;
text-align: center;
border-radius: 6px;
vertical-align: middle;
padding: 4px 3px;
margin: 0 0 5px 0;
color: #2d3e52;
position: relative;
width: 100%;
font-weight: 600;
border-radius: 15px!important;
}

.indirim-item:after {
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #f1c40f;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
right: auto;
left: 50%;
top: auto!important;
bottom: -15px!important;
margin-left: -5px;
}
.indirim-item span {
font-size: 14px;
font-weight: 700;
display: inline-block;
margin-right: 5px;
color: #2d3e52;
}
.ucretsiz-cocuk{
position: relative;
}
.ucretsiz-cocuk-box {
position: absolute;
left: -362px;
background: #2d3e52e0;
width: 348px;
color: #FFF;
font-size: 13px;
z-index: 9;
top: -41px;
border-radius: 5px;
text-align: center;
display: none;
opacity: 0;
-webkit-transition: all ease .3s;
}

.ucretsiz-cocuk-box .ucretsiz-header {
border-bottom: 1px solid white;
margin-bottom: 10px;
}
.ucretsiz-cocuk-box:after {
content: "\f0da";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #475567;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
right: auto;
left: 99%;
top: 42px;
bottom: -15px!important;

}
.ekBadge:hover .ucretsiz-cocuk-box {
display: block;
opacity: 1;
-webkit-transition: all ease .3s;
}
.content.metin {
padding: 15px;
background: white;
}
.ucretsiz-header:has(> .ucretsiz-aciklama span:empty) {
display: none;
}
.ucretsiz-header:has(> .ucretsiz-aciklama span:empty) {
display: none;
}
.ucretsiz-cocuk-box:has(> ul li p span:empty) {
    display: none !important;
    }
.indirim-item:has(> span:empty) {
    display: none;
}
.person:has(> span:empty) {
    display: none;
}
.oran-item:has(> .oran-otel span:empty) {
    display: none !important;
}
span.indirim-span {
    margin-right: 3px;
}
.indirim-item span:before {
    content: "%";
}

.indirim-item span:after {
    content: "İndirim";
    margin-left: 5px;
}
.oteller-kategori-mobil {
    display: none;
}
/* ------------  OTEL DETAY -------------- */
.urun-header h3 {
font-size: 24px;
color: #000000;
font-weight: 600;
margin: 0;
padding: 0 150px 0 0;
line-height: 34px;
}
.urun-header {
display: flex;
justify-content: space-between;
align-items: center;
}
p.rating-text.font600.text-muted.font-12.letter-spacing-1 {
color: #2d3e52;
font-size: 12px;
margin: 0;
font-weight: 600;
padding: 0;
font-family: 'Open Sans',sans-serif;
line-height: 20px;
vertical-align: middle;
}
.mr-15.font-lg a {
color: #2d3e52;
font-size: 12px;
margin: 0;
font-weight: 600;
padding: 0;
font-family: 'Open Sans',sans-serif;
line-height: 20px;
vertical-align: middle;
}
.konum-header h3 {
cursor: pointer;
color: #000000;
padding: 0;
font-weight: 400;
margin: 15px 0 5px 0;
font-size: 16px;
}
.booking-box, .otel-hakkinda {
border: dashed 2px #ecf0f1;
overflow: hidden;
border-radius: 10px;
margin: 0;
margin-bottom: 15px;
padding: 10px;
}
.otel-cocuk-box {
display: flex;
padding: 10px;
}

.otel-hakkinda img {
object-fit: contain;
width: 32px;
height: 32px;
margin-right: 10px;

}
.otel-cocuk-ucret p {
font-size: 13px!important;
margin: 5px 0;
}
.otel-cocuk-ucret b {
float: left;
color: #555;
padding: 0 5px 0 0;
line-height: normal;
}
.cocuk-donemsel {
display: flex;
padding: 10px;
}
.ucretsiz-iptal {
display: flex;
padding: 10px;
}
.oran-otel-item {
display: flex;
padding: 10px;
}
.otel-cocuk-ucret {
font-size: 13px;
}
.owl-otel-slide .item {
position: relative;
overflow: hidden;
transition: 1s ease-in-out .0s;
}

.owl-otel-slide .item:hover img {
transform: scale(1.1);
transition: .3s ease-in-out .0s;
}
.owl-otel-slide .item img {
transition: .3s ease-in-out .0s;
}
.tesis-tarih {
padding: 6px 8px!important;
position: relative;
overflow: hidden;
margin: 0 0 5px 0;
width: 100%;
display: flex;
flex-direction: column;
background-color: #fcf8e3;
border:1px solid #faebcc;
border-radius: 4px;
color: #8a6d3b;
}

.tesis-tarih p {
color: #8a6d3b;
font-size: 12px;
display: block;
margin: 0;
}
span.otel-puanlama {
display: inline-block;
font-size: 14px;
vertical-align: middle;
line-height: 35px;
height: 35px;
text-align: center;
margin: 0 0 0 5px;
border-radius: 50%;
width: 38px;
background: #5a4280 ;
border: 0;
border-bottom: 3px solid #5a4280 ;
font-weight: 700;
padding: 0;
color: #fff;
}

.otel-puan {
width: 100%;
padding: 0 10px;
text-align: right;
border: none;
margin-bottom: 5px;
}

.otel-puan p {
display: inline-block;
color: #5a4280 ;
line-height: 26px;
margin: 0;
font-weight: 600;
vertical-align: middle;
font-size: 14px;
}
.misafir {
width: 100%;
padding: 0 10px;
text-align: right;
border: none;
}

.misafir a {
display: inline-block;
text-align: right;
font-size: 14px;
vertical-align: middle;
line-height: 24px;
font-weight: 600;
padding: 0;
color: #5a4280 ;
}
.otel-puan-box {
border-right: 3px solid #ecf0f1;
padding: 5px 0;
color: #9ca6b3;
width: 100%;
margin: 0 0 5px 0;
display: flex;
flex-direction: column;
}
.tesis-tarih:after {
content: '\f274';
font-size: 20px;
position: absolute;
right: 6px;
bottom: 1px;
color: #d2c99d;
z-index: 0;
font-family: FontAwesome;
}
span.kunyebaslik:before {
color: #000;
width: 14px;
height: 12px;
font-family: FontAwesome;
content: '\f00c';
display: inline-block;
font-size: 12px;
}    
.kunyesatir {line-height: 20px;font-size: 12px;}
.konum-header {
display: flex;
justify-content: space-between;
}

.konum-header img {
max-height: 32px;
}
.owl-carousel.owl-theme.owl-otel-slide.owl-loaded.owl-drag {
margin-top: 24px;
}
.ozellikler b {
float: left;
color: #555;
padding: 0 5px 0 0;
line-height: normal;
font-size: 13px;
margin-top: 10px;
}


.one-cikan-ozellik-aciklama {
padding: 2px 5px;
color: #666;
white-space: nowrap;
/* background: #ecf0f1; */
font-size: 12px;
line-height: 24px;
vertical-align: middle;
display: inline-block;
font-weight: 400;
border-radius: 3px;
margin: 2px 0;
margin-right: 2px;
}

.one-cikan-ozellik-aciklama span:before {
content: '\f14a';
font-family: 'FontAwesome';
margin-right: 5px;
}
.booking-box:has(> .box-content span:empty) {
display: none;
}

.ucretsiz-iptal:has(> .otel-cocuk-ucret b:empty) {
display: none;
}
.content-img img {
width: 100%;
margin-bottom: 15px;
}
.content-item-box p {
margin: 0 0 10px;
line-height: 24px;
font-size: 12px;
}
button.btn.contact-email.footer-ara {
    float: left;
    clear: both;
    color: black;
    font-size: 16px;
    margin: 0;
    padding: unset;
}
.adress-footer {
    color: black;
}
.detay-modal .modal-footer {
border: unset;
}
button.btn.btn-secondary {
color: #333;
background-color: #fff;
border-color: #ccc;
align-items: center;
display: flex;
}
.erken-gec {
padding: 15px 5px;
float: left;
margin: 0 0 20px 0;
border: solid 2px #d0d0d0;
width: 100%;
background-color: #fff;
box-shadow: 0 4px 10px 0 #ccc;
margin-top: 30px;
}

.erken-gec h4 {
margin: 10px 0 5px 0;
font-size: 18px;
}
a.detaylar {
color: #5a4280 ;
font-weight: 700;
cursor: pointer;

}

.erken-gec p {
font-size: 12px;
}
a.detaylar:hover {
text-decoration: underline !important;
}
.erken-gec img {
width: 100%;
}
section.otelfiyatsablon.row h3 {
padding: 0;
margin: 5px 0;
font-weight: 600;
font-size: 16px;
color: black;
float: left;
}

.title.oda-title-top.title.oda-title-top-mobil {
padding: 0;
width: 100%;
border-bottom: solid 1px #ccc;
margin: 5px 0;
display: inline-block;
}

div#rezalan1 {
background: white;
padding: 10px;
position: relative;

}
div#rezalan1 img {
width: 100%;
height: 100%;
}
.resim-popup-two:hover {

color: #fff!important;
padding-right: 8px!important;
padding-left: 8px!important;
background: #000;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;

}
.resim-popup-two {
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
}
.resim-popup-two {
float: left;
clear: both;
color: #000!important;
font-weight: 600;
font-size: 12px;
padding-right: 0;
padding-left: 0;
border-radius: 6px!important;
padding-bottom: 4px;
padding-top: 4px;
margin: 0;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
cursor: pointer;
}
.otelfiyatsablon .old .b {
color: #9ca6b3;
/* font-size: 14px; */
position: relative;
float: none;
display: inline-block;
}

.otelfiyatsablon .old {
color: #9ca6b3;
font-size: 12px;
width: 100%;
margin: 5px 0;
font-weight: 600!important;
}
.otelfiyatsablon .old .oldspan {
color: #9ca6b3;
font-size: 14px;
position: relative;
float: none;
display: inline-block;
}
.otelfiyatsablon .old .oldspan:before {
position: absolute;
content: "";
left: 0;
top: 50%;
right: 0;
border-top: 1px solid;
border-color: inherit;
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}

.otelfiyatsablon .buy-price:before {
position: absolute;
left: 0;
width: 1px;
border-left-style: dotted;
border-left-width: 2px;
height: 100%;
border-left-color: #e4e4e4;
top: 0;
content: "";
}

.otelfiyatsablon .buy-price {
position: relative;
text-align: center;
}
.otelfiyatsablon .indirimoran {
color: #000;
text-align: center;
border-radius: 15px;
font-size: 14px;
font-weight: 700;
margin: 0 0 5px 0;
padding: 4px 10px;
position: relative;
background: #f1c40f;
width: 60%;
display: flex;
justify-content: center;
margin: 0 auto;
}

.otelfiyatsablon .indirimoran:after {
content: "\f0d7";
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #f1c40f;
font-size: 18px;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -5px;
}
ol.flex-control-nav.flex-control-paging {
display: none;
}

div#slider {
margin: 0 0 20px;
}
a.btn.btn-success {
display: inline-block;
color: #fff;
padding: 6px 16px;
font-weight: 400;
border-bottom: 3px solid #027964;
font-style: normal;
font-size: 14px;
border-radius: 6px!important;
width: 100%;
cursor: pointer;
background-color: #5a4280 ;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.satinal {
width: 100%;
}
.fiyat {
color: #000;
font-size: 18px;
font-weight: 600;
text-align: center;
}
#musaitlikSonucModal .modal-header {
background: #000;
color: #fff;
text-align: center;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
}

#musaitlikSonucModal h5#exampleModalLongTitle {
margin: 0 auto;
line-height: 1.42857143;
font-size: 18px;
}
#musaitlikSonucModal button.closed {
background: transparent;
font-size: 28px;
display: flex;
align-items: center;
}
#musaitlikSonucModal .datepicker {
width: 100%;
}
p.accordion-header {
color: #fff!important;
background: #000!important;
padding: 10px 15px!important;
font-size: 16px!important;
}
.accordion-button:not(.collapsed) {
background-color:unset !important;
box-shadow: unset !important;
color: #000 !important;
font-size: 14px;

}
button.accordion-button {
border-bottom: 1px solid gainsboro;
}
.accordion-button:focus {
border-color: unset !important;
box-shadow: unset !important;
}
.accordion-body {
font-size: 12px;
}
button.accordion-button.collapsed {
font-size: 14px;
border: 0;
margin: 0;
font-weight: 600;
}
.oda-tercih h4 {
color: #fff;
font-weight: 600;
margin: 0;
padding: 10px 15px;
margin-top: 0;
background: #000;
font-size: 18px;
line-height: normal;
}
.oda-tercih, .accordion-box {
margin-top: 30px;
}
.btn-location {
position: absolute;
z-index: 9;
right: 0;
text-shadow: 0 0 2px #000;
color: #fff;
text-align: center;
padding: 4px;
margin: 15px 10px 0 10px;
font-weight: 700;
display: inline-block;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
height: 53px;
font-size: 14px;
text-transform: capitalize;
border: 1px solid transparent;
}
.btn-location:hover {
border: 1px solid white;
color: white;
}
.btn-location i{
font-size: 1.2em;
}
.modal-header {padding-bottom: 5px;padding-top: 5px;}
.modal-header h5 {
font-size: 16px;
text-transform: uppercase;
}
button.close.konum-close {
background: transparent;
color: black;
font-size: 26px;
}
.btn-location {
color: white;
background-color: unset;
border-color: unset;
box-shadow: unset;
}

.benzer-oteller-img img {
width: 100%;
height: 88px;
}
.benzer-oteller-item {
    background: white;
    padding: 15px;
    display: flex;
    justify-content: s;
    border: 1px solid #ecf0f1;
    padding: 15px;
    font-family: 'Open Sans',sans-serif;
    border-top: none;
    border-left: none;
    overflow: hidden;
}
.benzer-oteller-item figure {
margin: unset;
width: 107px;
}
.benzer-oteller-item h5 a {
color: #333;
text-decoration: none;
font-weight: 700;
font-size: 14px;
overflow: hidden;
margin: 0;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding: 10px;
}
.nopadding {
    padding: 0 !important;
}
.benzer-oteller-item:hover {
    background-color: #fbfbfb;
}
.heading-title-benzer-oteller {
    background-color: #2d3e52;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #2c9fbf;
    line-height: normal;
    font-weight: 600;
    margin: 0;
}
.mb-50 {
    margin-bottom: 50px;
}






/* ----------------------TURDETAY------------ */
.tur-puan-box {
    border-left: 3px solid #ecf0f1;
    width: 100%;
    display: inline-block;
    font-size: 12px;
}
.tur-puan-item-box {
    line-height: 26px;
    margin: 0 0 0 15px;
    color: #000;
}
h4.text-uppercase.fiyat-euro {
    font-size: 18px;
    font-weight: 600;
    color: #ff0000;
}

h4.text-uppercase.fiyat-tl {
    color: #5a4280;
    display: block;
    font-size: 22px;
    vertical-align: middle;
}

.konaklamabilgisi {
    text-align: center;
    margin: 30px auto;
    position: relative;
}

.konaklamabilgisi:before {
    position: absolute;
    left: 0;
    width: 1px;
    border-left-style: dotted;
    border-left-width: 2px;
    height: 100%;
    border-left-color: #e4e4e4;
    top: 0;
    content: "";
}
.konaklamabilgisi-text {
    font-size: 12px;
    font-weight: bold;
}
.urun-header-tur i {
    width: 16px;
    text-align: center;
    color: #9ca6b3;
}
.urun-header-tur {
    color: #000;
    font-size: 12px;
    margin: 0;
    font-weight: 600;
    padding: 0;
    font-family: 'Open Sans',sans-serif;
    line-height: 20px;
    vertical-align: middle;
}
ul.SuitPara li {
    list-style-type: disc;
}
ul.SuitPara {
    font-size: 12px;
}
.modal-header.modal-header-suipara {
    background: #000;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    margin: 0;
}

.modal-header.modal-header-suipara h1 {
    font-size: 14px;
    margin: 0 auto;
    line-height: 1.42857143;
}
button.close {
    background: transparent;
    font-size: 30px;
    display: flex;
    align-items: center;
}
.modal-suit-para .modal-content {
    border-radius: unset;
}

.modal-suit-para .modal-header.modal-header-suipara {
    border-radius: unset;
}
span.yazdir {
    display: flex;
    justify-content: end;
    align-items: center;
}
span.yazdir a {
    color: #5a4280 ;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
}


#program ul.itinerary-list > li {
    position: relative;
    padding-left: 79px !important;
}

#program .turgunbaslik b {
    position: absolute;
    left: 0;
    left: 0px;
    font-size: 15px;
    background: #fbfbfb;
    width: 10%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #251363;
    top: 0;
    border: 1px solid #fbfbfb;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.turprogramgun {
    position: relative;
}
.turgunmetin {
    margin-top: unset !important;
    padding-left: 112px !important;
    background: white;
    font-size: 12px;
    /* padding: 4px; */
}
.turgunbaslik {
    border-bottom: solid 1px #e5e5e5;
    padding: 15px;
    font-weight: 600;
    min-height: 40px;
    margin-bottom: 0;
    line-height: 140%;
    background-color: #fbfbfb;
    margin-top: unset !important;
    margin-left: 112px;
    color: #5a4280 ;
    font-size: 14px;
    font-weight: 600;
}

.turgunmetin p {
    padding: 10px;
}
div#program ul {
    padding: unset;
}
.acordion-turlar-box .accordion {
    margin-bottom: 5px;
}
.benzer-turlar-item {
    background: white;
    padding: 15px;
    border: 1px solid #ecf0f1;
    padding: 15px;
    font-family: 'Open Sans',sans-serif;
    border-top: none;
    border-left: none;
    overflow: hidden;

}
.benzer-turlar-item h5 {
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    padding: 0;
    margin: 0;
    line-height: normal;
}

.benzer-turlar-item h5 a {
    color: #333;
    text-decoration: none;
}
.tur-geceleme {
    color: #2d3e52;
    display: block;
    font-size: 11px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 24px;
}

.tur-fiyat-ropen b{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}
.tur-fiyat-ropen {
    color: #5a4280;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
.benzer-turlar-item .content ul {
    padding-left: unset;
}
.tur-ropen-date {
    color: #000;
    display: block;
    font-size: 11px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 24px;
}
.benzer-turlar-item:hover {
    background-color: #fbfbfb;
}
.populer-img img {
    width: 41px;
    height: 52px;
    object-fit: contain;
}
span.kisi-basi-fiyat {
    color: #9ca6b3;
    font-size: 11px;
    margin-top: 5px;
    text-align: center;
}
.turgunmetin p {
    font-weight: 400;
}
.landing-cont p {
    font-weight: 400;
}
.tur-puan-item-box .mb-10:first-child {
    color: #5a4280;
}

.tur-puan-item-box .mb-10:nth-child(2) {
    color: #e32ecd;
}

.tur-puan-item-box .mb-10:last-child {
    color: #6c757d;
}
.benzer-turlar-box h4.heading-title {
    background-color: #0d6efd;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #2c9fbf;
    line-height: normal;
    font-weight: 600;
    margin: 0;
}
.yorum-box h4.heading-title {
    background-color: #0d6efd;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #2c9fbf;
    line-height: normal;
    font-weight: 600;
  
}
.yorum-box {
    margin: 30px auto;
}
div#yorumlar {
    background: white;
}

div#yorumlar form {
    padding: 20px;
}
.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: 0.5rem 1rem;
    font-size: 12px;
    border-radius: var(--bs-border-radius-lg);
}
.priceCalc {
    background:linear-gradient(90deg, rgba(93,224,230,1) 0%, rgba(0,74,173,1) 61%) !important;
    min-height: 90px;
    padding: 20px !important;
    border-radius: 10px;
    margin-top: 30px;
}

.priceCalc label {
    color: white;
}
.fiyat-hesaplabtn {
    /* height: 50px; */
    color: white;
    background-color: #1a71e4;
    border-radius: 0px;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    object-fit: fill;
    padding: unset !important;
    /* display: flex; */
    border: unset;

    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.priceCalc select, .priceCalc input {
    border-radius: unset !important;
    height: 36px;
}
.fiyat-hesaplabtn:hover {
   background:#1a71e4;
   color: white;
   border: unset;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active
{
    background: #1a71e4;
}
#fiyatlar .turfiyatbaslik {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #0d6efd;
    color: white;
}
#fiyatlar td, #fiyatlar th {
    border: 1px solid #ddd;
    padding: 8px;
}
div#fiyatlar ul {
    padding: unset;
}
.modal-header {
    background: #a6a6a6;
    color: #fff;
    text-align: center;
}

h5#TurFiyatTabloLabel {
    margin: 0 auto;
}
.fiyat-tablosu a {
    color: #fff !important;
    width: auto;
    text-decoration: underline !important;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
    margin-top: 10px;
}

button.btn.btn-success {
    display: flex;
    align-items: center;
    background: #0d6efd !important;
}
div#odaWrapper .label {
    color: white;
}

.turfiyatsablon {
    background: white;
    padding: 15px;
    margin-bottom: 5px;
}
.turfiyatsablon span.ayrac {
    display: none;
}

.turfiyatsablon span.fiyatTL {
    display: block;
    color: #5a4280 ;
}

.turfiyatsablon span.fiyatOrj {
    font-size: 85%;
}
.turfiyatsablon .satinal {
    display: inline-block;
    padding: 7px;
    font-weight: 600;
    border: 2px solid #243341;
    font-style: normal;
    font-size: 16px;
    border-radius: 6px!important;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.satinal:hover {
    background-color: #243341;
    border-color: #000;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.turfiyatsablon .satinal a{
    color: #000;
}
.turfiyatsablon .satinal:hover a{
    color: #ecf0f1 !important;
}
.yildiz-otel {
    font-weight: 700;
    color: #33a0b9;
    font-size: 16px;
    line-height: normal;
    padding: 0 0 5px 0;
    margin: 0;
}
.turfiyatsablon .oda {
    font-size: 14px;
}

.turfiyatsablon .pansiyon {
    font-size: 14px;
}


/* --------index-tab---------- */
ul.tabb {
    position: relative;
    left: 0px;
    /* width: 5660px; */
    margin: 0;
    padding: 0;
    width: auto!important;
    float: right;
    border: none;
    padding: 0;
    margin-bottom: 15px;
    overflow: hidden;
}
.icerikk .row.equal-height.cols-1.cols-sm-2.cols-lg-3.gap-20.mb-30 {
    padding: 15px;
}

ul.tabb li {
    float: left;
    padding: inherit;
    display: inline-block;
    margin: 0;
}

/* .icerikk.active {
    color: #fff;
    background: #5a4280 ;
    font-weight: 600;
} */

ul.tabb li div {
    font-size: 13px;
    cursor: pointer;
    color: #5a4280 ;
    height: inherit;
    /* padding: 0 10px; */
    line-height: 32px;
    background: #fff;
    vertical-align: middle;
}
ul.tabb li div a{
    font-size: 13px;
    cursor: pointer;
    color: #5a4280 ;
    height: inherit;
    padding: 0 10px;
    line-height: 32px;
    display: block;
    /* background: #fff; */
    vertical-align: middle;
}
.icerikk {
    display: none;
}

.icerikk.active {
    display: block;
}
.bg {
    color: #fff !important;
    background: #5a4280 ;

}
#tourTab .gap-1 {
    gap: 0 !important;
}

/* ------------------İLETİŞİM------------ */
.left-menu-box {
    background: white;
}
.left-menu-item:first-child {
    border-top: none;
}
.left-menu-item i {
   /* float: left; */
   width: 24px;
   /* height: 24px; */
   position: relative;
   display: inline-block;
   margin-right: 10px;
   font-size: 24px;
}
.left-menu-item a {
    color: #000;
}
.left-menu {
    padding-left: unset !important;
}
ul.contact-list-01 {
    padding: unset;
    border: 1px solid #bdc3c7;
    background-color: #f9f9f9;
    padding: 11px;
}
li.left-menu-item a {
    display: flex;
    align-items: center;
    font-size: 14px;
}
li.left-menu-item a:hover {
    color: #339fbc;
}

li.left-menu-item a:hover i{
    color: #000;
}
.iletisim-title {
    color: #349fbd;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
}
ul.contact-list-01 h5 {
    /* background-color: #ecf0f1; */
    cursor: pointer;
    /* padding: 10px 15px; */
    font-size: 14px;
    font-weight: bold;
}

ul.contact-list-01 li {
    /* border: 1px solid #bdc3c7; */
    /* background-color: #f9f9f9; */
    /* margin-bottom: 15px; */
    align-items: center;
    /* display: flex; */
}
ul.contact-list-01 li {
    /* padding: 0 14px; */
}
ul.contact-list-01 div {
    font-size: 12px;
}
.bize-ulas {
    margin: 50px auto;
}
.iletisim-gonder{
    padding: 5px 40px 5px 40px;
    color: #fff!important;
    background: rgba(0,162,133,.8);
    margin-bottom: 15px;
    border: 0;
    border-radius: 6px!important;
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    border-bottom: 3px solid #5a4280 ;
    float: right;
}













ul.tabb {
    position: relative;
    left: 0px;
    /* width: 5660px; */
    margin: 0;
    padding: 0;
    width: auto!important;
    float: right;
    border: none;
    padding: 0;
    margin-bottom: 15px;
    overflow: hidden;
}
.icerikk .row.equal-height.cols-1.cols-sm-2.cols-lg-3.gap-20.mb-30 {
    padding: 15px;
}

ul.tabb li {
    float: left;
    padding: inherit;
    display: inline-block;
    margin: 0;
}

/* .icerikk.active {
    color: #fff;
    background: #5a4280 ;
    font-weight: 600;
} */

ul.tabb li div {
    font-size: 13px;
    cursor: pointer;
    color: #5a4280 ;
    height: inherit;
    /* padding: 0 10px; */
    line-height: 32px;
    background: #fff;
    vertical-align: middle;
}
ul.tabb li div a{
    font-size: 13px;
    cursor: pointer;
    color: black;
    height: inherit;
    padding: 0 10px;
    line-height: 32px;
    display: block;
    /* background: #fff; */
    vertical-align: middle;
}
.icerikk {
    display: none;
}

.icerikk.active {
    display: block;
}
.bg {
    color: black !important;
    background: #ecf0f1;

}
#tourTab .gap-1 {
    gap: 0 !important;
}

/* ------------------İLETİŞİM------------ */
.left-menu-box ul{
    background: white;
}
.left-menu-item li:first-child {
    border-top: none;
}
.left-menu-item li{
    border-top:1px solid #ecf0f1;
    padding: 16px !important;

}

.left-menu-item i {
   width: 24px;
   position: relative;
   display: inline-block;
   margin-right: 10px;
   font-size: 24px;
}
.left-menu-item a {
    color: #000;
}
.left-menu {
    padding-left: unset !important;
}
.left-menu-item {
    padding: unset;
    background-color: #f9f9f9;
}
.left-menu-item a {
    font-size: 14px;
}
.left-menu-item a:hover {
    color: #339fbc;
}

.left-menu-item a:hover i{
    color: #000;
}
.iletisim-title {
    color: #349fbd;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
}
ul.contact-list-01 h5 {

    cursor: pointer;

    font-size: 14px;
    font-weight: bold;
}



ul.contact-list-01 div {
    font-size: 12px;
}

.left-menu-item li:before {
    content: '\f105';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
ul.toggleMenu {
    position: absolute;
    z-index: 9;
    background: white;
    /* left: 0; */
    top: 100%;
    padding-left: unset;
    width: 150px;
    left: 50%;
    border: 1px solid #bdc3c7;
    overflow: hidden;
    opacity: 0;
    transition: visibility 0s linear .2s,opacity .2s linear;
    transform: translate(-50%,0%);
}

ul.toggleMenu li {
    color: #000;
    line-height: 20px;
    font-size: 14px;
    text-transform: none;
    font-weight: 300;
    float: left;
    width: 100%;
}
.toggleMenu li:hover {
    background: #ecf0f1 !important;
    cursor: pointer !important;
}
ul.toggleMenu li a {
    color: #000;
    display: block !important;
    padding: 5px 10px !important;
    float: left;
    width: 100%;
    text-align: center;
}
li.menu-item-has-children:hover ul {
    visibility: visible;

    opacity: 1;
}


/* -----------HAKKIMIZDA--------- */
.qmenu-content p {
    line-height: 23px;
    font-size: 12px;
}
.qmenu-content h3 {
    color: #349fbd;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.qmenu-content {
    background: white;
    padding: 15px;
}
.category-landing .landing-menu {
    margin: 0 !important;
}
button.search-change-btn {
    width: 100%;
    background: #0d6efd;
	cursor: pointer;
    border-radius: 0;
    position: relative;
    height: 43px;
    margin: 0 !;
}
.search-change-btn:after {
    content: "Aramayı Değiştir";
    text-align: center;
    margin-left: 10px;
}
.search-change-btn.search-change-btn-open::after {
    content: "Kapat" !important;
    text-align: center;

}
.search-change {
    margin: 15px auto;
}
.tesis-tarih-mobil {
    display: none;
}
.bread a, .bread span {
    font-size: 12px;
    color: #9ca6b3 !important;
}
.hero-banner.hero-banner-01.overlay-light.opacity-2.index-search {
    margin-bottom: 30px;
}
a.sizi-arayalim.odaTalepEtBaslikSiziArayalim {text-align: center;width: 100%;display: flex;align-items: center;color: white;cursor: pointer;justify-content: center;}

.odaTalepEtButon {
    text-align: center;
    background: #f1c40f;
    width: 128px;
    padding: 6px;
    margin: 0 auto;
    color: white;
}
.odaTalepEtAciklama {
    padding: 10px;
    margin: 0;
    background-color: #f0f0f0!important;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ebccd1;
    color: #a94442;
    margin-bottom: 10px;
}
.odaTalepEtAciklama:before {
    content: '\f05a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin-right: 10px;
}
.ui-autocomplete-category {
    font-weight: bold;
    padding: 3px 1em 3px 0.4em;
    background: #2e3134;
    color: #fff;
}


ul#ui-id-1 {
    max-height: 300px;
    overflow-y: scroll;
}
.etbis {
    display: flex;
}
.etbis img {
    height: 95px !important;
}
.content.payment-info .price-info .text a {
    display: none !important;
}
.other-dates a {
    pointer-events: none;
    cursor: default;
}
div#hizmetler li:before {
    content: "*";
}
.acordion-turlar-box ul {
    padding-left: unset;
}
button.btn.header-arama-btn {
    position: absolute;
    top: 1px;
    height: 36px;
    right: 1px;
    background: #ecf0f1;
    color: black;
    font-weight: 600;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
.header-arama {
    margin-top: 12px;
}
.header-arama {position: relative;}
span.img-tel {
    position: absolute;
    left: 66px;
    bottom: 6px;
    font-size: 21px;
    color: #349fbc;
    font-weight: 600;
}

.bize-ulas {
    position: relative;
}
.aciklama-text p {
    font-weight: 400 !important;
}






.testet {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7f7f7;
  /* min-height: 100vh; */
  padding: 50px;
  overflow: hidden;
}

.testet .content {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.28) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  backdrop-filter: blur(30px);
  border-radius: 20px;
 width: 100%;
  box-shadow: 0 0.5px 0 1px rgba(255, 255, 255, 0.23) inset,
    0 1px 0 0 rgba(255, 255, 255, 0.66) inset, 0 4px 16px rgba(0, 0, 0, 0.12);
  z-index: 10;
}

.testet .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  padding: 0 35px;
  text-align: justify;
}

.testet .info p {
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
  text-align: center;
}



.testet .btn {
  display: block;
  /* padding: 10px 40px; */
  margin: 10px auto;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 4px;
  outline: none;
  text-decoration: none;
  color: #000000;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  display:flex; 
  align-items: center;
}

.testet .btn:hover {
  animation: gelatine 0.5s 1;
}

@keyframes gelatine {
  0%,
  100% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}

/* SWIPER */

.testet .swiper {
  width: 500px;
  height: 450px;
  padding: 50px 0;
}

.testet .swiper-slide {
  position: relative;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  user-select: none;
}

.testet .swiper-slide img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-position {
  object-position: 50% 0%;
}

.testet .overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #0f2027, transparent, transparent);
  background-repeat: no-repeat;
  background-size: cover;
}

.testet .overlay span {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 7px 18px;
  margin: 10px;
  border-radius: 20px;
  letter-spacing: 2px;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: inherit;
  background: rgba(255, 255, 255, 0.095);
  box-shadow: inset 2px -2px 20px rgba(214, 214, 214, 0.2),
    inset -3px 3px 3px rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(74px);
}

.testet .overlay h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 0 0 20px 20px;
}

/* ANIMATED BACKGROUND */

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background-color: rgb(28 109 183);
  background-image: linear-gradient(225deg, #dce8f9 0%, #afd8ff 50%, rgb(100 167 229) 100%);
  animation: animate 25s linear infinite;
  bottom: -150px;
}

.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}

/*
@media (max-width: 750px) {
  .content {
     flex-direction: column-reverse;
  }
  
  .btn {
    margin: 10px auto 40px;
  }
}
*/

/* ------------BANNERS--------- */

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}


section.banners {
    position: relative;

    overflow: hidden;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}




q {
  quotes: "“" "”" "‘" "’";
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}



.banners header {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  z-index: 10;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/123024/menutexture.png);
  background-position: center top;
  background-size: auto 200px;
  background-repeat: repeat-x;
}
.banners header .inner {
  max-width: 1060px;
  margin: 0 auto;
  display: flex;
  height: 70px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.banners header .logo {
  display: block;
  width: 76px;
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  text-align: center;
}
.banners header .logo img {
  width: 45px;
  margin-top: 10px;
}
.banners header nav {
  display: none;
}
.banners header nav a {
  font-family: "Arial", serif;
  font-size: 12px;
  color: #8c8c8e;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-decoration: none;
  margin: 0 18px;
}
.banners header nav a.active, .banners header nav a:hover {
  color: white;
}
@media screen and (min-width: 800px) {
  .banners header nav {
    display: block;
  }
}
.banners header .burger {
  display: block;
  position: relative;
  top: -6px;
  padding-left: 30px;
}
.banners header .burger:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 2px;
  background: white;
  box-shadow: 0 12px 0 0 white, 0 6px 0 0 white;
}
@media screen and (min-width: 800px) {
  .banners header .burger {
    display: none;
  }
}
.banners header .donate-link {
  width: 72px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 27px;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-decoration: none;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}

.banners main {
  position: relative;
  width: 100%;
  height: 500px;
}

.banners #slider {
  width: 100%;
  /* max-width: 1200px; */
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.banners #slider canvas {
  width: 100% !important;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.banners #slider img {
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 0;
}

.slider-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  /* max-width: 1060px; */
  height: 100%;
  margin: 0 auto;
  z-index: 5;
}

.banners #slider-content {
  padding: 0 10px;
}
.banners #slider-content h2 {
  font-family: "acta-display", serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: -1px;
  color: white;
  line-height: 30px;
  margin: 20px 0 60px;
}
@media screen and (min-width: 800px) {
  .banners #slider-content h2 {
    font-size: 110px;
    line-height: 100px;
  }
}
.banners #slider-content span {
  display: none;
}
.banners #slider-content .meta {
  display: inline-block;
  font-family: "Arial", sans-serif;
  font-size: 11px;
  letter-spacing: 5px;
  color: #88888a;
  text-transform: uppercase;
  position: relative;
}
@media screen and (min-width: 800px) {
  .banners #slider-content .meta {
    font-size: 13px;
  }
}
.banners #slider-content .meta:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: -55px;
  width: 45px;
  height: 2px;
  background-color: #393d40;
}
.banners #slider-content #slide-status {
  margin-top: 10px;
  font-family: "acta-display", serif;
  font-weight: 400;
  font-size: 18px;
  color: white;
}
@media screen and (min-width: 800px) {
  .banners #slider-content #slide-status {
    font-size: 34px;
  }
}

.banners #pagination {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  z-index: 6;
}
.banners #pagination button {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  width: 16px;
  height: 16px;
  background-color: #FFFFFF;
  border-radius: 100%;
  padding: 0;
  margin: 30px 0;
  cursor: pointer;
  position: relative;
  /* opacity: 0.2; */
  transition: opacity 0.2s ease-in-out;
  outline: none;
}
.banners #pagination button:hover {
  opacity: 0.5;
}
.banners #pagination button.active {
  opacity: 1;
}
.banners #pagination button.active:before {
  width: 300%;
  height: 300%;
  opacity: 1;
}
.banners #pagination button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  transition: opacity 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out;
}

/* Page Loader */
.banners .loading:before {
  content: "";
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}
.banners .loading:after {
  content: "";
  position: fixed;
  z-index: 100000;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0.4;
  background: white;
  animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
  to {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
}

/* ------------BANNERS END ----------- */
@media (min-width:991px){
    .hidden-md{
        display: none;
    }
    .hidden-lg {
        display: none!important;
    }
}

@media (max-width:768px){
    .etbis img {
        height: 87px !important;
        width: auto !important;
    }
    .hidden-xs{
        display: none;
    }
    .testet {
        padding: unset;
    }
    .testet .swiper {
        width: auto;
        height: 200px;

    }
    .phoneStory {
        display: block !important;

    }
    .banners #slider canvas {

        height: auto !important;
 
      }
      .anasayfa-tur-kategori-kutu figcaption {height: 80px;    font-size: 12px;}
      .oteller-kutu-resim{height: auto !important;}

}


.card.tur-kutu-card {
    border-radius: 5px;
    overflow: hidden;
}

.card.tur-kutu-card:hover img {
    transform: scale(1.2);
    transition: .6s all;
}

.oteller-kutu-resim {
    height: 204px;
    overflow: hidden;
}

.card.tur-kutu-card img {
    transition: .6s all;
}

section.banners ul {
    visibility: hidden;

}
nav.menu-horizontal-02 li:has(> .active) {
    /* border-bottom: 2px solid rgb(247 247 247); */
    background: rgb(28 109 183);
}

/* /////////TRANSFER///////// */

form.v2-search-form.book-tab-form {
    position: relative;
}
.book-tab-form .form-group {
    margin-bottom: 5px;
    position: relative;
}
.search-form-main .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.book-tab-form .fas.fa-map-marker-alt, .book-tab-form .far.fa-calendar-alt {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #251363;
    z-index: 99;
}
#searchwordunder-nereden, #searchwordunder-nereye {
    position: absolute;
    width: 100%;
    list-style: none;
    display: none;
    /* padding-left: 3px; */
    z-index: 9999;
    left: 0;
}
.search-boxes ul {
    width: 50%;
    background: #ffffffcf;
    border-radius: 20px;
    padding: 10px;
    position: absolute;
    top: -20px;
    z-index: 99;
}
.misafir-col {
    float: left;
}
.search-boxes .form-group label {
    color: #05235f;
    font-weight: 600;
}
.book-tab-form .form-control {
    height: calc(1.5em + 0.75rem + 2px) !important;
}
label#person-total-spot {
    margin: 10px auto;
}
.transfer-person-count-dropdown.show {
    visibility: visible;
    opacity: 1;
}
.transfer-person-count-dropdown .info-row .col {
    display: table-cell;
    min-width: 95px !important;
    width: calc(100% / 3) !important;
    padding: 10px 9px !important;
}
.transfer-person-count-dropdown .col {
    position: relative;
}
.misafir-col .col {
    display: table-cell;
    min-width: 95px !important;
    width: calc(100% / 3) !important;
    border-right: 1px solid #dfdfdf;
}
.transfer-person-count-dropdown .col select {
    border: 0;
    outline: 0;
    background: none;
    cursor: pointer;
    height: 42px;
    font-weight: 400;
    text-indent: 0px;
    width: 100%;
}

.transfer-person-count-dropdown {
    position: absolute;
    min-width: 300px;
    background: white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    z-index: 355;
    transition: all 250ms ease-in-out;
    margin-top: -22px;
}
#transferTab .form-group {
    height: auto;
}
div#transfer .btn {
    padding: 12px 12px 10px;
    height: 31px;
    display: flex;
    width: auto;
    align-items: center;
}
span.transfer-person-total {
    border: 1px solid #dfdfdf;
    background: white;
}
#transferTab .form-control {
    background: white;
    padding: .375rem .75rem;;
}
#transferTab .form-group {
background: unset;
padding: unset;
}
#transferTab .form-group i {
    font-size: 20px;
    color: #b8babb;
    margin-right: -10px;
}
#transferTab .search-form-main {
    box-shadow: unset;
}
#transferTab button.btn.btn-primary.btn-block.transfer-ara-btn {
    width: 100%;
    padding: 12px 12px 10px;
    height: 31px;
    display: flex;
    width: auto;
    align-items: center;
    margin-top: 23px;
}


/* /////////////////TRANSFER///////////// */

/* /////////////UCAK////////// */

.flight-ticket-count-dropdown.show {
    visibility: visible;
    opacity: 1;
}
.show {
    display: block !important;
}
.flight-ticket-count-dropdown {
    position: absolute;
    min-width: 300px;
    background: white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    visibility: hidden;
    opacity: 0;
    z-index: 355;
    transition: all 250ms ease-in-out;
    top: 100%;
    margin-top: 14px;
}
.flight-ticket-count-dropdown .room-info {
    padding: 10px;
    float: left;
    width: 100%;
}
.flight-ticket-count-dropdown .room-info .info-row .col {
    display: block;
    width: 100%;
    padding: 0px 10px;
    float: left;
    margin-bottom: 7px;
}
.flight-ticket-count-dropdown .room-info .info-row .col label {
    display: block;
    color: #000;
    font-weight: normal;
}
.flight-ticket-count-dropdown .room-info .info-row .col label .title {
    width: 30%;
    float: left;
    line-height: 40px;
}
.flight-ticket-count-dropdown .room-info .info-row .col label .selector {
    width: 70%;
    float: left;
    text-align: right;
}
.flight-ticket-count-dropdown .room-info .info-row .col label .selector .buttonSelect {
    cursor: pointer;
    width: 40px;
    outline: none;
    height: 40px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 33px;
    font-weight: 600;
    color: #0065B8;
    font-size: 32px;
    border: 1.5px solid #ddd;
    border-radius: 4px;
    text-align: center;
}
.flight-ticket-count-dropdown .room-info .info-row .col label .selector .txt {
    width: 40px;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.hero-banner.hero-banner-01.overlay-light.opacity-2.index-search {
    position: relative;

    z-index: 999;
}
span.closed {
    background: #251363;
    width: 100%;
    display: block;
    clear: both;
    text-align: center;
    padding: 3px;
    color: white;
}
span.person-total.flight-guest {
    border-radius: 3px;
    box-shadow: none;
    border-color: #DFDFDF;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #FFF;
    padding-left: 10px;
}

.return-icon {
    position: absolute;
    height: 41px;
    width: 32px;
    background: #251363;
    color: #fff;
    text-align: center;
    line-height: 39px !important;
    right: 13px;
    cursor: pointer;
    bottom: 1px;
    border-radius: 0 3px 3px 0;
}
.col-md-2.col-sm-4.col-xs-6 {
    position: relative;
}
.col-md-2.col-sm-4.col-xs-12 {
    position: relative;
}
#ucak-biletiTab button.search-button {
    display: block;
    width: 100%;
    border: 0;
    background: #251363;
    border-color: #251363;
    color: white;
    font-size: 17px;
    font-weight: bold;
    border-radius: 4px;
}






  
  .phoneStory {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  
  .phoneStory img {
    max-width: 100%;
    display: block;
  }
  
  .phoneStory .text-content {
    /* margin-right: 50px; */
    /* text-align: right; */
    /* min-width: 300px; */
  }
  
  .phoneStory .text {
    color: #355074;
    font-size: 30px;
    margin: 0;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
  }
  
  .phoneStory .instagram {
    font-size: 4rem;
    margin: 0;
    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%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .phoneStory .slide {
    float: right;
    position: relative;
    width: 204px;
    margin: 0 auto;
    display: grid;
    height: 360px;
    padding: 00px 0;
    border-radius: 30px;
    overflow: hidden;
    border: 3px solid #f3ece4;
    outline: 1px solid #ccc;
    background-color: #000;
    box-shadow: 20px 20px 5px 0px rgba(0, 0, 0, 0.3);
  }
  
  .phoneStory .slide:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 30%;
    background-color: #f7f7f7;
    width: 40%;
    height: 2px;
    border-radius: 10px;
  }
  
  .phoneStory .slide-items {
    position: relative;
    grid-area: 1/1;
    overflow: hidden;
    border: 6px solid #000;
    border-radius: 30px;
  }
  
  .phoneStory .slide-items img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  
  .phoneStory .slide-nav {
    grid-area: 1/1;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
  }
  
  .phoneStory .slide-items > * {
    position: absolute;
    top: 0;
    opacity: 0;
    pointer-events: none;
  }
  
  .phoneStory .slide-items > .active {
    position: relative;
    opacity: 1;
    poiter-events: initial;
  }
  
  .phoneStory .slide-nav button {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0;
    height: 100%;
  }
  
  .phoneStory .slide-thumb {
    display: flex;
    grid-column: 1/3;
    padding: 0 15px;
  }
  
  .phoneStory .slide-thumb > span {
    flex: 1;
    display: block;
    height: 2px;
    background: #afafaf;
    margin: 3px;
    margin-top: 20px;
    border-radius: 3px;
    overflow: hidden;
  }
  
  .phoneStory .slide-thumb > span.done:after {
    content: "";
    display: block;
    height: inherit;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
  }
  
  .phoneStory .slide-thumb > span.active:after {
    content: "";
    display: block;
    height: inherit;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    transform: translateX(-100%);
    animation: thumb 5s forwards linear;
  }
  
  @keyframes thumb {
    to {
      transform: initial;
    }
  }
  

  .phoneStory {
    position: relative;
  }



  
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
.social-buttons i:before {
    font-family: 'FontAwesome';
}

.headline{
  text-align:center;
 
}
.headline  h1{
    font-size:35px;
    font-family: 'Montserrat', sans-serif;
    color:#fff;
  }

.social-buttons{
  width: 100%;
  display:inline-block;
  background: rgb(247 247 247);
  padding: 8px;
  /* padding-bottom: 5px; */
  border-radius:10px;
  text-align:center;
  margin:20px 10px;
  box-shadow: 0px 0px 32px -7px #355074b8;
}
  
/* Helper class to divide the icons */
.social-margin {
  margin-right: 15px;
}


.social-icon {
  /* margin-bottom: 15px; */
  box-sizing: border-box;
  -moz-border-radius: 138px;
  -webkit-border-radius: 138px;
  border-radius: 138px;
  border: 5px solid;
  text-align: center;
  width: 50px;
  height: 50px;
  display: inline-block;
  line-height: 1px;
  /* padding-top: 11px; */
  transition: all 0.5s;
}
.social-icon:hover {
    transform: rotate(360deg)scale(1.3);
  }
  /* Facebook Button Styling */
 .facebook {
    font-size: 22px;
    padding-top: 9px;
    border-color: #3b5998;
    background-color: #3b5998;
    color: #ffffff;
  }
  .facebook:hover {
    color: #ffffff;
    background-color: #3b5998;
  }
  /* Twitter Button Styling */
.twitter {
    font-size: 22px;
    padding-top: 10px;
    padding-left: 2px;
    border-color: #55acee;
    background-color: #55acee;
    color: #ffffff;
    
  }
  .twitter:hover {
    color: #ffffff;
    background-color: #55acee;
  }
  /* Google+ Button Styling */
  .google-plus {
    font-size: 22px;
    padding-top: 9px;
    padding-left: 2px;
    background-color: #dd4b39;
    color: #ffffff;
    border-color: #dd4b39;
    
  }
  .google-plus :hover {
    background-color: #ffffff;
    color: #dd4b39;
  }
  /* Linkedin Button Styling */
  .linkedin {
    font-size: 24px;
    padding-top: 8px;
    padding-left: 1px;
    background-color: #0976b4;
    color: #ffffff;
    border-color: #0976b4;
    
  }
  .linkedin :hover {
   color: #ffffff;
   background-color: #0976b4;
  }
  /* Pinterest Button Styling */
.pinterest {
    font-size: 22px;
    padding-top: 9px;
    background-color:  #cb2027;
    color: #ffffff;
    border-color:  #cb2027;
    
  }
  .pinterest:hover {
    background-color: #ffffff;
    color:  #cb2027;
  }
  /* Behance Button Styling */
  .behance {
    font-size: 22px;
    padding-top: 9px;
    background-color: #1769ff;
    color: #ffffff;
    border-color: #1769ff;
    
  }
  .behance :hover {
    background-color: #ffffff;
    color: #1769ff;
  }

  /* Github Button Styling */
 .github {
    font-size: 22px;
    padding-top: 9px;
    background-color: #4183c4;
    color: #ffffff;
    border-color: #4183c4;
    
  }
  .github:hover {
    background-color: #ffffff;
    color: #4183c4;
  }
  /* Youtube Button Styling */
 .youtube {
    font-size: 22px;
    padding-top: 9px;
    padding-left: 0px;
    background-color: #bb0000;
    color: #ffffff;
    border-color: #bb0000;
    
  }
  .youtube  :hover {
    color: #ffffff;
    background-color: #bb0000;
  }
  /* Soundcloud Button Styling */
  .soundcloud {
    font-size: 22px;
    padding-top: 9px;
    padding-left: 0px;
    background-color: #ff3a00;
    color: #ffffff;
    border-color: #ff3a00;
    
  }
  .soundcloud :hover {
    background-color: #ffffff;
    color: #ff3a00;
  }
  p.bilgi-text {
    font-weight: 500;
    color: #2d3e52;

}


.lang-wrap  , .currency-wrap{
    float:right;
    position: relative;
    width: 90px;
    display: flex;
    align-items: center;
    height: 48px;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.currency-wrap {
    margin-right: 10px;
    margin-left: 35px;
}
.lang-wrap img {width: 19px;}
.lang-wrap ul, .currency-wrap ul,
.lang-tooltip , .currency-tooltip {
    display: none;
    position:absolute;
    top:0;
    right:0;
    z-index:105;
    background:#fff;
    color: #000;
    padding: 55px 0 12px;
    border-radius:4px;
    border:1px solid #eee;
    border-top:none;
    visibility:hidden;
    opacity:0;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.1);
    text-align: center;
    width: 100%;
}
.lang-wrap ul li, 
.currency-wrap ul li {display: block;width: 100%;margin: 0;}
.lang-wrap ul li a, 
.currency-wrap ul li a {color: #000 !important;    display: flex;justify-content: center;width: 100%;}
.lang-wrap ul li img {margin-right: 4px;}
.show-lang  , .show-currency-tooltip{
    cursor:pointer;
    position:relative;
    z-index:106;
    text-align: center;
    display: flex;
font-size: 13px;
}
.show-currency-tooltip span {
    position:relative;
}


.show-lang i {position: relative !important;right: 0 !important;height: auto;line-height: inherit;}

.show-lang img , .lang-tooltip li img {
    position:relative;
    border-radius:0px;
}
.show-lang img {
    margin-right:4px;
}
.show-lang span {
    padding:0 10px 0 6px;
    position:relative;
    z-index:2;
}
.show-lang .fa-angle-down {
    position:relative;
     top:2px;
}
.lang-wrap:hover .lang-tooltip,
.lang-wrap:hover ul,
.currency-wrap:hover .currency-tooltip,
.currency-wrap:hover ul {
    visibility:visible;
    opacity:1;
    display: block;
}
.lang-wrap:hover .show-lang span  , .currency-wrap:hover .show-currency-tooltip span {
        color:#666;
}
.lang-tooltip li  , .currency-tooltip li{
    float:left;
    width:100%;
    position:relative;
    text-align:left;
    border-radius:4px;
    padding:6px 14px;
    margin-left: 0;
}
.currency-tooltip li{text-align: center;}
.lang-tooltip li:hover , .currency-tooltip li:hover {
    background:#18458B;
}
.currency-tooltip li {
    margin-bottom:4px;
    padding-left:10px;
}
.currency-tooltip li:last-child {
    margin-bottom:0;
}
.currency-tooltip li i {
    margin-right:8px;
}
.lang-tooltip li img {
    margin-right:10px;
}
.lang-tooltip li:hover a , .currency-tooltip li:hover a {
    color:#fff;
}
.lang-tooltip li a , .currency-tooltip li a{
    display: block;
    width: 100%;
    color: #566985;
    font-weight:500;
    font-size:10px;
    text-transform:uppercase;
}
.hero-banner.hero-banner-01.overlay-light.opacity-2.index-search {
    z-index: 0;
}

.search-form-main ul {
  background: #ffffffcf;
  padding: 10px;
  position: absolute;
  top: 100%;
  z-index: 99;
}

.galleryGrid.-type-1 {
    display: grid;
    grid-template-columns: 0.52fr 0.24fr 0.24fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
}
.galleryGrid.-type-1>:first-child {
    grid-row: 2 span;
}
.d-flex {
    display: flex !important
;
}
.relative {
    position: relative;
}
.galleryGrid__item {
    max-height: 370px;
}
.galleryGrid.-type-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.justify-end {
    justify-content: flex-end !important;
}

.col-md-12.desktop .favori-icon, .col-md-12.mobile .favori-icon {
    position: absolute;
    right: 20px;
    top: 10px;
    left: inherit !important;
}
.button.-blue-1, .text-dark-1 {
    color: #0065b8;
}
.rounded-full {
    border-radius: 100% !important;
}
.button {
    display: flex
;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    font-size: .8rem;
    font-weight: 500;
    border: 1px solid transparent;
    transition: .3s cubic-bezier(.165, .84, .44, 1);
}
.bg-white {
    background-color: #fff !important;
}
.size-40 {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}
.col-md-12.desktop .favori-icon i, .col-md-12.mobile .favori-icon i {
    color: #000 !important;
    font-size: inherit;
}
.onerilen {
    display: flex
;
    position: absolute;
    left: 2%;
    bottom: 3%;
    background: #ffffff;
    cursor: pointer;
    text-align: center;
    font-size: 0.8rem;
    padding: 0px 20px;
    border-radius: 6px;
    height: 34px;
    color: #0065B8;
    font-weight: 600;
    transition: all 150ms ease-in-out;
    align-items: center;
}
.galleryGrid__item_r {
    max-height: 180px;
}

.galleryGrid.-type-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.galleryGrid.-type-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.h-full {
    height: 100% !important;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tour-infos {
    position: relative;
    width: 100%;
    left: 0;
    padding: 25px;
    background: #fff
}

.tour-infos.no-image {
    position: relative;
    top: auto
}

.tour-masonary-wrapper.no-image {
    padding: 5px 0 30px
}

.tour-infos .title {
    font-family: 'Open Sans',sans-serif;
    margin: 0 0 10px;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 700
}

.cards .item,.tour-cards .item {
    margin-right: 10px;
    text-align: center
}

.tour-infos hr {
    border-color: #dfdfdf;
    margin: 0 0 10px
}

.tour-infos .spot {
    font-size: .75rem
}

.tour-infos .spot i {
    margin-right: 5px;
    color: #599cbd
}

.tour-infos .spot i.last-icon {
    color: #ffb300
}

.tour-infos .tags span {
    position: relative;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 5px;
    background: #eef9fd;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #67bdf0;
    box-shadow: 0 0 2px #a0cbdb
}

.tour-infos .tags span i {
    position: relative;
    top: 1.5px;
    font-size: 1.1rem
}

.reservation-box .tags .plane i,.tour-infos .tags span.plane i {
    color: #0c8d1d;
    margin-right: 5px
}

.reservation-box .tags .calendar i,.tour-infos .tags span.calendar i {
    color: #373dd4;
    margin-right: 5px
}

.reservation-box .tags .visa i,.tour-infos .tags span.visa i {
    color: red;
    margin-right: 5px
}

.reservation-box .tags .location i,.tour-infos .tags span.location i {
    color: #ffb300;
    margin-right: 5px
}

.tour-infos .tags span.route i {
    color: #777486;
    margin-right: 5px
}

.tour-infos .shareWrap {
    display: inline-block;
    float: right;
    position: relative
}

.tour-infos .shareWrap.inline {
    float: none;
    width: 100%;
    margin: 10px 0 6px;
    text-align: center
}

.reservation-box .tags i {
    width: 12px
}

.tour-infos .shareBtn {
    font-size: .8rem;
    color: #27a6d9;
    cursor: pointer
}

.tour-infos .shareWrap.inline .shareBtn {
    margin-left: 10px
}

.tour-infos .tour-code {
    font-size: .8rem;
    font-weight: 400;
    margin-left: 5px
}

.tour-infos .price {
    display: block;
    margin-bottom: 10px;
    padding: 4px 10px;
    border: 1px solid #67bdf0;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #f07
}

.tour-infos .price.inline {
    line-height: normal;
    border: 0;
    display: inline-block;
    margin: auto;
    padding: 5px 20px;
    border-radius: 6px;
    text-align: center;
    width: 100%;
    background-image: linear-gradient(97deg,#8bc34a -19%,#0fb4ab 124%)
}

.tour-infos .price.inline .shareBtn {
    margin-left: 15px
}

.tour-infos .price small {
    font-size: .7rem;
    color: #333;
    font-weight: 400
}

.tour-infos .price.inline small {
    display: block;
    text-align: center;
    font-size: .7rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    color: #fff
}

.tour-infos .price.inline .ft {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    display: block
}

.share-dropdown {
    display: none;
    position: absolute;
    right: 0;
    width: 100px;
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,.23)
}

@media (max-width: 768px) {
    .col-md-12.mobile {
        display: block;
        min-height: 215px;
    }
}
.col-md-12.mobile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
}
.mobilotelpuani {
    top: 10px;
    left: 20px;
    background: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    color: #0065b8;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}
.MPhoto, .absolute, .mFav, .mVideo, .mobilotelpuani {
    position: absolute;
}
.mobilotelpuani small {
    display: block;
    font-size: .6rem;
}
.col-md-12.mobile .favori-icon {
    position: absolute;
    right: 20px;
    top: 10px;

}
.content-wrapper {
    position: relative;
}
.mVideo {
    height: 35px;
    width: max-content;
    left: 2px;
    bottom: 10px;
    border-radius: 4px !important;
}
.button {
    display: flex
;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    font-size: .8rem;
    font-weight: 500;
    border: 1px solid transparent;
    transition: .3s cubic-bezier(.165, .84, .44, 1);
}
.mVideo i {
    padding-right: 5px;
}
button#galeri {right: 3px;}
.MPhoto {
    right: 0px;
    bottom: 0;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
span.tursabno {
    position: absolute;
    z-index: 1;
    background: white;
    padding: 4px;
    border-radius: 5px;
    top: 15px;
    left: 15px;
}

@media (min-width:769px) {
  .logo-img {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
}
p.alt-yazi {
    font-size: 12px;
    font-weight: 600;
    text-align: justify;
    letter-spacing: normal;
}