html {
overflow-x: hidden;
}
.box-links {
float: left;
background-color: #fff;
color: var(--maincolor) !important;
text-align: center;
font-weight: 700;
position: relative;
box-shadow: 0 0 25px 0 rgb(0 0 0 / 7%);
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
will-change: box-shadow;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
min-width: 10%;
display: flex;
flex-direction: column;
padding: 14px;
min-height: 100px;
align-items: center;
justify-content: center;
/* background: linear-gradient(132deg, white 0%, rgba(241, 241, 241, 0.5) 50%, #e4e5e9 51%, #f6f6f6 100%); */
}
.box-links:hover {
background-color: #dddddd;
}
@media (min-width:1550px) {
.box-links {
min-height: 200px;
}
}
.box-links .vertical-center {
display: flex;
flex-direction: column;
text-transform: uppercase !important;
}
.box-links-title {
display: flex;
flex-direction: column;
align-items: center;
font-size: 12px;
font-weight: 600;
color: var(--maincolor);
margin-top: 15px;
}
#carousel-ebelediye .owl-stage {
height: 250px;
padding-top: 30px;
}
svg {
height: 75px;
}
.footer {
position: relative;
}
@media (max-width: 767px) {
.footer {
margin-bottom: 70px;
}
}
.footer-siluet {
position: absolute;
left: 50%;
bottom: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.footer-siluet {
display: none;
}
}
.footer-siluet img {
width: 950px;
-webkit-filter: brightness(0%);
filter: brightness(0%);
opacity: .07;
}
.footer-row {
position: relative;
z-index: 1;
}
.footer-top {
background: #343a40;
min-height: 444px;
position: relative;
padding-bottom: 50px;
}
.footer-top:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
background: #272c30;
height: 72px;
}
.footer-heading {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 72px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.footer-heading {
font-size: 16px;
}
}
@media (max-width: 479px) {
.footer-heading {
font-size: 16px;
}
}
@media (max-width: 479px) {
.footer-card:not(:last-child) {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.footer-card ul li a {
display: block;
color: #9dafcd;
font-size: 13px;
font-weight: 300;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
position: relative;
-webkit-transition: .3s;
transition: .3s;
}
.footer-card ul li a:before {
content: "";
position: absolute;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background: currentColor;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.footer-card ul li a:hover {
color: #fff;
}
.footer-buttons {
margin-top: 50px;
}
@media (max-width: 479px) {
.footer-buttons .item:not(:last-child) {
margin-bottom: 10px;
}
}
.footer-buttons .item a {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 7px;
-webkit-transition: .3s;
transition: .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 25px;
padding-right: 25px;
height: 60px;
transition: .3s;
}
.footer-buttons .item a:hover {
background: #fff;
}
.footer-buttons .item a:hover .icon {
color: #1553a4;
}
.footer-buttons .item a:hover .description .title {
color: #999;
}
.footer-buttons .item .icon {
color: #fff;
font-size: 24px;
width: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-buttons .item .description {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 15px;
}
.footer-buttons .item .description .title {
line-height: 1.4;
font-size: 12px;
font-weight: 700;
color: #fff;
}
.footer-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (max-width: 991px) {
.footer-contact {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.footer-contact__numbers {
width: 100%;
margin-top: 30px;
}
@media (min-width: 1200px) {
.footer-contact__numbers {
padding-left: 40px;
}
}
@media (max-width: 991px) {
.footer-contact__numbers {
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
}
.footer-contact__numbers ul li {
margin-bottom: 20px;
}
.footer-contact__numbers ul li:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.footer-contact__numbers ul li {
text-align: center;
}
}
.footer-contact__numbers ul li a {
display: block;
position: relative;
text-align: right;
color: #9dafcd;
-webkit-transition: .3s;
transition: .3s;
}
@media (max-width: 991px) {
.footer-contact__numbers ul li a {
text-align: center;
}
}
.footer-contact__numbers ul li a:hover {
color: #fff;
}
.footer-contact__numbers ul li a .title {
font-weight: 300;
font-size: 13px;
margin-bottom: 5px;
}
.footer-contact__numbers ul li a .number {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 30px;
line-height: .8;
}
@media (max-width: 1199px) {
.footer-contact__numbers ul li a .number {
font-size: 60px;
}
}
.footer-contact__numbers ul li a .icon {
font-size: 48px;
margin-right: 20px;
}
@media (max-width: 1199px) {
.footer-contact__numbers ul li a .icon {
font-size: 42px;
}
}
.footer-contact__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: right;
margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.footer-contact__info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.footer-contact__info {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (max-width: 991px) {
.footer-contact__info {
text-align: center;
}
}
.footer-contact__info a {
color: #9dafcd;
font-size: 13px;
font-weight: 300;
display: block;
padding-top: 2px;
padding-bottom: 2px;
-webkit-transition: .3s;
transition: .3s;
}
@media (min-width: 480px) and (max-width: 767px) {
.footer-contact__info a {
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.footer-contact__info a {
margin-left: 10px;
margin-right: 10px;
}
}
.footer-contact__info a:hover {
color: #fff;
}
.footer-contact__info a strong {
font-weight: 700;
}
.footer-logo a {
display: block;
position: relative;
margin-top: 25px;
}
@media (max-width: 991px) {
.footer-logo a {
margin-top: 20px;
display: none;
}
}
.footer-logo img {
max-height: 180px;
}
.footer-bottom {
background: #272c30;
padding-top: 25px;
padding-bottom: 25px;
}
.footer-bottom .container {
position: relative;
z-index: 1;
}
@media (max-width: 479px) {
.footer-bottom .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer-bottom .text {
color: #fff;
font-size: 13px;
}
.footer-bottom .design {
color: #9dafcd;
opacity: .5;
display: flex;
align-items: center;
}
.footer-bottom .design img {
max-height: 11px;
margin-left: 10px;
}
.footer-tab {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1006;
display: none;
}
@media (max-width: 767px) {
.footer-tab {
display: block;
}
}
.footer-tab__nav {
position: relative;
z-index: 10;
}
.footer-tab__nav:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: center center;
height: 70px;
background-size: cover;
background-image: url("../../assets/img/footer-nav-bg.png");
}
.footer-tab__nav ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
position: relative;
}
.footer-tab__nav ul li:not(.nav-search).is-current a .icon {
color: #55b250;
}
.footer-tab__nav ul li:not(.nav-search).is-current a .text {
color: rgba(85, 178, 80, 0.6);
}
.footer-tab__nav ul li:not(.nav-search) a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 10px;
height: 70px;
}
.footer-tab__nav ul li:not(.nav-search) a .icon {
color: #49525b;
font-size: 24px;
}
.footer-tab__nav ul li:not(.nav-search) a .text {
font-size: 11px;
color: rgba(73, 82, 91, 0.6);
font-family: "Poppins", sans-serif;
margin-top: 3px;
}
.footer-tab__nav ul li.nav-search.is-current .btn .icon {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.footer-tab__nav ul li.nav-search .btn {
position: absolute;
left: 50%;
bottom: 11px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.footer-tab__nav ul li.nav-search .btn .icon {
width: 72px;
height: 72px;
background: #55b250;
border-radius: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 24px;
border: 5px solid #f7f7f7;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
-webkit-transition: .4s;
transition: .4s;
}
.footer-tab__container {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
}
.footer-tab__container.is-visible {
opacity: 1;
visibility: visible;
}
.footer-tab__content {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 80%;
background: #fff;
border-radius: 13px 13px 0 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
will-change: transform;
-webkit-transition: .4s;
transition: .4s;
}
.footer-tab__content.is-visible {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.footer-tab__content:before {
content: "";
position: absolute;
top: -12px;
right: 0;
left: 0;
height: 4px;
width: 40px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.6);
border-radius: 7px;
}
.footer-tab__content._search {
height: 95%;
}
.footer-tab__content-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
height: 80px;
}
.footer-tab__content-header .heading {
color: #49525b;
font-size: 16px;
font-weight: 900;
}
.footer-tab__content-header .heading span {
font-weight: 300;
}
.footer-tab__content-header .close {
color: #49525b;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.footer-tab__content-header .close .icon {
font-size: 28px;
}
.footer-tab__content-search {
padding-left: 20px;
padding-right: 20px;
}
.footer-tab__content-search form {
position: relative;
width: 100%;
}
.footer-tab__content-search form input {
width: 100%;
border: 1px solid rgba(73, 82, 91, 0.08);
-webkit-box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
border-radius: 7px;
height: 55px;
font-family: inherit;
padding-left: 20px;
padding-right: 50px;
font-size: 13px;
font-weight: 600;
}
.footer-tab__content-search form .icon {
color: #55b250;
font-style: 20px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.footer-tab__content-wrapper {
height: calc(100% - (70px + 80px));
overflow-y: auto;
padding-top: 13px;
}
.footer-tab__content-wrapper._search {
height: calc(100% - (70px + 80px + 55px));
}
.footer-tab__content-wrapper._search>div {
margin-top: 15px;
}
.footer-tab__content-list.no-photo .content {
padding-left: 0;
}
.footer-tab__content-list ul li {
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid rgba(73, 82, 91, 0.08);
padding-bottom: 15px;
margin-bottom: 15px;
}
.footer-tab__content-list ul li:last-child {
border-bottom: 0 none;
}
.footer-tab__content-list ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-tab__content-list .photo {
width: 110px;
height: 80px;
border-radius: 10px;
padding: 5px;
-webkit-box-shadow: 0 0 15px rgba(73, 82, 91, 0.25);
box-shadow: 0 0 15px rgba(73, 82, 91, 0.25);
}
.footer-tab__content-list .photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 7px;
}
.footer-tab__content-list .figure {
width: 110px;
height: 80px;
border-radius: 10px;
background: #eff2f7;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-tab__content-list .figure .icon {
color: #49525b;
font-size: 42px;
}
.footer-tab__content-list .content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 15px;
padding-right: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.footer-tab__content-list .content .tag {
font-weight: 600;
font-style: italic;
color: rgba(73, 82, 91, 0.9);
font-size: 11px;
}
.footer-tab__content-list .content .title {
color: #49525b;
font-size: 14px;
font-weight: 800;
line-height: 1.3;
overflow: hidden;
max-height: 37px;
}
.footer-tab__content-list .content .date {
color: rgba(73, 82, 91, 0.6);
line-height: 1.5;
font-size: 12px;
font-weight: 300;
margin-top: 7px;
font-family: "Poppins", sans-serif;
}
.footer-tab__content-list .content .date .icon {
font-size: 12px;
margin-right: 3px;
}
.footer-tab__content-list .content>.icon {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #49525b;
opacity: .2;
}
.footer-tab__content-buttons {
padding-left: 20px;
padding-right: 20px;
}
.footer-tab__content-buttons ul {
margin-left: -5px;
margin-right: -5px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-tab__content-buttons ul li {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
@media (max-width: 479px) {
.footer-tab__content-buttons ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.footer-tab__content-buttons ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.footer-tab__content-buttons ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.footer-tab__content-buttons ul li a {
border: 1px solid rgba(73, 82, 91, 0.08);
-webkit-box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
box-shadow: 1px 2px 3px rgba(73, 82, 91, 0.1);
border-radius: 7px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.footer-tab__content-buttons .icon {
color: #55b250;
font-size: 24px;
}
.footer-tab__content-buttons .title {
font-size: 11px;
color: #333;
margin-top: 8px;
line-height: 1.3;
}
.container {
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 479px) {
.container {
max-width: 390px;
}
}
@media (min-width: 480px) {
.container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 992px) {
.container {
max-width: 992px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1300px;
}
.container.max-1200 {
max-width: 1200px;
}
}
@media (min-width: 1750px) {
.container {
max-width: 1400px;
}
.container.max-1200 {
max-width: 1200px;
}
}
.container-fluid {
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1400px) {
.container-fluid {
padding-left: 50px;
padding-right: 50px;
}
}
@media (min-width: 1750px) {
.container-fluid {
padding-left: 120px;
padding-right: 120px;
}
}
@media (min-width: 2020px) {
.container-fluid {
max-width: 2000px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container-fluid {
max-width: 992px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.container-fluid {
max-width: 768px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.container-fluid {
max-width: 600px;
}
}
@media (max-width: 479px) {
.container-fluid {
max-width: 390px;
}
}
footer ul {
list-style: none;
padding-left: 0
}
.text-center {
text-align: center;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align-between {
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between;
}
#sectionbaskan .col-lg-6 {
background-color: var(--maincolor)
}
.governor-area {
background: url(/assets/img/baskan.jpg) no-repeat left top;
background-size: cover;
padding: 0 15px;
height: 600px;
padding-top: 25px;
}
.governor-txt {
color: var(--maincolor);
width: 50%;
}
.governor-area .governor-txt .header-nav__mayor-social {
background: #00000000;
border-radius: 11px !important;
width: 100%;
float: right;
margin-top: 12px;
display: block;
}
.governor-area .governor-txt .header-nav__mayor-social a {
height: 45px;
width: 49px;
color: rgb(255 255 255 / 57%);
border-right: 0px solid #0c0c0c73;
border-radius: 50%;
background: #00000040;
margin-right: 7px;
padding: 0;
max-width: 45px;
}
.linkduyurua:hover {
color:#fff;
}
.header-nav__mayor-social a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: .8rem;
color: rgb(255 255 255);
-webkit-transition: .3s;
transition: .3s;
border-radius: 100%;
padding: 0.4rem 0.8rem;
background-color: var(--maincolor);
height: unset;
width: unset;
max-width: 40px;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -0.125em;
}
.header-nav__mayor-social a svg {
height: 25px;
}
.header-nav__mayor-social a:hover {
color: white !important;
background-color: var(--kirmizi);
}
.header {
border-top: 0 !important;
}
@media (max-width: 768px) {
.overlayIcerikler,
.slideryazi {
display: none !important;
}
.eleinside.eleinside_Center img {
max-height: 50vh;
}
.haber-slider .item a .img img {
max-height: 250px;
}
.mobil-gizle {
display: none !important;
}
.habercol_outer {
height: 350px !important;
padding: 0.5rem;
}
.fast-menu {
display: none;
}
.governor-txt {
color: white;
width: 100vw;
text-align: justify;
padding: 20px;
}
.baskanimza-home {
margin-top: 80px;
}
.baskanimza-home {
justify-content: center
}
.baskanimza-home img {
margin-top: 2rem;
max-height: 60px;
}
.governor-area {
background: #17284d;
}
.owl-projects button {
display: none !important
}
.rakamlarlabelediyemizdiv {
flex-wrap: wrap;
}
.rakamlarlabelediyemizdiv .uk-card {
margin-bottom: 10px;
width: 33% !important;
box-shadow: none!important;
}
.rakamlarlabelediyemizdiv{justify-content: flex-start!important;}
.rakamlarlabelediyemizdiv .uk-card .count.nunito {
font-size: 1.5rem !important;
}
.projects-header {
margin-bottom: 16px;
}
.projects-nav li {
margin-bottom: 20px;
}
#sectionbaskan .fast-menu {
display: none !important;
}
.haberler__tumunugor {
border-radius: 0;
width: 96.7%;
margin-left: 6px;
margin-top: 5px;
}
.container#projeler{
padding: top 2.1rem, !important;
padding-bottom:1.1rem!important
}
.range-calendar .months .cell .bullet {
left: 11px!important;
top: 17px!important;
}
}
@media (min-width:992px) {
.mobile_index_mayor_section {
display: none
}
.mobil-baskan{
display: none!important;
}
.mobil-etkinlik{
margin-bottom: 1rem;
}
}
@media (max-width:992px) {
.mobile_index_mayor_section {
display: flex;
height: 300px;
max-height: 300px;
position: relative;
flex-direction: column;
margin-top: 15px;
}
.mobile_mayor_photo {
background-size: 100% 100%;
min-height: 250px;
max-height: 250px;
background-size: cover;
}
.mobile_mayor_footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
display: flex;
}
.mobile_mayor_footer a {
display: flex;
background-color: var(--maincolor);
color: white;
height: 50px;
flex-basis: 50%;
justify-content: center;
align-items: center;
}
.mobile_mayor_overlay {
position: absolute;
bottom: 60px;
right: 20px;
display: flex;
}
.slick-dots li:nth-child(11),.slick-dots li:nth-child(12),.slick-dots li:nth-child(13),.slick-dots li:nth-child(14),.slick-dots li:nth-child(15){
display: none;
}
}
.projects-header .text img {
height: 50px!important;
}
@media (min-width: 768px) {
.lg-d-none {
display: none !important;
}
}
.f-1r {
font-size: 1rem;
font-weight: 700;
}
@media(min-width: 768px) {
.fast-title {
display: flex;
justify-content: center;
margin-top: 55px;
}
.p-50 {
padding: 50px;
}
.mb-10 {
margin-bottom: 10px
}
.baskanimza-home {
margin-top: 1rem;
margin-bottom: 0;
}
.baskanimza-home img {
max-height: 60px;
}
#ebelediye {
margin-top: 2rem;
}
.fast-menu,
.baskanbolum {
padding-top: 50px;
}
.projects-nav li {
margin-right: 20px;
}
.rakamlarlabelediyemizdiv {
margin-top: 80px;
}
}
.activities-single {
margin-bottom: 15px;
}
.projects-nav {
margin-top: 30px;
}
.projects-nav ul li.is-current a {
background: var(--maincolor);
color: #fff;
-webkit-box-shadow: 0 0 50px 0 0 50px rgb(43 53 172 / 30%);
box-shadow: 0 0 50px 0 0 50px rgb(43 53 172 / 30%);
}
.projects-nav ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
height: 60px;
background: #f8f9fa;
-webkit-box-shadow: 0 0 50px rgb(24 76 124 / 30%);
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
padding-left: 15px;
padding-right: 15px;
border-radius: 10px;
color: #4d6379;
font-size: 14px;
font-weight: 700;
position: relative;
z-index: 1;
line-height: 1.25;
-webkit-transition: .3s;
transition: .3s;
}
.projeler-section {
margin-top: 50px;
margin-bottom: 50px;
}
.projebaslikr {
max-height: 50px;
}
.projects-content.tab--content {
display: none
}
.projects-content.tab--content.is-active {
display: block
}
.duyuru-baslik-buton {
font-size: 14px;
}
.anasayfa-duyurular {
background: var(--maincolor) !important;
}
.slideslogan {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 51;
display: flex;
justify-content: center;
align-items: center;
}
.slideryazi {
display: flex;
flex-direction: column;
color: white;
justify-content: center;
align-items: center;
}
.slideryazi .text {
font-family: 'Licorice';
font-weight: 700;
font-size: 3rem;
}
.slideryazi .slogan {
font-weight: 700;
font-size: 3rem;
}
.overlayIcerikler {
max-width: fit-content;
color: #fff !important;
position: absolute;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: end;
right: 50px;
height: 100vh;
margin-bottom: 10px;
width: 100%;
bottom: 50px;
z-index: 9;
font-size: 1.5rem;
}
.overlayIcerikler a {
color: inherit;
font-size: inherit;
line-height: 1;
}
.slider-overlay {
background: #00000038 linear-gradient(to right, #68686826, #9b1d1d24);
position: absolute;
width: 100vw;
height: 100%;
top: 0;
}
.overlayLeft {
left: 0;
align-items: flex-start;
padding-left: 20px;
}
@media (min-width:1199px) and (max-width:1366px) {
.haber-slider .item a .img img {
height: 410px;
}
.habercol_outer {
height: 450px;
}
}
.header-logo a {
display: block;
position: relative;
/* background-color: white; */
margin-top: 3px;
padding: 1.5rem;
padding-top: 2rem;
/* border-bottom-left-radius: 15%; */
/* border-bottom-right-radius: 15%; */
border-radius: 7%;
padding-bottom: 2rem;
}
.header-logo img {
width: 150px !important;
margin-top: -25px;
}
.header-logo:before {
height: 142px !important;
}
.main-content {
position: relative;
}
.main-content .owl-theme .custom-nav {
position: absolute;
top: 45vh;
bottom: auto;
left: 1rem;
right: 1rem;
}
.main-content .owl-theme .custom-nav .owl-prev,
.main-content .owl-theme .custom-nav .owl-next {
position: absolute;
height: 100px;
color: inherit;
background: none;
border: none;
z-index: 100;
}
.main-content .owl-theme .custom-nav .owl-prev i,
.main-content .owl-theme .custom-nav .owl-next i {
font-size: 2.5rem;
color: #cecece;
}
.main-content .owl-theme .custom-nav .owl-prev {
left: 0;
}
.main-content .owl-theme .custom-nav .owl-next {
right: 0;
}
.slider__main .image {
max-height: 100vh;
height: 100%;
}
@media (max-width:767px) {
.main-content .owl-theme .custom-nav {
top: 19vh !important;
}
.header-container.container-fluid {
width: 100vw !important;
}
}
@media (min-width:768px) {
.mobile_sticky_buttons {
display: none
}
}
@media (max-width:992px) {
.slider__main .image {
max-height: 60vh;
height: 45vh;
}
.header-logo {
padding-top: 0px !important;
}
.header-logo img {
width: unset !important;
max-height: 36px;
margin-top: 0;
}
.row.mobilduyuru {
padding-left: 1rem !important;
padding-right: 1rem !important;
max-width: 100vw !important;
margin: 0 !important;
margin-top: 1rem !important
}
}
@media (min-width:768px) and (max-width:992px) {
.main-content .owl-theme .custom-nav {
top: 20vh !important
}
}
@media (max-width:1200px) {
.governor-area {
background: var(--maincolor);
}
.header-logo:before,
.overlayIcerikler {
display: none
}
.row.mobilduyuru {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.homepage__mayor_photos img {
min-height: 100px;
}
}
.homepage__mayor_photos .a-col-w {
margin-top: 1.5rem;
}
.homepage__mayor_photos .a-col-w .btn.btn-light {
text-transform: uppercase;
font-weight: 500;
font-size: .9rem;
padding: 0.5rem 2rem;
}
.rakamlarlabelediyemizdiv .count.nunito {
color: var(--maincolor);
}
.fc-day-sun div:before,
.fc-day-sat div:before {
background-color: white !important;
}
/* .hero-shortcuts__bg {
position: absolute;
z-index: 2;
right: 0;
bottom: 0px;
left: 0;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
background-image: url(https://www.kayneskariyer.com/assets/images/section-before.png);
height: 50px;
} */
@media (min-width: 1200px) {
.shortcuts .container {
max-width: 1175px;
}
}
.shortcuts-wrapper {
background-color: rgba(242, 108, 79, 0.7);
height: 90px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 19px;
padding-right: 19px;
position: relative;
border-radius: 15px;
overflow: hidden;
}
.shortcuts-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 16%;
flex: 0 0 16%;
max-width: 16%;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.shortcuts-item:nth-child(2) .shortcuts-wrapper {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(2) .shortcuts-dropdown {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(2) .shortcuts-dropdown__list li a:before {
background: var(--maincolor)d6;
}
.shortcuts-item:nth-child(3) .shortcuts-wrapper {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(3) .shortcuts-dropdown {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(3) .shortcuts-dropdown__list li a:before {
background: var(--maincolor)d6;
}
.shortcuts-item:nth-child(4) .shortcuts-wrapper {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(4) .shortcuts-dropdown {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(4) .shortcuts-dropdown__list li a:before {
background: var(--maincolor)d6;
}
.shortcuts-item:nth-child(5) .shortcuts-wrapper {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(5) .shortcuts-dropdown {
background-color: var(--maincolor)d6;
}
.shortcuts-item:nth-child(5) .shortcuts-dropdown__list li a:before {
background: var(--maincolor)d6;
}
.shortcuts-item:hover .shortcuts-wrapper:before {
width: 100%;
}
.shortcuts-item:hover .shortcuts-dropdown {
opacity: 1;
visibility: visible;
}
.shortcuts-item:hover .shortcuts-dropdown__list li a .icon {
-webkit-transform: scale(1);
transform: scale(1);
}
.shortcuts-wrapper {
background-color: var(--maincolor)d6;
height: 90px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 19px;
padding-right: 19px;
position: relative;
border-radius: 15px;
overflow: hidden;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 1rem
}
.shortcuts-wrapper:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.2);
height: 4px;
width: 0;
-webkit-transition: width .3s;
transition: width .3s;
}
.shortcuts-wrapper .icon {
color: #fff;
font-size: 24px;
}
.shortcuts-wrapper .desc {
padding-left: 13px;
color: #fff;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.shortcuts-wrapper .desc .title {
font-size: 13px;
letter-spacing: -0.5px;
font-weight: 500;
color: white;
display: flex;
padding: 0;
height: 100%;
justify-content: center;
align-items: center;
}
.shortcuts-wrapper .desc .text {
font-size: 13px;
line-height: 1.3;
}
.shortcuts-dropdown {
position: absolute;
right: 10px;
bottom: 95px;
left: 10px;
background: var(--maincolor)d6;
padding: 15px;
border-radius: 15px;
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
}
.shortcuts-dropdown .heading {
color: #fff;
font-size: 16px;
font-weight: 900;
letter-spacing: -0.5px;
border-bottom: 3px solid rgba(0, 0, 0, 0.35);
padding-bottom: 5px;
margin-bottom: 10px;
}
.shortcuts-dropdown__list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.35);
color: #fff;
font-size: 13px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 9px;
padding-bottom: 9px;
position: relative;
z-index: 1;
}
.shortcuts-dropdown.first .shortcuts-dropdown__list li a:before {
background: #a75d16;
}
.shortcuts-dropdown__list li a:before {
content: "";
position: absolute;
z-index: -1;
top: -1px;
left: -15px;
bottom: -1px;
right: -15px;
background: #1c4166e0;
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
}
.shortcuts-dropdown__list li a:hover:before {
opacity: 1;
visibility: visible;
}
.shortcuts-dropdown__list li a .icon {
font-size: 13px;
margin-right: 7px;
width: 18px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s;
transition: .3s;
}
@media (max-width: 479px) {
.shortcuts.list-button ul li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
.shortcuts.list-button ul li:nth-child(1) .shortcuts-card {
background: #65be9f;
}
.shortcuts.list-button ul li:nth-child(1) .shortcuts-card:before {
background: #65be9f;
}
.shortcuts.list-button ul li:nth-child(2) .shortcuts-card {
background: #6f8a93;
}
.shortcuts.list-button ul li:nth-child(2) .shortcuts-card:before {
background: #6f8a93;
}
.shortcuts.list-button ul li:nth-child(3) .shortcuts-card {
background: #aa9785;
}
.shortcuts.list-button ul li:nth-child(3) .shortcuts-card:before {
background: #aa9785;
}
.shortcuts.list-button ul li:nth-child(4) .shortcuts-card {
background: #4badba;
}
.shortcuts.list-button ul li:nth-child(4) .shortcuts-card:before {
background: #4badba;
}
.shortcuts.list-button ul li:nth-child(5) .shortcuts-card {
background: #fbb843;
}
.shortcuts.list-button ul li:nth-child(5) .shortcuts-card:before {
background: #fbb843;
}
.shortcuts.list-button.v1:hover .shortcuts-card {
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-filter: blur(1px);
filter: blur(1px);
}
.shortcuts.list-button.v1 .shortcuts-card {
border-radius: 15px;
}
.shortcuts.list-button.v1 .shortcuts-card:hover {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-filter: blur(0);
filter: blur(0);
}
.shortcuts.list-button.v1 .shortcuts-card:before {
display: none;
}
.shortcuts.list-button.v1 .shortcuts-card .more {
display: none;
}
.shortcuts.list-button.v-light ul li:nth-child(n+3) {
margin-bottom: 0 !important;
}
.shortcuts.list-button.v-light .shortcuts-card {
background: #eff2f7 !important;
}
.shortcuts.list-button.v-light .shortcuts-card a>.icon {
color: #0794aa;
}
.shortcuts.list-button.v-light .shortcuts-card a .title {
color: #0794aa;
}
.shortcuts.list-button.v-border .shortcuts-card {
background: none !important;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.shortcuts.list-button.v-border .shortcuts-card a>.icon {
color: #fff;
}
.shortcuts.list-button.v-border .shortcuts-card a .title {
color: #fff;
}
.shortcuts.list-button .shortcuts-card {
height: 175px;
background: #b54386;
position: relative;
-webkit-transition: .3s;
transition: .3s;
}
.shortcuts.list-button .shortcuts-card:hover:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-radius: 0 0 10px 10px;
-webkit-transition: .3s;
transition: .3s;
}
.shortcuts.list-button .shortcuts-card:hover .more {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s .2s;
transition: .3s .2s;
}
.shortcuts.list-button .shortcuts-card:before {
content: "";
position: absolute;
z-index: -1;
right: 0;
bottom: -20px;
left: 0;
height: 20px;
background: #b54386;
border-radius: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: .3s .2s;
transition: .3s .2s;
}
.shortcuts.list-button .shortcuts-card a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
height: 100%;
color: #fff;
padding-left: 10px;
padding-right: 10px;
}
.shortcuts.list-button .shortcuts-card a>.icon {
font-size: 48px;
}
.shortcuts.list-button .shortcuts-card .title {
text-transform: uppercase;
font-size: 16px;
font-weight: 900;
line-height: 1.3;
letter-spacing: -0.5px;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
}
.shortcuts.list-button .shortcuts-card .text {
font-size: 13px;
font-weight: 300;
line-height: 1.3;
overflow: hidden;
max-height: 34px;
padding-left: 3px;
padding-right: 3px;
margin-top: 5px;
display: none;
}
.shortcuts.list-button .shortcuts-card .more {
position: absolute;
bottom: -13px;
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: .3s;
transition: .3s;
}
@media (max-width: 1199px) {
.shortcuts.list-button .shortcuts-card .more {
display: none;
}
}
.shortcuts.list-button .shortcuts-card .more .icon {
font-size: 24px;
}
@media (max-width: 479px) {
.shortcuts.list-body>.row>div:not(:last-child) {
margin-bottom: 10px;
}
}
.shortcuts.list-body .shortcuts-card a {
display: block;
position: relative;
overflow: hidden;
border-radius: 15px;
}
.shortcuts.list-body .shortcuts-card a:hover .shortcuts-cover img {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15);
}
.shortcuts.list-body .shortcuts-cover {
height: 230px;
overflow: hidden;
}
@media (min-width: 1824px) {
.shortcuts.list-body .shortcuts-cover {
height: 280px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.shortcuts.list-body .shortcuts-cover {
height: 185px;
}
}
.shortcuts.list-body .shortcuts-cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
transition: -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
transition: transform 1s cubic-bezier(0, 0, 0.2, 1);
transition: transform 1s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.2, 1);
}
.shortcuts.list-body .shortcuts-body {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
text-align: right;
padding: 20px 15px;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#49acb9));
background: linear-gradient(transparent, #49acb9);
}
.shortcuts.list-body .shortcuts-body .title {
line-height: 1.15;
color: #fff;
font-family: "Cerebri Sans Heavy", sans-serif;
font-size: 24px;
letter-spacing: -0.5px;
}
@media (min-width: 1824px) {
.shortcuts.list-body .shortcuts-body .title {
font-size: 28px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.shortcuts.list-body .shortcuts-body .title {
font-size: 20px;
}
}
@media (min-width: 1200px) and (max-width: 1365px) {
.shortcuts.list-body .shortcuts-body .title {
font-size: 20px;
}
}
.shortcuts.list-body .shortcuts-body .title span {
font-family: "Montserrat", sans-serif;
font-weight: 200;
}
.shortcuts.list-body .shortcuts-body .icon {
position: absolute;
left: 17px;
bottom: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 18px;
padding-left: 3px;
}
@media (min-width: 480px) and (max-width: 767px) {
.shortcuts.list-body .shortcuts-body .icon {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.shortcuts.list-body .shortcuts-body .icon {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.shortcuts.list-body .shortcuts-body .icon {
display: none;
}
}
@media (min-width: 1200px) and (max-width: 1365px) {
.shortcuts.list-body .shortcuts-body .icon {
display: none;
}
}
.shortcuts.list-body .shortcuts-body.color-1 {
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fbb843));
background: linear-gradient(transparent, #fbb843);
}
.shortcuts.style-1 {
position: absolute;
right: 0;
bottom: 30px;
left: 0;
z-index: 6;
}
@media (min-width: 1200px) {
.shortcuts .container {
max-width: 1175px;
min-width: unset !important;
}
}
.e-belediye-dropdownlist .shortcuts-dropdown__list {
display: flex !important;
flex-wrap: wrap;
}
.e-belediye-dropdownlist .shortcuts-dropdown__list li {
display: flex !important;
overflow: hidden;
padding: 5px;
flex: 25%;
}
@media (max-width:1440px) {
.overlayIcerikler {
bottom: 135px !important;
}
}
@media (max-width:992px) {
.shortcuts.style-1 {
display: none
}
}
@media (max-width:767px) {
.header-logo a {
padding: 0;
background: none;
}
}
.home_ebelediye_buttons {
display: grid;
grid-template: repeat(1, 1fr) / repeat(2, 1fr);
gap: 20px 5px;
height: 100%;
}
.home_ebelediye_buttons img{max-width: 36px;}
.ebelediyebutonlar {
padding: 0rem 1rem 2rem;
}
.ebelediyebutonlar .projects-header .text {
padding-bottom: 2rem
}
@media (max-width:1440px) {
.governor-area,
#sectionbaskan .fast-menu {
height: 500px !important;
}
}
@media (min-width:1200px) {
.gp__slider_photos,
.gp__slider_mayor,
.gp__slider_bottom_container {
padding: 0 !important
}
.gp__slider_bottom_container {
display: flex;
flex-direction: column;
}
.gp__slider_duyurular {
background-color: var(--maincolor);
color: #fff;
font-weight: 600;
align-items: center;
display: flex;
padding: 0;
}
.gp__slider_photos {
height: 65%;
max-height: 65%;
}
.gp__slider_mayor {
display: flex;
}
.header-button {
background-color: var(--secondary)
}
.slider__main .image {
max-height: 520px;
object-fit: cover;
}
.main-content {
margin-top: 145px;
}
.main-content .owl-theme .custom-nav {
top: 20vh
}
.main-content .owl-dots {
display: none
}
}
.main-slide .owl-dots {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
}
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
opacity: 1;
box-shadow: 0 1px 20px 0 rgb(0 0 0 / 25%);
}
.owl-dots .owl-dot span {
width: 35px;
/* height: 8px!important; */
margin-right: 5px;
background: #FFF;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity .2s ease;
-moz-transition: opacity .2s ease;
-ms-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
opacity: .8;
box-shadow: 0 1px 20px 0 rgb(0 0 0 / 7%);
}
.slide {
background-color: rgba(35, 22, 4, .1);
position: relative;
}
.slide:before {
content: '';
position: absolute;
opacity: .8;
left: 0;
bottom: 0;
width: 100%;
height: 64px;
z-index: 1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.slide img {
z-index: 2;
}
.slide .slide-title a,
.slide img {
position: relative;
height: 100vh!important;
width: 100%;
}
#sticky-sidebar a img,
.modal-dialog{
max-width: 100%;
}
.owl-nav,
.owl-dots,
.owl-nav *,
.owl-dots * {
height: auto !important;
}
.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-nav [class*=owl-] {
position: absolute;
z-index: 6;
top: 50%;
color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(35, 22, 4, .85);
transition: .2s;
opacity: .8;
}
#sticky-sidebar a,
.owl-nav [class*=owl-] {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
}
.owl-nav,
.owl-dots,
.owl-nav *,
.owl-dots * {
height: auto !important;
}
.owl-prev {
left: -10% !important;
}
.owl-nav button.owl-prev {
left: 2rem !important;
}
.owl-nav button.owl-next {
right: 2rem !important
}
@media(min-width:1200px){
.owl-nav button.owl-prev {
left: 60px !important;
}
.owl-nav button.owl-next {
right: 60px !important
}
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
display: flex;
width: 3rem;
height: 3rem !important;
background-color: var(--maincolor) !important;
align-items: center;
justify-content: center;
color: white !important;
}
.home__slide_mayor {
min-height: 304px;
}
.home__slide_mayor ul {
display: flex;
flex-direction: column;
height: 100%;
gap: 1rem;
align-items: center;
justify-content: center;
background: var(--secondary);
}
.home__slide_mayor ul li {
background-color: var(--maincolor);
padding: 0.2rem;
color: white;
}
.home__slide_mayor ul li a {}
.home__slide_mayor .mayor__detail {
background-color: #fff;
display: flex;
flex-direction: row-reverse;
width: 100%;
}
.mayor__sub_content {
width: 50%
}
.mayor__sub_photo {
display: flex;
justify-content: center;
align-items: center;
width: 50%;
}
.gp__duyurular__kayan {
margin-left: 1rem;
overflow: hidden;
}
@keyframes scrolling {
0% {
transform: translateX(0);
}
100% {
transform: translatex(-111vw);
}
}
.gp__slider_duyurular {
padding-left: 6rem !important;
}
.gp__duyurular__kayan {
min-width: 50%;
width: 100%;
max-width: 100%;
}
.duyuru_kayanyazi a {
color: white;
width: 100%;
justify-content: center;
align-items: center;
}
.main-slide .owl-dots .owl-dot span {
height: 8px !important;
}
.home-icons .cont {
display: flex;
width: 82.5%;
height: 100%;
align-items: center;
justify-content: space-between;
}
.gp__slider_photos {
display: flex;
justify-content: flex-end;
}
.butonlaralt .item1 {
box-shadow: unset !important;
background-image: url('/assets/img/kutu1.png');
background-size: 100% 100%;
height: 90px;
width: 10rem !important;
}
.butonlaralt .item1 a {
padding-left: 15px;
}
.butonlaralt .item a::before {
display: none !important;
}
.home-icons .cont .item {
display: flex;
/* flex-grow: 1; */
/* flex-basis: 0; */
border-radius: 16px;
width: 8.5rem;
position: relative;
box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 7%);
justify-content: center;
align-items: center;
}
.home-icons .cont .item a {
display: block;
text-align: center;
padding: 5px 0px 0px 0px;
color: #727272;
letter-spacing: -0.5px;
font-size: 13px;
transition: all 0.2s ease-out;
height: 5rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.home-icons .cont .item a:before {
content: "";
display: inline-block;
position: absolute;
top: -5px;
width: 40%;
margin-left: -20%;
background-color: #e1e1e1;
height: 5px;
transition: all 0.2s ease-out;
}
.home-icons .cont .item a:hover {
color: var(--maincolor);
}
.home-icons .cont .item a:hover:before {
background-color: var(--maincolor);
}
.home-icons .cont .item a:hover .img {
filter: invert(49%) sepia(88%) saturate(1918%) hue-rotate(164deg) brightness(90%) contrast(102%);
}
.home-icons .cont .item a .img {
margin-bottom: 5px;
transition: all 0.2s ease-out;
}
.home-icons .cont .item a .img img {
max-height: 25px;
}
.home-icons .cont .item a .title {}
.home-icons .cont .item a .title .top {}
.home-icons .cont .item a .title .bottom {
font-weight: 600;
font-size: 11px;
}
.mayor__detail {
padding: 0 15px;
padding-top: 20px;
display: flex;
align-items: end;
padding-bottom: 1rem;
}
.gp__slider_bottom_container {
height: calc(100vh - 65vh - 208px);
min-height: unset !important;
}
@media (min-width:992px) {
.home__slide_mayor {
height: calc(100vh - 55vh - 140px);
min-height: unset;
}
.gp__slider_mayor {
height: calc(100vh - 65vh - 201px);
min-height: unset !important;
}
}
@media (min-width:1550px) {
.home__slide_mayor {
height: calc(100vh - 65vh - 200px);
min-height: unset !important;
}
.main-slide img {
max-height: 100vh !important;
height: calc(100vh) !important;
}
}
.governor-txt h3 {
font-size: 1rem;
font-weight: 600;
}
.governor-txt p {
font-size: 13px;
max-width: 90%;
}
@media (max-width:1440px) {
.home-icons .cont .item a {
padding: 10px 0px 0px 0px;
}
.home-icons .cont .item a .img {
margin-bottom: 0;
height: 40px;
}
.home-icons .cont .item a .img img {
max-height: 36px;
}
.header-button {
height: 35px !important
}
.header {
height: 55px !important;
}
#fast-menu {
width: 88%;
}
}
.header-top {
background-color: #26398d;
height: 50px !important;
}
.header-logo {
display: none !important
}
.mid-horiz-logo img {
max-height: 80px;
}
.header-button {
height: 30px !important;
border-radius: 5px !important;
}
.header-bottom {
height: 90px !important;
display: flex;
align-items: center;
}
.header_ebelediye_button,
.header-input-type {
display: none;
}
.header-input {
padding-top: 4px !important;
padding-left: 10px !important;
padding-right: 10px !important;
border-radius: 5px !important;
height: 30px !important;
}
.header-nav__item>a {
font-weight: 900 !important;
}
.header-nav__item>a i {
margin-bottom: 3px;
}
.b_baskan_contain {
justify-content: space-between;
max-width: 80%;
}
.baskan__image {
position: absolute;
bottom: 0;
z-index: 5;
}
.header-nav__item>a {
color: #fff !important
}
.rakamlarla__belediye_text {
font-size: 2rem;
font-weight: 800;
color: var(--maincolor);
}
.rakamlarlab .text-center {
color: var(--maincolor);
}
@media (max-width:1200px) {
.home__slide_mayor {
display: none !important
}
}
@media (max-width:768px) {
.header-bottom {
background-color: #26388c;
}
.header-top,
.haber-slider .item a .head .description {
display: none !important
}
.header__mobile-logo img {
max-height: 60px;
}
.main-slide {
margin-top: 90px !important;
}
.main-slide img {
max-height: 270px !important;
}
.rakamlarla__belediye_text {
font-size: 1rem;
}
.haber-slider .item a:after {
height: 100px !important;
}
}
@media (max-width:1440px) {
.b_baskan_contain {
flex-direction: column;
}
.governor-txt p,
.governor-txt h3 {
display: none
}
.header-nav__mayor-social {
margin-left: 0 !important;
justify-content: flex-start !important;
}
.header-buttons__wrapper ul li a {
padding: 15px 15px !important;
}
.mayor__detail {
padding-top: 5px !important;
}
}
@media (min-width:1440px) {
.baskan__image img {
height: 290px;
}
}
@media (min-width:768px) {
.footer-app-galery img {
height: 30px !important;
max-width: unset !important;
}
}
@media (max-width:768px) {
.baskan__image {
display: none
}
.header-bottom {
background-color: var(--maincolor) !important
}
}
.section-yayinlar .nav li {
flex: 1
}
.section-yayinlar .nav li button {
width: 100%;
border-radius: 0;
}
.section-yayinlar .nav li button.active {
background-color: var(--maincolor);
}
.section-yayinlar .nav .tab-content .tab-pane {
padding: 0 1rem !important;
}
.yayinlar__list {
padding: 0 1rem;
height: 500px;
overflow: scroll;
}
@media(max-width:1400px) {
.yayinlar__list {
height: 375px;
}
}
.yayinlar__list li {
background-color: #f9f9f9;
padding: 0.4rem;
box-shadow: 0px 5px 20px 0px #0000000d;
margin-bottom: 0.5rem;
border-radius: 5px;
border: 1px solid #cccccc6b;
transition: all ease .2s;
overflow: hidden;
}
.yayinlar__list li a {
font-size: .8rem;
color: var(--maincolor);
display: block;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
}
.nav-link {
color: var(--maincolor);
font-weight: 600;
font-family: 'Poppins';
}
.yayinlar__list li:hover {
background-color: var(--maincolor);
color: white;
}
.yayinlar__list li:hover a {
color: inherit
}
.duyuru_kayanyazi {
display: flex;
align-items: center;
}
#duyurular-slide .owl-nav button.owl-prev,
#duyurular-slide .owl-nav button.owl-next {
background-color: #ffffff !important;
color: #26398d !important;
}
.duyuru_slide_item {
display: flex;
}
.duyuru_slide_item img {
max-width: 64px;
max-height: 64px;
}
#duyurular-slide .slide:before {
display: none;
content: ''
}
#duyurular-slide .slide {
background-color: var(--maincolor);
}
@media (max-width:1700px) {
.duyuru_kayanyazi a {
max-height: 54px
}
}
.baskan_bolumu {
color: white
}
@media (max-width:768px) {
#sectionbaskan {
display: none !important
}
.section-activities#etkinlikler {
padding: 1rem 0.5rem!important;
}
}
.baskanimza-home img {
max-width: unset
}
@media (max-width:1366px) {
.yayinlar__list li a img {
max-height: 30px;
}
}
@media (max-width:1440px) {
.governor-txt.baskan_bolumu p {
display: block !important
}
}
.governor-area .governor-txt.baskan_bolumu .header-nav__mayor-social {
display: flex;
align-items: center;
}
.governor-area .governor-txt.baskan_bolumu .header-nav__mayor-social a:first-child svg {
height: 15px;
}
@media (min-width:1441px) {
.activities-single__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: contain;
min-height: 250px;
}
}
@media (min-width:800px) {
.activities-single__photo img {
min-height: 300px;
}
}
.projects-wrapper {
margin-bottom: 5rem;
}
.slideraltkutu {
position: absolute;
bottom: 0;
width: fit-content;
margin: 0;
left: 0;
margin-left: 0 !important;
margin-right: 0 !important;
display: flex;
z-index: 99;
justify-content: space-between;
}
.altbutonduyuru {
padding: 0;
height: 65px;
display: flex;
}
.butonlaralt {
background-image: url(/assets/img/slidertaltresim.png);
background-repeat: no-repeat;
background-size: 86% 100%;
max-height: 100px;
background-position-x: right;
height: 100px;
width: 100%;
display: flex;
align-items: center;
}
/* .butonlaralt .item{
margin-left: 1rem;
} */
.solaltbaskan {
display: flex;
flex-direction: column;
}
.baskanimza-home img {
max-height: 85px;
width: 15rem;
}
.solaltbaskan .baskanimza-home {
margin: 0;
justify-content: center;
}
.home-icons .cont .item:first-child a {
padding-left: 1rem;
}
.ataturkresimh {
height: 2rem;
margin-right: 1rem;
}
.linkduyurua {
color: #fff;
margin-left: 50px;
font-size: 14px;
}
/* @media (min-width:1200px) and (max-width:1350px) {
.altbutonsag {
width: 65% !important;
}
} */
@media (max-width:1200px) {
.slideraltkutu {
display: none !important;
}
}
@media (max-width:1450px) {
.footer-top {
padding-bottom: 10px !important;
}
.gp__slider_duyurular {
padding-left: 4rem !important;
}
.activities-single__photo img {
min-height: 150px !important;
max-height: 220px !important;
}
.baskanimza-home img {
width: 12rem;
}
.baskanresimsagalt img {
height: 300px;
}
.event-calendar h5{
padding: 15px 25px 15px 36px;
}
.header-nav__mayor-social a:nth-child(1) {
padding: 0.6rem 0.3rem!important;
}
.header-nav__mayor-social a {
padding: 0.3rem 0.3rem;
}
}
@media (max-width:1600px) {
/* .altbutonsag {
width: 70%;
} */
.altbutonsag {
padding: 0%;
display: flex;
align-items: flex-end;
}
.home-icons .cont .item {
margin-right: 0.5rem;
}
.home-icons .cont:last-child .item {
margin-right: 1rem !important;
}
.home-icons .cont .item a {
font-size: 11px;
}
.mayor__detail {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
z-index: 9;
}
.solaltbaskan .header-nav__mayor-social {
justify-content: center !important;
}
.projects-photo {
height: 300px !important;
}
}
.slick-dots {
height: 40px;
background-color: var(--maincolor);
display: flex;
align-items: center;
/* padding-left: 1.875rem; */
position: relative;
}
.slick-dots {
position: absolute;
display: flex;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.haberkutu {
max-height: 515px;
}
.tumhaberler {
margin-left: auto;
margin-right: 20px;
}
.slick-dots li {
position: relative;
display: inline-flex;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
justify-content: center;
align-items: center;
}
.slick-dots li button {
font-weight: 700;
width: 100%;
height: 100%;
color: white;
}
.d-flex .tumhaberler {
width: fit-content;
min-width: fit-content;
}
.section-yayinlar {
background-image: url("/assets/img/menu.svg");
background-repeat: no-repeat;
background-position: bottom right;
background-size: 150px;
}
.aramamodalboyut {
width: 55vw;
}
.search-list {
width: 100%;
}
/* .aramamodalboyut {
background-image: url("/assets/img/duyuru.png");
background-repeat: no-repeat;
background-size: 14rem;
background-position: bottom right;
}
.modal-mayor__container {
background-image: url("/assets/img/duyuru.png");
background-repeat: no-repeat;
background-size: 20rem;
background-position: bottom right;
} */
.baskanimzaresimb img {
width: 11rem;
}
.baskanimzaresimb {
margin-bottom: 1rem;
}
.allNews {
font-size: 12px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
margin-left: 1rem;
min-width: fit-content;
}
button.slidebutton {
min-width: 40px;
color: white;
}
button.slidebutton:hover {
background-color: #2a8cd5;
}
.tumhaberler {
margin-top: 5px;
height: 100%;
margin-top: 0;
}
.haber-slider-buttons.active {
background-color: #3a68bf;
}
.allNews {
display: flex;
align-items: center;
}
.allNews:hover {
color: #cbcbcb
}
@media (max-width:768px) {
.habercol_outer {
margin-top: 0 !important
}
}
.one-cikan-haber {
padding: 1rem;
background-color: #f1f1f1;
}
.one-cikan-haber:hover {
background-color: #ddd;
}
.news-f-title {
color: var(--maincolor);
font-weight: 500;
font-size: 12px;
}
.news-s-title {
color: var(--maincolor);
font-weight: 400;
font-size: 11px;
}
.slick-dots li:hover {
background-color: var(--maincolor)
}
.multimedia-content.tab--content:not(.is-active) {
display: none
}
@media (min-width:1200px) {
.video-film .button-circle {
min-height: 450px;
}
}
.project-intro-outer {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.windows8 {
position: relative;
width: 78px;
height: 78px;
margin: auto;
}
.windows8 .wBall {
position: absolute;
width: 74px;
height: 74px;
opacity: 0;
transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
animation: orbit 6.96s infinite;
-o-animation: orbit 6.96s infinite;
-ms-animation: orbit 6.96s infinite;
-webkit-animation: orbit 6.96s infinite;
-moz-animation: orbit 6.96s infinite;
}
.windows8 .wBall .wInnerBall {
position: absolute;
width: 10px;
height: 10px;
background: #fff;
left: 0px;
top: 0px;
border-radius: 10px;
}
.windows8 #wBall_1 {
animation-delay: 1.52s;
-o-animation-delay: 1.52s;
-ms-animation-delay: 1.52s;
-webkit-animation-delay: 1.52s;
-moz-animation-delay: 1.52s;
}
.windows8 #wBall_2 {
animation-delay: 0.3s;
-o-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
}
.windows8 #wBall_3 {
animation-delay: 0.61s;
-o-animation-delay: 0.61s;
-ms-animation-delay: 0.61s;
-webkit-animation-delay: 0.61s;
-moz-animation-delay: 0.61s;
}
.windows8 #wBall_4 {
animation-delay: 0.91s;
-o-animation-delay: 0.91s;
-ms-animation-delay: 0.91s;
-webkit-animation-delay: 0.91s;
-moz-animation-delay: 0.91s;
}
.windows8 #wBall_5 {
animation-delay: 1.22s;
-o-animation-delay: 1.22s;
-ms-animation-delay: 1.22s;
-webkit-animation-delay: 1.22s;
-moz-animation-delay: 1.22s;
}
@keyframes orbit {
0% {
opacity: 1;
z-index: 99;
transform: rotate(180deg);
animation-timing-function: ease-out;
}
7% {
opacity: 1;
transform: rotate(300deg);
animation-timing-function: linear;
origin: 0%;
}
30% {
opacity: 1;
transform: rotate(410deg);
animation-timing-function: ease-in-out;
origin: 7%;
}
39% {
opacity: 1;
transform: rotate(645deg);
animation-timing-function: linear;
origin: 30%;
}
70% {
opacity: 1;
transform: rotate(770deg);
animation-timing-function: ease-out;
origin: 39%;
}
75% {
opacity: 1;
transform: rotate(900deg);
animation-timing-function: ease-out;
origin: 70%;
}
76% {
opacity: 0;
transform: rotate(900deg);
}
100% {
opacity: 0;
transform: rotate(900deg);
}
}
@-o-keyframes orbit {
0% {
opacity: 1;
z-index: 99;
-o-transform: rotate(180deg);
-o-animation-timing-function: ease-out;
}
7% {
opacity: 1;
-o-transform: rotate(300deg);
-o-animation-timing-function: linear;
-o-origin: 0%;
}
30% {
opacity: 1;
-o-transform: rotate(410deg);
-o-animation-timing-function: ease-in-out;
-o-origin: 7%;
}
39% {
opacity: 1;
-o-transform: rotate(645deg);
-o-animation-timing-function: linear;
-o-origin: 30%;
}
70% {
opacity: 1;
-o-transform: rotate(770deg);
-o-animation-timing-function: ease-out;
-o-origin: 39%;
}
75% {
opacity: 1;
-o-transform: rotate(900deg);
-o-animation-timing-function: ease-out;
-o-origin: 70%;
}
76% {
opacity: 0;
-o-transform: rotate(900deg);
}
100% {
opacity: 0;
-o-transform: rotate(900deg);
}
}
@-ms-keyframes orbit {
0% {
opacity: 1;
z-index: 99;
-ms-transform: rotate(180deg);
-ms-animation-timing-function: ease-out;
}
7% {
opacity: 1;
-ms-transform: rotate(300deg);
-ms-animation-timing-function: linear;
-ms-origin: 0%;
}
30% {
opacity: 1;
-ms-transform: rotate(410deg);
-ms-animation-timing-function: ease-in-out;
-ms-origin: 7%;
}
39% {
opacity: 1;
-ms-transform: rotate(645deg);
-ms-animation-timing-function: linear;
-ms-origin: 30%;
}
70% {
opacity: 1;
-ms-transform: rotate(770deg);
-ms-animation-timing-function: ease-out;
-ms-origin: 39%;
}
75% {
opacity: 1;
-ms-transform: rotate(900deg);
-ms-animation-timing-function: ease-out;
-ms-origin: 70%;
}
76% {
opacity: 0;
-ms-transform: rotate(900deg);
}
100% {
opacity: 0;
-ms-transform: rotate(900deg);
}
}
@-webkit-keyframes orbit {
0% {
opacity: 1;
z-index: 99;
-webkit-transform: rotate(180deg);
-webkit-animation-timing-function: ease-out;
}
7% {
opacity: 1;
-webkit-transform: rotate(300deg);
-webkit-animation-timing-function: linear;
-webkit-origin: 0%;
}
30% {
opacity: 1;
-webkit-transform: rotate(410deg);
-webkit-animation-timing-function: ease-in-out;
-webkit-origin: 7%;
}
39% {
opacity: 1;
-webkit-transform: rotate(645deg);
-webkit-animation-timing-function: linear;
-webkit-origin: 30%;
}
70% {
opacity: 1;
-webkit-transform: rotate(770deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin: 39%;
}
75% {
opacity: 1;
-webkit-transform: rotate(900deg);
-webkit-animation-timing-function: ease-out;
-webkit-origin: 70%;
}
76% {
opacity: 0;
-webkit-transform: rotate(900deg);
}
100% {
opacity: 0;
-webkit-transform: rotate(900deg);
}
}
@-moz-keyframes orbit {
0% {
opacity: 1;
z-index: 99;
-moz-transform: rotate(180deg);
-moz-animation-timing-function: ease-out;
}
7% {
opacity: 1;
-moz-transform: rotate(300deg);
-moz-animation-timing-function: linear;
-moz-origin: 0%;
}
30% {
opacity: 1;
-moz-transform: rotate(410deg);
-moz-animation-timing-function: ease-in-out;
-moz-origin: 7%;
}
39% {
opacity: 1;
-moz-transform: rotate(645deg);
-moz-animation-timing-function: linear;
-moz-origin: 30%;
}
70% {
opacity: 1;
-moz-transform: rotate(770deg);
-moz-animation-timing-function: ease-out;
-moz-origin: 39%;
}
75% {
opacity: 1;
-moz-transform: rotate(900deg);
-moz-animation-timing-function: ease-out;
-moz-origin: 70%;
}
76% {
opacity: 0;
-moz-transform: rotate(900deg);
}
100% {
opacity: 0;
-moz-transform: rotate(900deg);
}
}
.simple-loader {
display: none
}
.simple-loader.show {
display: block;
}
.project-intro-image {
border-radius: 7px;
box-shadow: 0 5px 20px #ffffff15;
max-height: 400px;
width: 100%;
object-fit: cover;
margin-top: 22px;
}
.section-header.light img {
max-height: 55px;
width: fit-content;
margin-bottom: 1rem;
}
.nopadding {
padding: 0 !important;
}
.uk-card {
background-color: #fff;
padding: 2rem 1rem;
border-radius: 12px;
box-shadow: 0 5px 20px #00000013;
width: 230px !important;
}
.fast-menu {
padding-left: 3rem !important;
padding-top: 0 !important;
}
.section-activities#etkinlikler {
padding: 4rem 4rem;
}
@media (min-width:1700px) {
.baskanimza-home {
margin-top: 100px !important;
}
}
@media only screen and (min-width: 1px) {
.event-content {
display: block;
position: relative;
z-index: 9;
width: 100%;
height: auto;
overflow: hidden;
background: #fff;
border-radius: 5px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.20) !important;
margin-bottom: 20px;
}
.event-content .event-calendar {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--maincolor);
padding: 1vh;
}
.event-content .event-calendar>.day {
font-family: 'Oswald', sans-serif;
font-size: 17px;
text-align: center;
line-height: .9rem;
font-weight: 900;
color: #fff;
}
.event-content .event-calendar>.month {
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #fff;
}
.event-content .event-calendar>.year {
font-family: 'Oswald', sans-serif;
font-size: 22px;
line-height: 24px;
font-weight: 100;
color: #fff;
}
.event-content .event-info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.event-content .event-info>.event-name {
width: 100%;
height: fit-content;
overflow: hidden;
font-family: 'Poppins', sans-serif;
font-size: 12px;
line-height: 12px;
font-weight: 600;
text-align: center;
color: #666;
padding: 5px;
}
.event-content .event-info>.event-address {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: 9px;
line-height: 9px;
font-weight: 300;
text-align: center;
color: #656565;
padding: 5px;
}
.event-content:hover {
background: #f3f3f3;
box-shadow: 0 .275rem .75rem rgba(0,0,0,0.50)!important;
transition-duration: .2s;
}
}
@media only screen and (min-width: 768px) {
.event-content {
display: block;
position: relative;
z-index: 9;
width: 100%;
height: auto;
overflow: hidden;
background: #fff;
border-radius: 5px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.20) !important;
margin-bottom: 20px;
}
.event-content .event-calendar {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--maincolor);
padding: 1vh;
}
.event-content .event-calendar>.day {
font-family: 'Oswald', sans-serif;
font-size: 5vh;
line-height: 5vh;
font-weight: 900;
color: #fff;
}
.event-content .event-calendar>.month {
font-family: 'Poppins', sans-serif;
font-size: 2.1vh;
line-height: 2.5vh;
font-weight: 400;
color: #fff;
}
.event-content .event-calendar>.year {
font-family: 'Oswald', sans-serif;
font-size: 3vh;
line-height: 3vh;
font-weight: 100;
color: #fff;
}
.event-content .event-info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.event-content .event-info>.event-name {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: 2.1vh;
line-height: 3.1vh;
font-weight: 600;
text-align: center;
color: #666;
padding: 5px 15px;
}
.event-content .event-info>.event-address {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: 1.8vh;
line-height: 2.5vh;
font-weight: 200;
text-align: center;
color: #656565;
padding: 5px 15px;
}
}
@media only screen and (min-width: 992px) {
.event-content {
display: block;
position: relative;
z-index: 9;
width: 100%;
height: auto;
overflow: hidden;
background: #fff;
border-radius: 5px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.20) !important;
margin-bottom: 20px;
}
.event-content .event-calendar {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--maincolor);
padding: 1vh;
}
.event-content .event-calendar>.day {
font-family: 'Oswald', sans-serif;
font-size: 5vh;
line-height: 5vh;
font-weight: 900;
color: #fff;
}
.event-content .event-calendar>.month {
font-family: 'Poppins', sans-serif;
font-size: 2.1vh;
line-height: 2.5vh;
font-weight: 400;
color: #fff;
}
.event-content .event-calendar>.year {
font-family: 'Oswald', sans-serif;
font-size: 3vh;
line-height: 3vh;
font-weight: 100;
color: #fff;
}
.event-content .event-info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.event-content .event-info>.event-name {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: 2.1vh;
line-height: 3.1vh;
font-weight: 600;
text-align: center;
color: #666;
padding: 5px 15px;
}
.event-content .event-info>.event-address {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: 1.8vh;
line-height: 2.5vh;
font-weight: 200;
text-align: center;
color: #656565;
padding: 5px 15px;
}
}
@media only screen and (min-width: 1140px) {
.event-content {
display: block;
position: relative;
z-index: 9;
width: 100%;
height: auto;
overflow: hidden;
background: #fff;
border-radius: 5px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.20) !important;
margin-bottom: 5px;
}
.event-content .event-calendar {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--maincolor);
padding: 1vh 1vh;
}
.event-content .event-calendar>.day {
font-family: 'Oswald', sans-serif;
font-size: .8rem;
line-height: .8rem;
font-weight: 900;
color: #fff;
}
.event-content .event-calendar>.month {
font-family: 'Poppins', sans-serif;
font-size: 2vh;
line-height: 2.3vh;
font-weight: 400;
color: #fff;
}
.event-content .event-calendar>.year {
font-family: 'Oswald', sans-serif;
font-size: 3.1vh;
line-height: 3.1vh;
font-weight: 100;
color: #fff;
}
.event-content .event-info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.event-content .event-info>.event-name {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: 2vh;
line-height: 3vh;
font-weight: 600;
text-align: center;
color: #666;
padding: 5px 5px;
}
.event-content .event-info>.event-address {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: 1.8vh;
line-height: 2.5vh;
font-weight: 200;
text-align: center;
color: #656565;
padding: 5px 5px;
}
}
@media only screen and (min-width: 1450px) {
.event-content {
display: block;
position: relative;
z-index: 9;
width: 100%;
height: auto;
overflow: hidden;
background: #fff;
border-radius: 5px;
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.10) !important;
margin-bottom: 27px;
transition: all .2s ease;
}
.event-content .event-calendar {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--maincolor);
padding: 1vh 2vh;
}
.event-content .event-calendar>.day {
font-family: 'Oswald', sans-serif;
font-size: 40px;
line-height: 40px;
font-weight: 900;
color: #fff;
}
.event-content .event-calendar>.month {
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 2.6vh;
font-weight: 400;
color: #fff;
}
.event-content .event-calendar>.year {
font-family: 'Oswald', sans-serif;
font-size: 34px;
line-height: 3.5vh;
font-weight: 100;
color: #fff;
}
.event-content .event-info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.event-content .event-info>.event-name {
width: 100%;
height: fit-content;
font-family: 'Poppins', sans-serif;
font-size: 20px;
line-height: 1;
font-weight: 600;
text-align: center;
color: #666;
padding: 5px 15px;
}
.event-content .event-info>.event-address {
width: 100%;
height: auto;
font-family: 'Poppins', sans-serif;
font-size: .877rem;
line-height: .877rem;
font-weight: 300;
text-align: center;
color: #656565;
padding: 15px 15px;
}
}
.event-poster {
display: flex;
justify-content: end;
}
@media (max-width: 479px){
.section-activities > div {
padding-top: 1rem!important;
padding-bottom: 1rem!important;
}
section#haberler{
margin: 50px 0 0!important;
}
.haberkutu{padding-left: 0!important;padding-right: 0!important;}
.event-poster{height: 100%;}
}
div.activities.list{
padding-top: 10px;
}
@media (max-width: 479px) { .container { max-width: 100%; } }
@media (max-width:992px){
.footer_mobile_col-left{display:flex;width: 100%;justify-content: center;}
section#haberler{
margin: 30px 0 0px!important;
}
.haberkutu{
padding-left: 0!important;
padding-right: 0!important;
}
.section-header.light img {
width: 100%;
}
.multimedia-nav {
margin-bottom: 2rem;
}
.etkinliksag{padding-left: .5rem!important;}
#aktiviteler{
display: flex;
flex-direction: column;
}
#aktiviteler .col-md-4:nth-child(1),#aktiviteler .col-md-4:nth-child(2){
margin-bottom: 1rem;
}
.block figure {
height: 235px;
}
}
@media (min-width:1200px){
.multimedia-container{margin-top:36px}
.event-poster,.event-poster img{height: 100%;}
}
@media (max-width:991px){
.haberler-title{display:flex;justify-content: center;margin-bottom:1rem}
.haberler-title img{max-width: 43%;}
}
@media (min-width:992px){
.haberler-title,section.ebelediye{display:none!important}
}
.font-baslik{
font-family: 'GlossAndBloom',sans-serif!important;
}
/* .modalachizli{
overflow: hidden;
position: absolute;
} */
.fixed-menu.d-lg-block{
display: none!important;
}
/* .baskanresimsagalt{
min-width: 300px;
} */
.baskanresimsagalt img{
height: 325px;
}
@media(min-width:992px){
.section.section-multimedia.bg-cover.cover-1,#etkinlikler{
display: none;
}
}
@media(max-width:1200px) {
.altbutonduyuru{
display: none;
}
}
/*////////////////////////////////////// aktiviteler section css ///////////////////////////////////////// */
#aktiviteler{
display: flex;
flex-wrap: nowrap;
margin-top: 5rem;
margin-bottom: 3rem;
}
.tabs {
background: #fff;
overflow: hidden;
}
.tabs ul.nav-tabs {
border: none;
position: relative;
box-shadow: 0 0px 20px #ddd;
z-index: 1;
}
.tabs ul.nav-tabs li:not(:last-child) {
border-right: 1px solid #efefef;
}
.tabs ul.nav-tabs li {
width: 25%;
}
.tabs ul.nav-tabs li.active a, .tabs ul.nav-tabs li:hover a {
background-color:var(--maincolor);
color: #fff;
}
.tabs ul.nav-tabs li a {
font-size: 12px;
color: #6e8a9d;
border-radius: 0;
margin: 0;
text-align: center;
padding: 19px 5px;
border: none;
transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.tabs ul.nav-tabs li.active a i.def-icon-news, .tabs ul.nav-tabs li:hover a i.def-icon-news {
background-position: -40px 1px;
}
.tabs ul.nav-tabs li a i.def-icon-news {
background-position: -40px 1px;
}
.tabs ul.nav-tabs li a i {
width: 38px;
height: 38px;
font-size: 1.5rem;
display: table;
margin: 0 auto;
transition: .2s ease-in-out;
-webkit-transition: .3s ease-in-out;
}
.tabs .tab-content ul {
height: 412px;
}
li.tablars a {
display: flex;
flex-direction: column;
}
.visible-lg, .visible-md, .visible-sm, .visible-xs {
display: none!important;
}
.mCustomScrollBox {
position: relative;
overflow-y: scroll;
height: 100%;
max-width: 100%;
outline: 0;
direction: ltr;
}
.tabs .mCSB_inside > .mCSB_container {
margin-right: 0;
}
.tabs .tab-content ul li {
border-bottom: 1px solid #f1f1f1;
}
.tabs .tab-content ul li a {
font-size: 14px;
color: #657286;
display: block;
background: #fdfdfd;
padding: 16.5px 32px 16.5px 82px;
transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tabs .tab-content ul li a:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0px;
background: #6e8a9d;
transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}
.tabs .tab-content ul li a i.def-icon-news {
background-position: -31px -38px;
}
.tabs .tab-content ul li a i {
width: 28px;
height: 23px;
transition: .2s ease-in-out;
-webkit-transition: .3s ease-in-out;
position: absolute;
left: 32px;
top: 50%;
margin-top: -11.5px;
}
/* Etkinlik takvimi yeni olan */
.event-calendar {
background: #fff;
width: 100%;
}
.event-calendar h5 {
font-size: 23px;
font-weight: 500;
color: var(--maincolor);
padding: 24px 25px 30px 36px;
}
.event-calendar h5 i {
width: 23px;
height: 23px;
float: right;
background-position: -300px -4px;
display: flex;
justify-content: center;
}
i {
display: inline-block;
background: url() no-repeat;
vertical-align: middle;
}
.event-calendar .dates {
background: #f7fbfc;
border-top: 1px solid #e6eaec;
border-bottom: 1px solid #e6eaec;
padding: 13px 45px;
position: relative;
}
.event-calendar .dates i.def-icon-prev {
background-position: -300px -30px;
left: 20px;
}
.event-calendar .dates i {
position: absolute;
top: 58%;
width: 17px;
height: 17px;
}
.animated.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-o-animation-duration: 5s;
animation-duration: 5s;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.event-calendar .dates #range-calendar {
padding: 0;
}
.range-calendar {
clear: both;
overflow: hidden;
width: 100%;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 10px 0;
background-color: transparent;
}
.event-calendar .dates .calendar .cal-cell {
width: 42px;
padding: 4px 0;
}
.event-calendar .dates .calendar .cal-cell.selected .day-number, .event-calendar .dates .calendar .cal-cell.selected .day {
color: #fff;
}
.event-calendar .dates .calendar .day-number {
font-size: 21px;
color: #2c2c2c;
font-weight: normal;
margin-bottom: -6px;
}
.event-calendar .dates .calendar .day {
font-size: 10px;
color: #a2a2a2;
}
.event-calendar .dates .calendar .cal-cell.selected .range-bar {
border-radius: 30px!important;
}
.event-calendar article {
padding: 30px 30px 0;
}
.event-calendar article .row {
margin: 0 -10.5px;
}
.event-calendar article .row > div.col-erd-5 {
width: 44%;
}
.event-calendar article .row > div {
padding: 0 10.5px;
float: left;
}
.event-calendar article figure {
height: 172px;
width: 100%;
position: relative;
}
.back {
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
}
.event-calendar article .row > div.col-erd-7 {
width: 56%;
}
.event-calendar article .row > div {
padding: 0 10.5px;
float: left;
}
.event-calendar article p.today {
font-size: 13px;
color: #51778e;
margin-bottom: 10px;
}
.event-calendar article p {
font-size: 14px;
color: #88867c;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
line-height: 1.3;
}
.event-calendar article h6 {
font-size: 16px;
color: #0b1324;
margin-bottom: 10px;
}
.event-calendar article p {
font-size: 14px;
color: #88867c;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
line-height: 1.3;
}
.event-calendar ul {
display: table;
width: 100%;
border-top: 1px solid #e6eaec;
}
.event-calendar ul li:first-child {
border-right: 1px solid #e6eaec;
}
.event-calendar ul li {
display: flex;
width: 50%;
float: left;
font-size: 13px;
color: #51778e;
text-align: center;
height: 4rem;
align-items: center;
justify-content: center;
align-content: center;
}
.event-calendar ul li a {
background: #f4f9fb;
height: 100%;
display: flex;
width: 100%;
color: #51778e;
align-items: center;
justify-content: center;
}
.event-calendar ul li a i {
width: 18px;
height: 18px;
background-position: -430px -3px;
margin-right: 6px;
margin-top: -3px;
}
.range-calendar { clear: both; overflow: hidden; width: 100%; position: relative; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 10px 0; background-color: transparent; }
.range-calendar.triggerable {display: none ;}
.calendar-wrapper {position: relative; left: 0;top: 0;z-index: 2; list-style: none; display: block;clear: both; overflow: hidden; padding: 10px 0; }
.range-calendar .calendar { z-index: 1; list-style: none;float: left;margin: 0; padding: 0 ; position: relative; width: 99999px;}
.range-calendar .calendar .cell {float: left;width: 70px; padding:25px 20px; margin: 0px; border-right: 1px solid rgba(0,0,0,0.03); text-align: center; position: relative;color: #888 ;}
.range-calendar .calendar .cell .day-number {display: block;clear: both; font-weight: bold;font-size: 16px; z-index: 1; position: relative; }
.range-calendar .calendar .cell .day {display: block;clear: both; text-transform: uppercase; width: 100%; font-weight: 100; font-size: 12px; margin-top: 0px; z-index: 1; position: relative;}
.range-calendar .calendar .cell .month { width: 100%; font-size: 12px;z-index: 1; text-transform: uppercase; position: absolute;opacity: 1;left: 0;top: 10px;font-weight: bold;}
.range-calendar .calendar .cell .day.ferial {font-weight: bold;}
.range-calendar .calendar .cell .month.first {opacity: 1;}
.range-calendar .calendar .cell:hover { background-color: rgba(0,0,0,.0); color: #888; }
.range-calendar .calendar .cell.selected {background: transparent;color: #fff;border-right: 1px solid rgba(0, 0, 0, 0.04);}
.range-calendar .calendar .cell.selected.last {border: none !important;}
.range-calendar .calendar .cell.selected .day-number, .calendar .cell.ui-selecting .day-number { z-index: 2; position: relative;}
.range-calendar .calendar .cell.selected .month, .calendar .cell.ui-selecting .month {z-index: 2; position: relative; opacity: 1;}
.range-calendar .calendar .cell.selected .day, .calendar .cell.ui-selecting day{ z-index: 2; position: relative;}
.range-calendar .calendar .cell.selected .day.ferial, .calendar .cell.ui-selecting day.ferial{ z-index: 2; position: relative;font-weight: bold;}
.range-calendar .months { z-index: 1; list-style: none;float: left;margin: 0; padding: 0; position: relative; width: 99999px; border-bottom: 0px solid #f9f9f9; margin-bottom: 10px;}
.range-calendar.auto-hide-months .months {display: none;}
.range-calendar .months .cell {float: left;width: 105px; padding: 10px 10px; margin: 0px 0; text-align: center; position: relative;color: #888; border-right: 0px solid rgba(0,0,0,0.03); position: relative; }
.range-calendar .months .cell .month-name { font-weight: bold;font-size: 12px; z-index: 1; position: relative; text-transform: uppercase;}
.range-calendar .months .cell .date-formatted {font-weight: 100; font-size: 12px; }
.range-calendar .months .cell .bullet {position: absolute;left: 15px;top: 15px;height: 7px;width: 7px;background-color: #888; display: none; border-radius: 1px;}
.range-calendar .months .cell.selected {float: left; text-align: center; position: relative;color: #fff; background-color:#888; }
.range-calendar .months .cell.selected .month-name {color: #fff;}
.range-calendar .months .cell.selected .date-formatted {color: #fff;}
.range-calendar .months .cell.selected .bullet { background-color: #fff; }
.range-calendar .months .cell.current .bullet {display: block;}
.range-bar {width: 210px; height: 100%; top: 0px; left: 0; position: absolute; z-index: 1; padding: 0; margin: 0; background-image: none; z-index: 1 ; background-color: #888; }
.range-bar.resizable {height: 100%;position: absolute;}
.range-bar.range-bar-content {width: 100%; height: 100%; display: block;float: left;}
.range-bar .ui-resizable-handle.ui-resizable-e{width: 6px;height: 100%;background-position: 25px 53%;background-repeat: no-repeat;right: 0px;padding: 20px;opacity: 0.5;}
.range-calendar .ui-draggable {cursor: move;cursor: -moz-grab;cursor: -webkit-grab; }
.range-calendar .ui-draggable-dragging {cursor: -moz-grabbing;cursor: -webkit-grabbing;}
/* Default Theme */
.default-theme .months {background-color: transparent ;}
.default-theme .months .cell {color: #888 ;}
.default-theme .months .cell.selected .month-name {color: #fff ;}
.default-theme .months .cell.selected .bullet { background-color: #fff;}
.default-theme .calendar {background-color: transparent ;}
.default-theme .calendar .cell {color: rgba(0, 0, 0, 0.4) ;}
.default-theme .calendar .cell .day-number {color: #888 ;}
.default-theme .calendar .cell:hover {background: transparent ;}
.default-theme .calendar .cell:hover .day-number{color:#888 ;}
.default-theme .calendar .cell.selected {color: #fff;border-right: 1px solid rgba(0, 0, 0, 0.2);}
.default-theme .calendar .cell.selected:hover {background: none ;}
.default-theme .calendar .cell.selected .day-number {color: #fff ;}
.default-theme .range-bar { background-color: #888 ;}
/* green-theme */
.blue-theme-bg {background-color: #448FFF ; color: #fff ;border-color: rgba(255,255,255,0.3); }
.blue-theme-color {color: #448FFF ;}
.blue-theme .range-calendar {background-color: #fff;}
.blue-theme .months {background-color: transparent ;}
.blue-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.blue-theme .months .cell .month-name {color: #448FFF ;}
.blue-theme .months .cell.selected {background-color: #448FFF ;}
.blue-theme .months .cell.selected .month-name {color: #fff ;}
.blue-theme .months .cell .bullet { background-color: #448FFF;}
.blue-theme .months .cell.selected .bullet { background-color: #fff;}
.blue-theme .calendar {background-color: transparent ;}
.blue-theme .calendar .cell {color: rgba(0, 0, 0, 0.4) ;}
.blue-theme .calendar .cell .day-number {color: #448FFF ;}
.blue-theme .calendar .cell:hover {background: transparent ;}
.blue-theme .calendar .cell:hover .day-number{color:#888 ;}
.blue-theme .calendar .cell.selected {color: #fff ;}
.blue-theme .calendar .cell.selected:hover {background: none ;}
.blue-theme .calendar .cell.selected .day-number {color: #fff ;}
.blue-theme .range-bar { background-color: #448FFF ; }
/* SKY COLOR #00CCFF */
.cyano-theme-bg {background-color: #00CCFF ;color: #fff ;border-color: rgba(255,255,255,0.3); }
.cyano-theme-color {color: #00CCFF ;}
.cyano-theme .months {background-color: transparent ;}
.cyano-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.cyano-theme .months .cell .month-name {color: #00CCFF ;}
.cyano-theme .months .cell.selected {background-color: #00CCFF ;}
.cyano-theme .months .cell.selected .month-name {}
.cyano-theme .calendar {background-color: transparent ;}
.cyano-theme .calendar .cell {color: rgba(0, 0, 0, 0.4) ;}
.cyano-theme .calendar .cell .day-number {color: #00CCFF ;}
.cyano-theme .calendar .cell:hover {background: transparent ;}
.cyano-theme .calendar .cell:hover .day-number {color: #888 ;}
.cyano-theme .calendar .cell.selected {color: #fff ;}
.cyano-theme .calendar .cell.selected:hover {background: none ;}
.cyano-theme .calendar .cell.selected .day-number {color: #fff ;}
.cyano-theme .range-bar { background-color: #00CCFF ;}
/* RED COLOR #FF5D3A */
.orange-light-theme-bg {background-color: #ff7400;color: #fff ;border-color: rgba(255,255,255,0.3);}
.orange-light-theme-color {color: #ff7400 ;}
.orange-light-theme .months {background-color: transparent ;}
.orange-light-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.orange-light-theme .months .cell .month-name {color: #ff7400 ;}
.orange-light-theme .months .cell:hover .month-name {color: #888 ;}
.orange-light-theme .months .cell.selected {background-color: #ff7400 ;}
.orange-light-theme .months .cell.selected .month-name {color: #fff ;}
.orange-light-theme .months .cell .bullet { background-color: #ff7400;}
.orange-light-theme .months .cell.current .bullet { background-color: #ff7400;}
.orange-light-theme .months .cell.selected .bullet { background-color: #fff;}
.orange-light-theme .calendar {background-color: transparent ;}
.orange-light-theme .calendar .cell {color: #888 ;}
.orange-light-theme .calendar .cell:hover {background: transparent ;}
.orange-light-theme .calendar .cell:hover .day-number {color: #888 ;}
.orange-light-theme .calendar .cell .day-number {color: #ff7400 ;}
.orange-light-theme .calendar .cell.selected {color: #fff ;}
.orange-light-theme .calendar .cell.selected:hover {background: none ;}
.orange-light-theme .calendar .cell.selected .day-number {color: rgba(255, 255, 255, 1) ;}
.orange-light-theme .range-bar { background-color: #ff7400 ; }
/* full-green-theme */
.full-green-theme-bg {background-color: #02d9aa ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.full-green-theme-color {color: #fff ;}
.full-green-theme.range-calendar,.full-green-theme .range-calendar {background-color: #03DAAB;}
.full-green-theme .months {background-color: transparent ;}
.full-green-theme .months .cell {color: #f9f9f9 ;}
.full-green-theme .months .cell .month-name {color: #f9f9f9 ;}
.full-green-theme .months .cell .bullet { background-color: #999;}
.full-green-theme .months .cell.selected {background-color: rgba(0,0,0,.1); border-radius: 1px;}
.full-green-theme .months .cell.selected .month-name {color: #fff ;}
.full-green-theme .months .cell.selected .bullet { background-color: #03DAAB;}
.full-green-theme .months .cell.current .bullet { background-color: #fff;}
.full-green-theme .calendar {background-color: transparent ;}
.full-green-theme .calendar .cell {color: #f9f9f9 ;}
.full-green-theme .calendar .cell:hover {background: transparent; color: #888;}
.full-green-theme .calendar .cell .day-number {color: #fff;}
.full-green-theme .calendar .cell:hover .day-number{ color: #888;}
.full-green-theme .calendar .cell.selected {color: #fff ;}
.full-green-theme .calendar .cell.selected:hover {background: transparent ;}
.full-green-theme .calendar .cell.selected .day-number {color: #fff ;}
.full-green-theme .range-bar { background-color: rgba(0,0,0,.1);}
/* full-red-theme */
.full-red-theme-bg {background-color: #FF5D3A ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.full-red-theme-color {color: #fff ;}
.full-red-theme.range-calendar,.full-red-theme .range-calendar {background-color: #FF5D3A;}
.full-red-theme .months {background-color: transparent ;}
.full-red-theme .months .cell {color: #f9f9f9 ;}
.full-red-theme .months .cell .month-name {color: #f9f9f9 ;}
.full-red-theme .months .cell .bullet { background-color: #999;}
.full-red-theme .months .cell:hover .month-name{color: #444;}
.full-red-theme .months .cell.selected {background-color: rgba(0,0,0,.1);border-radius: 1px; border-color: rgba(1, 1,1, 0.05);}
.full-red-theme .months .cell.selected .month-name {color: #fff ;}
.full-red-theme .months .cell.selected .bullet { background-color: #FF5D3A;}
.full-red-theme .months .cell.current .bullet { background-color: #fff;}
.full-red-theme .calendar {background-color: transparent ;}
.full-red-theme .calendar .cell {color: #f9f9f9 ;}
.full-red-theme .calendar .cell .day-number {color: #fff;}
.full-red-theme .calendar .cell:hover .day-number{ color: #444;}
.full-red-theme .calendar .cell:hover .day{ color: #fff;}
.full-red-theme .calendar .cell.selected {color: #fff;}
.full-red-theme .calendar .cell.selected:hover {background: transparent ;}
.full-red-theme .calendar .cell.selected .day-number {color: #fff ;}
.full-red-theme .range-bar { background-color: rgba(0,0,0,.1) ;}
/* dark-theme */
.dark-theme-bg {background-color: #333 ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.dark-theme-color {color: #333 ;}
.dark-theme.range-calendar,.dark-theme .range-calendar {background-color: #333;}
.dark-theme .months {background-color: transparent ;}
.dark-theme .months .cell {color: #999 ;}
.dark-theme .months .cell .month-name {color: #999 ;}
.dark-theme .months .cell .bullet { background-color: #999;}
.dark-theme .months .cell.current .bullet { background-color: #999;}
.dark-theme .months .cell.selected {background-color: #444 ;box-shadow: 0px 1px 2px #2f2f2f; border-radius: 1px;}
.dark-theme .months .cell.selected .month-name {color: #EEE ;}
.dark-theme .months .cell.selected .bullet { background-color: #333;}
.dark-theme .calendar {background-color: transparent ;}
.dark-theme .calendar .cell {color: #666 ;}
.dark-theme .calendar .cell:hover {background: #333 ; color: #fff;}
.dark-theme .calendar .cell .day-number {color: #999 ;}
.dark-theme .calendar .cell:hover .day-number{ color: #fff;}
.dark-theme .calendar .cell.selected {color: #fff ;}
.dark-theme .calendar .cell.selected:hover {background: none ;}
.dark-theme .calendar .cell.selected .day-number {color: rgba(255, 255, 255, 1) ;}
.dark-theme .range-bar { background-color: #444 ;}
/* Context Colors*/
.blue-theme .color, .blue-theme.color {background-color: #448FFF !important; color: #fff;fill:#fff;}
.blue-theme .text-color, .blue-theme.text-color {color: #448FFF; }
.cyano-theme .color,.cyano-theme.color {background-color: #00CCFF !important;color: #fff;fill:#fff;}
.cyano-theme .text-color,.cyano-theme.text-color {color: #00CCFF;}
.orange-light-theme .color,.orange-light-theme.text-color {background-color: #ff7400 !important;color: #fff;fill:#fff;}
.orange-light-theme .text-color,.orange-light-theme.text-color {color: #ff7400;}
.dark-theme .color,.dark-theme.color {background-color: #444;color: #fff;fill:#fff;}
.dark-theme .text-color,.dark-theme.text-color {color: #444; }
.full-green-theme .color,.full-green-theme.color {background-color: #02d9aa !important;color: #fff; fill:#fff;}
.full-green-theme .text-color,.full-green-theme.text-color {color: #02d9aa;}
.full-red-theme .color,.full-red-theme.color {background-color: #FF5D3A !important;color: #fff; fill:#fff;}
.full-red-theme .text-color,.full-red-theme.text-color {color: #FF5D3A;}
.range-bar .ui-resizable-handle {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAbCAYAAAEog86bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEM3RUEzMjIyQUUxMUUzQjQ5NUMwMEM3OEVEMzc0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEM3RUEzMzIyQUUxMUUzQjQ5NUMwMEM3OEVEMzc0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU5Q0Q4QzdGMjI3RjExRTNCNDk1QzAwQzc4RUQzNzQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU5Q0Q4QzgwMjI3RjExRTNCNDk1QzAwQzc4RUQzNzQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XfsRugAAAGZJREFUeNpi+P//PwMTAxAgCIAAYoCJ/YeLMQIEECNIDKECJgcCAAHEgMUINAIggOC6kU3A4PzHKYPCYUSRAQgg/Eb/J2garTmMWGUAAgzF1Tj1Y5P4T4yO/0QZNWgkGJElGIk2CgB+4BtJMclJ0wAAAABJRU5ErkJggg==');
}
@media only screen and (max-width: 768px) {
.range-calendar .calendar .cell {width: 70px; padding:20px 15px;}
.range-calendar .calendar .cell .day-number {font-size: 12px;}
.range-calendar .calendar .cell .day {font-size: 8px;}
.range-calendar .months .cell {width: 85px; padding: 10px 10px; }
.range-bar .ui-resizable-handle.ui-resizable-e{width:6px;height:27px;background-position: 8px 5px;background-repeat: no-repeat; right: 0px;top: 30%; padding: 20px 10px;opacity:0.5;}
}
/* etkinlik takvimi bitiÅŸ */
.center .row > div {
padding: 0 9px;
}
.col-md-3.col-sm-6:nth-child(1) .block-kutu,.col-md-3.col-sm-6:nth-child(2) .block-kutu{
margin-bottom: 22px;
}
@media(max-width:768px){
.col-md-3.col-sm-6 .block-kutu{
margin-bottom: 10px!important;
}
#aktiviteler{
margin-top: 0.5rem!important;
}
}
/* .block{
margin-bottom: 22px;
} */
.block {
width: 100%;
}
.block figure {
width: 100%;
height: 250px;
position: relative;
text-align: center;
}
.block figure:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
background: -moz-linear-gradient(bottom, white 0%, white 60%, #fcfdfe 61%, rgba(125, 185, 232, 0) 100%);
background: -webkit-linear-gradient(bottom, white 0%, white 60%, #fcfdfe 61%, rgba(125, 185, 232, 0) 100%);
background: linear-gradient(to top, white 0%, white 60%, #fcfdfe 61%, rgba(125, 185, 232, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007db9e8',GradientType=0 );
}
.block figure .text {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 0 5px 14px 0;
text-align: center;
}
.block figure .text h6 {
font-size: 15px;
color: var(--maincolor);
font-weight: 500;
}
.block figure .text p {
font-size: 14px;
color: #51778e;
}
.anasayfa{
background-color: #eee;
}
.section .multimedia-nav .gutter-5{
display: flex;
justify-content: center;
}
.geribs{
left: 10px;
}
.ileribs{
right: 10px;
}
.event-calendar article .row > div.col-erd-5 img{
max-width: 100%;
width: 100%;
max-height: 100px;
object-fit: cover;
}
.mobile-nav__sub.is-dropdown{display:block;}
.link:hover{
cursor:pointer
}
.fancybox-infobar{
top: 20px!important;
}
.main-side-outer .main-side-item img {
border-radius: 10px;
}
@media (min-width:992px){
}
@media (min-width:1200px){
.mainSlide-wrapper{max-width: 100vw}
.main-side-outer .main-side-item{height: 50%;}
.main-side-outer .main-side-item img{max-height: 100%;}
}
.main-side-outer{
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
padding-top: 75px;
transition: all .25s ease;
background-color: #e3e3e3;
z-index: 101;
}
@media (min-width:1200px) and (max-width: 1440px)
{
.mainSlide-wrapper {
max-width: calc(100vw);
}
.main-side-outer {
width: 266px;
padding-top: 90px;
padding-bottom: 15px;
}
}
@media (min-width:1200px) and (max-width:1770px){
.baskanresimsagalt img {
height: 200px;
}
.fast-menu-title {
font-size: 10px;
}
header .navShape {
width: 90vw!important;
left: 50%!important;
border-bottom-left-radius: 25px!important;
border-bottom-right-radius: 25px;
}
.altbutonsol {
align-items: end!important;
}
.hero-search__buttons .btn {
font-size: 11px!important;
height: 45px!important;
min-width: 125px!important;
}
/**/
.hero-search__buttons .btn .icon {
font-size: 15px!important;
}
.overlaySearch .sag {
height: 45px!important;
}
.overlaySearch .sol {
height: 45px!important;
align-items: center;
}
.overlaySearch .sag input{font-size:11px}
.overlaySearch .sag input::placeholder {
font: 11px sans-serif;
}
#fast-menu {
bottom: 0px!important;
}
}
@media (max-width:1200px){
.fast-menu-title {
font-size: 9px;
}
#fast-menu {
max-width: 80%;
}
}
@media (min-width:1200px) and (max-width:1440px){
.hero-search__dropdown {
bottom: 4rem;
}
}
@media (min-width:992px) and (max-width:1200px){
.main-side-outer{display:none}
}
@media (max-width:992px){
.fast-menu-slider{display:none!important}
.main-side-outer {
position: relative;
flex-direction: row;
max-height: fit-content;
height: fit-content;
padding: 1rem;
align-items: flex-start;
justify-content: flex-start;
max-width: 100%;
gap: 1rem;
width: 100%;
}
.main-side-outer .main-side-item {
flex-basis: 50%;
}
}
.hizli-menu-btn{
width: fit-content!important;
max-width: fit-content!important;
border-top-left-radius: 5px!important;
border-bottom-left-radius: 5px!important;
min-width: fit-content!important;
}
@media (max-width:1499px){
.hero-search__buttons .btn{border-radius: 0!important;}
}
@media (min-width:1500px){
.hizli-menu-btn{display: none!important;}
}
.block:first-child {
margin-bottom: 22px;
}