html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
}

div.header_contain {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div.header {
    width: 100%;
    height: 100%;
    background-image: url(../images/gecici1.png);
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    animation: zoom 15s infinite;
    transition: all ease-in-out 0.5s;
}

div.yazi_kismi {
    width: 400px;
    height: 400px;
    background-color: white;
    position: absolute;
    bottom: 100px;
    right: 100px;
    animation: yazi_kismi_acil 2s ease-in-out;
}

div.yazi_kismi1 {
    background-color: white;
}

div.yazi_kismi2 {
    background-color: black;
}

div.yazi_kismi3 {
    background-color: #7d7d7d;
}

div.yazi_kisim_contain {
    padding: 50px 90px;
}

div.yazi_kismi p.baslik1 {
    font-weight: bold;
    margin-bottom: 25px;
}

div.yazi_kismi p.baslik2 {
    font-weight: bold;
    margin-bottom: 25px;
    color: wheat;
}

div.yazi_kismi p.baslik3 {
    font-weight: bold;
    margin-bottom: 25px;
    color: white;
}

div.yazi_kismi p.icerik2 {
    color: wheat;
}

div.yazi_kismi p.icerik3 {
    color: white;
}

span.number1 {
    font-weight: bold;
    font-size: 75px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -45px;
}

span.number2 {
    font-weight: bold;
    font-size: 75px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -45px;
    color: wheat;
}

span.number3 {
    font-weight: bold;
    font-size: 75px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -45px;
    color: white;
}

p.gorun {
    animation-name: gorunanime;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}

div.steps {
    display: none;
}

div.steps.activeStep {
    display: block;
}

section.section1 {
    height: 100%;
    background: url(../images/bcg6.jpg);
}

section.section2 {
    position: relative;
    background-color: black;
    padding: 150px 0;
}

section.section3 {
    width: 100%;
    position: relative;
    background-color: black;
    padding: 150px 0;
}

div.whyUs_contain {
    height: 60%;
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

div.whyUs {
    height: 50%;
    position: relative;
    float: left;
}

div.whyUs1 {
    background: black;
    width: 60%;
    display: inline-block;
}

div.whyUs2 {
    background: white;
    width: 40%;
    display: inline-block;
}

div.whyUs3 {
    background: #7d7d7d;
    width: 40%;
    display: inline-block;
}

div.whyUs4 {
    background: wheat;
    width: 60%;
    display: inline-block;
}

div.whyUs_block {
    padding: 0px 50px;
    height: 100%;
}

div.whyUs_content {
    padding: 0 75px;
    height: 100%;
}

img.whyUs_image {
    height: 30%;
    position: relative;
    top: 50%;
    float: left;
    transform: translateY(-50%);
}

div.whyUs_yazi_block {
    color: white;
    padding: 0 150px;
    position: relative;
    top: 50%;
    transform: translateY(-60%);
}

div.whyUs_yazi_block p {
    margin: 0;
}

h1.whyUs_baslik {
    display: inline-block;
    border-bottom: 3px solid white;
    padding-right: 100px;
    border-radius: 0px;
}

div.yazi_block2 {
    color: black;
}

div.yazi_block2 h1 {
    border-bottom: 3px solid black;
}

div.yazi_block3 {
    color: wheat;
}

div.yazi_block3 h1 {
    border-bottom: 3px solid wheat;
}

div.yonlendirmeler {
    text-align: center;
}

img.yonlendirme_image {
    width: 100%;
    height: 350px;
}

div.paddingle {
    padding: 0 25px;
}

h1.faaliyet_baslik {
    color: wheat;
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translateX(-50%);
    border-bottom: 3px solid wheat;
}

p.baslik_yonlendirme {
    position: absolute;
    color: white;
    font-size: 22px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 3px solid white;
    padding-bottom: 5px;
    top: 10%;
}

div.butonlar {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

a {
    text-decoration: none;
}

div.botonlar a {
    text-decoration: none;
}

button {
    cursor: pointer;
}

button.buton_yonelndirme {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
    border: none;
    padding: 5px 25px;
    border-radius: 15px;
}

button.tamamlanan {
    background-color: black;
    color: white;
}

button.devam_eden {
    background-color: #7d7d7d;
    color: white;
}

div.faaliyet_alanlari {
    width: 100%;
}

div.yonlendirmeler h1 {
    color: wheat;
    font-size: 50px;
    border-bottom: 3px solid wheat;
    display: inline-block;
    text-align: center;
    margin-bottom: 50px;
}

div.faaliyet_orta {
    padding: 0 100px;
}

div.faaliyet_padingle {
    padding: 25px 50px;
    text-align: center;
}

div.faaliyet_padingle img {
    border-radius: 50%;
    width: 175px;
    height: 175px;
    margin: 0 auto;
    display: block;
}

div.faaliyet_padingle p {
    color: wheat;
    display: block;
    margin: 20px auto;
    font-size: 20px;
}

@keyframes yazi_kismi_acil {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 400px;
        opacity: 1;
    }
}

@keyframes yazi_kismi_acil2 {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 350px;
        opacity: 1;
    }
}

@keyframes yazi_kismi_acil_mobil {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 300px;
        opacity: 1;
    }
}

@keyframes gorunanime {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}

@media (max-width: 1400px) {
    div.yazi_kismi {
        width: 400px;
        height: 350px;
        position: absolute;
        bottom: 50px;
        right: 100px;
        animation: yazi_kismi_acil2 2s ease-in-out;
    }
    div.whyUs_yazi_block {
        padding: 0 90px;
    }
}

@media (max-width: 990px) {
    img.whyUs_image {
        height: 20%;
    }
    div.whyUs_block {
        padding: 0px 5px;
    }
    div.whyUs_content {
        padding: 0 5px;
    }
    div.whyUs_yazi_block {
        padding: 0;
        padding-left: 45px;
    }
    div.whyUs_yazi_block p {
        font-size: 10px;
    }
    h1.whyUs_baslik {
        padding-right: 0;
        margin: 0px;
        font-size: 16px;
        margin-bottom: 5px;
    }
    div.yazi_kismi {
        width: 300px;
        height: 300px;
        position: absolute;
        bottom: 50px;
        right: 10px;
        animation: yazi_kismi_acil_mobil 2s ease-in-out;
    }
    div.yazi_kismi p.baslik1 {
        margin-bottom: 10px;
    }
    div.yazi_kisim_contain {
        padding: 50px;
    }
    div.paddingle {
        padding: 0 5px;
    }
    div.tunel {
        padding: 0;
    }
    div.yonlendirme_element {
        margin-top: 25px;
    }
    img.yonlendirme_image {
        height: 300px;
    }
    button.buton_yonelndirme {
        margin-bottom: 10px;
        font-size: 13px;
        padding: 5px 5px;
    }
    p.baslik_yonlendirme {
        font-size: 16px;
    }
    div.yonlendirmeler h1 {
        font-size: 30px;
    }
    div.faaliyet_orta {
        padding: 0 5px;
    }
    div.faaliyet_padingle {
        padding: 25px 5px;
        text-align: center;
    }
    div.faaliyet_padingle img {
        width: 70px;
        height: 70px;
    }
    div.faaliyet_padingle p {
        font-size: 12px;
    }
    h1.faaliyet_baslik {
        font-size: 30px;
    }
    div.row {
        margin-right: 0;
    }
}