/*
Theme Name: Sürücü Kursu
Theme URI:
Description: WordPress tema
Author: theWP.com.tr
Author URI: https://thewp.com.tr
Version: V1
License: theWP.com.tr - Tüm Hakları Saklıdır.
Tags: Kadir Kenar, theWP, Wordpress Tema
*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0px;
word-spacing: 0px;
}
:root {
--mavi: #005bac;
--turuncu: #f77719;
--ette: #f4ecdf;
--gri: #f2f2f2;
--siyah: #31373f;
--beyaz: #ffffff;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.firefox {
font-family: "source_sans_pro_lightregular", 'Open Sans', sans-serif;
}
body {
height: auto;
font-family: "source_sans_proregular", 'Open Sans', sans-serif;
color: var(--siyah);
font-size: 14px;
overflow-x: hidden;
margin:0 auto;
background:#ffffff;
}
img {
vertical-align: middle;
border-style: none;
object-fit: cover;
}
a,h2,h3,h4,h5,h6,strong,span,p,font,figcaption,figure,img {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
input[type="search"]
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="select"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.temizle {
clear:both;
}
.ortala {
text-align: center;
}
.ust125 {
margin-top: 125px;
}
.siteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1340px - 40px);
height: auto;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.navsiteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1340px - 40px);
height: auto;
display: block;
position: absolute;
content: "";
z-index: 11;
left: 0px;
right: 0px;
top: 0px;
margin: 0px auto;
padding: 0px 20px;
}
.siteyiOrtalahidden {
width: calc(100% - 40px);
max-width: calc(1340px - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}

ul.ustSosyal {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 7px;
right: 15px;
padding: 0px;
margin: 0px;
}
ul.ustSosyal li {
width: auto;
height: auto;
padding: 0px 5px;
float: left;
list-style: none;
}
ul.ustSosyal li a {
font-size: 20px;
color: var(--siyah);
}

header {
width: calc(100% - 0px);
height: auto;
display: table;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

header .logo {
width: 176px;
height: 76px;
overflow: hidden;
display: block;
float: left;
margin: 20px 0px 20px 0px;
}
header .logo img {
width: 176px;
height: 76px;
overflow: hidden;
display: block;
}

header .siteMenu {
width: calc(100% - 176px);
height: 50px;
display: block;
position: relative;
float: left;
margin: 31px 0px 20px 0px;
}

header .siteMenu ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}
header .siteMenu ul li {
width: auto;
height: 50px;
line-height: 50px;
display: inline-block;
text-align: left;
position: relative;
margin: 0px 15px 0px 15px;
}
header .siteMenu ul li a {
font-size: 16px;
font-weight: 700;
color: var(--siyah);
display: block;
position: relative;
overflow: hidden;
}
header .siteMenu ul li a:after {
width: 100%;
height: 2px;
overflow: hidden;
display: none;
position: absolute;
content: "";
background: var(--turuncu);
bottom: 0px;
left: 0px;
animation: ullia 1s ease 0s 1 normal forwards;
}
header .siteMenu ul li a:hover:after {
display: block;
}
@keyframes ullia {
0% {
opacity: 0;
transform: translateX(-100%);
}

100% {
opacity: 1;
transform: translateX(0);
}
}
header .siteMenu ul li a:hover {
color: var(--turuncu);
}

header .siteMenu ul li ul {
width: auto;
z-index: 99999;
display: none;
position: absolute;
top: 50px;
padding: 20px 0px 20px 30px;
background: var(--siyah);
animation: altMenu 1s ease 0s 1 normal forwards;
}
@keyframes altMenu {
0% {
transform: scaleY(0);
transform-origin: 100% 0%;
}
100% {
transform: scaleY(1);
transform-origin: 100% 0%;
}
}
header .siteMenu ul li ul li {
width:auto;
min-width: 160px;
height: 36px;
line-height: 36px;
border: 0px;
margin-left: 0px;
margin-top: 0px;
float: none;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
header .siteMenu ul li ul li a {
width: auto;
height: auto;
font-size: 14px;
font-weight: 300!important;
overflow: hidden;
display: inline-block;
position: relative;
margin: 0px 0px;
color: var(--beyaz);
padding: 0px 30px 0px 0px;
}
header .siteMenu ul li ul li a:after {
width: calc(100% - 30px);
left: 0px;
}

header .siteMenu ul li ul li a:hover {
color: var(--beyaz);
opacity: 0.7;
}
header .siteMenu ul li:hover > ul {
display:inherit;
}
header .siteMenu ul ul li ul {
position: relative;
top:-36px;
left:230px;
}


#ana_kategori {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
#ana_kategori ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
margin: 0px 0px;
}
#ana_kategori ul li {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
}
#ana_kategori ul li:last-child {
margin-right: 0px;
}
#ana_kategori ul li strong {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
right: 0px;
padding: 0 30px;
padding-top: calc(25% - 44px);
padding-bottom: calc(25% - 44px);
background: #ffffff;
text-align: center;
font-size: 32px;
color: var(--siyah);
}
#ana_kategori ul li:hover strong {
background: transparent;
color: var(--beyaz);
}


#ana_hakkimizda {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
#ana_hakkimizda .sol {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
}
#ana_hakkimizda .sag {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
}
#ana_hakkimizda .sol h3 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
letter-spacing: .2em;
font-size: 18px;
font-weight: 600;
color: var(--turuncu);
}
#ana_hakkimizda .sol h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--siyah);
margin: 0px 0px 30px 0px;
}
#ana_hakkimizda .sol p {
width: 90%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
margin: 0px 0px 30px 0px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}


.gorselAlani {
width: calc(100% - 0px);
max-width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto 0px auto!important;
background: var(--siyah);
}
.gorselAlani .swiper-slide.swiper-slide-active {
animation: sliderAktif 1s ease 0s 1 normal forwards;
}
@keyframes sliderAktif {
0% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
.gorselAlani a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.gorselAlani figure {
width: 100%;
height: 470px;
overflow: hidden;
display: block;
position: relative;
}
.gorselAlani figure img {
width: 100%;
height: 470px;
}

#ana_hakkimizda .sol a.devami {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 30px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
float: left;
background-image: linear-gradient(to left,
var(--turuncu),
var(--turuncu) 50%,
var(--siyah) 50%,
var(--siyah));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
#ana_hakkimizda .sol a.devami i {
font-size: 14px;
padding-left: 5px;
}
#ana_hakkimizda .sol a.devami:hover {
background-position: 0 0;
color: var(--beyaz);
}
#ana_hakkimizda .sol a.telefon {
width: auto;
height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
padding-left: 10px;
}
#ana_hakkimizda .sol a.telefon i {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 24px;
display: table;
overflow: hidden;
position: relative;
text-align: center;
border-radius: 100%;
background: var(--gri);
color: var(--siyah);
float: left;
margin-right: 10px;
transition: all .25s ease-in;
}
#ana_hakkimizda .sol a.telefon span {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 700;
display: table;
overflow: hidden;
position: relative;
color: var(--siyah);
}
#ana_hakkimizda .sol a.telefon:hover i {
color: var(--turuncu);
animation: shake 2s ease 0s 1 normal forwards;
}
#ana_hakkimizda .sol a.telefon:hover span {
color: var(--turuncu);
}
@keyframes shake {
0%,
100% {
transform: rotate(0deg);
transform-origin: 50% 100%;
}
10% {
transform: rotate(2deg);
}
20%,
40%,
60% {
transform: rotate(-4deg);
}
30%,
50%,
70% {
transform: rotate(4deg);
}
80% {
transform: rotate(-2deg);
}
90% {
transform: rotate(2deg);
}
}



#ana_pdf {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 30px 0px 30px 0px;
background: var(--turuncu);
}

#ana_pdf i {
width: 60px;
height: 60px;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
font-size: 60px;
color: var(--beyaz);
}
#ana_pdf strong {
width: calc(100% - 290px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
font-size: 28px;
font-weight: 700;
line-height: 1.4;
color: var(--beyaz);
}
#ana_pdf span {
width: calc(100% - 290px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
font-size: 14px;
font-weight: 300;
line-height: 1.4;
color: var(--beyaz);
}
#ana_pdf a {
width: auto;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--siyah),
var(--siyah) 50%,
var(--beyaz) 50%,
var(--beyaz));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
#ana_pdf a:hover {
background-position: 0 0;
color: var(--siyah);
}



#ana_yazi {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}

#ana_yazi .sol {
width: calc(60% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
}
#ana_yazi .sag {
width: calc(40% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
text-align: center;
}
#ana_yazi .sol h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 38px;
font-weight: 900;
color: var(--siyah);
margin: 0px 0px 30px 0px;
}
#ana_yazi .sol p {
width: 100%;
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
margin: 0px 0px 30px 0px;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}

#ana_yazi .sag img {
width: auto;
height: 460px;
}

#ana_harita {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
#ana_harita iframe {
width: calc(100% - 0px);
height: 450px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
border: 0px;
}

#sayfaResmi {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
/*background: var(--ette);*/
padding-bottom: 112px;
border-bottom: 1px solid var(--gri);
}

