@font-face {
    font-family: 'Avenir-Black';
    src: url(../fonts/avenir/Avenir-Black.html);
    src: url(../fonts/avenir/Avenir-Blackd41d.html?#iefix) format('embedded-opentype'),url(../fonts/avenir/Avenir-Black-2.html) format('woff'),url(../fonts/avenir/Avenir-Black-3.html) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-Book';
    src: url(../fonts/avenir/Avenir-Book.html);
    src: url(../fonts/avenir/Avenir-Bookd41d.html?#iefix) format('embedded-opentype'),url(../fonts/avenir/Avenir-Book-2.html) format('woff'),url(../fonts/avenir/Avenir-Book-3.html) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir-Roman';
    src: url(../fonts/avenir/Avenir-Roman.html);
    src: url(../fonts/avenir/Avenir-Romand41d.html?#iefix) format('embedded-opentype'),url(../fonts/avenir/Avenir-Roman-2.html) format('woff'),url(../fonts/avenir/Avenir-Roman-3.html) format('truetype');
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    outline: none;
}

body{
	font-family:Arial;
}

::-webkit-scrollbar-track
{
	background-color: #fff;
}

::-webkit-scrollbar
{
	width: 10px;
}

::-webkit-scrollbar-thumb
{
	background-color: #404041;
}

#lightalert {
    line-height: 1.5em !important;
}

.blockUI.blockMsg.blockPage {
    border: none !important;
    box-sizing: border-box;
    padding: 10px !important;
    font-family: arial;
    font-size: 13px;
}

.relative100 {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
}

.ortala {
    position: relative;
    float: left;
    width: 100%;
    z-index: 22;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.chkon {
    width: 75px;
    height: 28px;
    background: url(../images/dolu.jpg) no-repeat;
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    z-index: 2;
    padding-left: 33px;
    padding-top: 0px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #757573;
    font-size: 14px;
}

.chkof {
    width: 75px;
    height: 28px;
    background: url(../images/bos.jpg) no-repeat;
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    z-index: 2;
    padding-left: 32px;
    padding-top: 0px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #757573;
    font-size: 14px;
}

#inline1 {
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
    padding: 15px;
    display: none;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}

    #inline1 h3 {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

.topmenu {
    height: 110px;
    z-index: 6;
}

.topcontact {
    position: absolute;
    left: 20px;
    top: 20px;
}

.a1 {
    color: #143153;
    text-decoration: none;
    font-family: Arial;
    font-size: 18px;
    position: relative;
    float: left;
    margin-top: 1px;
    letter-spacing: -1px;
    display: block;
}

.span1 {
    background-color: #143153;
    display: block;
    width: 2px;
    height: 19px;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 1px;
}

.span2 {
    color: #143153;
    text-decoration: none;
    font-family: Arial;
    font-size: 15px;
    position: relative;
    float: left;
    margin-top: 2px;
    font-weight: bold;
}

.img1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    margin: auto;
    display: block;
    /* z-index: 99999999; */
    width: 260px;
}

.span3 {
    position: absolute;
    right: 35px;
    top: -2px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 16px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    color: #1d1d1b;
}

.img2 {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    z-index: 1;
    margin-top: -40px;
}

.img3 {
    position: relative;
    display: inline-block;
    z-index: 3;
    top: -180px;
}

.img4 {
    position: relative;
    display: inline-block;
    top: -115px;
    z-index: 2;
    margin-left: 50px;
    margin-right: 50px;
    max-width: 350px;
    width: 96%;
    -webkit-animation: ball 5s linear infinite;
    -moz-animation: ball 5s linear infinite;
    -ms-animation: ball 5s linear infinite;
    -o-animation: ball 5s linear infinite;
    animation: ball 5s linear infinite;
}

@media screen and (max-width: 616px) {
    .img4 {
        -webkit-animation: initial;
        -moz-animation: initial;
        -ms-animation: initial;
        -o-animation: initial;
        animation: initial;
    }
}

@-webkit-keyframes ball {
    0% {
        top: -155px;
    }

    25% {
        top: -135px;
    }

    50% {
        top: -105px;
    }

    75% {
        top: -135px;
    }

    100% {
        top: -155px;
    }
}

@-moz-keyframes ball {
    0% {
        top: -155px;
    }

    25% {
        top: -135px;
    }

    50% {
        top: -105px;
    }

    75% {
        top: -135px;
    }

    100% {
        top: -155px;
    }
}

@-ms-keyframes ball {
    0% {
        top: -155px;
    }

    25% {
        top: -135px;
    }

    50% {
        top: -105px;
    }

    75% {
        top: -135px;
    }

    100% {
        top: -155px;
    }
}

@-o-keyframes ball {
    0% {
        top: -155px;
    }

    25% {
        top: -135px;
    }

    50% {
        top: -105px;
    }

    75% {
        top: -135px;
    }

    100% {
        top: -155px;
    }
}

@keyframes ball {
    0% {
        top: -155px;
    }

    25% {
        top: -135px;
    }

    50% {
        top: -105px;
    }

    75% {
        top: -135px;
    }

    100% {
        top: -155px;
    }
}

.img5 {
    position: relative;
    display: inline-block;
    z-index: 2;
    top: -220px;
    max-width: 322px;
    width: 96%;
}

.p1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    color: #525252;
    margin-top: -60px;
}

