/**
*   Font Kütüphaneleri
*/
@font-face {
    font-family: 'bozonBold';
    src: url('../fonts/cufon/BozonBold.otf');
    font-display: auto;
}
@font-face {
    font-family: 'bozonRegular';
    src: url('../fonts/cufon/BozonRegular.otf');
    font-display: auto;
}
@font-face {
    font-family: 'bozonDemiBold';
    src: url('../fonts/cufon/BozonDemiBold.otf');
    font-display: auto;
}
/**
*   Genel Sitiller
*/
body {
    /* background-image: url('../img/wallpaper.jpeg'); */
    /* background-image: url('../img/wall.jpg'); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #484848;
    font-family: 'bozonRegular';
}
.shadow {
    /* background-color: rgba(240,240,255,0.95); */
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
}
a {
    color: #484848;
    text-decoration: none;
}
/**
*   Header Stilleri
*/
header {
    margin-bottom: 75px;
}
header .sponsor {
    border: solid 0.5px rgba(72,72,72,0.4);
    color: #484848;
    padding: 10px 20px;
    border-radius: 10px;
    font-family: 'bozonDemiBold';
}
/**
*   Main Stillileri
*/
main .slogan {font-size:16px;margin:5px 0px;}
main .text-process {font-size:40px;font-family:'bozonBold';}

.shadow-white {filter: drop-shadow(0px 50px 70px rgba(0, 0, 0, 0.051));}

.count-space {text-align:center;}
.count-space .count-element {width:150px;margin:10px;display: inline-block;}
.count-space .count-element .icon-bg {background-color:#fff;border-radius:10px;float:left;height:35px;width:45px;text-align:center;line-height:35px; box-shadow: 0px 4px 15px rgba(0, 0,0,0.1);}
.count-space .count-element .icon-bg img {width:60%;}
.count-space .count-element span {float:right;width:95px;height:35px;line-height:35px;margin-left:10px;text-align:left;font-size:14px;}


form {width:100%;margin:25px auto;background:#fff;border-radius:10px;padding:20px;font-size:20px;color:#484848;}
form input[type=text] {width:350px;border:none;border-right:solid 1px rgb(220,220,220);height:40px;color:#484848;font-size:18px;}
form select {width:calc(100% - 485px);border:none;margin:0px 15px;color:#484848;font-size:18px;height:40px;}
form select option {color:#484848!important;}
form input[type=submit] {width:100px;height:40px;background:#5FB547;border:none;border-radius:5px;color:#fff;float:right;font-size:16px;}
select {
   /* -webkit-appearance: none; */
   /* -moz-appearance: none; */
   /* appearance: none;       /* Remove default arrow */
   /* background-image: url(...);   /* Add custom arrow */
   /* background: #fff; */
}
input:focus, select:focus{outline: none;}


.options {
    background:#fff;
    border-radius:10px;
    padding: 20px;
}
.options .options-title {
    border-bottom: solid 1px rgb(220,220,220);
    height: 50px;
    padding: 0px 0px;
    line-height: 50px;
    font-size: 16px;
    font-family: 'bozonBold';
}
.options .options-title span {
    border-bottom: solid 3px #5FB547;
    height: 50px;
    padding: 14px 20px;
}
.options .options-list {
    padding: 0px;
    margin-top: 15px;
}
.options .options-list li{
    font-family: 'bozonRegular';
    font-size: 14px;
    line-height: 16px;
    list-style-type: none;
    display: inline-block;
    width: calc(25% - 13px);
    margin: 5px;
}



nav ul {
    text-align: center;
    margin: 50px 0px;
    padding: 0px;
}
nav ul li {
    list-style-type: none;
    display: inline-block;
    margin: 10px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'bozonRegular';
    color: #484848;
}
nav ul li a:hover {
    color: #484848;
}


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

    header {
        margin-bottom: 50px;
    }

    main .slogan {font-size:15px;}
    main .text-process {font-size:35px;}



    form input[type=text] {width:100%;border-right:none!important;height:40px;}
    form select {width:100%;border:none;margin:15px 0px;height: 40px;}
    form input[type=submit] {width:100%;height:40px;background:#5FB547;border:none;border-radius:5px;color:#fff;font-size:16px;}


    .options .options-list li{
        font-size: 16px;
        line-height: 22px;
        width: calc(50% - 13px);
        margin: 5px;
        text-align: left;
    }
    .options .options-list li:nth-child(even){
        /* text-align: right; */
    }
}
@media (max-width:494px)
{
     main .text-process {font-size:25px;}
}