#sayfa_detayi {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}

.hakkimizda_detay,
.sezonlar_detay {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
}
.hakkimizda_detay p {
width: calc(100% - 0px);
height: auto;
line-height: 1.6;
overflow: hidden;
font-size: 18px;
font-weight: 400;
color: var(--siyah);
margin-bottom: 15px;
}

.hakkimizda_detay h3 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
letter-spacing: .2em;
font-size: 18px;
font-weight: 600;
color: var(--turuncu);
}
.hakkimizda_detay h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 48px;
font-weight: 900;
color: var(--siyah);
margin: 0px 0px 15px 0px;
}

.hakkimizda_detay h4 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
letter-spacing: .2em;
font-size: 22px;
font-weight: 700;
color: var(--turuncu);
}

.hakkimizda_detay .misviz {
width: calc(100% - 35px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border-left: 5px solid var(--turuncu);
margin-bottom: 30px;
padding-top: 15px;
padding-left: 30px;
}

.hakkimizda_detay .sol {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 30px;
}
.hakkimizda_detay .sag {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
margin-bottom: 15px;
}

.sayfa_fotogaleri {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 60px 0px 60px 0px;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li {
width: calc(25% - 23px);
height: auto;
overflow: hidden;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li:nth-of-type(4n) {
margin-right: 0px;
}

.sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img figure img {
width: 100%;
height: auto;
display: block;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
color: var(--beyaz);
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:after {
animation: galerihvr 0.5s linear 0s 1 normal forwards;
}
@keyframes galerihvr {
0% {
transform: scale(0.1);
}
100% {
transform: scale(1);
}
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:hover:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: var(--ette);
opacity: 0.6;
cursor: pointer;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:before {
width: 44px;
height: 44px;
overflow: hidden;
text-align: center;
display: none!important;
position: absolute;
top: calc(50% - 22px);
left: 0px;
right: 0px;
margin: 0px auto;
font-family: "Font Awesome 6 Free";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
content: "\f055";
font-size: 3em;
z-index: 1;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li .magnific-img a:hover:before {
animation: galerihvr 0.5s linear 0s 1 normal forwards;
display: table!important;
}

.sayfa_gizle {
display: none!important;
}
button#ileri_buton.disabled,
button#geri_buton.disabled {
display: none!important;
cursor: not-allowed!important;
}
nav.thewpSayfalama {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: flex;
align-items: center;
position: relative;
justify-content: center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
nav.thewpSayfalama .pagination-number,
nav.thewpSayfalama .sayfa_buton {
font-size: 1.1rem;
background-color: transparent;
border: none;
margin: 0.25rem 0.25rem;
cursor: pointer;
height: 2.5rem;
width: 2.5rem;
border-radius: 0.25rem;
background: var(--siyah);
color: var(--beyaz);
}
nav.thewpSayfalama .pagination-number:hover,
nav.thewpSayfalama .sayfa_buton:not(.disabled):hover {
background: var(--turuncu);
color: var(--beyaz);
}
nav.thewpSayfalama .pagination-number.active {
background: var(--turuncu);
color: var(--beyaz);
}


#sayfailetisim .bize_ulasin {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 60px 0px;
}
#sayfailetisim .bize_ulasin .ilsol {
width: calc(60% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#sayfailetisim .bize_ulasin .ilsag {
width: calc(40% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#subeler_yeni {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 60px 0px;
}
#subeler_yeni ul {
width: calc(33.333% - 22px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 30px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid var(--gri);
}
#subeler_yeni ul:last-child {
margin: 0px 0px 0px 0px;
}
#subeler_yeni ul h3 {
width: 100%;
height: auto;
line-height: 2.5;
overflow: hidden;
display: block;
background: var(--turuncu);
color: var(--beyaz);
font-size: 18px;
font-weight: 700;
padding: 0px 15px;
}
#subeler_yeni ul li {
width: calc(100% - 20px);
height: auto;
overflow: hidden;
display: block;
padding: 10px 10px 0px 10px;
}
#subeler_yeni ul li:last-child {
padding: 10px 10px 10px 10px;
}
#subeler_yeni ul li strong {
width: 75px;
height: auto;
overflow: hidden;
display: block;
float: left;
}
#subeler_yeni ul li a {
color: var(--siyah);
}