.mainmidle {
    width: 100%;
    max-width: 1357px;
    position: relative;
    margin: auto;
    margin-top: 55px;
    height: 562px;
}

.img6div {
    width: 1011px;
    height: 562px;
    background-size: cover;
    background-position: left center;
    background-image: url(../images/orta.png);
    position: relative;
    float: left;
}

.img6 {
    position: relative;
    float: left;
    width: 834px;
    display: block;
}

.img7 {
    position: absolute;
    left: -45px;
    top: -45px;
    z-index: 1;
}

.midleright {
    width: 413px;
    height: 393px;
    position: absolute;
    right: -82px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.img8 {
    position: absolute;
    width: 100%;
    max-width: 413px;
    top: -60px;
    left: 0;
    z-index: -1;
    right: 0;
    margin: auto;
}

.img9 {
    position: absolute;
    z-index: 2;
    right: -57px;
    bottom: 0;
    height: 107%;
}

.span4 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    margin-top: 83px;
    line-height: 25px;
    font-weight: 300;
    color: #1b2b4d;
}

.span5 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    margin-top: 10px;
    line-height: 30px;
    font-weight: 600;
    color: #1d2d4e;
}

.span6 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    margin-top: 10px;
    line-height: 24px;
    font-weight: 300;
    color: #858897;
}

.span7 {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    padding-left: 80px;
    padding-right: 30px;
    margin-top: 23px;
    color: #404040;
}

.span8 {
    position: relative;
    width: 42px;
    height: 42px;
    border: 1px solid #ce9e70;
    border-radius: 50px;
    padding-top: 15px;
    text-align: center;
    color: #ce9e70;
    cursor: pointer;
    font-size: 10px;
    transition: ease 0.25s all;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    display: block;
    float: left;
    margin: 60px 0px 0px 80px;
    /* margin-left: 80px; */
    /* margin-top: 60px; */
}

    .span8:hover {
        -webkit-transform: translate(50%, -50%) rotate(180deg);
        transform: translate(0%, 0%) rotate(180deg);
        background-color: #ce9e70;
        color: #fff;
        border: 1px solid #ce9e70;
    }

.img10 {
    position: relative;
    display: block;
    margin: auto;
    max-width: 464px;
    width: 96%;
}

.img11 {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    margin-top: 0;
}

