@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('../fonts/gilroy.css');
@font-face{font-family: 'clash display'; font-style:normal;font-weight:400;src:local('Clash Display'),url('../fonts/ClashDisplayRegular.woff') format('woff')}
@font-face{font-family: 'clash display'; font-style:normal;font-weight:200;src:local('Clash Display'),url('../fonts/ClashDisplayExtralight.woff') format('woff')}
@font-face{font-family: 'clash display'; font-style:normal;font-weight:300;src:local('Clash Display'),url('../fonts/ClashDisplayLight.woff') format('woff')}
@font-face{font-family: 'clash display'; font-style:normal;font-weight:500;src:local('Clash Display'),url('../fonts/ClashDisplayMedium.woff') format('woff')}
@font-face{font-family: 'clash display'; font-style:normal;font-weight:600;src:local('Clash Display'),url('../fonts/ClashDisplaySemibold.woff') format('woff')}
@font-face{font-family: 'clash display'; font-style:normal;font-weight:700;src:local('Clash Display'),url('../fonts/ClashDisplayBold.woff') format('woff')}
@font-face {font-family: 'Poppins', sans-serif; src: url('../fonts/Satoshi-Black.woff2') format('woff2'), url('../fonts/Satoshi-Black.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face {font-family: 'Poppins', sans-serif; src: url('../fonts/Satoshi-Regular.woff2') format('woff2'), url('../fonts/Satoshi-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face {font-family: 'Poppins', sans-serif; src: url('../fonts/Satoshi-Medium.woff2') format('woff2'), url('../fonts/Satoshi-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face {font-family: 'Poppins', sans-serif; src: url('../fonts/Satoshi-Bold.woff2') format('woff2'), url('../fonts/Satoshi-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face {font-family: 'Poppins', sans-serif; src: url('../fonts/Satoshi-Light.woff2') format('woff2'), url('../fonts/Satoshi-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }


.searchFilter {
  margin-bottom: 20px;    
}
.getinTouchform {    text-align: center !important;}
.searchFilter.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 16px;
    border-radius: .25rem;
    height: 50px;
    min-width: 20px;
}
.searchFilter .btn-secondary {
    color: #373a3c;
    background-color: #fff;
    border: 1px solid #ccc;
}
.searchFilter .btn-secondary:hover {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.searchFilter .btn-search {
    background-color: #7e3d0b;
    color: #fff;
    border: 1px solid #140e09;
}
.searchFilter .btn-search:hover {
  background-color: #b20a11;
  color: #fff;
  border: 1px solid #b20a11;
}
.searchFilter .label-icon {
  display: none;  
}
.searchFilter .glyphicon {
    margin-right: -15px;
}
.searchFilter .dropdown-menu .category_filters {
  min-width: 178px;
  width: 100%;
  margin: 15px 0 0 -25px;
}
.searchFilter .dropdown-menu-right {
    right: 170px;
    min-width: 175px;
    top: 90%;
}
.searchFilter .dropdown-menu .category_filters li {
  list-style-type: none;
  padding: 2px 10px;
  font-size: 18px;
}
.searchFilter .dropdown-menu .category_filters label {
  margin-left: 15px;
}
@media (min-width: 1400px) {
  .ct-header .ct-jumbotron .inner {
    max-width: 470px;
    min-height: 230px;
}  
}
@media (max-width: 1400px) {
  .ct-header-slider .item {
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center top;
}  
}
@media (min-width: 769px) and (max-width: 1400px) {
  .ct-header-slider .item {
    height: auto;  
}
}
@media (max-width: 1260px) {
  #dots-container {
    display: none;
}
}
@media (min-width: 992px){
  .ct-footer2 .ct-newsletter {
    max-width: 100%;
}
#dots-container {
    bottom: 100px;
} 
}
@media (min-width: 768px){
  .ct-searchbar:before {
    height: 92px;
    bottom: -1px;
}
.page-scrolled .navbar .navbar-nav li > * {
    min-height: 67px;
    height: 67px;
}
.page-scrolled .navbar .navbar-nav {
    height: 100%!important;
}
.ct-current-facts h2 {
    margin: 0 auto 0px;
}
.contentNews .ct-recent-news {
    flex-direction: inherit;
}
.contentFaq .faq_question .col-sm-11 {
    padding-right: 0px;
}
.peopleDetail h2 {
    margin-top: -5px;
}
.searchFilter .btn {
    min-width: 172px;  
}
.searchFilter .label-icon {
    display: inline-block;  
}
.searchFilter .glyphicon {
    margin-right: -5px;
}
.ct-header .ct-jumbotron {
    top: 0;
    margin-top: 5%;
}
.ct-header .ct-jumbotron h1 {
    font-size: 2.5em;
}
.ct-news.ct-news--bigger h3 {
    font-size: 41px;
    line-height: 1.4;
}
}
@media (max-width: 768px){
  .ct-header .ct-jumbotron {  
    width: 80%;
    margin: 20px 10px;
    top: 40%;
    width: 95%;
}
.ct-header .ct-jumbotron .inner {
    max-width: 100%;
}
#dots-container {
    display: none;
}
.main-section {
    margin-top: -80px;
}
.searchFilter .dropdown-menu-right {
  right: 0px;
}
}
html {
    scroll-behavior: smooth
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Gilroy';
    font-size: 16px;
}

*, ::after, ::before {
    box-sizing: border-box;
}

a,
a:hover {
    text-decoration: none
}

button{
    border: none;
    padding: 0px;
}

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

section {
    width: 100%;
    float: left
}
.map {
    padding: 20px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 1px 1px 10px #60a5d2;
}

.ftco-no-pt.ftco-no-pb img.rounded-3 {
    box-shadow: 1px 1px 10px #60a5d2;
    padding: 20px;
    border-radius: 20px !important;
}
.themeRow {
    width: 100%;
    float: left
}

.themeContainer {
    width: 100%;
    margin: 0 auto;
    max-width: 1205px
}

input, .form-select{
    outline: none;
}

ul::-webkit-scrollbar{
    width: 7px;
    border-radius: 10px;
}

ul::-webkit-scrollbar-track{
    background: #1ad5975e;
    border-radius: 10px;
}

ul::-webkit-scrollbar-thumb{
    background: #1AD598;
    border-radius: 10px;
}

ul::-webkit-scrollbar-thumb:hover{
    background: #0fa372;
}

.mobileMenu{display: none;}
.closebtn{display: none;}

#homepagebg{
    width: 100%;
    float: left;
    background: url('../img/homepage.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    display: block;
}

#header{
    margin-top: 0px;
    padding-top: 10px;
    /* background: #41a3ea; */
}
body.blogBg section#header {
    background: #6793c3;
}
.sliderContainer{
    display: flex;
    width: 100%;
    max-width: 1540px;
    float: right;
}

@media screen  and (max-width:1540px) and (min-width:1340px) {
    .sliderContainer{ max-width: 1340px; }
}

.logoArea{margin-top: 10px;float: left;}
.logoArea a{
    display: flex;
}
.logoArea a img{}

.menuArea{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.menuArea .navbar-collapse > ul{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navbar{}
.navbar-toggler{}
.nav-link{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nav-link img{margin-bottom:6px;height: 50px;}

.nav-link{
    font-weight: 500;
    font-size: 16px;
    line-height: 193%;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 0!important;
    margin: 0!important;
    display: flex;
    flex-direction: row;
    gap: 10px;
    line-height: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.dropdown-toggle::after{
    position: absolute;
    right: -15px;
    bottom: 25px;
}
.nav-link:hover, .nav-link:focus{
    color: #64aadd;
}
.nav-link img{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.nav-link:hover img{
color: #000;
}
.nav-item:last-child .nav-link{
    color: #64aadd;
}
.nav-item{}
.nav-item.dropdown{}
.dropdown-menu{}
.dropdown-item{
    font-weight: 500;
}
.dropdown-item:hover{
    background-color: #64aadd;
    color: white;
}
#homeSlider{
    margin-top: 66px;
    margin-bottom: 70px;
}
.sliderDesc{
    width: 100%;
    float: left;
    max-width: 500px;
}
.sliderLinks {
    float: left;
    display: flex;
    flex-direction: column;
    margin-right: 35px;
}
.sliderLinks a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #414141;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    font-weight: 400;
    font-size: 14px;
    line-height: 147.5%;
    text-align: center;
    color: #FFFFFF;
    padding: 13px 6px;
    margin-bottom: 12px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 9999;
}
.sliderLinks a:hover{
    box-shadow: 1px 1px 14px 14px #0000002e;
}
.sliderLinks a:first-child{background: #64aadd;}
.sliderLinks a:nth-child(2){background: #9ca9b6;}
.sliderLinks a:nth-child(3){background: #ba9555;}
.sliderLinks a:nth-child(4){background: #1d969a;}
.sliderLinks a:nth-child(5){background: rgb(55 98 112);}
.sliderLinks a:first-child span{
    background: rgb(201 122 62);
}
.sliderLinks a:nth-child(2) span{
    background: rgb(156 169 182);
}
.sliderLinks a:nth-child(3) span{
    background: rgb(186 149 85);
}
.sliderLinks a:nth-child(4) span{
    background: rgb(29 150 154);
}
.sliderLinks a:nth-child(5) span{
    background: rgb(55 98 112);
}

.sliderLinks a img{
    margin-bottom: 0;
    width: 30px;
    z-index: 9;
}
.sliderLinks a span{
    overflow: visible;
    transition: all 0.5s ease;
    opacity: 0;
    position: absolute;
    left: 0;
    padding: 10px 20px;
    background: rgb(174 202 43);
    border-radius: 0 50px 50px 0;
    white-space: nowrap;
    z-index: -9999;
}

.sliderLinks a:hover span{
    height: auto;
    overflow: visible;
    opacity: 1;
    left: calc(100% - 20px);
}

.sliderTitle{
   /*width: calc(100% - 170px);*/
   float: right;
   width: 81% !important;
   margin-right: 0;
}



.sliderTitle h1{
    font-weight: 600;
    font-size: 70px;
    line-height: 96%;
    /* or 67px */
    color: #FFFFFF;
    margin-bottom: 37px;
    float: left;
    width: 100%;
}
.sliderTitle a{
    border: 1px solid #FFFFFF;
    border-radius: 48px;
    font-weight: 500;
    font-size: 20px;
    line-height: 147.5%;
    color: #FFFFFF;
    padding: 10px 25px;
    transition: background .2s ease-in-out;
    font-weight: bold;
}
.sliderTitle a:hover{background: #64aadd;color: #fff;border-color: #64aadd;}
.sliderTitle p{
    font-weight: 400;
    font-size: 18px;
    line-height: 147.5%;
    color: #FFFFFF;
    margin: 0px 0px 37px 0px;
    float: left;
}

.sliderArea{
    width: 100%;
    float: left;
    max-width: calc(100% - 550px);
    margin-left: 50px;
}
.sliderArea ul{
    width: 100%;
    float: left;
}
.sliderArea ul li{
    width: 100%;
    float: left;
    position: relative;
}
.sliderArea ul li img{
    width: 100%;
    float: left;
}
.sliderArea ul li h2{
    font-style: normal;
    font-weight: 600;
    font-size: 32.4624px;
    line-height: 99%;
    color: #FFFFFF;
    position: absolute;
    bottom: 50px;
    left: 30px;
    display: flex;
    flex-direction: column;
}
.sliderArea ul li h2 span{
    font-weight: 400;
    font-size: 17.0465px;
    line-height: 96%;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.sliderArea ul li h2::before{
    content: "";
    width: 28px;
    height: 1px;
    background: white;
    position: absolute;
    left: 0;
    top: -20px;
}

#virtualTour{
    margin-bottom: 80px;
}
.stepTitle{}
.stepTitle ul{
    width: 100%;
    display: flex;
}
.stepTitle ul li{
    width: 100%;
    float: left;
}
.stepTitle ul li a{
    padding: 24px 0px;
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 50px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 5px;
    padding: 0px 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
 .stepTitle ul li a:hover{background: #64aadd;color: white;}
 .stepTitle ul li:last-child hover{}
 .stepTitle ul li a:last-child hover{}
 #discover{}
 .cityDiscover{}
 .cityDiscover h2{
    font-weight: 700;
    font-size: 56px;
    line-height: 96%;
    color: #FFFFFF;
    margin-bottom: 118px;
}
.cityDiscover ul{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}
.cityDiscover ul li{
    width: calc(100% * 1/4 - 13.5px);
    float: left;
    margin-right: 18px;
    margin-bottom: 29px;
}
.cityDiscover ul li:nth-child(4n){margin-right:0px;}
.cityDiscover ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #414141;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 147.5%;
    text-align: center;
    color: #FFFFFF;
    padding: 13px 6px;
    transition: background .2s ease-in-out;
    height: 100px;
    overflow: hidden;
}
.cityDiscover ul li a.bgColor{background: #64aadd;}
.cityDiscover ul li a:hover{background: #64aadd;}
.cityDiscover ul li a img{
    margin-bottom: 10px;
}
.mapWrapper{
    width: 100%;
    float: left;
}
.mapWrapper p{
    font-weight: 400;
    font-size: 18px;
    line-height: 147.5%;
    /* or 27px */
    color: #FFFFFF;
    margin-bottom: 54px;
}
.mapArea{
    width: 100%;
    float: left;
    position: relative;
}
.mapArea img{
    float: right;
    width: 100%;
    max-width: 534px;
}
.mapDescription{
    position: absolute;
    bottom: calc(50% - 145px);
    right: -40px;
    width: 100%;
    max-width: 318px;
    height: 240px;
    border-radius: 20px;
    display: none;
}
.mapDescription.active{display: block;}
.locationDescription{ position: absolute; padding: 27px; }
.locationDescription span{
    font-style: normal;
    font-weight: 400;
    font-size: 15.2032px;
    line-height: 147.5%;
    /* or 22px */
    text-align: right;
    color: #000000;
    margin-bottom: 26px;
    width: 100%;
    float: left;
    text-align: left;
}
.locationDescription h2{
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 27.8725px;
    line-height: 112%;
    /* or 31px */
    color: #000000;
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 26px;
}
.mapButtons{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mapButtons button{
    background: #64aadd;
    border-radius: 60.8127px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 17.7371px;
    line-height: 147.5%;
    color: #FFFFFF;
    padding: 7px 20px;
    transition: all .2s ease-in-out;
}
.mapButtons button:hover{background: #a5612d;}
.mapButtons a{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20.2709px;
    line-height: 147.5%;
    color: #000000;
    display: flex;
    align-items: center;
    transition: all .5s ease-in-out;
}
.mapButtons a:hover{margin-right: -6px;}
.mapButtons a img{
    filter: invert(1);
    margin-left: 8px;
}
#description, #description2{
    padding: 60px 0;
}
#description2{
    /* background-image: url('images/karaman1.jpg'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
#description2:after{content:"";width: 100%;position: absolute;top: 0;bottom: 0;background: #8787871f;left: 0;right: 0;}
.descArea{}
.norm-title.white-title{
    color: #fff;
}
.norm-desc.white-desc {
    color: #fff;
}
.norm-title.white-title + .norm-desc{
    color: #fff;
    padding-left: 10px;
}
.big-title {
    text-align: center;
    font-size: 100px !important;
    position: absolute;
    top: -30px;
    opacity: 0.1;
    left: 50%;
    transform: translate(-50%,0);
    color: #fff;
    text-shadow: 0 0 3px var(--color-black);
    font-weight: bold;
    left: 50%;
}
.big-title.black-title {
    color: #006dff;
}
.norm-desc:after {
    content: "";
    position: absolute;
    left: 50%;
    height: 2px;
    top: 50px;
    width: 110px;
    background: rgb(198 193 193);
    transform: translate(-50%, 0);
}
#bigSlider {
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 30px;
    background: #0F2027;
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
    background: linear-gradient(to right, #64aadd, #4f8fa5, #0F2027);
}

#bigSlider::before{
    content: "";
    height: 45px;
    width: 100%;
    background: white;
    position: absolute;
    top: 0;
}


.sliderCarWrapper{
    width: 100%;
    float: left;
}

.sliderCarousel{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
}
.leftSlider{
    width: 50%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 102px 160px 102px 0px;
}
.leftSlider h2{
    font-weight: 700;
    font-size: 48px;
    line-height: 96%;
    /* identical to box height, or 46px */
    color: #FFFFFF;
    margin-bottom: 41px;
}
.leftSlider p{
    font-weight: 400;
    font-size: 18px;
    line-height: 147.5%;
    /* or 27px */
    color: #E7E7E7;
    margin-bottom: 48px;
}
.leftSlider a{
    background: white;
    font-weight: 500;
    font-size: 20px;
    line-height: 147.5%;
    color: #64aadd;
    padding: 9px 35px;
    border-radius: 48px;
    float: left;
    transition: all .3s ease-in-out;
}
.leftSlider a:hover{
    background: #b1652b;
    color: #fff;
}
.rightImg{
    width: 50%;
    float: left;
    display: flex;
    justify-content: flex-end;
}
.rightImg img{}
.descArea{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.norm-desc{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    /* or 27px */
    color: #9D9B9B;
    margin-bottom: 60px;
    text-align: center !important;
    position: relative;
}
#footer{
    padding: 110px 0px 0px 0px;
    background: #4f7cad;
}
.footerDesc{}
.footerDesc span{
    width: 100%;
    float: left;
    font-weight: 700;
    font-size: 22px;
    line-height: 147.5%;
    /* or 32px */
    color: #FFFFFF;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.footerDesc p{
    width: 100%;
    float: left;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 167%;
    color: #b0d0ff;
    padding-right: 30px;
}
.footerMenu{
    width: 100%;
    float: left;
}
.footerMenu span {
    font-weight: 700;
    font-size: 22px;
    line-height: 147.5%;
    color: #fff;
    width: 100%;
    float: left;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.footerMenu ul{}
.footerMenu ul li{}
.footerMenu ul li a{
    width: 100%;
    float: left;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 167%;
    color: #b0d0ff;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
}
.footerMenu ul li a:hover{
    color: #64aadd;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
}
.footerSocial{
    display: flex;
    flex-direction: column;
    margin: 50px 0;
}
.footerSocial span{
    text-align: center;
    font-weight: 400;
    font-size: 22px;
    line-height: 147.5%;
    color: #FFFFFF;
    width: 100%;
    float: left;
    margin-bottom: 18px;
}
.footerSocial ul{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    padding-top: 0;
    justify-content: center;
}
.footerSocial ul li{
    margin-right: 32px;
    float: left;
}
.footerSocial ul li a{
    transition: background .2s ease;
}
.footerSocial ul li a img{}
.copyright{
    width: 100%;
    float: left;
    font-weight: 400;
    font-size: 18px;
    line-height: 167%;
    color: #FFFFFF;
    border-top: 1px solid white;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    flex-direction: column;
    gap: 10px;
	text-align:center;
}

.footerSocial ul li a:hover img{
    filter: brightness(0) saturate(100%) invert(43%) sepia(86%) saturate(373%) hue-rotate(343deg) brightness(104%) contrast(87%);
}


#galleryCity{
    background: #fff;
    padding: 60px 0;
}
.galleryCityDesc{
    width: 100%;
    float: left;
    padding-right: 50px;
}

.galleryCityDesc p{
    font-weight: 400;
    font-size: 18px;
    line-height: 147.5%;
    /* or 27px */
    color: #9D9B9B;
    width: 100%;
    float: left;
    margin: 0;
    margin-bottom: 48px;
}
.kesf{
    padding: 10px 40px 10px 40px;
    border-radius: 50px;
    font-weight: 500;
    font-size: 20px;
    line-height: 147.5%;
    /* identical to box height, or 30px */
    color: #000000;
    transition:all .2s ease;
    background: #7ba7d4;
    color: #fff;
    font-weight: bold;
    display: table;
    margin: auto;
}
.galleryCityImages{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.galleryCityDesc a:hover{background:black;color:white;}
.galleryCityImages > div{
    width: 100%;
    float: left;
    display: flex;
    gap: 24px;
    justify-content: center;
}
.galleryCityImages > div > a{
    display: flex;
}
.galleryCityImages > div > a img{width: 100%;}
.topGallery{margin-bottom: 24px;align-items: flex-end;padding-left: 50px;}
.topGallery a{}
.topGallery a img{}
.subGallery{
    align-items: flex-start;
    padding-right: 50px;
}
.subGallery a{}
.subGallery a img{}
#news{
    padding: 60px 0;
    background: #fff;
    /* margin-bottom: 80px; */
}
.newsWrapper {
    width: 100%;
    float: left;
    margin-top: 69px;
}
.newsArea{
    width: 100%;
    float: left;
}

.tpk-7 h2 {
    font-weight: 700;
    font-size: 56px;
    line-height: 100%;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.tpk-7 p {
    color: white;
    text-align: left;

}



.newsArea p {
    
    text-align: left;

}
.sliderNews {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 18px;
    background: white;
    padding: 21px;
    box-shadow: 1px 1px 28px #7da9d8;
}
.newsImg{
    float: left;
    width: 100%;
    max-width: 444px;
    /* margin-right: 68px; */
}
.newsImg img{
    border-radius: 30px;
}
.newsDesc{
    width: 100%;
    float: right;
    display: none;
}
.newsDesc h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    color: #000000;
    margin: 13px 0px 21px 0px;
    height: 66px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newsDesc p{
    font-weight: 400;
    font-size: 18px;
    line-height: 147.5%;
    /* or 27px */
    color: #9D9B9B;
    margin: 0px 0px 46px 0px;
}
.newsDesc a {
    float: left;
    background: #64aadd;
    border-radius: 48px;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    padding: 8px 40px 8px 40px;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .25s ease-in-out;
}
.newsDesc a:hover{margin-left:6px;}
.newsDesc a img{
    position: absolute;
    top: 11px;
    right: -20px;
    width: 41px!important;
}
#calendarArea{
    position: relative;
    padding: 60px 0;
    background: #0F2027;
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
    background: linear-gradient(to right, #64aadd, #4f8fa5, #0F2027);
}
.dateWrapper{
    width: 100%;
    float: left;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dateCard{
    margin-bottom: 12px;
}
.dateWrapper:after{content:"";background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);width: 100%;height: 270px;position: absolute;bottom: 0;left: 0;background: none;z-index: -1;}

/* width */
.dateWrapper::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.dateWrapper::-webkit-scrollbar-track {
    background: #D3D2D240;
}

/* Handle */
.dateWrapper::-webkit-scrollbar-thumb {
    background: #E5AA7C42;
}

/* Handle on hover */
.dateWrapper::-webkit-scrollbar-thumb:hover {
    background: #E5AA7C;
}

.dateContent{position: relative;width: 100%;float: left;}
.dateCard{
    width: 100%;
    float: left;
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 180px;
    background: linear-gradient(to right, #a1d7ff, #ffffff, #ffffff);
}
.dateCard.selected{
    /* background: #F9F9F9; */
}
.dateCard h2{
    font-weight: 700;
    font-size: 20px;
    line-height: 114%;
    color: #000000;
    margin-bottom: 12px;
}
.dateCard span{
    font-weight: 700;
    font-size: 18px;
    line-height: 96%;
    color: #000000;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    display: none;
}
.dateCard span img{
    margin-right: 10px;
}
.dateCard p{
    font-weight: 500;
    font-size: 14px;
    line-height: 147.5%;
    color: #000000;
    margin: 0px 0px 16px 0px;
    font-family: 'Poppins', sans-serif;
}
.dateCard a{
    font-weight: 600;
    font-size: 12px;
    background: #FFFFFF;
    border-radius: 48px;
    padding: 6px 16px;
    transition:background .2s ease-in-out;
    letter-spacing: .5px;
    background: #7ba7d3;
    color: #fff;
}
.dateCard a:hover{background: #64aadd;color:white;border-color:white;}
.dateCard:last-child{}
.blogBg{
    width: 100%;
    float: left;
    background: #fff;
}
.blogBg .nav-item:last-child .nav-link{color: white;}
.blogBg .nav-item:last-child .nav-link img{filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(7451%) hue-rotate(207deg) brightness(111%) contrast(112%);}
.blogBg .nav-item .nav-link:hover{color:black;}
.blogArea{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.blogArea h2{
    font-weight: 700;
    font-size: 70px;
    line-height: 96%;
    text-align: center;
    color: #000000;
    margin: 0px 0px 72px 0px;
}
.blogArea p{
    font-weight: 400;
    font-size: 18px;
    line-height: 147.5%;
    /* or 27px */
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}
#blogSlider{margin-top: 115px;margin-bottom: 350px;}
.blogSlide{
    width: 100%;
    float: left;
    margin-top: 85px;
}
.blogSlide .owl-item{
    transform: scale(.8);
}
.blogSlide .owl-item.center{
    transform: scale(1);
}
.blogSlide ul{
    width: 100%;
    float: left;
}
.blogSlide ul li{
    width: 100%;
    float: left;
    position: relative;
}
.slideContent{
    width: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 60px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slideContent h3{
    font-style: normal;
    font-weight: 700;
    font-size: 56px;
    line-height: 96%;
    /* identical to box height, or 54px */
    color: #FFFFFF;
    margin: 0px 0px 48px 0px;
    font-family: 'Poppins', sans-serif;
}
.slideContent p{
    font-weight: 500;
    font-size: 22px;
    line-height: 147.5%;
    /* or 32px */
    color: #FFFFFF;
    margin: 0px 0px 45px 0px;
    padding-bottom: 85px;
    border-bottom: 1px solid white;
    font-family: 'Poppins', sans-serif;
}
.slideContent a{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #FFFFFF;
    margin: 0;
    display: flex;
    font-family: 'Poppins', sans-serif;
}
.slideContent a img{margin-left:10px;width: 20px!important;}
#post{
    padding: 60px 0 !important;
}
.blogTitle{
    width: 100%;
    float: left;
    margin: 20px 0 20px;
}
.blogTitle h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    color: #515151;
}
.services-wrap .services {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 3px #5ea2cd;
}
.ustbaslik .btn {
    line-height: 19px !important;
    background: #64aadd;
    border: 0px;
    color: white !important;
    padding: 11px 13px;
    margin-right: -8px !important;
    margin-top: 14px;
    margin-bottom: 22px;
}
.flex-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-type h2 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 0;
}

.flex-btns {
    display: flex;
    gap: 20px;
}


 .ustbaslik .flex-btns .btn {
    margin: 0 !important;
}
.postWrapper{
    width: 100%;
    float: left;
}
.postCard{
    width: 100%;
    float: left;
    background: #64aadd;
    padding: 16px;
    border-radius: 58px;
    margin-bottom: 52px;
}
.postCard.differentBg{
    background: #64aadd;
}
.postImg{
    width: 50%;
    float: left;
}
.postCardx{
    width: 100%;
    padding: 0;
    border-radius: 58px;
    margin-bottom: 22px;
    display: inline-flex;
}
.postCardx.differentBg{
    background: #64aadd;
}
.postImg > img{
    width: 100%;
    border-radius: 40px;
    max-height: 230px;
    object-fit: cover;
    border-radius: 10px;
}
.postDesc{
    width: 50%;
    float: left;
    padding: 46px;
}
.postDesc h2{
    margin-bottom: 57px;
    font-weight: 700;
    font-size: 28px;
    line-height: 96%;
    /* or 42px */
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    line-height: 36px;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.postDesc p{
    margin-bottom: 66px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 147.5%;
    /* or 27px */
    color: #FFFFFF;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.postButtons{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.postButtons a{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */
    letter-spacing: -0.5px;
    color: #FFFFFF;
}
.postButtons a.circledButton{
    width: 142px;
    height: 142px;
    background: white;
    border-radius: 100%;
    justify-content: center;
    font-weight: 600;
    font-size: 14.671px;
    line-height: 22px;
    /* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.458469px;
    color: #64aadd;
}
#lastPost{}
.lastPostWrapper{
    width: 100%;
    float: left;
    display: flex;
}
.sidebar{width: 100%;float: left;}
.sidebar h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.5px;
    color: #010101;
    margin: 0px 0px 25px 0px;
}
.col-12.col-md-6.col-lg-3.card.h-100.neleryenir a {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px !important;
}
.sidebar ul li{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.sidebar ul li a{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.5px;
    color: #010101;
    padding: 12px 16px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    background: white;
}
.sidebar ul li a:hover {
    background: #FFFAEE;
    color: #64aadd;
}
.active {
    border-radius: 10px !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff !important;
    background-color: #64aadd;
}

#googleMap {
    
    border-radius: 15px !important;
}
.sidebanner{
    width: 100%;
    float: left;
    margin-top: 15px;
    position: relative;
}
.sidebanner > img{
    border-radius: 10px;
    width: 100%;
}
.sidebannerDesc{
    width: 100%;
    float: left;
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    padding: 0px 24px;
}
.sidebannerDesc p{
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 96%;
    /* or 31px */
    color: #FFFFFF;
    margin-bottom: 30px;
    padding-right: 70px;
}
.sidebannerDesc a{
    background: #FFFFFF;
    border-radius: 16px;
    padding: 10px 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #010101;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Poppins', sans-serif;
}
.sidebannerDesc a img{
    margin-left: 20px;
    filter: brightness(0) saturate(100%) invert(69%) sepia(6%) saturate(7105%) hue-rotate(333deg) brightness(85%) contrast(82%);
    float: right;
}
.ellipse{
    width: 66px;
    height: 66px;
    background: #FFEDC7;
    border-radius: 100%;
    cursor:pointer;
    transition:all .2s ease-in-out;
    position: relative;
}
.leftNav:hover .ellipse,.rightNav:hover .ellipse{
    box-shadow: 0px 2px 6px #00000047;
}
.leftNav,.rightNav{cursor: pointer;}
.leftNav .ellipse{
    margin-right: 50px;
}
.rightNav .ellipse{
    margin-left: 50px;
}
.leftNav .ellipse:after{
    content: "";
    background: url('../img/left.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 71px;
    height: 29px;
    position: absolute;
    top: 19px;
    left: 30px;
}
.rightNav .ellipse:after{
    content: "";
    background: url('../img/right.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 71px;
    height: 29px;
    position: absolute;
    top: 19px;
    right: 30px;
}
.rightNav{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    color: #232323;
    gap: 15px;
}
.leftNav{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height */
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    color: #232323;
    gap: 15px;
}
.pageNumber a:last-child{margin-left:15px;}
.pageNumber a:last-child:before{content: ". . .";position: relative;left: -10px;color:#B7B7B7;pointer-events: unset;cursor: default;}
.pageNumber a.activePage{
    color: #64aadd;
}
.pageNumber a{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -0.5px;
    color: #B7B7B7;
    margin: 0px 5px;
    font-family: 'Poppins', sans-serif;
}
.pageNumber a:hover{color: #64aadd;}
.pageNumber{
    display: flex;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    width: 100%;
    float: left;
    justify-content: space-between;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 250px;
}
.sideCatImg {
    display: flex;
    align-items: center;
    margin-right: 20px;
    border: 1px solid #dfdfdf;
    width: 60px;
    height: 60px;
    justify-content: center;
    border-radius: 15px;
    flex-shrink: 0;
}
.sidebar ul li a:hover .sideCatImg{background:#000;border-color:#000}
.sidebar ul li a:hover .sideCatImg img{filter:invert(1);}


.sliderArea .owl-nav{margin-top: 44px;float: left;}
.sliderArea .owl-nav button,.sliderArea .owl-nav button.owl-prev,.sliderArea .owl-nav button.owl-next{
    width: 62px;
    height: 62px;
    border: 1px solid white;
    border-radius: 100%;
}
.sliderArea .owl-nav button span{ }
.sliderArea .owl-nav button.owl-prev{
    background: url(../img/left1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-right: 10px;
}
.sliderArea .owl-nav button.owl-next{
    background: url(../img/right1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.sliderArea .owl-dots{
    float: left;
    display: flex;
    width: calc(100% - 500px);
    margin-top: 44px;
    padding-top: 30px;
    margin-left: 20px;
}

.sliderArea .owl-dots button,.sliderArea .owl-dots button.owl-dot,.sliderArea .owl-dots button.owl-dot{
}

.sliderArea .owl-dots button.owl-dot{width: 100%;height: 2px;background: white;}
.sliderArea .owl-dots button.owl-dot.active{background: #64aadd;}

.sliderCarWrapper .owl-nav{
    margin-top: 0px;
    float: left;
    position: absolute;
}
.sliderCarWrapper .owl-nav button,.sliderCarWrapper .owl-nav button.owl-prev,.sliderCarWrapper .owl-nav button.owl-next{
    width: 48px;
    height: 48px;
    border: 1px solid white;
    border-radius: 100%;
}
.sliderCarWrapper .owl-nav button span{font-size: 0;}
.sliderCarWrapper .owl-nav button.owl-prev{
    background: url(../img/left1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-right: 10px;
    filter: invert(1);
}
.sliderCarWrapper .owl-nav button.owl-next{
    background: url(../img/right1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    filter: invert(1);
}
.authorSlider .owl-nav{
    margin-top: 40px;
    float: left;
    position: absolute;
}
.authorSlider .owl-nav button,.authorSlider .owl-nav button.owl-prev,.authorSlider .owl-nav button.owl-next{
    width: 48px;
    height: 48px;
    border: 1px solid white;
    border-radius: 100%;
}
.authorSlider .owl-nav button span{font-size: 0;}
.authorSlider .owl-nav button.owl-prev{
    background: url(../img/left1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-right: 10px;
    filter: invert(1);
}
.authorSlider .owl-nav button.owl-next{
    background: url(../img/right1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    filter: invert(1);
}


.newsWrapper .owl-nav{
    margin-top: 30px;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.newsWrapper .owl-nav button,.newsWrapper .owl-nav button.owl-prev,.newsWrapper .owl-nav button.owl-next{
    width: 48px;
    height: 48px;
    border: 1px solid white;
    border-radius: 100%;
    background: #7da9d8;
    transition: all 0.3s ease;
}
.newsWrapper .owl-nav button:hover,.newsWrapper .owl-nav button.owl-prev:hover,.newsWrapper .owl-nav button.owl-next:hover{
    background-color: black;
    filter: invert(0);
}
.newsWrapper.owl-carousel .owl-stage-outer {
    padding: 22px 0px;
}
.newsWrapper .owl-nav button span{font-size: 0;}
.newsWrapper .owl-nav button.owl-prev{
    background-image: url(../img/left1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-right: 10px;
}
.newsWrapper .owl-nav button.owl-next{
    background-image: url(../img/right1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.blogSlide .owl-nav{
    width: 100%;
    text-align: center;
    margin-top: 45px;
    float: left;
    position: absolute;
}
.blogSlide .owl-nav button,.blogSlide .owl-nav button.owl-prev,.blogSlide .owl-nav button.owl-next{
    width: 48px;
    height: 48px;
    border: 1px solid black;
    border-radius: 100%;
}
.blogSlide .owl-nav button:hover,.blogSlide .owl-nav button.owl-prev:hover,.blogSlide .owl-nav button.owl-next:hover{
    background-color: black;
    filter: invert(0);
    border-color: black;
    transform: scale(1.4);
}
.blogSlide .owl-nav button span{font-size: 0;}
.blogSlide .owl-nav button.owl-prev{
    background-color: black;
    background-image: url(../img/left2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-right: 10px;
    filter: invert(1);
}
.blogSlide .owl-nav button.owl-next{
    background-color: black;
    background-image: url(../img/right2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    margin-left: 10px;
    filter: invert(1);
}

.lastPostWrapper .postCard{
    display: flex;
    align-items: center;
    border-radius: 10px;
}
.lastPostWrapper .postCard .postDesc{
    padding: 0 0 0 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.lastPostWrapper .postDesc h2{
    margin-bottom: 10px;
    height: 55px;
    font-size: 22px;
    line-height: 27px;
}
.lastPostWrapper .postDesc p{
    margin-bottom: 26px;
    height: auto;
    -webkit-line-clamp: 1;
    margin-bottom: 24px;
}
.lastPostWrapper .postButtons a.circledButton{
    width: 115px;
    height: 30px;
    border-radius: 3px;
}
.lastPostWrapper .postImg{
    max-width: 364px;
    width: 190px;
    flex-shrink: 0;
    height: 150px;
}
.lastPostWrapper .postImg img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.differentBg .postImg{float: right;}

.posRel{position: relative;display: flex;justify-content: center;padding-top: 50px;}
.calendar {
    width: 100%;
    max-width: 500px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.ui-datepicker-header {
}
.ui-datepicker-prev,
.ui-datepicker-next {
    width: 30px;
    height: 30px;
    text-indent: 9999px;
    border: 0px solid #b0aead;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 12px;
    position: relative;
}
.ui-datepicker-prev {
    float: left;
}
.ui-datepicker-prev:after {
}
.ui-datepicker-next {
    float: right;
    margin-right: 12px;
}
.ui-datepicker-next:after {
    transform: rotate(-180deg);
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 7px;
    height: 13px;
    background: url('../img/calcleft.svg');
    background-position: center;
    background-size: auto;
    top: 6px;
    right: 4px;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #5ed1cc;
}
.ui-datepicker-title {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 147.5%;
  /* or 47px */
  color: #000000;
  text-align: center;
}
.ui-datepicker-calendar {
    margin: 60px auto 0 auto;
    max-width: 400px;
}
.ui-datepicker-calendar thead tr th span {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 147.5%;
    /* identical to box height, or 30px */
    color: #000000;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ui-state-default {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 147.5%;
  color: #000000;
}
.ui-state-default:hover { color: #000000; background: #64aadd21; }
.ui-state-highlight { }
.ui-state-active { background: #64aadd; }
.ui-state-active:hover { background: #64aadd; }
.ui-datepicker-calendar thead{width: 100%;float: left;border-bottom:1px solid #D3D2D240;margin-bottom: 36px;}
.ui-datepicker-calendar tbody{width: 100%;float: left;}
.ui-datepicker-unselectable .ui-state-default {  }
.ui-datepicker-year{display:none;}

.citypin{
    cursor: pointer;
    position: absolute;
}

#city1{
    top: -10px;
    right: 170px;
}

#city2{
    top: 90px;
    right: 290px;
}

#city3{
    top: 100px;
    left: 210px;
}

#city4{
    bottom: 85px;
    left: 140px;
}

#city1-info{}
#city2-info{}
#city3-info{}
#city4-info{}

.leftSocialMedia{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #EFEFEF;
    border-radius: 16px 0px 0px 16px;
    padding: 20px 5px;
}
.leftSocialMedia ul{
    display: flex;
    flex-direction: column;
    padding: 10px;
    align-items: center;
}
.leftSocialMedia ul li{
    margin-bottom: 30px;
}
.leftSocialMedia ul li a{
    display: flex;
    align-items: center;
}
.leftSocialMedia ul li:last-child{margin-bottom:0;}
.leftSocialMedia ul li a img{
    filter: invert(1);
    height: 18px;
    width: 18px;
}

/*slider number*/

.sliderArea .owl-dots {
    counter-reset: slides-num;
    position: relative;
}
.sliderArea  .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px;
}
.sliderArea  .owl-dot span {
    display: none;
}


.sliderArea  .info {
    text-align: center;
    margin-top: 110px;
}

#author{
    margin-top: 50px;
    margin-bottom: 100px;
}
.authorWrapper{
    width: 100%;
    float: left;
}
.authorSlider > h2{
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 20px;
}
.authorSlider > p{
    font-weight: 400;
    font-size: 18px;
    line-height: 147.5%;
    color: #333;
    margin-bottom: 48px;
    margin: 0;
}
.authorSlider{
    width: 100%;
    float: left;
    text-align: center;
}
.authorSlider ul{
    width: 100%;
    float: left;
    margin-top: 50px;
}
.authorSlider ul li{
    width: 100%;
    float: left;
}
.authorCard{
    width: 100%;
    float: left;
}
.authorPost{
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}
.authorPost > img{
    width: 100%;
    float: left;
    border-radius: 15px;
    margin-bottom: 15px;
}
.authorPost h2{
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    height: 20px;
    width: 100%;
    float: left;
}
.authorPost p{
    font-weight: 400;
    font-size: 15px;
    line-height: 147.5%;
    color: #333;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: left;
    height: 90px;
    width: 100%;
}
.authorContact{
    width: 100%;
    float: left;
    display: flex;
}
.authorContact img{
    min-width: 40px;
    height: 40px;
    max-width: 40px;
    border-radius: 100%;
    object-fit: cover;
    border: 1px solid #c7c7c7;
}
.authorContact p{
    margin: 0;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    text-align: left;
    float: left;
    margin-left: 10px;
    font-weight: 500;
}
.authorContact span{
    font-weight: 400;
}

@media screen and (max-width: 1200px) {
  .ecz {

    display: none;
}
}

.ustbaslik {
    margin-bottom: 0px;
    background-color: #fff;
    padding: 20px 40px 20px;
    border-radius: 10px;
 
    background: linear-gradient(to right, #a1d7ff, #ffffff, #ffffff);
}
.ustbaslik p {
    margin: 0;
}
.post {
    height: 100%;
    background: #fff;
}
.card {
    border-radius: 5px;
}

.ective {
    color: #9bc3ff;
    font-weight: 700 !important;
}
#contact{
   background: linear-gradient(to right, #64aadd, #4f8fa5, #0F2027);
   padding: 30px;
   border-radius: 10px;
}

.fw-bolder {
    font-weight: 500 !important;
    font-size: 25px !important;
}
.p-4 {
    padding: 9px 7px 3px 7px  !important;
}

.contactTitle{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
}
.contactTitle span{

    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 12px;
}
.contactTitle h2{
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    /* identical to box height, or 125% */
    text-align: center;
    letter-spacing: -0.02em;
    color: #fff;
    margin-bottom: 24px;
    }
.contactTitle p{

    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}
.contactWidgets{
    width: 100%;
    float: left;
}
.contactWidgets ul{
    width: 100%;
    float: left;
    display: flex;
    margin-top: 70px;
}
.contactWidgets ul li{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.adress{

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
    /* identical to box height, or 150% */
    text-align: center;
    color: #fff;
}
.contactCardicon{
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin-bottom: 0;
    background: #fff url(../img/contacticon.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    box-shadow: 1px 1px 10px #9b9b9b;
}
.contactCardicon img{}
.contactCard p{

    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.contactCard a{

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
    /* identical to box height, or 150% */
    text-align: center;
    color: #fff;
}
.contactCard span{

    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    /* identical to box height, or 150% */
    text-align: center;
    color: #F9F5FF;
    margin-top: 20px;
    margin-bottom: 8px;
}
.contactCard{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#contactForm{
    position: relative;
    background: linear-gradient(to right, #64aadd, #4f8fa5, #0F2027);
    padding: 60px 0px;
    margin-top: 60px;
    border-radius: 30px;
}


.contactinput{
    display: flex;
    flex-direction: column;
    width: calc(50% - 10px);
    float: left;
    margin-bottom: 24px;
}
.contactinput span{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */
    color: #000;
    margin-bottom: 6px;
    text-align: left;
    color: #fff;
    }
.contactinput input{
    background: #FFFFFF;
    /* Gray/300 */
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    outline: none;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */


    /* Gray/500 */
    color: #667085;
    padding: 12px 16px;
}
.contactinput input::placeholder{}
.contactinput.input50{
    width: calc(50% - 16px);
}
.contactinput.input50:first-child{margin-right: 32px;}
.contactinput select{
    float: left;
    width: 75px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 8px 0px 0px 8px;
    padding: 12px 16px;
    border: none;
    outline: none;
    box-shadow:none;
}
.contactinput select option{}
.contactinput input.widthselect{
    width: calc(100% - 75px);
    float: left;
    border-radius: 0px 8px 8px 0px;

    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    box-shadow:none;
    color: #101828;
}
.contactinput textarea{
    border: 1px solid #D0D5DD;
    box-sizing: border-box;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    padding: 12px 16px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    resize: none;
    color: #667085;
    outline: none;
}
.getinTouchform button.send{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 20px;
    position: static;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    background: #64aadd !important;
    border-radius: 5px;
    border: none;
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    /* identical to box height */
    color: #070532;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 150px;
    justify-content: center;
    margin: auto;
}

.getinTouchform button.send:hover{
    transition: .4s ease;
    background: #120D2F;
    color: white;
}

.selectArea{
    display: flex;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.formbg{
    content: "";
    padding-bottom: 50px;
    padding-top: 74px;
    background-image: url(../img/touchbg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 250%;
    left: 0;
    bottom: calc(-100% + 50px);
    z-index: -1;
}


.slideractive {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -0.5px;
    color: #F98063;
    border-radius: 24px;
    display: flex;
    align-items: center;
    background: #FFFAEE;
}

.slideractive ul li a{background: #FFFAEE;color:#F98063;}
.slideractive ul li a:hover .sideCatImg{background:#5507CC;border-color:#5507CC}
.slideractive ul li a:hover .sideCatImg img{filter:invert(1);}

.post .article-v2 {
  padding: 0;
  height: 100%;
  background: #fff;
  box-shadow: 1px 1px 28px #c0c6cd;
  border-radius: 20px !important;
}

.post .article-v2 .entry-title {
  font-size: 16px;
  color: #666666;
  font-weight: 600;
}

.post .article-v2 .article-header {
  margin-bottom: 15px;
}

.post .article-v2 .article-content-main {
  padding: 30px;
  position: relative;
  margin-top: 0;
  border-radius: 10px;
}

@media only screen and (max-width: 1024px) {
  .post .article-v2 .article-content-main {
    padding: 15px;
    margin-bottom: 30px;
}
}

.post .article-v2 .article-content p {
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.post .article-v2 .article-thumb {
    position: relative;
    left: 0px;
    margin-bottom: 0;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
    min-height: 137px !important;
    width: 117px !important;
}

.sideImg {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
}

.sideImg picture {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

.sideImg picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}


.btn {

    line-height: 19px !important;
    
}

.post .article-v2 .article-footer {
  border-top: 1px solid #ebebeb;
}

.post .article-v2 .article-footer .more-link {
  color: #ffa800;
  background: #64aadd;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  color: #fff;
  border-radius: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.post .article-v2 .article-footer .footer-meta a {
  color: #aaa;
  font-size: 15px;
  margin-right: 5px;
}

.post .article-v2 .article-footer .footer-meta a i {
  font-size: 16px;
  margin-left: 2px;
}
.neleryapilirbaslik {
    font-size: 19px;
    color: #000;
    font-weight: bold;}


    #ilan_listesi_sol{width:185px;height:auto;position:relative;top:5px;left:10px;float:left}
    #ilan_listesi_sol ul{width:183px;height:auto;border:1px solid #E4E4E4;border-top:0}
    #ilan_listesi_sol ul li{width:183px;height:25px;background:url(images/ilan_kategoriler_li_bg.png);border-bottom:1px solid #D7D7D7}
    #ilan_listesi_sol ul li a{width:173px;height:25px;line-height:26px;display:block;background:url(images/kategoriler_link_bg.png) no-repeat 163px 5px;color:#5d5d5d;font-size:12px;padding-left:10px}
    #ilan_listesi_sol ul li a:hover{background-position:163px -23px}
    .banner_sol{width:185px;height:auto;margin:15px 0}


    #ilan_listesi{width:572px;height:auto;position:relative;top:5px;left:19px;float:left}
    #ilan_listesi_baslik{width:572px;height:39px;background:url(images/orta_alan_baslik_bg.png);position:absolute}
    #ilan_listesi_baslik span#baslik_sol{width:20px;height:42px;background:url(images/ilan_orta_baslik_sol.png);display:block;float:left;margin-top:-6px;margin-left:10px}
    #ilan_listesi_baslik h3{width:auto;height:42px;background:url(images/ilan_orta_baslik_orta.png);float:left;margin-top:-6px;padding:0 5px;color:#fff;font-weight:normal}
    #ilan_listesi_baslik h3 .cufon{margin-top:17px!important}
    #ilan_listesi_baslik span#baslik_sag{width:20px;height:42px;background:url(images/ilan_orta_baslik_sag.png);display:block;float:left;margin-top:-6px}

    .ilan_ekle_uzun{width:750px!important;background:url(images/orta_alan_baslik_bg2.png)!important}
    .ilan_listesi_uzun{width:748px!important}
    .ilan_ekle_alt1{width:750px!important}


    #ilan_listesi_detay{width:570px;height:auto;border:1px solid #D2D2D2;border-bottom:0;margin-top:37px}
    #ilan_kapsa{width:729px; height:auto;overflow:hidden}
    #ilan_kapsa ul{width:580px;}
    #ilan_kapsa ul li{/*width:189px;height:230px;*/float:left;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-bottom:5px; width:190px;

}
#ilan_kapsa ul li.no_border{border-bottom:1px solid #d2d2d2!important;padding-right:1px}

#ilan_kapsa ul li img{margin:25px 0 0 7px;border:1px solid #E4E4E4}
#ilan_kapsa ul li p{width:160px;font-size:12px;color:#5d5d5d;line-height:14px;margin:14px 0 0 8px}
#ilan_kapsa ul li p a{color:#5d5d5d}
#ilan_kapsa ul li p a:hover{color:#333}
#ilan_kapsa ul li span{color:#ea9721;font-size:12px;font-weight:bold;display:block;margin:8px 0 0 8px}
#ilan_kapsa ul li span span{font-size:10px;display:inline-block;margin:0}

#ilan_listesi #sayfalama2{width:570px;height:32px;background:#D5D5D5;margin:0 0 0 0px!important}
#ilan_listesi #sayfalar{width:auto;height:32px;float:right;margin-right:5px}
#ilan_listesi #sayfalar li{width:19px;height:20px;line-height:21px;margin:0 2px;float:left;font-size:11px;font-weight:bold;margin-top:6px;text-align:center}
#ilan_listesi #sayfalar li#onceki_sayfa a{background:url(images/sayfalama2_sol.png);text-indent:-9999px}
#ilan_listesi #sayfalar li#sonraki_sayfa a{background:url(images/sayfalama2_sag.png);text-indent:-9999px}

#ilan_listesi #sayfalar li a{display:block;width:19px;height:20px;color:#5a5a5a}
#ilan_listesi #sayfalar li a:hover{background:url(images/sayfalama2_aktif_sayfa.png) 1px 0}

#ilan_listesi #sayfalar li#aktif_sayfa a{background:url(images/sayfalama2_aktif_sayfa.png) 1px 0!important}

#ilan_listesi_sag{width:185px;height:auto;position:relative;top:5px;right:10px;float:right}
#gunun_firsati {width:185px;height:auto;padding-bottom:5px}
#gunun_firsati img{width:169px;height:192px;border:1px solid #CFCFCF}
#gunun_firsati h4{width:169px;height:40px;font-size:16px;text-align:center;color:#cd8319;margin-top:8px}
#gunun_firsati h4 span{font-size:18px}
#gunun_firsati p{font-size:15px;text-align:center;margin-top:3px;color:#4f4f4f}

#ilan_listesi_sag #e_bulten{padding-top:9px!important;height:95px}
.ilan_sag_baslik{width:185px;height:38px;background:url(images/ilan_blok_baslik.png)}
.ilan_sag_baslik h3{font-weight:normal;margin:13px 0 0 8px;float:left;color:#fff}

.ilan_sag_orta{width:183px;height:auto;border-left:1px solid #E4E4E4;border-right:1px solid #E4E4E4;padding-top:15px}
.ilan_sag_alt{width:185px;height:4px;background:url(images/ilan_sag_alt.png);margin-bottom:15px}

/*new*/

.swiperSliderArea{
    width: 100%;
    float: left;
}

.btn-animate {
    width: 130px;
    height: 50px;
    line-height: 42px;
    padding: 0;
    border: none;
    background: rgb(255,27,0);
    background: linear-gradient(355deg, rgb(148 16 0) 0%, rgb(255 75 0) 100%);
}
.btn-animate {
    color: #f0094a;
    background: transparent;
    box-shadow:none;
}
.btn-animate:before,
.btn-animate:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:2px;
    width:0;
    background: #f0094a;
    box-shadow:
    -1px -1px 5px 0px #fff,
    7px 7px 20px 0px #0003,
    4px 4px 5px 0px #0002;
    transition:400ms ease all;
}
.btn-animate:after{
    right:inherit;
    top:inherit;
    left:0;
    bottom:0;
}
.btn-animate:before,
.btn-animate:after{
    width:100%;
    transition:800ms ease all;
}

.btn-animate:hover:before, .btn-animate:hover:after{
    display: none;
}

.newsWrapper {
    width: 100%;
    float: left;
    margin-bottom: 0;
    background: #0F2027;
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
    background: linear-gradient(to right, #64aadd, #4f8fa5, #0F2027);
    margin-top: 0;
    padding: 80px 0;
}
.captionNews{
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.sideNews{
    width: 100%;
    float: left;
}
.sideNews ul{
    width: 100%;
    float: left;
}
.sideNews ul li{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.sideNews ul li a {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.sideNews ul li a img {
    width: 112px!important;
    margin-right: 10px;
}
.sidenewsDesc{
    width: calc(100% - 108px);
    padding-top: 5px;
    display: flex;
    flex-direction: column;
}
.sidenewsDesc h3{
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    width: 100%;
    float: left;
    margin: 0 0 0px 0;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    height: 42px;
}
.sidenewsDesc p{
    font-weight: 500;
    font-size: 15px;
    line-height: 124%;
    color: #9D9B9B;
    width: 100%;
    float: left;
    margin: 0;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.sidenewsDesc span{
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 3px;
    float: left;
    color: #a2a0a0;
    padding: 0 !important;
    color: #c8c8c8 !important;
}
.sidenewsDesc span strong{font-weight: 600;}

.breadCrump{
    background-image: url("images/parallax.jpg");
    min-height: 300px;
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.breadCrump:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000cc;
    /* background: linear-gradient(356deg, rgb(0 0 0 / 100%) 0%, rgb(201 122 62 / 20%) 100%); */
}
.breadcrumpWrapper{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 99;
    position: relative;
    height: 300px;
}
.breadcrumpWrapper ul{
    display: flex;
    align-items: center;
}

.breadcrumpWrapper ul li a{
    color: white;
    font-weight: 600;
    margin-right: 10px;
}
.breadcrumpWrapper ul li:after{
    content: "/";
    margin-right: 10px;
    font-weight: 600;
}
.breadcrumpWrapper ul li:last-child:after{
    display: none;
}
.breadcrumpWrapper h2{
    margin-top: 20px;
    font-weight: 800;
    font-size: 50px;
    letter-spacing: 3px;
}

.touchformTitle {
    text-align: center;
    margin-bottom: 40px;
}

.touchformTitle h3 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 2px;
    color: #fff;
}

.touchformTitle p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.neleryenir .card-body{
    padding: 5px 5px 0px 0px;
    /* position: absolute; */
    bottom: 0;
    background: white;
    width: 100%;
    padding: 10px;
    min-height: 50px;
}
.neleryenir .fw-bolder {
    font-size: 16px!important;
    text-align: center;
    font-weight: 600!important;
    letter-spacing: .4px;
    margin-bottom: 0;
}
.card.h-100.neleryenir {
    border: 0;
    background: none;
    border-radius: 0;
    padding: 0 calc(var(--bs-gutter-x) * .5);
    box-shadow: none;
    margin-bottom: 30px;
    border-radius: 0 !important;
}

.neleryeniwrap {
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px!important;
}

.neleryenir a {
    overflow: hidden;
}
.neleryenir .card-img, .neleryenir .card-img-top{
    border-radius: 0;
    z-index: -1;
    position: relative;
    transition: all .8s ease;
}


.neleryenir a:hover .card-img, .neleryenir  a:hover .card-img-top{
    border-radius: 0;
    transform: scale(1.15);
    z-index: -1;
    position: relative;
}

.sidebar ul li.slideractive a {
    color: #fff;
    background-color: #79c7ff; 
    border: initial;
}


body .neleryeniwrapper.sidebar ul {
    display: flex;
    gap: 10px;
}

.neleryeniwrapper .sideCatImg {
    display: none!important;
}

.sidebar ul li a {
    padding: 15px 20px;
    text-align: left;
    width: 100%;
    letter-spacing: .4px;
    font-weight: 500;
    border-radius: 5px;
    font-family: 'Gilroy';
    font-size: 16px;
}

#homepagebg #header{box-shadow: none;}

.tarifWrapper{
    width: 100%;
    float: left;
    border: 1px solid #4f7cad;
    border-radius: 5px;
    padding: 30px 10px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 1px 1px 10px #64aadd;
}
.tarifWrapper h2{font-size: 16px;font-weight: 600;letter-spacing: .5px;}

.tarifWrapper h2.tarif{font-size: 16px;font-weight: 600;background: #64aadd;float: left;padding: 5px 30px 5px 40px;position: relative;left: -20px;border-radius: 4px;color: white;letter-spacing: .5px;}
.tarifWrapper h2.tarif:after{
    content: "";
    background: url(images/cook.svg);
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    right: -35px;
    top: -9px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.tarifWrapper ul{
    margin-bottom: 30px;
}
.tarifWrapper ul li{margin-bottom: 8px;}
.tarifWrapper p{
    font-size: 15px;
}
.tarifaltbaslik{
    font-size: 26px;
    width: 100%;
    display: flex;
    padding-top: 50px;
    font-weight: 600;
}

.tarifaltaciklama{
    font-size: 15px;
    margin-bottom: 100px;
}

.etkinlikicerik h2{
    font-weight: 600;
    margin-bottom: 20px;
}
.etkinlikicerik p{
    font-size: 16px;
    color: black;
}
.etkinlikicerik .dateWrapper{
    max-height: unset;
    overflow: unset;
}

.etkinlikicerik .dateWrapper .dateCard:last-child{
    margin-bottom: 120px;
}

.etkinlikicerik .dateWrapper .dateCard{
    padding: 50px 30px;
}

.etkinlikicerik .dateWrapper:after{
    display: none;
}
.etkinlikicerik{}
.tarihler{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-direction: column;
    align-items: start;
    margin-bottom: 30px;
}
.tarihler span i {
    width: 40px;
    height: 40px;
    background: #b2dfff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    flex-shrink: 0;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}

.tarihler svg{}
.tarihler span{
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.tarihler span i{
    font-size: 16px;
    margin-right:10px;
    color: #fff;
}
.etkinlikresim{width: 100%;box-shadow: 1px 1px 10px #b2dfff;border-radius: 20px;margin-bottom: 40px;}
.etkinlikresim img{width: 100%;}
.haritaalani{
    width: 100%;
    float: left;
    margin-top: 50px;
}
.sidebar.haberler{
    /* border: 1px solid #e5c6af00; */
    /* padding: 10px; */
}
.sidebar.haberler ul{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.sidebar.haberler ul li{
    text-align: left;
    display: flex;
    justify-content: flex-start;
}
.sidebar.haberler ul li a{
    text-align: left!important;
    justify-content: flex-start;
    color: black;
    padding: inherit;
    background: none;
    font-size: 17px;
    border-bottom: 1px solid #ffffff61;
    padding-bottom: 10px;
    border-radius: 0;
    transition: all .3s ease;
    /* align-items: flex-end; */
}
.sidebar.haberler ul li a .sideCatImg{background: none!important;filter: unset!important;border-color: black;width: 40px;height: 40px;border-radius: 4px;margin-right: 10px;}
.sidebar.haberler ul li a .sideCatImg img{
    filter: inherit;
    width: 22px!important;
}

.haberler h2{
    font-size: 26px;
    font-weight: 600;
    color: #111;
    margin-bottom: 10px;
}
.haberler > p{
    font-size: 16px;
    font-weight: 500;
    /* line-height: 110%; */
    margin-bottom: 50px;
}

.sidebar.haberler ul li a:hover {
    border-color: white;
}

.sidebar.haberler ul li:last-child a {
}

.haberler .sidebannerDesc p {
    font-size: 24px;
    line-height: 32px;
}

.yorumlaralani{}
.yorumlaralani h1{
    font-weight: 700;
    font-size: 22px;
}
.yorumlaralani h2{
    font-weight: 700;
    font-size: 20px;
}
.yorumlaralani h3{
    font-size: 17px;
}

.postresim{
    width: 100%;
    float: left;
    margin-bottom: 80px;
}

.postresim img{
    width: 100%;
    border-radius: 30px;
}

.headerNav{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    padding: 0 30px;
}
.weather{
    display: flex;
    align-items: center;
    color: white;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.weather img{
    width: 18px;
    margin-right: 6px;
    margin-top: -5px;
}
.weather span{}
.loginLink{
    display: flex;
    align-items: center;
}
.loginLink a{
    display: flex;
    align-items: center;
    color: white;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.loginLink a img{
    filter: invert(1);
    width: 14px;
    margin-right: 5px;
}

.tab-pane .btn.btn-secondary{
    margin-bottom:5px;
}

@media screen and (min-width:1920px){
    .sliderContainer{
        float: none;
        margin: 0 auto;
    }
}

.cityMap{display: none;}

#exTab3 .tab-pane{
    max-height: 500px;
    overflow-x: hidden;
}
#exTab3 .nav-pills > li > a{font-weight: 500;}
#exTab3{margin-bottom: 150px!important;}

.owl-carousel .owl-item img {
    border-radius: 15px;
}

.cld-main {
    font-family: 'Poppins' !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 50px;
    border-radius: 15px;
    background: linear-gradient(to right, #a1d7ff, #ffffff, #ffffff);
}
.cld-number {
    font-family: 'Poppins' !important;
    position: relative;
    margin: 5px;
    padding: 5px;
    color: black !important;
}

.cld-label, .cld-day {
    font-family: 'Poppins' !important;
    color: #000000 !important;
}

.cld-datetime .today {
    font-family: 'Poppins' !important;
    color: #000000 !important;
}

.cld-day.today .cld-number {
    font-family: 'Poppins' !important;
    display: inline-block;
    height: 32px !important;
    width: 32px !important;
    border-radius: 50px;
    background-color: #dc3545 !important;
    color: #fff !important;
    padding-top: 5px !important;
}

.cld-main a {
    font-family: 'Poppins' !important;
    color: #fff !important;
}

.cld-number.eventday {
    color: #fff !important;
    border-color: black;
}


.tpk-cizgi h1:after {
    content: " ";
    display: block;
    width: 100px;
    height: 4px;
    margin-bottom: 18px;
    margin-top: 8px;
    border-radius: 6px;
    background: #ffffff !important;
}

.card {
    border: 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.btn {
    line-height: 19px !important;
    border: 0px;
    color: white;
    padding: 11px 30px;
    background: #0F2027;
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
    background: linear-gradient(to right, #64aadd, #4f8fa5, #0F2027);
}


.form-control-lg {
    padding: .6rem 1rem !important;
    border-radius: 38px !important;
}

.form-control {
    
    border-radius: 30px !important;
    padding: .575rem 1.175rem !important;
    font-size: 1rem;
    margin:10px;
}

.searchFilter .btn-search {
    background-color: #ba7139;
    color: #fff;
    border: 1px solid #ba7139;
    line-height: 12px !important;
    padding: 7px !important;
    height: 44px !important;
    margin-top: 8px !important;
}


.card-img, .card-img-top {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-radius: 20px;
}
.card {
    border: 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px !important;
    padding: 30px;
}

.karaman-haber-2 {
    margin-top: 97px;
    margin-bottom: -25px;
}

.norm-title {
    font-weight: 700;
    font-size: 42px;
    line-height: 50px;
    color: #7ba7d3;
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
}
.galleryCityDesc .norm-title {
    max-width: 100%;
}
.tpk-cizgi h1 {
   font-size: 25px;
   color: #fff;
}

.tpk-1{
}


.tpk-2 h3 {
    font-size: 33px;
    width: 100%;
    padding: 0px 30px;
    color: white;
    font-weight: bold;
    text-shadow: 0 0 3px var(--color-black);
}

.tpk-2 span {
    font-size: 14px;
    width: 100%;
    padding: 0px 30px;
    color: white;
}

.sidenewsDesc h4{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.tpk-4 img {
    padding: 21px !important;
    border-radius: 31px !important;
}

.tpk-4 .card-body{
    margin-top: -14px;
}


.tpk-4 h2 {
    font-size: 23px !important;
}

.tpk-4 p {
    font-size: 14px !important;
    padding: 4px 23px;
    line-height: 18px;
    margin-bottom: 4px;
}

.tpk-5{
    margin-top: -140px;
}
.caption-text {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px;
    z-index: 99;
}
.news-img {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.news-img img {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    object-fit: cover;
}
.captionNews .swiper-pagination {
    position: relative;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eee;
    height: 40px;
    border-radius: 0 0 15px 15px;
}

.captionNews .swiper-pagination-bullet {
    border-radius: 0;
    background: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    /* border-right: 1px solid #acacac; */
    opacity: 1;
}
.captionNews .swiper-pagination-bullet:last-child {
    border: 0;
}
.captionNews .swiper-pagination-bullet span {
    font-size: 15px;
    color: #000;
    padding: 0;
    width: auto;
}

.captionNews .swiper-pagination-bullet-active {
    background: #ff0000;
}

.captionNews .swiper-pagination-bullet-active span {
    color: #fff;
}
@media(min-width:992px){
.captionNews {
    margin-bottom: 0;
}
}
.news-container {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}

.news-container:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, transparent 0, #000 84%, #000);
    bottom: 0;
}
.tpk-5 .card {
    border: 0px !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px !important;
    padding: 5px;
}
.newsWrapper.owl-carousel {
    background: none;
    padding: 0;
}

.blogTitle .card {
    border: 0px !important;
    box-shadow: 1px 1px 10px #60a5d2;
    border-radius: 20px !important;
    padding: 0px;
    overflow: hidden;
}

.blogTitle .fw-bolder {
    font-weight: 500 !important;
    font-size: 19px !important;
    padding: 0 !important;
}

.blogTitle .card img {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-radius: 0px;
}

.tpk-6 {
    margin-top: 60px !important;
    margin-bottom: 126px !important;
}

.tpk-7 {
    
    margin-bottom: 50px !important;
}
.descArea.norm-build .row {
    width: 100%;
}
.slide-counter {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: 0;
    top: 0px;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 600;
    font-size: 55.7948px;
    line-height: 99%;
    color: rgb(255, 255, 255);
    margin-top: 45px;
    margin-left: 10px;
}
.tiny-block > *:not(a) {width: 33.33%;}

.tiny-block p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #61a6d6;
    height: 100%;
    text-align: center;
    font-size: 14px;
}
.tiny-block p:nth-last-child(2) {
    width: 100%;
    border: 0;
    text-align: center;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #61a6d6;
    margin-bottom: 30px;
}

.tiny-block {
    justify-content: center;
}
.blogTitle .card-body {
    padding: 0;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-body a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    border-radius: 20px;
    -webkit-line-clamp: 2;
    margin-bottom: 0 !important;
    padding: 0 20px;
}
#navbarSupportedContent {
    padding: 0;
    box-shadow: none;
}

#navbarSupportedContent .accordion-body {
    padding: 0 !important;
}

#navbarSupportedContent .accordion-body li {
    margin: 0;
    min-height: auto;
}

#navbarSupportedContent .accordion-body li a {
    background: linear-gradient(to right, #0a254b , #86b7fe, #0a254b);
    display: flex;
    color: #fff !important;
    font-weight: 600;
    font-family: 'Gilroy';
    padding: 0 20px;
    height: 50px;
    border-bottom: 2px solid #fff;
    align-items: center;
}
.firm-img img {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
}

.services-wrap .services.p-0 {
    align-items: start;
    border-radius: 10px;
    overflow: hidden;
    justify-content: start;
}

.services-wrap .services.p-0 h2 {
    font-size: 15px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64aadd;
}

.firm-img {
    position: relative;
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 76%;
}
 

.services-wrap .services.p-0 .text p {
    margin-bottom: 0;
}
.single-poster .inner .title {
    color: #000;
    margin: 0 0 10px;
    font-family: 'Poppins';
}

.countdown {
    color: #000;
}

.single-poster .poster-content {
    padding: 20px;
}

.single-poster .poster-content .btn {
    float: none;
    width: 100%;
    margin-top: 20px;
}

.single-poster {
    box-shadow: 1px 1px 10px #cccccc;
}
.blogTitle .card-body + .card-footer strong i {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #64aadd, #4f8fa5, #0F2027);
    color: #fff;
    border-radius: 20px;
    flex-shrink: 0;
}

.blogTitle .card-body.card-custom + .card-footer > div {
    display: block;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-family: 'Poppins';
}

.card-body.card-custom {
    height: auto;
    text-align: center;
    min-height: 60px;
}

.blogTitle .card-body.card-custom + .card-footer {
    padding: 0px 20px 20px 20px !important;
}
.alert.alert-info {
    background: #fff;
    margin-top: 20px;
}
.tpk-buton .ustbaslik .btn {
    width: 100%;
}

.ustbaslik  .tpk-buton .btn {
    width: 100% !important;
}
.contactWidgets .getinTouchform {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.contactinput.centeritem {
    width: 100%;
}

.contactWidgets .getinTouchform .send {
    background: #fff !important;
    margin: 0;
    width: calc(50% - 10px);
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    padding: 12px 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 600;
    border-radius: 10px;
}
.contactable {
    background: none !important;
    padding: 0 !important;
}

.contactWidgets.type-02 ul {
    margin: 0;
}

.contactable .contactTitle h2,.contactable .contactTitle h3 {
    color: #000 !important;
    margin: 0;
}
.contactWidgets.type-02 .contactCard {flex-direction: row;align-items: center;gap: 10px;justify-content: start;}

.contactWidgets.type-02 .contactCard h3, .contactWidgets.type-02 .contactCard h4 a, .contactWidgets.type-02 .contactCard .adress {
    color: #000 !important;
    text-align: left;
}

.contactWidgets.type-02 .contactCard h3 {
    display: none;
}

.contactWidgets.type-02 .contactCard h4 {
    margin: 0;
    text-align: left;
}
@media (max-width:767px){
    .row.tpk-buton > .col {
        width: 50%;
    }
}