form#iletisim {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
form#iletisim .inputlabel {
width: calc(50% - 15px);
height: auto;
display: block;
position: relative;
float: left;
margin: 0px 30px 30px 0px;
}
form#iletisim .inputlabel:nth-of-type(2n) {
margin: 0px 0px 30px 0px;
}
form#iletisim .inputlabel:nth-of-type(5n) {
width: calc(100% - 0px);
}
form#iletisim .inputlabel input[type=text],
form#iletisim .inputlabel input {
width: calc(100% - 32px);
height: 50px;
line-height: 50px;
padding: 0px 15px;
margin: 0px 0px 0px 0px;
border: 1px solid rgb(217 217 217);
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
float: left;
font-family: var(--site_font);
}
form#iletisim .inputlabel textarea {
font-family: var(--site_font);
width: calc(100% - 32px);
max-width: calc(100% - 32px);
max-height: 120px;
height: 120px;
padding: 15px 15px;
margin: 0px 0px 0px 0px;
border: 1px solid rgb(217 217 217);
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
display: block;
overflow: hidden;
}
form#iletisim .inputlabel input[type=telefon]:focus,
form#iletisim .inputlabel textarea:focus,
form#iletisim .inputlabel input:focus,
form#iletisim input#kod:focus {
box-shadow: 0px 0px 0px;
border: solid 1px var(--turuncu);
}
form#iletisim .recaptcha {
width: calc(100% - 140px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}
form#iletisim .recaptcha img {
float: left;
}
form#iletisim input#kod {
width: calc(100px - 0px);
height: 50px;
line-height: 50px;
padding: 0px 15px;
margin: 0px 0px 0px 0px;
border: 1px solid rgb(217 217 217);
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
font-size: 16px;
font-weight: 400;
color: var(--siyah);
font-family: var(--site_font);
text-align: center;
}
form#iletisim button#iletisimGonder\ submit {
width: 140px;
height: 52px;
line-height: 52px;
font-size: 16px;
font-weight: 400;
display: table;
overflow: hidden;
position: relative;
background: transparent;
color: var(--beyaz);
text-align: center;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 30px 0px 0px 0px;
padding: 0px 30px 0px 30px;
transition: all 900ms ease;
background-image: linear-gradient(to left,
var(--siyah),
var(--siyah) 50%,
var(--turuncu) 50%,
var(--turuncu));
background-position: 100% 0;
background-size: 201% 100%;
transition: all .25s ease-in;
}
form#iletisim button#iletisimGonder\ submit:hover {
background-position: 0 0;
color: var(--beyaz);
}
input:focus
textarea:focus,
select:focus {
box-shadow: 0px 0px 0px;
}