.mapform {
    height: 580px;
}

    .mapform .left {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

    .mapform .right {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

.bsaform {
    width: 97%;
    max-width: 630px;
    height: 316px;
    position: absolute;
    left: 0;
    right: 0;
    top: 25px;
    bottom: 0;
    margin: auto;
}

.inputbox {
    position: relative;
    float: left;
    width: 49%;
    height: 59px;
    background-color: #fff;
    margin-bottom: 15px;
    border: 1px solid #9d9c98;
}

    .inputbox input {
        position: relative;
        width: 100%;
        height: 100%;
        border: 0;
        outline: none;
        padding-left: 11px;
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
    }

.type2 {
    float: right;
}

.uyari {
    width: 49%;
    float: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #757573;
    font-size: 12px;
    position: relative;
    margin-top: 0;
}

.chkdiv {
    position: relative;
    float: right;
    width: 49%;
}

.uyarigizli {
    color: #000;
    line-height: 1.5em;
    font-size: 10px;
    display: none;
    position: relative;
    float: left;
    width: 49%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.span9 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    line-height: 30px;
    color: #2b2a28;
}

.span10 {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-weight: 300;
    font-size: 19px;
    line-height: 20px;
    margin-top: 10px;
    color: #9f9e99;
    margin-bottom: 10px;
}

.span11 {
    font-size: 42px;
    background: linear-gradient(140deg, #3d649a 0%,#0a1a33 100%);
    background: -webkit-linear-gradient(140deg, #3d649a 0%,#0a1a33 100%);
    background: -moz-linear-gradient(140deg, #3d649a 0%,#0a1a33 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin-right: 20px;
    cursor: pointer;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
	border:none;
}

    .span11:hover {
        background: linear-gradient(140deg, #0a1a33 0%,#3d649a 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.span12 {
    position: absolute;
    margin: auto;
    cursor: pointer;
    top: 0;
    bottom: 0;
    padding: 23px;
    width: 35px;
    height: 35px;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    -webkit-transition: border 300ms ease-in-out;
    transition: border 300ms ease-in-out;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
}

    .span12 img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: 0.3s;
        -webkit-transition: 0.3s;
    }

    .span12:hover img {
        right: -10px;
    }

.img12 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.4;
    height: 524px;
}

.footer {
    width: 100%;
    max-width: 1230px;
    position: relative;
    margin: auto;
    background-color: #fff;
    height: 120px;
    padding-left: 10px;
    padding-right: 10px;
}

.img13 {
    position: relative;
    float: left;
    width: 92px;
    margin: auto;
    margin-top: 12px;
    display: block;
}

.bottomsocial {
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    margin: auto;
    width: 300px;
    height: 50px;
    text-align: center;
}

    .bottomsocial a {
        text-decoration: none;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
    }

        .bottomsocial a span {
            border-radius: 50%;
            border: 1px solid #b6b6b6;
            background-color: #b6b6b6;
            width: 40px;
            height: 40px;
            text-align: center;
            color: #ffffff;
            display: inline-block;
            position: relative;
            cursor: pointer;
        }

            .bottomsocial a span i {
                display: inline-table;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                margin: auto;
                font-size: 20px;
            }

.span13 {
    position: relative;
    float: right;
    display: block;
    margin: auto;
    margin-top: 40px;
    text-align: center;
}

    .span13 .a2 {
        text-decoration: none;
        font-family: arial;
        font-size: 30px;
        font-weight: 600;
        text-align: right;
        line-height: 30px;
        color: #2b2a28;
        text-align: center;
    }

    .span13 .a3 {
        text-decoration: none;
        font-family: arial;
        font-size: 21px;
        font-weight: 600;
        text-align: right;
        line-height: 30px;
        color: #2b2a28;
        text-align: center;
    }

.tacust {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}

.tacalt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

.bsa-btn {
    position: fixed;
    bottom: 100px;
    right: 0;
    cursor: pointer;
    z-index: 10;
}

.konseptheader {
    margin-top: -67px;
}

.konseptheader_img {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
}

.p2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    color: #525252;
    margin-top: 40px;
    line-height: 1.5em;
}

.disk {
    position: relative;
    float: right;
    display: block;
}

.konseptleftyazi {
    position: absolute;
    display: block;
    top: 100px;
    left: 10px;
    margin: auto;
}

.konseptbina {
    position: relative;
    display: block;
    margin: auto;
    width: 98%;
    max-width: 892px;
}

.konseptbina_img {
    width: 100%;
}

.span14 {
    position: absolute;
    top: 260px;
    left: 21px;
    font-family: 'Poppins', sans-serif;
}

.span15 {
    font-size: 30px;
    font-weight: 300;
    color: #545454;
}

.span16 {
    color: #545454;
    font-weight: 300;
    font-size: 14px;
}

.span17 {
    position: absolute;
    top: 131px;
    right: 44px;
    width: 287px;
    text-align: right;
    font-family: 'Poppins', sans-serif;
}

.span18 {
    font-size: 30px;
    font-weight: 300;
    color: #545454;
    padding-right: 19px;
}

.span19 {
    color: #545454;
    font-weight: 300;
    font-size: 14px;
    padding-left: 0px;
}

.span20 {
    position: absolute;
    top: 355px;
    right: 44px;
    width: 287px;
    text-align: right;
    font-family: 'Poppins', sans-serif;
}

.span21 {
    font-size: 30px;
    font-weight: 300;
    color: #545454;
    padding-right: 19px;
}

.span22 {
    color: #545454;
    font-weight: 300;
    font-size: 14px;
    padding-left: 0px;
}

.span23 {
    color: #545454;
    width: 300px;
    font-size: 14px;
    padding-left: 0px;
    position: absolute;
    left: -150px;
    bottom: 100px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    float: left;
}

.span24 {
    color: #545454;
    width: 300px;
    font-size: 14px;
    padding-left: 0px;
    position: absolute;
    right: -100px;
    bottom: 120px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    float: left;
}

.adalarmanzara {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    max-width: 741px;
}

.p3 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 50px;
}

.span25 {
    color: #5b5756;
}

.span26 {
    color: #b7aa80;
}

.p4 {
    text-align: center;
    color: #575556;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 50px;
}

.yasamheader {
    margin-top: -67px;
}

.yasamheader_img {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
}

.yildizbg_img {
    position: relative;
    display: block;
    margin: auto;
    margin-top: -150px;
}

.p5 {
    font-family: 'Poppins', sans-serif;
    width: 100%;
    position: absolute;
    font-weight: 400;
    bottom: 144px;
    font-size: 14px;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    color: #525252;
    margin-top: 40px;
    line-height: 1.5em;
}

.yasamkoltuk {
    margin-top: -51px;
}

    .yasamkoltuk .left {
        position: relative;
        float: left;
        width: 50%;
        padding-right: 3%;
    }

    .yasamkoltuk .right {
        position: relative;
        float: left;
        width: 50%;
    }

.yasamleft {
    position: absolute;
    left: 10px;
    top: 30px;
}

.yasamsandalye {
    max-width: 598px;
    width: 96%;
    position: relative;
    display: block;
    margin: auto;
    margin-top: -56px;
}

.p6 {
    text-align: right;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #565656;
    font-size: 50px;
    line-height: 40px;
    margin-top: 100px;
}

.p7 {
    text-align: right;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #b3a77d;
    font-size: 50px;
    line-height: 40px;
}

.p8 {
    text-align: right;
    font-family: 'Poppins', sans-serif;
    color: #525252;
    font-weight: 400;
    font-size: 14px;
    padding-left: 10%;
    margin-top: 20px;
}

.p9 {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #4f4f4d;
    font-size: 50px;
    line-height: 40px;
    margin-top: 0;
}

.p10 {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #39667b;
    font-size: 50px;
    line-height: 40px;
}

.p11 {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    color: #55565a;
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px;
    padding-right: 15%;
}

.yasamhavuz {
    height: 477px;
    overflow: hidden;
    background-color: #e4eff3;
}

    .yasamhavuz .left {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

    .yasamhavuz .right {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

.yasamhavuz_img {
    position: absolute;
    left: 0;
    max-width: 1364px;
    height: 100%;
}

.yasamlat {
    height: 540px;
}

.yasamagac {
    position: absolute;
    left: 0;
    bottom: 0;
}

.yasamaltbox {
    position: relative;
    float: left;
    width: 456px;
    margin-left: 255px;
    height: 100%;
    display: block;
    margin: auto;
}

.p12 {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #555555;
    font-size: 50px;
    line-height: 40px;
    margin-top: 120px;
}

.p13 {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #b4a77a;
    font-size: 50px;
    line-height: 40px;
    margin-top: 13px;
}

.p14 {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    color: #575757;
    font-weight: 400;
    font-size: 14px;
    margin-top: 20px;
    padding-right: 0;
}

.yasambumerang {
    position: relative;
    float: left;
    margin-left: -96px;
    margin-top: 50px;
}

.cocukoyunalanlari {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 683px;
}

.yasamkopekcocuk {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 683px;
}

.lokasyonheader {
    margin-top: -67px;
}

.lokasyonheader_img {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
}

.p15 {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 16px;
    color: #fff;
}

.span27 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 25px;
    margin-bottom: 10px;
}

.span28 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 54px;
}

.p16 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding-left: 30%;
    padding-right: 30%;
    color: #525252;
    margin-top: 40px;
    line-height: 1.5em;
    margin-bottom: 40px;
}

.lokasyonbox {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #525252;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .lokasyonbox .left {
        position: relative;
        display: inline-block;
        width: 320px;
        height: 79px;
    }

        .lokasyonbox .left img {
            position: relative;
            float: right;
            top: 15px;
        }

        .lokasyonbox .left span {
            position: relative;
            float: right;
            top: 20px;
            margin-left: 10px;
        }

    .lokasyonbox .midle {
        position: relative;
        display: inline-block;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
        width: 79px;
    }

        .lokasyonbox .midle span {
            position: relative;
            display: block;
            width: 79px;
            height: 79px;
            border: 5px solid #b4a77b;
            border-radius: 50px;
            top: -40px;
            padding-top: 10px;
        }

            .lokasyonbox .midle span label {
                font-size: 30px;
                position: relative;
                margin-left: 4px;
                font-weight: 300;
                top: 2px;
            }

            .lokasyonbox .midle span b {
                font-weight: normal;
                position: relative;
                top: 2px;
                left: -4px;
                font-size: 12px;
            }

    .lokasyonbox .right {
        position: relative;
        display: inline-block;
        width: 320px;
        height: 79px;
    }

        .lokasyonbox .right img {
            position: relative;
            float: left;
            top: 15px;
            margin-left: 10px;
        }

        .lokasyonbox .right span {
            position: relative;
            float: left;
            top: 20px;
        }

.dotline {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    bottom: -8px;
}

#lokmap {
    height: 390px;
    z-index: -1;
}

