/*Mobil*/

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

    .bannerImage {
        height: 100px;
        width: 710px;
        margin-left: 13px;
        margin-top: 5px;
    }

    .marginTop {
        margin-top: -170px;
    }
}
/******/

/*Mobil HARİÇ*/

@media only screen and (min-width:420px) {
    .bannerImage {
        height: 20%;
        width: 20%;
        margin-left: 700px;
        margin-top: 154px;
    }
    .marginTop {
        margin-top: 50px;
    }
}
/*************/

.buttonSpecial {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 15px;
    border: solid 2px #fff;
    margin: 0 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    font-family: 'pf_handbook_proregular', Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative;
}

    .buttonSpecial:hover {
        color: black;
        background-color: white;
    }


.outli {
    margin-top: 35px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-family: 'pf_handbook_proregular', Arial, Helvetica, sans-serif;
}

#intro2 {
    background: #1e2a36 url("../imgs/intro-bg.jpg") center top;
}

    #intro2 .yarisma {
   
        width: 710px;
        height: 100px;
        margin: -310px 0 0 -355px;
        left: 50%;
        top: 50%;
        position: absolute;
    }

        #intro2 .yarisma .link {
            font-size: 18px;
            color: #fff;
            display: block;
            padding: 15px;
            border: solid 2px #fff;
            margin: 0 10px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            text-align: center;
            font-family: 'pf_handbook_proregular', Arial, Helvetica, sans-serif;
            overflow: hidden;
            position: relative;
        }

    #intro2 .links {
        clear: both;
        text-align: center;
    }

        #intro2 .links li {
            display: inline-block;
            text-align: center;
            margin-bottom: 20px;
            width: 29%;
        }

            #intro2 .links li .link2 {
                color: #fff;
                text-align: center;
            }

    #intro2 .yarisma .link span {
        display: block;
        width: 100%;
        position: absolute;
        z-index: 10;
        top: 70px;
        left: 0;
        padding: 15px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #intro2 .yarisma .link:hover span {
        background-color: #fff;
        color: #1e2b36;
        top: 0;
    }






#intro2 {
    background: #1e2a36 url("../imgs/intro-bg.jpg") center top;
}

    #intro2 .yarisma {
     
        width: 710px;
        height: 100px;
        margin: -310px 0 0 -355px;
        left: 50%;
        top: 50%;
        position: absolute;
    }

        #intro2 .yarisma .link {
            font-size: 18px;
            color: #fff;
            display: block;
            padding: 15px;
            border: solid 2px #fff;
            margin: 0 10px;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            text-align: center;
            font-family: 'pf_handbook_proregular', Arial, Helvetica, sans-serif;
            overflow: hidden;
            position: relative;
        }

    #intro2 .links {
        clear: both;
        text-align: center;
    }

        #intro2 .links li {
            display: inline-block;
            text-align: center;
            margin-bottom: 20px;
            width: 29%;
        }

            #intro2 .links li .link2 {
                color: #fff;
                text-align: center;
            }

    #intro2 .yarisma .link span {
        display: block;
        width: 100%;
        position: absolute;
        z-index: 10;
        top: 70px;
        left: 0;
        padding: 15px 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #intro2 .yarisma .link:hover span {
        background-color: #fff;
        color: #1e2b36;
        top: 0;
    }



/*#region cookie */



#cookie-not {
    position: fixed;
    bottom: 16px;
    top: auto;
    margin: 0;
    height: 249px;
    width: 450px;
    left: 16px;
    max-width: 90vW;
    max-height: 345px;
}

    #cookie-not .modal-dialog {
        margin: 0;
    }

    #cookie-not .modal-content {
        height: 249px;
        background-color: rgba(104,105,108,0.97);
        border-radius: 16px;
        box-shadow: 0 0 15px 0 #0000001d;
    }

    #cookie-not .modal-header {
        padding: 15px 0 10px;
        border-bottom: none;
    }

    #cookie-not .modal-title {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        width: 100%;
    }

    #cookie-not .modal-header .close {
        opacity: 1;
        border: 0;
        outline: none;
        opacity: 1;
        border: 0;
        outline: none;
        width: 20px;
        height: 20px;
        padding: 10px 10px;
        margin: -10px -10px -10px auto;
    }

    #cookie-not .modal-header span {
        font-size: 50px;
        position: absolute;
        font-weight: 300;
        top: 8px;
        right: 14px;
        color: #a7a9ac;
        text-shadow: none;
    }

    #cookie-not .modal-body {
        margin: 0;
        padding: 0 20px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        max-height: 108px;
        overflow-x: auto;
    }

    #cookie-not a {
        text-decoration: underline !important;
        color: #ffffff;
    }

    #cookie-not .modal-footer {
        border-top: none;
        margin: 10px 0;
        padding: 7.5px;
    }

    #cookie-not .btn {
        background-color: white;
        width: 90%;
        background-image: none;
        color: #68696c;
        font-size: 16px;
    }



/*#endregion */