#ekran {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#isim-error,
#email-error,
#epostadresi-error,
#konu-error,
#telefon-error,
#comment-error,
#phone-number-error {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
bottom: 0px;
right: 0px;
font-size: 11px;
font-weight: 500;
color: #ffffff;
background: var(--siyah);
border-radius: 5px;
margin: 0px 0px 0px 0px;
padding: 3px 6px 3px 6px;
}
p.mesajgonderiliyor {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
margin: 30px 0px 0px 0px;
padding: 15px 30px;
border: 1px solid #d6d8db;
font-size: 14px;
font-weight: 400;
color: #383d41;
background-color: #e2e3e5;
animation: ekranmesaji2 1s ease 0s 1 normal forwards;
}
p.mesajgonderildi {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
margin: 30px 0px 0px 0px;
padding: 15px 30px;
border: 1px solid #c3e6cb;
font-size: 14px;
font-weight: 400;
color: #155724;
background-color: #d4edda;
animation: ekranmesaji2 0.7s ease 0s 1 normal forwards;
}
p.mesajgonderilmedi {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
margin: 30px 0px 0px 0px;
padding: 15px 30px;
border: 1px solid #f5c6cb;
font-size: 14px;
font-weight: 400;
color: #721c24;
background-color: #f8d7da;
animation: ekranmesaji2 1s ease 0s 1 normal forwards;
}
label#kod-error {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
margin: 30px 0px 0px 0px;
padding: 15px 30px;
border: 1px solid #f5c6cb;
font-size: 14px;
font-weight: 400;
color: #721c24;
background-color: #f8d7da;
animation: ekranmesaji2 1s ease 0s 1 normal forwards;
}
@keyframes ekranmesaji2 {
0% {
transform: scale(0.5);
}
100% {
transform: scale(1);
}
}