.lokbumerang {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
}

.gal {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.spankroki {
    position: relative;
    display: inline-block;
    color: #fff;
    width: 218px;
    height: 50px;
    background: linear-gradient(140deg, #0a1a33 0%,#3d649a 100%);
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding-top: 9px;
    cursor: pointer;
    margin-bottom: 4px;
}

.yoltarif {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    width: 218px;
    height: 50px;
    background: linear-gradient(140deg, #3d649a 0%,#0a1a33 100%);
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding-top: 9px;
}

.p17 {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 35px;
    color: #fff;
}

.span29 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 45px;
    line-height: 25px;
    margin-bottom: 10px;
}

.span30 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 49px;
    line-height: 54px;
}

.res1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    opacity: 0.2;
}

.span31 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 37px;
    margin-top: 10px;
    line-height: 30px;
    font-weight: 600;
    color: #1d2d4e;
}

.span32 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    margin-top: 10px;
    line-height: 25px;
    font-weight: 300;
    color: #1b2b4d;
}

.span33 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-top: 23px;
    color: #404040;
}

.iletisimheader {
    margin-top: -65px;
    z-index: 3;
}

.iletisimheader_img {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
}

.p18 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

.span34 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}

.span35 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.4em;
    margin-bottom: 0;
}

.span36 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
}

    .span36 a {
        text-decoration: none;
        color: #fff;
    }

.span37 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 26px;
    margin-bottom: 15px;
}

    .span37 a {
        text-decoration: none;
        color: #fff;
    }

.iletisimbum {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}

.iletisimform {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    max-width: 830px;
    height: 500px;
}

#iletisimmap {
    height: 453px;
}

.yoltarifi2 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11;
}

.bsaheader {
    margin-top: -75px;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/bsaheader.jpg);
}

.bsaheader_img {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    display: none;
}

.basaform {
}

.aybeyaz {
    position: relative;
    display: block;
    margin: auto;
    margin-top: 16px;
    /* left: 0; */
    /* right: 0; */
}

.bsalansman {
    position: absolute;
    left: -200px;
    top: 55px;
    display: block;
}

