@font-face {
    font-family: 'PSansPro Bold';
    src: url('../fonts/PFBeauSansPro-Bold_35345.ttf');
    src: local('☺'), url('../fonts/PFBeauSansPro-Bold_35345.ttf') format('woff'), url('../fonts/PFBeauSansPro-Bold_35345.ttf') format('truetype');
}

@font-face {
    font-family: 'PSansPro Black';
    src: url('../fonts/PFBeauSansPro-Black_35343.ttf');
    src: local('☺'), url('../fonts/PFBeauSansPro-Black_35343.ttf') format('woff'), url('../fonts/PFBeauSansPro-Black_35343.ttf') format('truetype');
}

@font-face {
    font-family: 'PSansPro Light';
    src: url('../fonts/PFBeauSansPro-Light_35348.ttf');
    src: local('☺'), url('../fonts/PFBeauSansPro-Light_35348.ttf') format('woff'), url('../fonts/PFBeauSansPro-Light_35348.ttf') format('truetype');
}

@font-face {
    font-family: 'PSansPro Regular';
    src: url('../fonts/PFBeauSansPro-Regular_35350.ttf');
    src: local('☺'), url('../fonts/PFBeauSansPro-Regular_35350.ttf') format('woff'), url('../fonts/PFBeauSansPro-Regular_35350.ttf') format('truetype');
}


.popup-container {
    float: left;
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: rgba(24,24,24,0.6);
    left: 0;
    top: 0;
    z-index: 9999999;
}

.popup-center {
    float: left;
    width: 100%;
    max-width: 890px;
    height: auto;
    padding-bottom: 50px;
    background-color: rgb(255, 255, 255);
    max-height : 100vh;
    overflow-y : scroll;
    overflow-x : hidden;
}

.popup-head {
    float: left;
    width: calc(100% - 50px);
    margin-left: 25px;
    margin-top: 25px;
    border-bottom: solid 1px #dadada;
    color: #d20a11;
    font-family: 'PSansPro Light';
    font-size: 24px;
    padding-bottom: 25px;
}

.popup-close {
    float: right;
    width: 25px;
    height: 25px;
    background-image: url('../img/icons8-Delete-48 (1).png');
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    background-size: 25px;
    cursor: pointer;
}

.email-head {
    float: left;
    width: 100%;
    margin-left: 25px;
    margin-top: 25px;
    color: #d20a11;
    font-family: 'PSansPro Regular';
    font-size: 16px;
}

.email-input-container {
    float: left;
    width: 100%;
    height: auto;
}

    .email-input-container input {
        float: left;
        width: 60%;
        height: 50px;
        font-family: 'PSansPro Regular';
        padding-left: 15px;
        font-size: 16px;
        margin-top: 15px;
    }

.btn-mail-gonder {
    float: left;
    width: 80px;
    height: 50px;
    color: rgb(255, 255, 255);
    background-color: #d20a11;
    font-family: 'PSansPro Regular';
    font-size: 16px;
    border: 0;
    margin-top: 15px;
    margin-left: 10px;
}

.btn-mail-sil {
    float: left;
    width: 80px;
    height: 50px;
    color: rgb(255, 255, 255);
    background-color: #424241;
    font-family: 'PSansPro Regular';
    font-size: 16px;
    border: 0;
    margin-top: 15px;
    margin-left: 10px;
}

.email-button-container {
    float: left;
}



.istek-head {
    float: left;
    width: 100%;
    margin-left: 25px;
    margin-top: 25px;
    color: #d20a11;
    font-family: 'PSansPro Regular';
    font-size: 16px;
}

.istek-input-container {
    float: left;
    height: auto;
}

    .istek-input-container input {
        float: left;
        width: 100%;
        height: 50px;
        font-family: 'PSansPro Regular';
        padding-left: 15px;
        font-size: 16px;
        margin-top: 15px;
    }

    .istek-input-container textarea {
        float: left;
        width: 100%;
        height: 100px;
        resize: none;
        font-family: 'PSansPro Light';
        color: #424241;
        font-size: 16px;
        padding: 10px;
        margin-top: 15px;
    }