#subeler {
width: calc(100% - 0px);
height: auto;
margin: 0px 0px 0px 0px;
position: relative;
display: block;
padding: 0px 0px 0px 0px;
}
#subeler div {
width: calc(100% - 0px);
height: auto;
margin: 0px 0px 30px 0px;
position: relative;
display: block;
padding: 0px 0px 0px 0px;
}
#subeler div:last-child {
margin: 0px 0px 0px 0px;
}
#subeler label {
width: calc(100% - 30px);
height: 52px;
line-height: 52px;
padding: 0px 15px 0px 15px;
position: relative;
display: block;
cursor: pointer;
color: var(--beyaz);
font-size: 16px;
font-weight: 500;
background: var(--siyah);
-webkit-transition: all .75s;
-moz-transition: all .75s;
-ms-transition: all .75s;
-o-transition: all .75s;
transition: all .75s;
}
#subeler label:hover {
color: var(--beyaz);
background: var(--turuncu);
}
#subeler input:checked ~ label {
color: var(--beyaz);
background: var(--turuncu);
}
#subeler label:after {
width: 20px;
height: 30px;
line-height: 30px!important;
text-align: center;
overflow: hidden;
display: block;
position: absolute;
content: "\2b";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 15px);
right: 15px;
font-size: 16px;
color: var(--beyaz);
}
#subeler input:checked ~ label:after {
content: "\f068";
color: var(--beyaz);
}
#subeler input {
display: none;
}
#subeler article {
overflow: hidden;
height: 0;
}
#subeler input:checked ~ article {
height: auto;
animation: indirasagiya 0.5s ease 0s 1 normal forwards;
}
@keyframes indirasagiya {
0% {
transform: scaleY(0);
transform-origin: 100% 0%;
}
100% {
transform: scaleY(1);
transform-origin: 100% 0%;
}
}
#subeler ul {
width: calc(100% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 0px 15px;
margin: 0px 0px 0px 0px;
}
#subeler ul li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
#subeler ul li:last-child {
margin: 0px 0px 0px 0px;
}
#subeler ul li strong {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
}
#subeler ul li a {
display: block;
}
#subeler ul li font {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
font-size: 16px;
line-height: 1.4;
font-weight: 400;
color: var(--siyah);
}
#subeler ul li a:hover font {
color: var(--turuncu);
}

#harita {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#harita iframe,
#harita embed {
width: calc(100% - 0px);
height: 500px;
overflow: hidden;
display: block;
position: relative;
}


















footer {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 45px 0px;
background: var(--siyah);
}

footer img {
width: auto;
height: 76px;
overflow: hidden;
display: block;
margin: 0px auto 45px auto;
}

footer .blok {
width: calc(33.333333% - 45px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 60px;
}
footer .blok:last-child {
margin-right: 0px;
}

footer .blok h4 {
width: 100%;
height: auto;
line-height: 20px;
overflow: hidden;
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--beyaz);
padding-bottom: 30px;
}
footer .blok h4:after {
width: 25%;
height: 2px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 16px;
left: 0px;
background: var(--turuncu);
}

footer .blok div {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
}
footer .blok div:last-child {
margin-bottom: 0px;
}
footer .blok div i {
width: 20px;
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
font-size: 14px;
color: var(--beyaz);
text-align: center;
padding-top: 2px;
}
footer .blok div a {
width: auto;
height: auto;
line-height: 18px;
overflow: hidden;
display: table;
font-size: 15px;
color: var(--beyaz);
}
footer .blok div a:hover {
color: var(--turuncu);
}
footer .blok div p {
width: auto;
height: auto;
line-height: 1.6;
overflow: hidden;
display: table;
font-size: 15px;
color: var(--beyaz);
}