.menu_bg_img {
    position: absolute;
    left: 0;
    top: 14px;
    width: 100%;
    z-index: -1;
}

.iletisim_bsa_img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.span38 {
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 45px;
    font-weight: 600;
    line-height: 40px;
}

.span39 {
    color: #fff;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 40px;
    margin-top: 10px;
}

.mobilesocial {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 50px;
    text-align: center;
}

    .mobilesocial a {
        text-decoration: none;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
    }

        .mobilesocial a span {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            text-align: center;
            color: #ffffff;
            display: inline-block;
            position: relative;
            cursor: pointer;
        }

            .mobilesocial a span i {
                display: inline-table;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 100%;
                margin: auto;
                font-size: 25px;
                color: #c0b381;
            }

.sonkare {
    position: relative;
    float: left;
    width: 100%;
    height: 589px;
    background-image: url(../images/anamobil.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}

.havuzmobil_img {
    position: relative;
    float: left;
    width: 100%;
    display: none;
}

.lok2 .left {
    height: 40px;
    margin-bottom: 11px;
}

    .lok2 .left .imgspan {
        position: relative;
        float: left;
        display: block;
        width: 70px;
        margin-left: 10px;
        height: 100%;
    }

        .lok2 .left .imgspan img {
            position: relative;
            display: block;
            margin: auto;
            height: 100%;
            float: left;
        }

    .lok2 .left .yazispan {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #525252;
        position: relative;
        float: left;
        top: 50%;
        transform: translateY(-50%);
    }

.p19 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 27px;
    font-weight: 400;
    margin-top: 60px;
    margin-bottom: 30px;
}

.span40 {
    color: #212121;
}

.span41 {
    color: #235367;
}

.span42 {
    color: #212121;
}

.galleryoverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    transition: opacity 0.6s ease-out;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

    .galleryoverlay img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.galeridiv {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1100px;
}

.topline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: #fff;
}

.vonbelogo {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: block;
}

.loading_img {
    width: 180px;
    margin-left: -10px;
}

.loading-container,
.loading {
    height: 242px;
    position: absolute;
    left: 0;
    width: 242px;
    border-radius: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	line-height:180px;
}

.loading {
    border: 2px solid transparent;
    border-color: transparent #fff transparent #FFF;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading {
    border-color: transparent #fff transparent #fff;
}

.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #2b2929;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin-left: 50px;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 153px;
}

.loaddiv {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../images/leaf.gif);
	background-size:350px;
    z-index: 9999999999999999;
    transition: all 0.5s ease-in-out;
}

