/*
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 {
--sari: #faa441;
--turuncu: #ff8d00;
--siyah: rgb(49, 55, 63);
--beyaz: rgb(255, 255, 255);
--gri: rgb(217, 217, 217);
}
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;
}
.padding60 {
padding: 60px 0px;
}
.siteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1400px - 40px);
height: auto;
display: block;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}

.header {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 10px solid var(--turuncu);
}
.logo {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-top: 30px;
margin-left: 190px;
margin-right: 250px;
}
.logo img {
width: 162px;
height: auto;
}

.sosyal_medya {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-top: 100px;
}
.sosyal_medya a {
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 0px 5px;
text-align: center;
background: var(--sari);
float: left;
font-size: 18px;
color: var(--beyaz);
}

.slogan {
width: auto;
height: auto;
overflow: hidden;
display: block;
float: right;
margin-right: 70px;
margin-top: 80px;
}
.slogan strong {
font-size: 24px;
font-weight: 700;
color: var(--siyah);
display: block;
}
.slogan span {
font-size: 18px;
font-weight: 400;
color: var(--siyah);
display: block;
}

.resim_alani {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 30px;
}
.resim_alani_iki {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
border-bottom: 10px solid var(--turuncu);
padding-bottom: 60px;
}
.resim_alani_iki img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
img.resim1 {
width: 96%;
height: auto;
overflow: hidden;
display: block;
}

.yazi_alani {
width: calc(100% - 190px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
margin-left: 190px;
padding: 0px 0px 300px 0px;
}
.yazi_alani strong {
font-size: 28px;
font-weight: 700;
color: var(--siyah);
display: block;
margin-bottom: 30px;
position: relative;
z-index: 3;
}
.yazi_alani span {
width: 860px;
font-size: 24px;
font-weight: 500;
color: var(--siyah);
display: block;
line-height: 1.4;
position: relative;
z-index: 3;
}
.yazi_alani img {
width: 760px;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 0px;
right: 0px;
}
.yazi_alani img:nth-of-type(2n) {
width: auto;
height: 95px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 60px;
left: 0px;
}


.resim_alani_uc {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
margin-bottom: 90px;
}
.resim_alani_uc img {
width: 99%;
height: auto;
overflow: hidden;
display: block;
}
.resim_alani_uc strong {
width: 90%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
margin: 60px auto 0px auto;
font-size: 28px;
font-weight: 700;
color: var(--siyah);
}
.resim_alani_uc span {
width: 90%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 10px auto 0px auto;
font-size: 24px;
font-weight: 500;
color: var(--siyah);
line-height: 1.4;
}




.resim_alani_dort {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
margin-bottom: 90px;
}
.resim_alani_dort img {
width: 96%;
height: auto;
overflow: hidden;
display: block;
float: right;
}
.resim_alani_dort strong {
width: 90%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
margin: 60px auto 0px auto;
font-size: 28px;
font-weight: 700;
color: var(--siyah);
text-align: right;
}
.resim_alani_dort span {
width: 90%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 10px auto 0px auto;
font-size: 24px;
font-weight: 500;
color: var(--siyah);
line-height: 1.4;
text-align: right;
}


.alt_alan {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.alt_alan strong {
width: 90%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 60px;
margin: 60px auto 0px auto;
font-size: 28px;
font-weight: 700;
color: var(--siyah);
text-align: center;
}
.alt_alan span {
width: 90%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 10px auto 0px auto;
font-size: 24px;
font-weight: 500;
color: var(--siyah);
line-height: 1.4;
text-align: center;
}


footer {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
background-image: url(../images/resim9.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 570px;
}
footer a {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 200px 110px 0px 110px;
font-size: 22px;
color: var(--siyah);
}
footer a:nth-of-type(2n) {
float: right;
}
footer span {
width: calc(100% - 220px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 10px 110px 0px 110px;
font-size: 24px;
font-weight: 500;
color: var(--siyah);
line-height: 1.4;
}
.footer_logo {
width: auto;
height: auto;
overflow: hidden;
display: block;
margin-top: -195px;
}
.footer_logo img {
width: auto;
height: 195px;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto;
}

@media screen and (min-width: 981px) and (max-width: 1400px) {
.logo {
margin-top: 30px;
margin-left: 30px;
margin-right: 60px;
}

.yazi_alani img {
width: 550px;
bottom: 0px;
right: 200px;
}
.yazi_alani img:nth-of-type(2n) {
height: 60px;
bottom: 60px;
left: 0px;
}


}

@media screen and (max-width: 980px) {
.logo {
margin-top: 30px;
margin-left: 30px;
margin-right: 60px;
}

.yazi_alani strong,
.yazi_alani span {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}

.yazi_alani {
width: calc(100% - 30px);
margin-top: 60px;
margin-left: 30px;
padding: 0px 0px 250px 0px;
}
.yazi_alani img {
width: 350px;
bottom: 0px;
right: 0px;
}
.yazi_alani img:nth-of-type(2n) {
height: 40px;
bottom: 60px;
left: 0px;
}


footer a {
float: left;
margin: 200px 30px 0px 30px;
}
footer a:nth-of-type(2n) {
float: right;
}
footer span {
width: calc(100% - 60px);
margin: 10px 30px 0px 30px;
}


}

@media screen and (max-width: 768px) {
.logo img {
width: 140px;
}
.slogan {
margin-right: 10px;
}

.slogan strong {
font-size: 18px;
}
.slogan span {
font-size: 14px;
}

footer a {
float: unset;
margin: 200px 30px 0px 30px;
}
footer a:nth-of-type(2n) {
float: left;
margin: 15px 30px 0px 30px;
}
footer span {
width: calc(100% - 60px);
margin: 10px 30px 0px 30px;
}

.footer_logo {
margin-top: -150px;
}
.footer_logo img {
height: 150px;
}
}

@media screen and (max-width: 640px) {
.logo img {
width: 120px;
}
}