footer ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
footer ul li {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 30px;
margin-bottom: 10px;
}
footer ul li:nth-of-type(2n) {
width: calc(50% - 15px);
margin-right: 0px;
}
footer ul li a {
width: auto;
height: auto;
overflow: hidden;
display: table;
position: relative;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
}
footer ul li a:hover {
color: var(--turuncu);
}

footer .eBultenAbone {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
footer .eBultenAbone input {
width: calc(100% - 90px);
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
border: 0px;
outline: none;
padding: 0px 10px 0px 15px;
font-size: 14px;
font-weight: 500;
float: left;
}
footer .eBultenAbone button {
width: 65px;
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
border: 0px;
outline: none;
padding: 0px 0px 0px 0px;
font-size: 20px;
color: var(--beyaz);
background: var(--turuncu);
cursor: pointer;
text-align: center;
}
footer .eBultenAbone button i {
float: unset;
width: unset;
height: unset;
margin: unset;
padding: unset;
font-size: 24px;
}
footer .eBultenAbone p {
width: 100%;
height: auto;
line-height: 1.5;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 400;
color: var(--beyaz);
margin-top: 15px;
text-align: center;
}



@media screen and (min-width: 1200) and (max-width: 1366px) {





}

@media screen and (min-width: 981px) and (max-width: 1200px) {





}

@media screen and (max-width: 980px) {
.navsiteyiOrtala {
position: relative;
overflow: hidden;
left: 0px;
right: 0px;
top: 0px;
margin: 0px auto;
padding: 0px 20px;
background: #f3ebde;
}

header .siteMenu {
display: none;
}


#ana_hakkimizda .sol {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
}
#ana_hakkimizda .sag {
width: calc(100% - 0px);
float: unset;
margin-top: 30px;
}

#ana_kategori ul li {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
background: var(--siyah);
}
#ana_kategori ul li img {
width: auto;
height: 260px;
}
#ana_kategori ul li:last-child {
margin-top: 30px;
}

#ana_kategori ul li strong {
height: auto;
padding: 87px 30px 87px 30px!important;
padding-top: calc(25% - 44px);
padding-bottom: calc(25% - 44px);
font-size: 32px;
color: var(--siyah);
}

#sayfaResmi {
display: none;
}
.hakkimizda_detay .sag,
.hakkimizda_detay .sol {
width: 100%;
float: unset;
margin-right: 0px;
}
.hakkimizda_detay .gorselAlani figure img,
.hakkimizda_detay .gorselAlani figure {
height: auto;
}

#sayfailetisim .bize_ulasin .ilsol {
width: calc(100% - 0px);
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#subeler_yeni ul {
width: calc(100% - 2px);
float: unset;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
#subeler_yeni ul:last-child {
margin: 0px 0px 0px 0px;
}





}

@media screen and (max-width: 768px) {
.ust125 {
margin-top: 90px;
}

#ana_hakkimizda .sol a.telefon {
width: 100%;
padding-left: 0px;
padding-top: 30px;
}

#ana_pdf strong,
#ana_pdf span {
width: calc(100% - 80px);
}
#ana_pdf span {
margin-bottom: 30px;
}
#ana_pdf a {
margin: 0px auto 0px auto;
clear: both;
}

#ana_yazi .sol {
width: calc(100% - 0px);
float: unset;
}
#ana_yazi .sag {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
margin-bottom: 30px;
}

.gorselAlani figure,
.gorselAlani figure img {
height: auto;
}

footer .blok {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
margin-bottom: 45px;
}
footer .blok:last-child {
margin-bottom: 0px;
}


.sayfa_fotogaleri ul#sayfa_icerik_listele li {
width: calc(50% - 15px);
height: auto;
overflow: hidden;
position: relative;
float: left;
margin-right: 30px;
margin-bottom: 30px;
padding: 0px 0px 0px 0px;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li:nth-of-type(2n) {
margin-right: 0px;
}
.sayfa_fotogaleri ul#sayfa_icerik_listele li:nth-of-type(4n) {
margin-right: 0px;
}


}

@media screen and (max-width: 500px) {

#ana_kategori ul li img {
width: auto;
height: 200px;
}
#ana_kategori ul li strong {
font-size: 18px;
color: var(--siyah);
}
#ana_kategori ul li strong {
padding: 80px 30px 80px 30px !important;
}

}

@media screen and (max-width: 400px) {





}