@-moz-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@keyframes rotate-loading {
    0% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes loading-text-opacity {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@-o-keyframes loading-text-opacity {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes loading-text-opacity {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loading-text-opacity {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.mmenu {
    background-color: #fff;
    height: 77px;
    position: fixed;
    display: none;
    z-index: 999;
}

.a1x {
    color: #143153;
    text-decoration: none;
    font-family: Arial;
    font-size: 18px;
    position: relative;
    float: left;
    margin-top: 31px;
    letter-spacing: -1px;
    display: block;
    margin-left: 10px;
}

.img1x {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    display: block;
    width: 122px;
}

.asagiyakaydirin {
    position: absolute;
    left: 20px;
    top: 36px;
}

.bsaheadermobil {
    position: relative;
    float: left;
    width: 100%;
}

.marker-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #b5a77e;
    padding: 9px;
    position: relative;
    float: left;
    margin-left: 16px;
    padding-left: 0;
    padding-right: 0;
}

.slideitem {
    background-size: cover;
    background-position: center center;
    height: 100%;
}

.indexmain {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .indexmain .left {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

    .indexmain .right {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

.indexlogo {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
    width: 270px;
    z-index: 2;
}

.lock-dots {
    height: 3px;
    position: absolute;
    left: 214px;
    right: 180px;
    overflow: hidden;
}

    .lock-dots i {
        width: 200%;
        height: 100%;
        display: block;
        position: relative;
        transform: translate3d(0, 0, 0);
    }

        .lock-dots i:before {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            animation: dots2 1s 0.2s linear infinite;
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5'><circle fill='%23ffffff' cx='2.5' cy='2.5' r='1.5'/></svg>") left center/5px;
        }

.lock-arrows {
    width: 18px;
    height: 9px;
    display: block;
    position: absolute;
    top: -4px;
    right: 156px;
    transition: all 0.2s 0.8s ease;
}

    .lock-arrows:before, .lock-arrows:after {
        content: '';
        width: 6px;
        height: 6px;
        position: absolute;
        top: 0;
        border-top: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
        transform: rotate(-136deg);
    }

    .lock-arrows:before {
        left: 0;
    }

    .lock-arrows:after {
        right: 0;
    }

.lock-dots2 {
    height: 3px;
    position: absolute;
    left: 190px;
    right: 214px;
    overflow: hidden;
}

    .lock-dots2 i {
        width: 200%;
        height: 100%;
        display: block;
        position: relative;
        transform: translate3d(0, 0, 0);
    }

        .lock-dots2 i:before {
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            animation: dots2 1s 0.2s linear infinite;
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5'><circle fill='%23ffffff' cx='2.5' cy='2.5' r='1.5'/></svg>") left center/5px;
        }

.lock-arrows2 {
    width: 18px;
    height: 9px;
    display: block;
    position: absolute;
    top: -4px;
    left: 156px;
    transition: all 0.2s 0.8s ease;
}

    .lock-arrows2:before, .lock-arrows2:after {
        content: '';
        width: 6px;
        height: 6px;
        position: absolute;
        top: 0;
        border-top: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
        transform: rotate(45deg);
    }

    .lock-arrows2:before {
        left: 0;
    }

    .lock-arrows2:after {
        right: 0;
    }

@keyframes dots2 {
    from {
        transform: translate3d(0,0,0);
    }

    to {
        transform: translate3d(5px,0,0);
    }
}

.psurukle {
    position: absolute;
    width: 100%;
}

.indexsurukle {
    position: relative;
    display: block;
    margin: auto;
    cursor: move;
}

.indexresidence {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 75%;
}

.indexbusiness {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 75%;
}

.pindex1 {
}

.pindex2 {
    position: relative;
    float: left;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 35px;
    margin-left: 10px;
    margin-top: -24px;
}

.pindex3 { /* position: relative; */ /* float: left; */
}

.pindex4 {
}

.pindex5 {
    position: relative;
    float: right;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 35px;
    margin-right: 10px;
    margin-top: -24px;
}

.pindex6 {
}

.psurukleyazi {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    letter-spacing: 3px;
}

.sliderdots {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    width: 50px;
    z-index: 2;
}

    .sliderdots span {
        display: block;
        width: 20px;
        height: 20px;
        margin: 5px 5px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: transparent;
        border: 2px solid #99743f;
        cursor: pointer;
    }

        .sliderdots span.active {
            background: #99743f;
        }

.bilgitalepheader {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bilgitalepform {
    width: 100%;
    max-width: 625px;
    height: 320px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
}

.btp1 {
}

    .btp1 img {
        position: relative;
        display: block;
        margin: auto;
        max-width: 633px;
        width: 100%;
    }

.btp2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.btp3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
}

.inputbox2 {
    position: relative;
    float: left;
    max-width: 300px;
    width: 100%;
    height: 56px;
    background-color: #fff;
    margin-bottom: 15px;
    border: 1px solid #555;
    box-sizing: border-box;
}

    .inputbox2 input {
        position: relative;
        width: 100%;
        height: 100%;
        border: 0;
        outline: none;
        padding-left: 11px;
        box-sizing: border-box;
    }

.uyari2 {
    max-width: 300px;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 13px;
    position: relative;
    margin-top: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.uyarigizli2 {
    line-height: 1.5em;
    font-size: 10px;
    display: none;
    position: relative;
    float: left;
    width: 100%;
    max-width: 300px;
    font-family: Arial;
    padding: 0;
    margin: 0;
    color: #fff;
}

.chkdiv2 {
    max-width: 300px;
    width: 100%;
    float: right;
    position: relative;
}

.chkon2 {
    width: 75px;
    height: 28px;
    background: url(../landing/images/dolu2.png) no-repeat;
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    z-index: 2;
    padding-left: 33px;
    padding-top: 4px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.chkof2 {
    width: 75px;
    height: 28px;
    background: url(../landing/images/bos2.png) no-repeat;
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    z-index: 2;
    padding-left: 32px;
    padding-top: 4px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.formSend2 {
    position: relative;
    float: right;
    display: inline-block;
    width: 150px;
    height: 50px;
    background-color: #fff;
    text-align: center;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #767572;
    padding-top: 9px;
    cursor: pointer;
    margin-top: 5px;
}

.type3 {
    float: right;
}

.btoverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.41);
    z-index: 1;
}

.lokasyonheader2 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 435px;
}

.lokasyonharita2 {
    margin-top: 20px;
}

    .lokasyonharita2 img {
        position: relative;
        display: block;
        margin: auto;
        max-width: 1214px;
        width: 100%;
    }

.btp4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #303030;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    margin-top: -20px;
    margin-bottom: 5px;
}

.btp5 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
}

.bussection1 {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1045px;
    margin: auto;
    margin-top: 55px;
}

.buslokimg1 {
    position: relative;
    float: left;
}

.btp6 {
    position: relative;
    float: left;
    width: calc(100% - 450px);
    padding-left: 25px;
    box-sizing: border-box;
    padding-right: 25px;
}

.btp7 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #303030;
    font-size: 27px;
    line-height: 27px;
}

.btp8 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    text-align: center;
    font-size: 27px;
    line-height: 27px;
}

.btp9 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 10px;
}

.bussection2 {
    height: 500px;
    margin-top: 50px;
}

    .bussection2 .left {
        position: relative;
        float: left;
        width: 60%;
        height: 100%;
    }

    .bussection2 .right {
        position: relative;
        float: left;
        width: 40%;
        height: 100%;
    }

#lokmap2 {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

.btp10 {
    text-align: center;
    margin-top: 75px;
}

    .btp10 span {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: #303030;
        font-size: 27px;
        line-height: 27px;
    }

    .btp10 b {
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        color: #303030;
        font-size: 27px;
        line-height: 27px;
    }

.btp11 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
}

.btp12 {
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #303030;
    font-size: 25px;
    line-height: 25px;
    margin-top: 10px;
}

.btp13 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 17px;
    margin-top: 10px;
    text-align: center;
}

