.head{width:100%;display:table;position:absolute;z-index:99;top: 0;}
.head>div:first-child{width: 100%;text-align: center;display: table-cell;vertical-align: middle;}
.head>div:first-child>a>img{width: 250px;}


.homepage{display: table;width: 100%;height: 100%;}
.slogan{display: table;width: 100%;text-align: center;}
.slogan>div{display:table-cell;vertical-align:middle}
.ortala{max-width: 700px;margin:0 auto;}
.slogan p{font-size: 32px;line-height: 38px;font-weight: 200;}

.slogan h2{margin-top: 20px;font-size: 16px;color: #000;font-weight: 200;}

.sorucevap{width: 80%;margin: 50px auto;}
.sorucevap h1{margin-bottom: 50px;text-align: center;font-size: 25px;}
.sorucevap>div>div{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #7ec1e5;}
.sorucevap>div>div>div{}
.sorucevap>div>div>div:first-child{margin-bottom: 15px;}
.sorucevap>div>div>div:first-child p{font-size: 15px;line-height: 22px;}
.sorucevap>div>div>div:first-child p span{font-weight: 900;}
.sorucevap>div>div>div:last-child{display: flex;align-items: center;}
.sorucevap>div>div>div:last-child>div:first-child{/* background: #f98293; */border-radius: 70px;border: 1px solid #009ba4;width: 80px;height: 80px;display: flex;justify-content: center;margin-right: 20px;min-width: 80px;}
.sorucevap>div>div>div:last-child>div img{width: 80%;}
.sorucevap>div>div>div:last-child p{font-size: 15px;line-height: 22px;}
.sorucevap>div>div>div:last-child p span{font-weight: 900;}

.form{width: 100%;display:table; text-align: center;margin: 0 auto;}
.form>Div{display:table-cell;vertical-align: middle;width:100%;}
.form form{width:100%;height: 200px;margin:0 auto;position: relative;}
.form textarea{border: 2px solid #d0d0d0;border-radius: 20px;padding:20px;font-family: 'Roboto', sans-serif;width:100%;height:100%;font-size: 16px;}
.form textarea:focus{border-color:#009ba4}
.form button {width: 200px;padding: 15px;text-align: center;margin: 0 auto;color: #fff;display: block;border: 0;border-radius: 25px;font-size: 18px;cursor: pointer;flex: 1;letter-spacing: 2px;white-space: nowrap;user-select: none;background: transparent;background: url(/img/nav-bg-fill.png) #009ba4;background-repeat: repeat-x;background-position: 0 -40%;transition: 3s ease;box-shadow: 0px 0px 1px 1px #009ba4;margin: 15px auto 0 auto;}
.form button:hover {background-position: 500% 100%;color:#009ba4;}


.footer{width: 100%;overflow: hidden;/* position:absolute; */bottom:0}
.footer>img{height: 100%;transform: translateX(-50%);left: 50%;position: relative;max-width:100%}
.dil{width: 34px;display: table;position: absolute;right: 300px;top: 25px;cursor: pointer;}
.dil>span >img{margin-bottom: 5px;padding-left: 7px;}
.dil ul{margin-top: 7px;display:none;}
.dil ul li{font-size: 15px;}
.dil ul li a{display:block;color: #949494;}
.dil ul li a:hover{color:#009ba4}

.lds-ellipsis {display: none;position: absolute;width: 70px;height: 100%;z-index: 1;left: calc(50% - 50px);top: calc(50% - 50px);}
.lds-ellipsis div {position: absolute;top: 33px;width: 13px;height: 13px;border-radius: 50%;background: #9cf3f7;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.footerimza{background:#009ba4;width:100%;display:table;/* position: absolute; *//* bottom: -42px; *//* margin-bottom: 60px; */font-size: 15px;}
.footerimza>div{}
.footerimza>div:first-child{}
.footerimza>div:first-child p{text-align:center;color:#fff;line-height: 43px;}
.footerimza>div:nth-child(2){position:absolute;top: calc(50% - 7px);right:200px;}
.footerimza>div:nth-child(2) a{color:#fff}
.footerimza>div:nth-child(2) a span{font-weight:600}

.basarili{display: none;width: 100%;height: 100%;}
.basarili>div{display: table-cell;vertical-align: middle;border: 2px solid #009ba4;border-radius: 20px;}
.basarili>div>p{}

@media(max-width:700px) {
    .head>div:first-child>a>img{width:170px}
    .homepage{display:block}
    .dil{right:20px}
    .slogan{margin:15px 0}
    .ortala{width:90%}
    .form form{height:130px}
    .form>Div{vertical-align:top}
    .slogan p{font-size:26px}
    .footerimza{font-size:13px}
    .footerimza>div:first-child p{text-align:left;padding-left:30px;line-height: 50px;}
    .footerimza > div:nth-child(2){right:30px}
    .footer{height:150px!important;}
    .footer>img {max-width:inherit}
    .form button{background:#009ba4;color: #fff;}
    .form button:hover {background-position: 0 -50%;color: #fff;}

}