/*
Author: Servet Ejder
*/
body {font-family: Onest, sans-serif;}
.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background: rgb(0 0 0 / 52%);}
.abox {background: rgb(255 255 255);border: 0;color: black;text-align: center;font-size: 20px;position: relative;border-radius: 0px !important;margin: 5px 0;padding: 10px;margin-top: 35px;min-height: 305px;border-bottom-left-radius: 10px !important;border-bottom-right-radius: 10px !important;margin-bottom: 25px;box-shadow: 1px 1px 7px 0px #0000003b;display: inline-block;width: 100%;}
.ameta {color: #00a0e3;font-weight: bold;line-height: 22px;min-height: 50px;font-family: Onest !important;border-radius: 0;border: none;box-shadow: none;margin: -10px;margin-bottom: 10px;text-align: center;min-height: 150px;display: flex;flex-direction: column;align-items: center;vertical-align: middle;justify-content: center;align-content: flex-start;flex-wrap: nowrap;background: #ededed;}
.alert.alert-danger {font-size: 0.7em;}
.blocked {position: absolute;top: 10px;left: 0;right: 0;bottom: 0px;background: url(../img/blocked.png) rgba(244, 67, 54, 0.15);background-size: cover;opacity: 0.6;}
#oylama{background: url(../img/bann.jpg);position: relative;background-attachment: fixed;background-position: center;background-repeat: repeat;background-size: cover;padding: 9em 0;min-height: 300px;background-attachment: inherit;text-align: center;font-family: 'Onest';}
#galeri{position: relative;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;background: #f1f1f1;padding: 3em 0;}
.gallay {/* position: absolute; *//* top: 0; *//* left: 0; *//* right: 0; *//* bottom: 0; */}
#destekciler {position: relative;background: url(../img/sponbg.png);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
h4.desc {text-align: center;font-weight: bold;color: #2196f3;text-shadow: 1px 1px 1px #0f61a2;margin-bottom: 25px;padding-bottom: 15px;font-size: 2em;}
h1.page-header.white {color: white !important;text-shadow: 2px 2px 2px black;font-size: 2.5em;background:  none !important;position:  relative;}
h4.desc.white {color: white;text-shadow: 1px 1px 1px black;background:  none !important;position:  relative;}
span.baslik {font-size: 19px;font-weight: 800 !important;font-family: 'Onest';color: black;}
a.fbuton {background: #156fb7;color: white;font-weight: bold;border: 0;padding-left: 20px;padding-right: 20px;}
a.fbuton:hover {color: white;background: #125e9a;}
ul#menu {width: 75%;margin: 10px 0;padding-left: 100px;}
@media (max-width:768px){#galeri .thumbnail a>img,#galeri .thumbnail>img{}#galeri .thumbnail{background:black !important;max-height: 70px;}}
/* Removes the default 20px margin and creates some padding space for the indicators and controls */
.carousel {margin-bottom: 0;padding: 40px 53px 40px 53px;}
.carousel-control {left: 0px;font-size: 11em;}
.carousel-control.right {right: 0px;font-size: 11em;}
.carousel-indicators {right: 50%;top: auto;bottom: 0pxmargin-right: -19px;}
.carousel-indicators li {background: #c0c0c0;}
.carousel-indicators .active {background: #333333;}
#galeri .thumb {overflow: hidden;margin-bottom: 0px;background: none !important;box-shadow: 1px 1px 3px 0px #0000006b;height: 220px;display: flex;justify-content: center;align-items: center;align-content: center;background-color: black !important;}
@media (min-width: 1200px){.col-xs-12.col-sm-12.col-lg-2 {width: 20% !important;}
a.nav-link {
    font-weight: 600;
    font-family: Onest !important;
    text-transform: uppercase;
    color: black;
}

.navbar {
    height: 70px;
    background: #01a0e4;
    border: none !important;
}

.navbar .pull-right {
    margin: 20px 0px;
}

#destekciler .item.active {position: relative;display: inline-block;padding-top: 10px;padding-bottom: 0;}
#destekciler .item {position: relative;display: inline-block;padding-top: 10px;padding-bottom: 10px;min-height:50px;}
#destekciler .thumbnail {background :none !important;overflow: hidden;margin-bottom: 0;margin-bottom: 10px;}
#destekciler img {max-height: 100% !important;width: 100%;}
#destekciler .thumbnail {max-height: 100%;}
.footer {
	background: white;
	height: auto;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
}
.footer p {
	margin: 0;
}

.footer h3 {
	border-bottom: 1px solid #BAC1C8;
	color: #54697E;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 40px 0 10px;
	text-transform: uppercase;
}
.footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
	color: #7F8C8D;
}
.footer ul li a {
	padding: 0 0 5px 0;
	display: block;
}
.footer a {
	color: #78828D
}

.footer-bottom {
	background: #00a0e3;
	padding-top: 10px;
	font-weight: bold;
}
.footer-bottom p.pull-left {
	padding-top: 6px;
	color: white !important;
	font-weight: 300;
}
.payments {
	font-size: 1.5em;	
}
.item.active .thumbnail {
max-height: 200px;
}
.item .thumbnail {
max-height: 100px;
}
#destekciler .thumbnail>img {
    max-height: 100% !important;
}

#destekciler a.thumbnail {
    max-height: 100%;
}
#destekciler .item a.thumbnail {
    max-height: 100px;
    overflow: hidden;
}

#destekciler .item.active a.thumbnail {
    max-height: 218px;
    overflow: hidden;
}
.navbar-brand {
    padding: 0px !important;
}

.navbar-brand>img {
    width: auto;
    height: 110px;
    border-radius: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 1px 20px 1px #00000047;
}
#destekciler img {
    width: 100%;
    height: 100%;
}

#destekciler a.thumbnail {
    height: 100% !important;
}

.well h3 {
    font-size: 18px;
    margin:0;
    text-align: center;
}

@media (max-width: 500px){
.item.active a.thumbnail img {height: 250px !important;}
.item a.thumbnail img {height: 125px!important;}
}
.btn {
    font-size:  15px !important;
}

body {
    font-family: Onest !important;
}

.abox input[type=text] {
    font-size:  15px;
    font-weight: 500;
    border: 1px solid #000000;
}
.teletype {
    font-size: 3em;
    font-weight: 600;
    font-family: Onest;
    text-align:  center;
    margin:  0;
    color: white;
}





.photogal2 h1,.photogal2 h4 {
    color:  white !important;
}

.spoverlay {
    position:  absolute;
    top: 0;
    left:  0;
    right:  0;
    bottom:  0;
    background: #2196f3bf;
}

.sponsor .item {
    position:  relative;
}

.sponsor h4 {
    position:  relative;
}
.photogal {
    background:  white;
}
.photogal2 {
    background: #2196f3 !important;
    color:  white !important;
}
.photogal4 {
    background: #2196f3 !important;
    color:  white !important;
}
.photogal4 .page-header, .photogal4 .desc {
    color: white;
}
.col-lg-12 .ameta {
    background-size: 150px !important;
    background-position: calc(100% + 41px) 48px !important;
}

input#gonder {background: #06a2e3 !important;border-radius: 5px !important;color: white;font-size: 18px !important;font-weight: 54;border: 1px solid #0d729c;}
span.tdhead {
    font-family: 'Onest' !important;
    color: #00a0e3;
}
input.form-control {
    border-radius: 5px !important;
}
.footer-bottom .pull-left {
    text-align: center !important;
    float: none !important;
}

.footer-bottom p.pull-left a {
    color: white !important;
    font-weight: 600;
}
.ustbar {
    background: none;
    border: 0;
    color: black !important;
    border-radius: 5px;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
    box-shadow: none;
}
@media(max-width:700px) {
#oylama {
    padding: 3em 0 !important;
    min-height: auto;
}

#oylama h1 {
    font-size: 2em;
    font-weight: 900;
    text-align: center;
}
}
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, 1fr);
  gap: 10px 10px;
  grid-template-areas:
    ". . bigthumb bigthumb"
    ". . bigthumb bigthumb"
    ". . . ."
    "bigthumb2 bigthumb2 . ."
    "bigthumb2 bigthumb2 . ."
    ". . . ."
    ". . . .";
    margin-bottom:50px;
}
.bigthumb { grid-area: bigthumb; }
.bigthumb2 { grid-area: bigthumb2; }


