﻿body {
    font-size:15px;
}
.altkamyon {
    background: url(../../../../img/gif.gif) no-repeat;
    width: 1200px;
    height: 200px;
    position: absolute;
    top: 1px;
    right: 0;
    transform-origin: bottom right;
    -webkit-animation: altkamyon 1s 1s ease-out forwards;
    animation: altkamyon 1s 1s ease-out forwards;
    -webkit-animation-duration: 300s;
    animation-duration: 500s;
}


.altbar 
{
    background: url(../../../../img/istanbularka.png) no-repeat center top;
    padding: 115px 0 30px 0;
    position: relative;
}

.MSTKLC .MSTKLC {
    width: 1180px;
}

.altbar {
    background: url(../../../../img/istanbularka.png) no-repeat center top;
    padding: 115px 0 30px 0;
    position: relative;
}

.altbar {
    background: url(../../../../img/istanbularka.png) no-repeat center top;
    padding: 115px 0 30px 0;
    position: relative;
}
}

    .altbar .copyright {
        float: left;
        color: #a9a9a9;
        font-size: 15px;
    }

    .altbar .designedby {
        float: right;
    }

.arkadunya {
    position: absolute;
    background: url(../../../../dunya.png) no-repeat center -68px;
    width: 1000px;
    height: 500px;
    z-index: -3;
    top: 192px;
    left: 150px;
}

.altbar 
{
    background: url(../../../../img/istanbularka.png) no-repeat center top;
    padding: 115px 0 30px 0;
    position: relative;
}
}

.dunyaarka {
    background: url(../../../../img/dunya.png) no-repeat center;

}
/*mobile menu acılır kapanır*/
.nav-list_item > div {
    display: none;
}

/*adres btn*/

.btn {
    color: #ffffff;
    background-color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0;
    border-radius: 7px;
    border: none;
    border-radius: 20px 30px 25px 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

    .btn:before,
    .btn:after,
    .btn span:before,
    .btn span:after {
        content: '';
        background: linear-gradient(to right,#519794,#136284);
        width: 25%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s ease;
    }

    .btn:before {
        top: -100%;
        transition-delay: 0.15s;
    }

    .btn:after {
        left: 25%;
        top: 100%;
        transition-delay: 0.1s;
    }

    .btn span:before {
        left: 50%;
        top: -100%;
        z-index: -1;
        transition-delay: 0.05s;
    }

    .btn span:after {
        left: 75%;
        top: 100%;
        z-index: -1;
    }

    .btn span {
        z-index: 1;
        display: block;
        padding: 10px 20px;
        position: relative;
    }

    .btn:hover:before,
    .btn:hover:after,
    .btn:hover span:before,
    .btn:hover span:after {
        top: 0;
    }

    .btn.green {
        color: #52c234;
    }

        .btn.green:before,
        .btn.green:after,
        .btn.green span:before,
        .btn.green span:after {
            background: linear-gradient(to right,#52c234,#2da30d);
        }

    .btn.blue {
        color: #20BDFF;
    }

        .btn.blue:before,
        .btn.blue:after,
        .btn.blue span:before,
        .btn.blue span:after {
            background: linear-gradient(to right,#20BDFF,#089ad3);
        }

    .btn.orange {
        color: #f76002;
    }

        .btn.orange:before,
        .btn.orange:after,
        .btn.orange span:before,
        .btn.orange span:after {
            background: linear-gradient(to right,#f76002,#d35100);
        }

    .btn:hover {
        color: #fff;
        background-color: #333;
    }

@media only screen and (max-width: 767px) {
    .btn {
        margin-bottom: 20px;
    }
}


a {
    color: #000000;
    text-decoration: none;
}

/*dunya sol*/
.dunyasol1 {
    display: inline-block;
    position: fixed;
    letter-spacing: 0.1px;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    z-index: 9999;
}

.dunyasolbottom {
    bottom: 2em;
    left: 6em;
    float: left;
}
@media (max-width: 767px) {
    .dunyasolbottom {
        bottom: -7em;
        left: 3em;
        float: left;
    }
    .dunyasol1 {
        display: inline-block;
        position: fixed;
        letter-spacing: 0.1px;
        font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
        z-index: 9999;
    }
}

.winter-is-coming, .snow {
    z-index: 100;
    pointer-events: none;
}

.winter-is-coming {
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    /*background: #333;*/
}

.snow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: falling linear infinite both;
    transform: translate3D(0, -100%, 0);
}

.snow--near {
    animation-duration: 10s;
    background-image: url('../../../../img/kar.png');
    background-size: contain;
}

    .snow--near + .snow--alt {
        animation-delay: 5s;
    }

.snow--mid {
    animation-duration: 20s;
    background-image: url('../../../../img/kar1.png');
    background-size: contain;
}

    .snow--mid + .snow--alt {
        animation-delay: 10s;
    }

.snow--far {
    animation-duration: 30s;
    background-image: url('../../../../img/kar2.png');
    background-size: contain;
}

    .snow--far + .snow--alt {
        animation-delay: 15s;
    }

@keyframes falling {
    0% {
        transform: translate3D(-7.5%, -100%, 0);
    }

    100% {
        transform: translate3D(7.5%, 100%, 0);
    }
}
 