.istek-button-container {
    float: left;
    width: 100%;
    text-align: center;
}

.btn-istek-gonder {
    width: 80px;
    height: 50px;
    color: rgb(255, 255, 255);
    background-color: #d20a11;
    font-family: 'PSansPro Regular';
    font-size: 16px;
    border: 0;
    margin-top: 15px;
    margin-left: 10px;
}

.btn-istek-sil {
    width: 80px;
    height: 50px;
    color: rgb(255, 255, 255);
    background-color: #424241;
    font-family: 'PSansPro Regular';
    font-size: 16px;
    border: 0;
    margin-top: 15px;
    margin-left: 10px;
}


.hesap-head {
    float: left;
    width: 100%;
    margin-left: 25px;
    margin-top: 25px;
    color: #d20a11;
    font-family: 'PSansPro Regular';
    font-size: 16px;
}

.hesap-input-container {
    float: left;
    height: auto;
    padding: 0;
    margin: 0;
}
.hesap-input-container2 {
    float: left;
    height: auto;
    padding: 0;
    margin: 0;
}
.hesap-input-container2 div {
    float: left;
    height: auto;
    padding: 0;
    margin: 0;
}

    .hesap-input-container input {
        float: left;
        width: 170px;
        height: 50px;
        font-family: 'PSansPro Regular';
        padding-left: 15px;
        font-size: 16px;
        margin-top: 15px;
    }

    .hesap-input-container select {
        float: left;
        width: calc(100% - 50px);
        height: 50px;
        font-family: 'PSansPro Light';
        color: #424241;
        font-size: 16px;
        padding: 10px;
        margin-top: 15px;
        margin-left: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent url(../img/select.png) no-repeat right center;
        background-position-x: calc(100% - 10px);
    }
.hesap-input-container2 input {
    float: left;
    width: 170px;
    height: 50px;
    font-family: 'PSansPro Regular';
    padding-left: 15px;
    font-size: 16px;
    margin-top: 15px;
    margin-left : 20px;
}

.hesap-input-container2 select {
    float: left;
    width: 100px;
    height: 50px;
    font-family: 'PSansPro Light';
    color: #424241;
    font-size: 16px;
    padding: 10px;
    margin-top: 15px;
    margin-left: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(../img/select.png) no-repeat right center;
    background-position-x: calc(100% - 10px);
}
.hesap-button-container {
    float: left;
    width: 100%;
    text-align: left;
    padding-left : 10px !important;
} 


.email-popup {
    margin-left: calc(100% * (-1));
}

.istek-popup {
    margin-left: calc(100% * (-1));
}

.hesap-popup {
    margin-left: calc(100% * (-1));
}

.olcu-text-container{
    float :left;
    width : 100%;
    padding-top : 30px !important;
    height : 65px !important;
}
.olcu-text{
    float : left;
    width : 100%;
    height : auto;
    text-align : right;
    font-family : 'PSansPro Regular';
    font-size : 18px;
    color : #424241;
    padding-right : 30px;
}

.btn-hesapla {
    width: 80px;
    height: 50px;
    color: rgb(255, 255, 255);
    background-color: #d20a11;
    font-family: 'PSansPro Regular';
    font-size: 16px;
    border: 0;
    margin-top: 15px;
    margin-left: 10px;
}

.btn-temizle {
    width: 80px;
    height: 50px;
    color: rgb(255, 255, 255);
    background-color: #424241;
    font-family: 'PSansPro Regular';
    font-size: 16px;
    border: 0;
    margin-top: 15px;
    margin-left: 5px;
}

@media screen and (max-width: 478px) {
    .email-input-container input {
        float: left;
        width: 100% !important;
        height: 50px;
        font-family: 'PSansPro Regular';
        padding-left: 15px;
        font-size: 16px;
        margin-top: 15px;
    }
}