@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap&subset=latin-ext");
* { outline: none; }

html { height: 100%; }

body { margin: 0px; min-height: 100%; -webkit-font-smoothing: antialiased; position: relative; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }

img, svg { border: none; max-width: 100%; height: auto; }

.left { float: left; }

.right { float: right; }

.auto { margin: auto; }

.alignleft { display: inline; float: left; margin-right: 1.625em; }

.alignright { display: inline; float: right; margin-left: 1.625em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

.clear { clear: both; }

a:hover { text-decoration: none; }

input[type="submit"], input[type="reset"], input[type="text"], input[type="password"], input[type="email"], textarea, select { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; -moz-appearance: none; }

.os-animation { opacity: 0; }

.os-animation.animated { opacity: 1; }

.nopadding { padding: 0; }

.nopleft { padding-left: 0; }

.nopright { padding-right: 0; }

.form-control { border-radius: 0; }

.form-control:focus { border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.animateMe { opacity: 0; }

.animateMe .animated { opacity: 1; }

.btn.focus, .btn:focus { box-shadow: none; }

/*** MOBILE MENU ***/
* { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; }

html { height: 100%; }

body { background: #ff4f89; background: -moz-linear-gradient(-45deg, #ff4f89 0%, #ff8869 100%); background: -webkit-linear-gradient(-45deg, #ff4f89 0%, #ff8869 100%); background: linear-gradient(135deg, #ff4f89 0%, #ff8869 100%); }
@media screen and (max-width: 996px) { body { overflow-x: hidden; } }
body.menuopen { overflow: hidden; }
@media screen and (max-width: 667px) { body { overflow-x: hidden; } }

/*.bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url("../images/bg.png") center center no-repeat; width: 100%; height: 100%; }*/
.bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url("../images/k.jpg"); width: 100%; height: 100%; }
@media screen and (max-width: 667px) { .bg { background-image: url("../images/k.jpg");} }

.bg_e { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url("../images/e.jpg"); width: 100%; height: 100%; }
@media screen and (max-width: 667px) { .bg_e { background-image: url("../images/e.jpg");} }

.bg_b { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url("../images/b.jpg"); width: 100%; height: 100%; }
@media screen and (max-width: 667px) { .bg_b { background-image: url("../images/b.jpg");} }
/*
@media screen and (max-width: 667px) { .bg { background-image: url("../images/mobile-bg.png"); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } }
*/
.inner { background: #ffffffe8; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 2px solid #FF4358; }

fieldset { background: none; border: none; border-radius: 0; box-sizing: border-box; width: 100%; margin: 0; position: relative; }

fieldset:not(:first-of-type) { display: none; }

.progressbar { margin-bottom: 30px; overflow: hidden; color: lightgrey; padding-top: 40px; }
.progressbar .active { color: #000000; }
.progressbar li { list-style-type: none; width: 25%; float: left; font-size: 14px; font-weight: 500; color: #b6b6b6; text-align: center; position: relative; }
@media screen and (max-width: 1024px) { .progressbar li { font-size: 10px; } }
.progressbar li:before { width: 45px; height: 45px; line-height: 45px; display: block; font-size: 18px; color: #b6b6b6; background: #fff; font-weight: bold; border-radius: 50%; margin: auto; text-align: center; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.16); margin-bottom: 10px; z-index: 2; position: relative; }
@media screen and (max-width: 667px) { .progressbar li:before { width: 25px; height: 25px; line-height: 25px; font-size: 12px; } }
.progressbar li:nth-child(1)::before { content: "1"; }
.progressbar li:nth-child(2)::before { content: "2"; }
.progressbar li:nth-child(3)::before { content: "3"; }
.progressbar li:nth-child(4)::before { content: "4"; }
.progressbar li:nth-child(5)::before { content: "5"; }
.progressbar li:nth-child(6)::before { content: "6"; }
.progressbar li:after { content: ''; width: 100%; height: 2px; background: #F2F2F2; position: absolute; left: 0; top: 25px; z-index: 1; }
@media screen and (max-width: 667px) { .progressbar li:after { top: 12px; } }
.progressbar li:nth-child(1):after { width: 50%; right: 0; left: auto; }
.progressbar li:nth-child(6):after { width: 50%; right: auto; left: 0; }
.progressbar li.active, .progressbar li.active:before, .progressbar li.active:after { color: #FF4358; }

h1 { font-size: 26px; font-weight: bold; color: #4A4A4A; text-align: center; margin-top: 35px; }
@media screen and (max-width: 1024px) { h1 { font-size: 18px; margin-top: 15px; } }
/*
.area-1 .yas { display: block; width: 60%; margin: auto; text-align: center; height: 60px; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; border-radius: 30px; margin-top: 35px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 1024px) { .area-1 .yas { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-1 .yas { width: 100%; height: 40px; line-height: 40px; font-size: 14px; margin-top: 15px; } }
.area-1 .yas.yas-1 { background: #8BC34A; box-shadow: 0px 8px 20px rgba(139, 195, 74, 0.35); }
.area-1 .yas.yas-1:hover { background: #689F38; }
.area-1 .yas.yas-2 { background: #E2172E; box-shadow: 0px 8px 20px rgba(226, 23, 46, 0.35); }
.area-1 .yas.yas-2:hover { background: #b91023; }
.area-1 .alert { border-radius: 53px; background: #F0FBFD; font-size: 14px; line-height: 24px; color: #5D7D83; border: 0; text-align: center; padding: 20px 10%; margin-top: 35px; }
@media screen and (max-width: 667px) { .area-1 .alert { font-size: 12px; padding: 10px 5%; } }
.area-1 .alert strong { display: block; font-size: 19px; color: #4E6064; }
@media screen and (max-width: 667px) { .area-1 .alert strong { font-size: 14px; } }
*/
#sehirname{ display:none; } 
.area-1 select { width: 60%; height: 70px; border: 2px solid #FF4358; border-radius: 30px; display: block; text-indent: 30px; margin: 35px auto auto auto; line-height: 58px; font-size: 18px; color: #5A5A5A; background: url("../images/select-arrow.png") 96% center no-repeat #FF4358; color:white; }
@media screen and (max-width: 667px) { .area-1 select { width: 100%; margin-top: 15px; height: 60px; line-height: 60px; font-size: 14px; } }

.area-1 .next { display: block; width: 60%; margin: auto; text-align: center; height: 60px; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; border-radius: 30px; margin-top: 35px; margin-bottom: 35px; background: #8BC34A; box-shadow: 0px 8px 20px rgba(139, 195, 74, 0.35); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 1024px) { .area-1 .next { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-1 .next { width: 100%; margin-top: 15px; height: 40px; line-height: 40px; font-size: 14px; } }
.area-1 .next:hover { background: #689F38; }

.area-2 select { width: 60%; height: 70px; border: 2px solid #FF4358; border-radius: 30px; display: block; text-indent: 30px; margin: 35px auto auto auto; line-height: 58px; font-size: 18px; color: #5A5A5A; background: url("../images/select-arrow.png") 96% center no-repeat #FF4358; color:white; }
@media screen and (max-width: 667px) { .area-2 select { width: 100%; margin-top: 15px; height: 60px; line-height: 60px; font-size: 14px; } }
.area-2 .next { display: block; width: 60%; margin: auto; text-align: center; height: 60px; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; border-radius: 30px; margin-top: 35px; margin-bottom: 35px; background: #8BC34A; box-shadow: 0px 8px 20px rgba(139, 195, 74, 0.35); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 1024px) { .area-2 .next { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-2 .next { width: 100%; margin-top: 15px; height: 40px; line-height: 40px; font-size: 14px; } }
.area-2 .next:hover { background: #689F38; }



/*
.area-2 select { width: 60%; height: 60px; border: 2px solid #FF4358; border-radius: 30px; display: block; text-indent: 30px; margin: 35px auto auto auto; line-height: 58px; font-size: 18px; color: #5A5A5A; background: url("../images/select-arrow.png") 96% center no-repeat #fff; }
@media screen and (max-width: 667px) { .area-2 select { width: 100%; margin-top: 15px; height: 40px; line-height: 40px; font-size: 14px; } }
.area-2 .next { display: block; width: 60%; margin: auto; text-align: center; height: 60px; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; border-radius: 30px; margin-top: 35px; margin-bottom: 35px; background: #8BC34A; box-shadow: 0px 8px 20px rgba(139, 195, 74, 0.35); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 1024px) { .area-2 .next { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-2 .next { width: 100%; margin-top: 15px; height: 40px; line-height: 40px; font-size: 14px; } }
.area-2 .next:hover { background: #689F38; }
*/
/*
.area-3 .gender { 
    display: block;
    width: 48%;
    float: left;
    margin: auto;
    margin-left: 1%;
    text-align: center;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 60px;
    border-radius: 30px;
    margin-top: 35px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 1%;
}
@media screen and (max-width: 1024px) { .area-3 .gender { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-3 .gender { width: 100%; margin-top: 15px; height: 60px; line-height: 60px; font-size: 14px; margin-bottom:15px } }
.area-3 .gender.gender-1 { background: #03A9F4; box-shadow: 0px 8px 20px rgba(3, 169, 244, 0.35); }
.area-3 .gender.gender-1:hover { background: #027cb3; }
.area-3 .gender.gender-2 { background: #ff627f; box-shadow: 0px 8px 20px rgba(126, 87, 194, 0.35); margin-bottom: 20px; }
.area-3 .gender.gender-2:hover { background: #ff4f89; }
*/


.area-3 select { width: 60%; height: 70px; border: 2px solid #FF4358; border-radius: 30px; display: block; text-indent: 30px; margin: 35px auto auto auto; line-height: 58px; font-size: 18px; color: #5A5A5A; background: url("../images/select-arrow.png") 96% center no-repeat #FF4358; color:white; }
@media screen and (max-width: 667px) { .area-3 select { width: 100%; margin-top: 15px; height: 60px; line-height: 60px; font-size: 14px; } }
.area-3 .next { display: block; width: 60%; margin: auto; text-align: center; height: 60px; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; border-radius: 30px; margin-top: 35px; margin-bottom: 35px; background: #8BC34A; box-shadow: 0px 8px 20px rgba(139, 195, 74, 0.35); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 1024px) { .area-3 .next { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-3 .next { width: 100%; margin-top: 15px; height: 60px; line-height: 60px; font-size: 14px; } }
.area-3 .next:hover { background: #689F38; }

/*
.area-4 .next, .area-5 .next { display: block; width: 60%; margin: auto; text-align: center; height: 60px; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; border-radius: 30px; margin-top: 35px; margin-bottom: 35px; background: #8BC34A; box-shadow: 0px 8px 20px rgba(139, 195, 74, 0.35); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 1024px) { .area-4 .next, .area-5 .next { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-4 .next, .area-5 .next { width: 100%; margin-top: 15px; margin-bottom: 15px; height: 40px; line-height: 40px; font-size: 14px; } }
.area-4 .next:hover, .area-5 .next:hover { background: #689F38; }
*/

.area-4 input[type="text"], .area-4 input[type="password"], .area-4 input[type="email"] { width: 100%; height: 60px; border: 2px solid #FF4358; border-radius: 30px; display: block; text-indent: 30px; margin: 35px auto auto auto; line-height: 58px; font-size: 18px; color: #5A5A5A; background: #fff; }
@media screen and (max-width: 1024px) { .area-4 input[type="text"], .area-4 input[type="password"], .area-4 input[type="email"] { margin-top: 15px; } }
@media screen and (max-width: 667px) { .area-4 input[type="text"], .area-4 input[type="password"], .area-4 input[type="email"] { width: 100%; margin-top: 15px; height: 40px; line-height: 40px; font-size: 14px; } }
.area-4 input[type="button"] { display: block; width: 100%; margin: auto; text-align: center; height: 60px; font-size: 18px; font-weight: bold; color: #fff; line-height: 60px; border-radius: 30px; margin-top: 35px; margin-bottom: 35px; background: #8BC34A; box-shadow: 0px 8px 20px rgba(139, 195, 74, 0.35); border: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 1024px) { .area-4 input[type="button"] { font-size: 16px; } }
@media screen and (max-width: 667px) { .area-4 input[type="button"] { width: 100%; margin-top: 15px; height: 40px; line-height: 40px; font-size: 14px; } }
.area-4 input[type="button"]:hover { background: #689F38; }
@media screen and (max-width: 667px) { 
.area-4 .box-area { display: none; } 
.area-4 #Resimler2 { display: block; } 
.area-4 .box-area .box{ width:31%;float:left; margin-left:1%; margin-right:1%;}
.area-4 .box-area .box .img img { width: 100%; border-radius: 100%; max-height: 100px !important; }
.alert { font-size: 13px; }
#sehirname{ display:block; } 
}
.area-4 .box-area .box { margin-bottom: 20px; }
.area-4 .box-area .box .img { position: relative; }
.area-4 .box-area .box .img img { width: 100%; border-radius: 100%; max-height: 115px; }
.area-4 .box-area .box .img span { width: 16px; height: 16px; border-radius: 100%; background: #8BC34A; position: absolute; left: 10px; top: 10px; }
@media screen and (max-width: 1024px) { .area-4 .box-area .box .img span { left: 5px; top: 5px; } }

/*# sourceMappingURL=style.css.map */
@media screen and (max-width: 667px) { 
#Resimler2,#Resimler1{
	display:none !important;
}

}
.arrow{
        height: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 49px;
    margin-top: 15px;
}
.arrow span{
    display: block;
    width: 20px;
    height: 20px;
    border-bottom: 5px solid #FF4358;
    border-right: 5px solid #FF4358;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
	margin-left: auto;
    margin-right: auto;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}