.btp14 {
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #303030;
    font-size: 25px;
    line-height: 25px;
    margin-top: 10px;
}

.buslokyoltarif {
    text-decoration: none;
    display: block;
    position: relative;
    margin: auto;
    width: 180px;
    height: 50px;
    text-align: center;
    border: 2px solid #303030;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 20px;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 16px;
    margin-top: 27px;
}

.btp10x {
    text-align: center;
    margin-top: 165px;
}

    .btp10x span {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: #fff;
        font-size: 27px;
        line-height: 27px;
    }

    .btp10x b {
        font-family: 'Poppins', sans-serif;
        font-weight: 300;
        color: #fff;
        font-size: 27px;
        line-height: 27px;
    }

.btp11x {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
    text-align: center;
}

.btp12x {
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    margin-top: 10px;
}

.btp13x {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 17px;
    margin-top: 10px;
    text-align: center;
}

.btp14x {
    text-align: center;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    margin-top: 10px;
}

.bussection3 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 525px;
}

.busiletisimadam_img {
    position: absolute;
    left: 10%;
    bottom: 0;
    height: 100%;
}

.buskonsept1_img {
    position: relative;
    display: block;
    margin: auto;
    max-width: 983px;
    width: 98%;
}

.btp15 {
    text-align: center;
    margin-top: 75px;
}

.btp16 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #303030;
    font-size: 27px;
    line-height: 27px;
}

.btp17 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #303030;
    font-size: 27px;
    line-height: 27px;
}

.btp18 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 22px;
    text-align: center;
}

.bussection5 {
    height: 415px;
    margin-top: 40px;
}

    .bussection5 .left {
        position: relative;
        float: left;
        width: 45%;
        height: 100%;
        z-index: 1;
    }

    .bussection5 .right {
        position: relative;
        float: right;
        width: 55%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 2;
    }

        .bussection5 .right img {
            position: absolute;
            left: -70px;
            bottom: 0;
            height: 100%;
            z-index: 2;
        }

.btp19 {
    padding-left: 30%;
    text-align: center;
    padding-right: 20%;
}

.btp20 {
    text-align: center;
}

    .btp20 span {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: #303030;
        font-size: 40px;
        line-height: 40px;
    }

    .btp20 b {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        color: #303030;
        font-size: 40px;
        line-height: 40px;
        margin-left: 10px;
    }

.btp21 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 22px;
}

.lineleft1_img {
    position: relative;
    float: right;
    margin-right: -30%;
}

.linemidle1 {
    position: relative;
    display: block;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bussection6 {
    height: 560px;
    margin-top: 40px;
    margin-bottom: 65px;
}

    .bussection6 .left {
        position: relative;
        float: left;
        width: 55%;
        height: 100%;
    }

    .bussection6 .right {
        position: relative;
        float: left;
        width: 45%;
        height: 100%;
    }

.btp22 {
    padding-left: 0;
    text-align: center;
    padding-right: 0;
}

.btp23 {
    text-align: center;
}

    .btp23 span {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: #303030;
        font-size: 40px;
        line-height: 40px;
    }

    .btp23 b {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        color: #303030;
        font-size: 40px;
        line-height: 40px;
        margin-left: 10px;
    }

.btp24 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 22px;
    padding-left: 15%;
    padding-right: 15%;
}

.lineright1_img {
    position: relative;
    float: left;
    margin-left: 0;
}

.linemidle2 {
    position: relative;
    display: block;
    margin: auto;
    margin-top: -15px;
    margin-bottom: 15px;
}

.btp25 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10p;
}

.btp26 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #303030;
    font-size: 27px;
    line-height: 27px;
}

.btp27 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #303030;
    font-size: 27px;
    line-height: 27px;
}

.btp28 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 22px;
    text-align: center;
}