.griditem {
    background-size: cover !important;
}

.griditem img {
    /* opacity: 0; */
    /* visibility: hidden !important; */
}
.col-lg-6 .griditem {
    height: 610px;
}

.col-lg-3 .griditem {
    height: 180px;
}
.slick-prev, .slick-next {
    display: none !important;
}
.grid-layout {
}
.slick-slide {
    height: auto !important;
}
form#fgonder {
    margin: 0;
}

input#gonder:hover {
    background: #00a0e3 !important;
    color: white !important;
}
body {
    padding: 0 !important;
    background: #ffffff;
}
.well.abox:before {position: absolute;content: "";top: -51px;left: calc(0% - 0px);width: 60px;height: 60px;background: url(../logo.jpg) #00a0e3;background-size: cover !important;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom: 0;z-index: 1;box-shadow: 0px -2px 5px 0px #0000003b;border-bottom: 0;}
span.tdhead {
    position: absolute;
    top: -43px;
    font-weight: 700;
    height: 52px;
    left: 0;
    font-size: 20px;
    background: #06a2e3;
    display: inline-block;
    color: white;
    padding: 5px;
    padding-left: 75px;
    right: 0;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    text-align: left;
}
#fgonder input::placeholder {font-size: 21px;font-weight: 100;}

#show-previous-image {
    position: absolute;
    top: 40%;
    left:25px;
    background: none !important;
    border: none;
    font-size: 39px !important;
}

#show-next-image {
    position: absolute;
    top: 40%;
    right:25px;
    background: none !important;
    border: none;
    font-size: 39px !important;
}
#oylama img {
    z-index: 2;
    position: relative;
    max-width: 50%;
    margin: 0 auto;
}

@media(max-width:700px) {
#oylama img {
    max-width: 100%;
}
}
section#oylamaitems {padding: 50px 0;background: url(../img/pattern.png);background-size: cover;position: relative;background-size: 20%;}
section#oylamaitems:before {
    background: #f7f7f7;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .95;
}
h2.slog1 {
    position: relative;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    font-size: 2.5em;
}

h2.slog2 {
    text-transform: uppercase;
    color: white;
    position: relative;
    margin: 0;
    letter-spacing: 1.6;
    font-size: 2.5em;
}
span.sor {font-weight: 500;}
img#image-gallery-image {
    margin: 0 auto;
}
.swiper-slide {height: max-content !important;}
.swiper-wrapper {
    height: max-content !important;
}
#galeri h2 {
    font-family: 'Onest' !important;
    margin-bottom: 10px !important;
}