.bussection7 {
    position: relative;
    display: block;
    height: 450px;
    width: 100%;
    max-width: 1150px;
    margin: auto;
    margin-top: 40px;
}

    .bussection7 .left {
        position: relative;
        float: left;
        width: 40%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

        .bussection7 .left div {
            position: relative;
            float: left;
            height: 48%;
            margin-top: 0%;
            margin-bottom: 3%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .bussection7 .right {
        position: relative;
        float: left;
        width: 58%;
        height: 100%;
        margin-top: 0%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

.linemidle3 {
    position: relative;
    display: block;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.btp29 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10p;
}

.btp30 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #303030;
    font-size: 27px;
    line-height: 27px;
}

.btp31 {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #303030;
    font-size: 27px;
    line-height: 27px;
}

.btp32 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 22px;
    text-align: center;
}

.bussection8 {
    position: relative;
    display: block;
    height: 450px;
    width: 100%;
    max-width: 1150px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

    .bussection8 .right {
        position: relative;
        float: left;
        width: 40%;
        height: 100%;
        margin-left: 1%;
        margin-right: 1%;
    }

        .bussection8 .right div {
            position: relative;
            float: left;
            height: 48%;
            margin-top: 0%;
            margin-bottom: 3%;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
        }

    .bussection8 .left {
        position: relative;
        float: left;
        width: 58%;
        height: 100%;
        margin-top: 0%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

.lineright2_img {
    position: absolute;
    left: 0;
    top: 97px;
}

.btp33 {
}

    .btp33 img {
        position: relative;
        display: block;
        margin: auto;
        max-width: 559px;
        width: 98%;
    }

.btp34 {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #303030;
    font-size: 13px;
    margin-top: 22px;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
}

.bussection9 {
    text-align: center;
    height: 200px;
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1010px;
    margin-top: 50px;
    margin-bottom: 55px;
}

    .bussection9 .box {
        position: relative;
        display: inline-block;
        width: 230px;
        height: 200px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        margin-left: 2px;
        margin-right: 2px;
    }

.busbsa1 {
    position: absolute;
    z-index: 3;
    left: 10%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 130px;
}

.busbsa2 {
    position: absolute;
    z-index: 3;
    right: 3%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 290px;
}

.scrolldown {
    padding-top: 60px;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    width: 38px;
    margin: auto;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font: normal 400 20px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    cursor:pointer;
}

    .scrolldown span {
        position: absolute;
        top: 0;
        left: 0;
        width: 38px;
        height: 38px;
        right: 0;
        border: 1px solid #fff;
        border-radius: 100%;
        box-sizing: border-box;
    }

        .scrolldown span::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            content: '';
            width: 38px;
            height: 38px;
            box-shadow: 0 0 0 0 rgba(255,255,255,.1);
            border-radius: 100%;
            opacity: 0;
            -webkit-animation: sdb03 3s infinite;
            animation: sdb03 3s infinite;
            box-sizing: border-box;
        }

        .scrolldown span::after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: '';
            width: 16px;
            height: 16px;
            margin: -12px 0 0 -8px;
            border-left: 1px solid #fff;
            border-bottom: 1px solid #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            box-sizing: border-box;
        }
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 960px) {
    .sonkare {
        height:300px;
    }
}

.right-menu{
	float:right;
	position:absolute;
	right:20px;
	top:15px;
}
.right-menu ul li{
	font-family:arial;
	float:left;
	margin-right:20px;
	list-style:none;
}
.right-menu ul li a{
	text-decoration:none;
	color:#143153;
	position:relative;
	margin-top:2px;
	font-weight:bold;
	font-size:15px;
}
.right-menu ul li a:hover{
	color:#f5a94a;
}
.btn-tmm{
	text-align:center;
	position:relative;
	left:50%;
	top:50%;
	color:#fff;
	border:3px solid #fff;
	width:150px;
	margin-left:-75px;
	padding:5px 0;
	display:inline;
	text-decoration:none;
	cursor:pointer;
	margin-top:15px;
}
.sol_yaprak{
	position:absolute;
	top:120px;
	left:0;
}
.sag_yaprak{
	position:absolute;
	top:120px;
	right:0;
}
.btn_yol{
	text-align:center;
	position:relative;
	color:#fff;
	background:#8ec63f;
	padding:5px 17px;
	display:inline;
	text-decoration:none;
	cursor:pointer;
	margin-top:25px;
	font-size:18px;
}
.mobile-menu{
	display:none;
}
.home{
	font-size:16px;
	background:#8dc9a4;
	position:relative;
	top:-5px;
	border-radius:10px;
}
.home a{
	color:#fff !important;
	padding:5px 12px;
	display:block;
}
.mobile_slider{
	display:none;
}
.span38{
	text-shadow: 2px 2px 25px rgba(0, 0, 0, 1);
}
.span39{
	text-shadow: 2px 2px 25px rgba(0, 0, 0, 1);
}
.btn-tmm{
	text-shadow: 2px 2px 25px rgba(0, 0, 0, 1);
}

@media screen and (max-width: 1366px) {
	.img1{
		width:140px !important;
	}
	.right-menu{
		right:0;
	}
	.right-menu ul li{
		margin-right:10px;
	}
}

@media screen and (max-width: 1365px) {
	.home{
		position:relative;
		top:0;
		border-radius:0;
	}
	.img1{
		width:98px !important;
	}
	.right-menu{
		display:none;
		width:100%;
		top:50px;
		right:0;
	}
	.mobile-menu{
		display:block;
		border:2px solid #333;
		color:#111;
		position:relative;
		right:15px;
		top:10px;
		float:right;
		padding:5px 5px 3px 5px;
		font-size:18px;
		border-radius:3px;
	}
	.right-menu ul li{
		float:none;
		background:#333;
		width:100%;
	}
	.right-menu ul li a{
		color:#fff;
		padding:10px 0;
		text-align:center;
		display:block;
		margin:0;
		border-bottom:1px solid #1a1a1a;
	}
}
@media screen and (max-width: 1170px) {
	.cocukoyunalanlari{
		height:380px !important;
		right:0 !important;
	}
}
@media screen and (max-width: 780px) {
	.mobile_slider{
		display:block;
		height:400px;
	}
	.mobile-menu{
		top:20px;
	}
	.right-menu{
		top:53px;
	}
	.img1{
		top:0 !important;
		width:104px !important;
	}
	.sol_yaprak{
		display:none;
	}
	.sag_yaprak{display:none;}
}