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

.katBg2 {
    background: url(../images/katplaniButonBg.png) no-repeat;
}

.bottomLeft a:first-child, .mobilFooterLeft a:first-child {
    display: none;
}

.logo {
    z-index: 22222
}

.lang {
    z-index: 33333
}

.mobilMenuButon, .formOpen2, .homeFormLeft2, .bottomLeft {
    z-index: 33333
}

.homeFormLeft.teskker {
    z-index: 9999999
}

.mobilMenuContainer {
    z-index: 22222
}

.bottom {
    z-index: 22222
}

.mainSlider, .nextprev {
    z-index: 11111 !important
}

.highslide-container {
    z-index: 999999 !important
}

* {
    text-decoration: none;
    margin: 0;
    padding: 0;
    resize: none;
    outline: none;
    border: 0;
    list-style: none
}

.telNumberFooter {
    position: absolute;
    right: 6px;
    bottom: 2px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: none
}

#slides2 img {
    width: 100%
}

.owl-pagination {
    display: none
}

.ar {
    right: 1.5% !important
}

.ru {
    right: 2.5% !important
}

.gizlilik {
    float: left;
    color: #979797 !important;
    font-size: 12px;
    padding: 4px 0 0 0 !important;
    font-weight: 700;
}

#gizlilik {
    width: 600px;
    height: 400px;
    overflow-x: hidden
}

.insaatTitle {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #108bf0;
    background: #05080b;
    margin-bottom: 3px;
    font-size: 12px;
    position: relative
}

.menuOrnek {
    position: absolute;
    left: -111px;
    top: 0;
    width: 100%
}

.Legal {
    display: none;
    margin: 5px 0 0;
    width: 97%
}

.itemForm {
    margin: 4px 0 0
}

.katalogBg {
    position: absolute !important;
    right: -228px;
    top: 0;
    z-index: 999;
    padding: 5px;
    background: url(../images/katalogBg.png) no-repeat !important;
    width: 224px;
    height: 28px
}

.katalogBgEn {
    position: absolute !important;
    right: -376px;
    top: 0;
    z-index: 999;
    padding: 5px;
    background: url(../images/katalogBgEn.png) no-repeat !important;
    width: 224px;
    height: 28px
}

.seapearlFormLogo {
    width: 408px;
    float: left;
    margin-top: 50px
}

.rowKampanya {
    margin-left: 15px
}

.patlangac {
    width: 139px;
    height: 138px;
    background: url(../images/patlangac.png) no-repeat;
    position: absolute;
    right: 80px;
    top: 80px;
    z-index: 9
}

.patlangac_en {
    width: 139px;
    height: 138px;
    background: url(../images/patlangac-en.png) no-repeat;
    position: absolute;
    right: 80px;
    top: 80px;
    z-index: 9
}

.iletisimNewContainer {
    width: 100%;
    float: left;
    background: #fff;
    padding: 0 0 8px
}

.iletisimLeftArea {
    width: 35%;
    float: left
}

    .iletisimLeftArea .logoImg {
        margin: auto;
        display: block
    }

    .iletisimLeftArea span {
        display: block;
        width: 276px;
        margin: auto;
        text-align: center;
        font-size: 14px
    }

        .iletisimLeftArea span a {
            color: #000
        }

.iletisimRight {
    float: left;
    width: 64.5%;
    margin-top: 20px
}

.rowsIletisim {
    width: 100%;
    float: left;
    font-family: 'futurabookregular';
    margin-bottom: 1%
}

.inputClIletisim {
    width: 76%;
    float: left;
    margin-left: 32px;
    margin-bottom: 0;
    color: #2d4ba4;
    font-size: 17px;
    font-weight: 400;
    background: 0;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-family: 'futurabookregular'
}

.colmIletisim {
    -webkit-box-shadow: inset 12px -12px 21px -5px rgba(0,0,0,0.23);
    -moz-box-shadow: inset 12px -12px 21px -5px rgba(0,0,0,0.23);
    box-shadow: inset 12px -12px 21px -5px rgba(0,0,0,0.23);
    float: left;
    width: 100%;
    margin-right: 1%;
    background: #ececec
}

    .colmIletisim img {
        float: left;
        margin: 5px 0 0 20px
    }

#on_speechbuble {
    background: #a1a0b8 !important
}

.ozelliklerBullet2 a {
    display: block;
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: url(../images/bullet1.png);
    float: left
}

::-webkit-input-placeholder {
    color: #000
}

:-moz-placeholder {
    color: #909;
    opacity: 1
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000
}

.ozelliklerBullet2 {
    position: absolute;
    bottom: 29%;
    left: 21%;
    z-index: 2
}

    .ozelliklerBullet2 a.activeBullet2 {
        background: url(../images/activeBullet2.png);
        width: 20px;
        height: 20px;
        position: relative;
        top: -3px
    }

.rakamlarlaImgMobil {
    display: none
}

.rakamlarlaImg {
    display: block
}

.sloganTxtCenter {
    width: 500px;
    height: 150px;
    background: url(../images/bannerText.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 137px;
    z-index: 8;
    margin-left: -250px;
    background-size: contain !important;
}

.rakamlarlaImg {
    position: fixed
}

.leftKonum {
    width: 62%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    height: 100%
}

    .leftKonum img {
        width: 90%;
        position: absolute;
        left: 95px;
        top: 140px
    }

.rightKonum {
    width: 34%;
    padding: 61px 2% 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    color: #fff;
    font-size: 14px
}

    .rightKonum h1 {
        width: 100%;
        float: left
    }

#ctl00_ContentPlaceHolder1_BilgiTalep_checkboxG1 {
    margin-left: 15px
}

.isiklar {
    position: absolute;
    left: 5%;
    top: 45%;
    z-index: 2;
    width: 190px;
    height: 250px
}

    .isiklar img {
        transition: 0.3s linear;
        -wekbit-transition: 0.3s linear;
        -ms-transition: 0.3s linear;
        -o-transition: 0.3s linear;
        -moz-transition: 0.3s linear
    }

        .isiklar img.isilti1 {
            width: auto !important;
            height: auto !important;
            left: 0 !important;
            top: 0 !important
        }

        .isiklar img.isilti2 {
            width: auto !important;
            height: auto !important;
            right: 43px !important;
            top: 27px !important;
            left: auto !important
        }

        .isiklar img.isilti3 {
            width: auto !important;
            height: auto !important;
            right: auto !important;
            top: 92px !important;
            left: 25px !important
        }

        .isiklar img.isilti4 {
            width: auto !important;
            height: auto !important;
            left: auto !important;
            top: -20px !important;
            right: 59px !important
        }

        .isiklar img.isilti5 {
            width: auto !important;
            height: auto !important;
            left: 19px !important;
            top: 146px !important;
            right: auto !important
        }

        .isiklar img.isilti6 {
            width: auto !important;
            height: auto !important;
            left: 19px !important;
            top: 130px !important;
            right: auto !important
        }

        .isiklar img.isilti7 {
            width: auto !important;
            height: auto !important;
            left: 0 !important;
            top: 110px !important;
            right: auto !important
        }

        .isiklar img.isilti8 {
            width: auto !important;
            height: auto !important;
            left: 0 !important;
            top: 50px !important;
            right: auto !important
        }

        .isiklar img.isilti9 {
            width: auto !important;
            height: auto !important;
            left: -20px !important;
            top: 70px !important;
            right: auto !important
        }

        .isiklar img.isilti10 {
            width: auto !important;
            height: auto !important;
            left: -10px !important;
            top: 20px !important;
            right: auto !important
        }

.mobilGaleri img {
    width: 100% !important
}

.homeFormLeft {
    position: absolute;
    left: 50%;
    margin-left: -171px;
    bottom: -350px;
    z-index: 89;
    margin-top: -225px;
    width: 343px;
    height: auto !important;
    padding: 0;
    background: url(../images/formBgArea.jpg) repeat;
    padding-bottom: 20px
}

    .homeFormLeft h1 {
        font-size: 24px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 20px;
        background: #dfa93f;
        height: 50px;
        line-height: 50px;
        padding-left: 14px;
        margin-top: 0
    }

    .homeFormLeft .homeInput {
        height: 38px;
        line-height: 38px;
        width: 37%;
        margin: 0 0 10px 5%;
        display: block;
        padding: 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        color: #000;
        float: left
    }

    .homeFormLeft .homeFormButon {
        background: url(../images/gonderBtn.png) repeat;
        width: 300px;
        height: 40px;
        line-height: 40px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 26px auto 0;
        cursor: pointer;
        display: block;
        color: #fff;
        font-size: 16px
    }

    .homeFormLeft .homeInputSl {
        width: 86%
    }

.bilgiTxt {
    color: #4d4d4d;
    font-size: 14px
}

.formOpen {
    position: fixed;
    left: 50%;
    margin-left: -85px;
    bottom: 63px;
    background: url(../images/bilgiTr.jpg) no-repeat !important;
    width: 180px;
    height: 46px;
    z-index: 32;
    font-size: 12px
}

.homeFormLeft h1 span {
    position: absolute;
    right: 10px;
    top: 9px;
    background: url(../images/CloseBtn.jpg) no-repeat;
    width: 28px;
    height: 26px;
    cursor: pointer
}

.active2 {
    background: url(../images/arrowLeft.png) no-repeat 2px 5px
}

.closeForm {
    position: absolute;
    right: -20px;
    top: -20px;
    cursor: pointer
}

.homeFormLeft2 {
    position: fixed;
    left: 50%;
    margin-left: -600px;
    bottom: -550px;
    width: 1200px;
    height: auto !important;
    padding: 0;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: -245px
}

    .homeFormLeft2 h1 {
        font-size: 24px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 20px;
        background: #dfa93f;
        height: 50px;
        line-height: 50px;
        padding-left: 14px
    }

    .homeFormLeft2 .homeInput {
        height: 35px;
        line-height: 35px;
        width: 92%;
        margin: 0 0 5px;
        display: block;
        padding: 10px 0 0 60px;
        background: #ececec;
        color: #000;
        float: left;
        font-size: 18px;
        font-family: 'futurabookregular';
        font-weight: 400;
        -webkit-box-shadow: inset 12px -12px 21px -5px rgba(0,0,0,0.23);
        -moz-box-shadow: inset 12px -12px 21px -5px rgba(0,0,0,0.23);
        box-shadow: inset 12px -12px 21px -5px rgba(0,0,0,0.23)
    }

    .homeFormLeft2 .homeFormButon {
        background: #005086;
        width: 100%;
        height: 57px;
        line-height: 57px;
        margin: 26px auto 0;
        cursor: pointer;
        display: block;
        color: #fff;
        font-size: 25px;
        font-family: 'futurabookregular';
        font-weight: 700;
        float: left;
        -webkit-appearance: none;
    }

    .homeFormLeft2 .homeInputSl {
        width: 86%
    }

.bilgiTxt {
    color: #4d4d4d;
    font-size: 14px
}

.formOpen2 {
    position: fixed;
    left: 50%;
    margin-left: -85px;
    bottom: 63px;
    background: url(../images/bilgiTrNew-1.png) no-repeat !important;
    width: 180px;
    height: 45px !important;
    font-size: 12px
}

.formRightArea {
    float: left;
    width: 757px;
    margin-top: 20px
}

.homeFormLeft2 h1 span {
    position: absolute;
    right: 10px;
    top: 9px;
    background: url(../images/CloseBtn.jpg) no-repeat;
    width: 28px;
    height: 26px;
    cursor: pointer
}

.active2 {
    background: url(../images/arrowLeft.png) no-repeat 2px 5px
}

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

    .formRowsArea span {
        position: absolute;
        left: 12px;
        top: 50%;
        margin-top: -16px
    }

.mainSlider .slideItem2 {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1
}

.patlangac2 {
    width: 240px;
    height: 240px;
    background: url(../images/TR.png) no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 4;
}

.sloganArea {
    position: absolute;
    top: 40%;
    text-align: center;
    left: 15%;
    width: 65%;
}

.sloganDesktop {
    display: block;
    width: 100%;
}

.sloganAreaMobil {
    display: none;
    width: 100%;
}

.videoBtn {
    position: absolute;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-sizing: border-box;
    transition: 300ms;
    width: 100px;
    right: 4%;
    z-index: 22;
    top: 30%;
    height: 100px;
}

    .videoBtn span {
        width: 90px;
        height: 90px;
        display: block;
        position: relative;
        z-index: 22;
        background: rgb(0, 99, 165);
        font-family: 'Gotham-Light', sans-serif;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        border: 1px solid rgba(237, 194, 16, 0.17);
        box-sizing: border-box;
        font-size: 12px;
        padding: 3px 15px;
    }

    .videoBtn i {
        display: table;
        margin: 0px auto 0px;
        width: 25px;
        padding: 9px 0px;
    }

        .videoBtn i img {
            width: 100%;
        }

    .videoBtn:hover {
        transform: scale(1.1);
        transition: 300ms;
        color: #fff;
    }

    .videoBtn:before {
        content: "";
        position: absolute;
        -webkit-animation: ping 3s infinite;
        animation: ping 3s infinite;
        animation-delay: 2s;
        display: block;
    }

    .videoBtn:after, .videoBtn:before {
        display: none !important;
        background-color: rgba(20, 83, 153, 0.58);
        content: ' ';
        display: block;
        width: 90px;
        border-radius: 200px;
        height: 90px;
        top: 0px;
        position: absolute;
        z-index: 1;
    }

    .videoBtn:after {
        content: "";
        z-index: 2;
        -webkit-animation: ping2 3s infinite;
        animation: ping2 3s infinite;
        animation-delay: 2s;
    }

@-webkit-keyframes ping {
    0% {
        transform: scale(1);
        opacity: 0
    }

    50% {
        transform: scale(1.25);
        opacity: 1
    }

    75% {
        transform: scale(1.25);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes ping {
    0% {
        transform: scale(1);
        opacity: 0
    }

    50% {
        transform: scale(1.25);
        opacity: 1
    }

    75% {
        transform: scale(1.25);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ping2 {
    0% {
        transform: scale(1);
        opacity: 0
    }

    50% {
        transform: scale(1.5);
        opacity: 1
    }

    75% {
        transform: scale(1.5);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes ping2 {
    0% {
        transform: scale(1);
        opacity: 0
    }

    50% {
        transform: scale(1.5);
        opacity: 1
    }

    75% {
        transform: scale(1.5);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.mainSlider .slideItem img {
    transition: 7s linear;
    -wekbit-transition: 6s linear;
    -ms-transition: 7s linear;
    -o-transition: 7s linear;
    -moz-transition: 7s linear;
    min-width: 100% !important;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1)
}

.slideWrapper a {
    color: #fff !important
}

.mainSlider .slideItem.activeBullet img.desktopBanner {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1)
}

.contactButon {
    position: absolute;
    right: 0;
    top: 58%;
    z-index: 9;
    display: none;
    width: 144px;
    height: 50px
}

.lang a {
    color: #fff;
    margin: 0 1px 0 0;
    background: #151515;
    display: block;
    float: left;
    height: 27px;
    line-height: 27px;
    width: 32px
}

    .lang a.phonenew {
        width: 112px;
        background: url(/images/phonenew.png);
        cursor: default
    }

html {
    width: 100%;
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: 'futurabookregular';
    overflow-x: hidden !important
}

@font-face {
    font-family: 'futurabookregular';
    src: url(font/FuturaBook-webfont.eot);
    src: url(font/FuturaBook-webfont.eot?#iefix) format("embedded-opentype"), url(font/FuturaBook-webfont.woff2) format("woff2"), url(font/FuturaBook-webfont.woff) format("woff"), url(font/FuturaBook-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'futuranarrowboldregular';
    src: url(font/FuturaNarrowBold-webfont.eot);
    src: url(font/FuturaNarrowBold-webfont.eot?#iefix) format("embedded-opentype"), url(font/FuturaNarrowBold-webfont.woff2) format("woff2"), url(font/FuturaNarrowBold-webfont.woff) format("woff"), url(font/FuturaNarrowBold-webfont.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.clr {
    clear: both;
    height: 0
}

.mobilDaireRows {
    display: none !important
}

.logo {
    width: 450px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -225px;
    background: url(../images/logo.png) no-repeat center top;
    height: 141px;
}

.topRight {
    width: 56px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 20px;
    background: url(../images/topRight.png) no-repeat center top;
    z-index: 99
}

.slogan {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -105px;
    left: 0;
    background: url(../images/slogan.png) center bottom no-repeat;
    height: 144px;
    z-index: 99;
    pointer-events: none
}

.slogan2 {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -105px;
    left: 0;
    background: url(../images/slogan2.png) center bottom no-repeat;
    height: 144px;
    z-index: 99;
    pointer-events: none
}

.slogan3 {
    width: 878px;
    position: absolute;
    bottom: 18%;
    margin-top: -105px;
    right: 0;
    background: url(../images/slogan3.png) center bottom no-repeat;
    height: 127px;
    z-index: 99;
    pointer-events: none
}

.bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/bottom.png) center bottom;
    height: 63px;
}

.bottomLeft {
    width: 318px;
    height: 28px;
    position: absolute;
    bottom: 2px;
    left: 15px;
    display: block
}

    .bottomLeft a {
        display: block;
        float: left;
        margin-right: 10px;
        border-right: 1px solid #145284;
        padding: 0 10px 0 0
    }

        .bottomLeft a:last-child {
            border-right: 0;
        }

        .bottomLeft a:last-child {
            border-right: 0
        }

.bottomRight {
    width: 127px;
    height: 16px;
    position: absolute;
    bottom: 8px;
    right: 20px;
    background: url(../images/bottomRight.png) no-repeat center top;
    z-index: 99
}

.bottomRight2 {
    width: 168px;
    height: 16px;
    position: absolute;
    bottom: 8px;
    right: 6px;
    background: url(../images/mobilTel.png) no-repeat center top;
    z-index: 99;
}

.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    background: #000;
    overflow: hidden
}

.pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../images/pattern.png)
}

.mainSlider {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

    .mainSlider .slideItem {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: 100%;
        height: 100%
    }

        .mainSlider .slideItem .caption {
            display: none
        }

    .mainSlider img {
        width: 102%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: -150px;
    }

.bottomMenu {
    padding-left: 50px;
    width: 723px;
    margin: 0 auto;
    height: 63px;
    line-height: 63px;
    position: relative
}

    .bottomMenu a {
        display: block;
        float: left;
        padding: 0 14px 0 5px;
        background: url(../images/menuRightBg.png) no-repeat right;
        color: #979797;
        text-decoration: none;
        text-align: center;
        font-size: 13px;
        position: relative;
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s;
        -o-transition-duration: .4s;
        transition-duration: .4s;
        font-family: 'Lato', arial;
        font-weight: 600;
        z-index: 3
    }

.bannnerAni {
    transform: scale(0.0, 0.0)
}

.lang {
    position: absolute;
    right: 5%;
    top: 0;
    padding: 0 1%;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    width: auto
}

.topBgMobil {
    background: url(../images/mobilLogoBg.jpg) no-repeat top center;
    width: 100%;
    height: 275px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    display: none
}

.prevIcon {
    position: absolute;
    left: 6%;
    top: 41%;
    background: url(../images/prevIcon.png) no-repeat;
    width: 11px;
    height: 19px
}

.mobilKatplaniContent {
    width: 100%;
    width: 100%;
    background: #000109;
    padding: 150px 0 50px
}

.mobilMenuContainer {
    width: 100%;
    background: url(../images/menuRepeat.jpg) repeat;
    height: auto;
    padding: 134px 0 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: -600px;
}

    .mobilMenuContainer a {
        display: block;
        text-align: center;
        color: #868686;
        border-bottom: 1px solid #161717;
        height: 36px;
        line-height: 36px
    }

        .mobilMenuContainer a:last-child {
            border-bottom: 0
        }

.katplaniContent a.right {
    float: right;
    width: auto
}

.formBottomTxt {
    width: 100%;
    float: left;
    color: #000;
    font-size: 12px;
    margin-bottom: 10px
}

.slogan_new {
    width: 1651px;
    position: absolute;
    left: 50%;
    margin-left: -825px;
    top: 40%;
    height: 150px
}

.lokasyonBg {
    width: 100%;
    position: absolute;
    z-index: -1
}

.leftSloganBorder {
    width: 774px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/slideLeftBg.png) no-repeat left top;
    height: 34px
}

.rightSloganBorder {
    width: 843px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/slideRightBg.png) no-repeat right bottom;
    height: 34px
}

.sloganTxt {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 100%;
    height: 62px;
    opacity: 1;
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-family: 'Libre Baskerville', arial;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    -webkit-text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    -khtml-text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    -moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    letter-spacing: 1px
}

    .sloganTxt span {
        letter-spacing: 2px;
        position: relative;
        z-index: 2
    }

    .sloganTxt img {
        width: auto !important;
        transform: scale(1, 1) !important;
        height: auto !important
    }

.bottomMenu a:hover {
    color: #195483
}

.ozelliklerBullet {
    position: absolute;
    top: 90px;
    left: 8px;
    z-index: 99999;
}

    .ozelliklerBullet a {
        display: block;
        display: block;
        width: auto;
        margin: 5px 3px;
        background: 0;
        float: left;
        padding: 5px 9px;
        color: #fff;
        background: #0f2c5a;
    }

        .ozelliklerBullet a.activeBullet2 {
            background: #fff;
            position: relative;
            color: #0f2c5a
        }

            .ozelliklerBullet a.activeBullet2:before {
                background: url(../images/arrowImg.png) no-repeat;
                width: 13px;
                height: 6px;
                position: absolute;
                left: 50%;
                bottom: -6px;
                content: '';
                margin-left: -6px
            }

    .ozelliklerBullet > div {
        width: 14px;
        height: 24px;
        cursor: pointer
    }

    .ozelliklerBullet .sonraki {
        background: url(../images/slideRight.png) no-repeat;
        position: absolute;
        right: -25px;
        top: 0;
        display: none
    }

    .ozelliklerBullet .onceki {
        background: url(../images/slideLeft.png) no-repeat;
        position: absolute;
        left: -25px;
        top: 0;
        display: none
    }

.bottomMenu a.activeTopMenu {
    background: 0;
    color: #4e6fc7;
    padding: 0 5px
}

    .bottomMenu a.activeTopMenu span {
        display: block
    }

.bottomMenu a span {
    background: url(../images/menuActiveBg.png) repeat left top;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 63px;
    z-index: -1;
    color: #4e6fc7;
    display: none
}

    .bottomMenu a span small {
        background: url(../images/activeTop.png) repeat center top;
        position: absolute;
        left: 0;
        top: -5px;
        width: 100%;
        height: 9px
    }

.bottomMenu a:last-child {
    background: 0
}

.bullets {
    position: absolute;
    top: 78%;
    margin-top: -24px;
    z-index: 99999;
    right: 22px
}

    .bullets a {
        display: inline-block;
        margin-right: 5px;
        background: #fff;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        padding: 5px
    }

        .bullets a.activeBullet {
            background: #000
        }

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

.leftMenuContainer {
    height: 100%;
    width: 200px;
    position: absolute;
    left: -450px;
    top: 0;
    z-index: 2
}

.altSayfaContent {
    width: 100%;
    float: left;
    opacity: 0
}

.altSayfaCenter {
    width: 953px;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    padding: 50px 0;
    left: 51px
}

.katplanlariContainer {
    width: 1000px;
    height: 540px;
    margin: auto;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    padding: 50px 0
}

.altSayfaCenter .logoArea {
    float: left;
    display: block;
    width: 20%
}

    .altSayfaCenter .logoArea img {
        width: 100%
    }

.contentRightArea {
    float: right;
    width: 77%;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding-bottom: 8px
}

.LokasyonLeftBg {
    width: 275px;
    height: 960px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: url(../images/LokasyonLeftBg.png) no-repeat left top;
    z-index: 2
}

.mimariContent {
    position: absolute;
    left: 20%;
    bottom: 30%;
    color: #fff;
    font-size: 14px;
    opacity: 0
}

h1.titleSubArea {
    font-size: 19px;
    color: #fff;
    float: left;
    width: 100%;
    margin: 0 0 13px;
    font-weight: 400;
    font-family: 'futuranarrowboldregular'
}

.leftMenu {
    width: 78%;
    position: absolute;
    left: 30px;
    border-right: 1px solid #1a1e27;
    padding: 12px 0;
    float: left
}

    .leftMenu a {
        font-size: 17px;
        color: #718fe6;
        display: block;
        float: left;
        width: 109%;
        height: 26px;
        line-height: 26px;
        padding: 0 0 18px;
        font-family: 'Lato', arial
    }

        .leftMenu a:hover {
            color: #fff
        }

.current_page_item a {
    color: #fff
}

.activePageTop {
    height: 100%;
    width: 200px;
    background: url(../images/activePageTop.png) no-repeat right top
}

.activePageBottom {
    height: 100%;
    width: 200px;
    background: url(../images/activePageBottom.png) no-repeat right bottom;
    position: absolute;
    left: 0;
    top: 0
}

.activePageBg {
    background: url(../images/activePageBg.png) no-repeat right top;
    color: #fff !important
}

.bgBottom {
    background: url(../images/hakkimizdaBg.jpg) no-repeat bottom center;
    width: 100%;
    height: 330px;
    position: absolute;
    bottom: 0;
    left: 0
}

.contentLeftBg {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/contentLeftBg.png) no-repeat;
    width: 242px;
    height: 34px
}

.contentRightBg {
    background: url(../images/ContentRightBg.png) no-repeat right top;
    width: 814px;
    position: absolute;
    right: 0;
    height: 34px
}

.leftPage {
    float: left;
    width: 50%;
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    left: 1200px;
    overflow: hidden
}

.heightContent {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

    .heightContent .containerContent {
        margin: auto;
        width: 96%;
        color: #fff;
        font-size: 15px;
        position: relative;
        height: 350px
    }

.rightPage {
    float: right;
    width: 50%;
    position: relative;
    overflow: hidden;
    right: 1200px
}

    .rightPage img {
        width: 100%;
        height: auto;
        display: block;
        position: absolute;
        z-index: 1;
        left: -1000px
    }

.specDiv {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    color: #fff
}

    .specDiv span {
        margin: 0 0 10px;
        display: block;
        float: left;
        padding: 0 0 0 17px;
        background: url(../images/maddeSpan.png) no-repeat left
    }

    .specDiv.activeSpec {
        z-index: 2;
        opacity: 1
    }

.containerContent h1.titleSub {
    color: #fff;
    font-size: 19px;
    float: left;
    width: 100%;
    margin: 0 0 16px;
    font-weight: 400;
    font-family: 'futuranarrowboldregular'
}

.MimariLeftBg {
    position: absolute;
    left: -100px;
    bottom: 0;
    background: url(../images/MimariLeftBg.png) no-repeat left bottom;
    width: 846px;
    height: 366px;
    z-index: -1
}

.iletisimBg {
    width: 100%;
    background: url(../images/iletisimBg.jpg) no-repeat left bottom;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

.iletisimCenter {
    width: 1050px;
    margin: auto;
    position: relative;
    opacity: 0
}

.adresItem {
    float: left;
    width: 88%;
    text-align: left;
    color: #fff
}

    .adresItem small {
        display: block;
        float: left;
        width: 6%;
        margin-right: 0
    }

    .adresItem span {
        display: block;
        float: left;
        width: 86%;
        font-size: 13px;
        line-height: 20px
    }

        .adresItem span a {
            color: #fff
        }

.item2 {
    float: right;
    text-align: right
}

.item3 {
    width: 246px
}

.formContainer {
    width: 100%;
    float: left;
    margin: 24px 0 0
}

.leftFormItems {
    float: left;
    width: 57%
}

.rightFormItems {
    float: right;
    width: 43%
}

.inputCl {
    background: #fff;
    padding: 2%;
    width: 40%;
    float: left;
    margin-right: 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 17px;
    border: 1px solid #6277a3;
    color: #2d4ba4;
    font-size: 13px;
    font-weight: 400
}

textarea {
    font-family: 'Lato', arial
}

.textareaCl {
    width: 95%;
    float: left;
    padding: 2%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #6277a3;
    color: #2d4ba4;
    font-size: 13px;
    font-weight: 400;
    height: 72px
}

.submitCl {
    text-align: center;
    color: #fff;
    height: 50px;
    line-height: 50px;
    background: #005086;
    float: right;
    width: 160px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 12px 0 0;
    font-weight: 700;
    font-size: 16px;
    -webkit-appearance: none;
}

.galleryWrapper {
    width: 100%;
    height: 100%;
    position: relative
}

#slides2 {
    position: relative;
    height: 600px
}

    #slides2 .slides-container {
        display: none
    }

    #slides2 .scrollable {
        *zoom: 1;
        position: relative;
        top: 0;
        left: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%
    }

        #slides2 .scrollable:after {
            content: "";
            display: table;
            clear: both
        }

.white a {
    color: #fff !important
}

#example-one {
    position: relative
}

    #example-one li {
        display: block;
        position: relative
    }

#magic-line {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 26px;
    width: 108%;
    background: url(../images/activePageBg.png) no-repeat right;
    pointer-events: none
}

.ie6 #example-one li, .ie7 #example-one li {
    display: inline
}

.ie6 #magic-line {
    bottom: -3px
}

#example-one .current_page_item ul {
    display: block
}

.slides-navigation {
    position: absolute;
    z-index: 5;
    top: 50%;
    width: 62px;
    height: 119px;
    margin-top: -12px;
    right: 0
}

    .slides-navigation a {
        position: absolute;
        display: block;
        width: 23px;
        height: 14px
    }

        .slides-navigation a.prev {
            top: 0;
            background: url(../images/galeriTop.png) no-repeat center top
        }

        .slides-navigation a.next {
            bottom: 0;
            background: url(../images/galeriBottom.png) no-repeat center bottom
        }

.slides-pagination {
    position: absolute;
    z-index: 9;
    right: 38px;
    text-align: center;
    width: 24px;
    top: 39%;
    display: none
}

    .slides-pagination a {
        width: 12px;
        height: 12px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        background-image: url(../images/galeriBullet.png);
        margin: 2px;
        overflow: hidden;
        text-indent: -100%;
        font-size: 0
    }

        .slides-pagination a.current {
            background: url(../images/galeriBulletActive.png);
            width: 20px;
            height: 20px
        }

.nums {
    width: 47px;
    height: auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 50%;
    left: 0;
    margin-bottom: -35px
}

    .nums small {
        background: url(../images/numsBorder.png) no-repeat;
        width: 26px;
        height: 25px;
        position: absolute;
        left: 6px;
        top: 22px
    }

    .nums span {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0 0 7px;
        float: left;
        font-size: 30px;
        position: relative;
        right: 27px
    }

.galeriTopBg {
    background: url(../images/galeriTopBg.png) no-repeat;
    width: 34px;
    height: 241px;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 9;
    pointer-events: none
}

.galeriBottomBg {
    background: url(../images/galeriBottomBg.png) no-repeat;
    width: 34px;
    height: 334px;
    position: absolute;
    bottom: 0;
    right: 15px;
    z-index: 9;
    pointer-events: none
}

.galeriButons {
    width: 110px;
    position: absolute;
    right: 0;
    top: 26%;
    z-index: 4
}

    .galeriButons a {
        display: block;
        width: 100%;
        height: 36px;
        line-height: 36px;
        text-align: center;
        color: #108bf0;
        background: #05080b;
        margin-bottom: 3px;
        font-size: 12px
    }

        .galeriButons a.activeGaleri {
            color: #fff
        }

.galeriRightGrid {
    width: 325px;
    height: 100%;
    background: url(../images/galeriRightGrid.png) repeat-y;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 3;
    opacity: .7
}

.katplaniBg {
    background: url(../images/katplaniBg.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 0;
    width: 407px;
    height: 636px;
    left: 122px
}

.slide1_1 {
    padding: 0 0 3% 2%;
    float: left;
    width: 80%;
    position: relative
}

.KatplaniButons {
    width: 9%;
    float: left
}

    .KatplaniButons a {
        display: block;
        width: 111%;
        float: left;
        color: #fff;
        font-size: 13px;
        margin-bottom: 10px;
        color: #718fe6;
        cursor: pointer
    }

        .KatplaniButons a.katPlaniactive {
            color: #fff;
            background: url(../images/katPlaniactive.png) no-repeat right
        }

.slide1_1Content {
    width: 90%;
    float: left;
    display: block
}

.rightKatContent1_1 {
    width: 71%;
    float: left;
    margin-left: 4%
}

.katplaniRightButons, .katplaniRightButons2, .katplaniRightButons3 {
    float: right;
    width: 21%
}

    .katplaniRightButons div, .katplaniRightButons2 div, .katplaniRightButons3 div {
        height: 85px;
        color: #fff;
        display: block;
        margin-bottom: 2px;
        font-size: 16px;
        vertical-align: bottom;
        position: relative;
        cursor: pointer
    }

        .katplaniRightButons div span, .katplaniRightButons2 div span, .katplaniRightButons3 div span {
            position: absolute;
            left: 14px;
            bottom: 14px
        }

div.rightKatplaniActive, div.rightKatplaniActive2, div.rightKatplaniActive3 {
    opacity: .7;
    color: #5d9eff
}

.katplaniRightButons2 div small, .katplaniRightButons div small, .katplaniRightButons3 div small {
    background: url(../images/katplanRightActive.png) no-repeat;
    position: absolute;
    left: -7px;
    bottom: 20px;
    width: 7px;
    height: 15px;
    display: none
}

div.rightKatplaniActive2 small, div.rightKatplaniActive small, div.rightKatplaniActive3 small {
    display: block
}

.daireBg {
    background: url(../images/daire_planiBg.png) no-repeat
}

.vaziyetBg {
    background: url(../images/vaziyetPlaniBg.png) no-repeat
}

.katBg {
    background: url(../images/katplaniButonBg.png) no-repeat; /* display: none!important; */
}

.blokBg {
    background: url(../images/blokBg.png) no-repeat;
    display: none !important
}

.katplaniContent, .katplaniContent2, .katplaniContent3 {
    display: none
}

.ui-tabs-vertical {
    width: 100%;
    position: relative;
    z-index: 2
}

    .ui-tabs-vertical .ui-tabs-nav {
        float: left;
        width: 14%
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%
        }

            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block
            }

            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
                padding-bottom: 0;
                padding-right: .1em;
                border-right-width: 1px
            }

    .ui-tabs-vertical .ui-tabs-panel {
        width: 100%
    }

.tabs ul.tabCon li a {
    float: left;
    width: 100%;
    color: #4f8fc4;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: left;
    padding-left: 20px;
    background: url(../images/katPlaniBorder.png) no-repeat bottom left
}

    .tabs ul.tabCon li a:hover {
        background: #171b23
    }

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a {
    background: #171b23 !important
}

.katplanlariContainer {
    width: 1000px !important;
    height: 540px
}

.dairePlaniContainer {
    width: 57%;
    float: none;
    padding: 0;
    margin: -2px 0 0;
    position: relative;
    margin: auto;
    text-align: center
}

    .dairePlaniContainer .leftBigInfo {
        float: left;
        font-size: 28px;
        color: #898989;
        height: 62px;
        line-height: 62px;
        margin: 0 4% 0 21%;
        width: auto
    }

.otherInfo {
    width: 46%;
    float: left;
    color: #898989;
    font-size: 14px;
    border-right: 1px solid #0e1b40;
    border-left: 1px solid #0e1b40;
    padding: 0;
    display: none
}

    .otherInfo .rowsArea {
        width: 100%;
        float: left;
        margin: 0 0 2px;
        height: 20px;
        line-height: 20px;
        text-align: center
    }

        .otherInfo .rowsArea .leftColm {
            float: left;
            width: 50%
        }

        .otherInfo .rowsArea .rightColm {
            float: right;
            width: 50%
        }

.zoomIcon {
    display: block;
    float: left;
    width: auto;
    text-align: center;
    padding: 10px 0 0
}

.leftPageContainer {
    height: 100%;
    position: relative;
    overflow: hidden;
    float: right
}

.rightPageContainer {
    height: 100%;
    position: relative;
    overflow: hidden;
    float: right
}

.leftKatMenu {
    width: 14%;
    float: left
}

    .leftKatMenu a {
        display: block;
        float: left;
        width: 90%;
        height: 38px;
        line-height: 38px;
        text-align: left;
        padding: 0 0 0 10%;
        color: #4f8fc4;
        font-size: 17px;
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s;
        -o-transition-duration: .4s;
        transition-duration: .4s;
        background: url(../images/katPlaniBorder.png) no-repeat bottom left
    }

        .leftKatMenu a:hover {
            background: #171b23;
            color: #fff
        }

        .leftKatMenu a.katActive {
            background: #171b23;
            color: #fff
        }

.katPlaniLeftBottom {
    width: 316px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/katPlaniLeftBottom.png) no-repeat;
    height: 226px
}

#pageloader {
    position: fixed;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000410;
    z-index: 9999999;
    overflow: hidden
}

    #pageloader .loader-item {
        height: 74px;
        width: 74px;
        border-radius: 50px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px
    }

.current_page_item {
    display: block;
    float: left;
    width: 100%
}

.vaziyetBgArea {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

    .vaziyetBgArea a:hover img {
        display: block
    }

    .vaziyetBgArea img {
        width: 80%;
        display: none;
        margin: auto;
        padding-top:30px;
        background: #0d1d2d;
    }

.vaziyetCon {
    display: block !important
}

.vaziyetArea1 {
    position: absolute;
    right: 2%;
    top: 30.4%;
    width: 45% !important;
    height: 59%
}

.vaziyetArea2 {
    position: absolute;
    right: 2%;
    top: 30.4%;
    width: 23% !important;
    height: 57%
}

.vaziyetArea3 {
    position: absolute;
    left: 36%;
    top: 48.4%;
    width: 16% !important;
    height: 26%
}

.vaziyetArea1:hover .vaziyetArea2 img {
    display: block !important
}

.katplaniContent a.fancybox {
    display: block;
    margin: auto
}

    .katplaniContent a.fancybox img {
        display: block;
        margin: auto;
        width: 100%;
    }

.rowsHeightOne {
    line-height: 62px !important;
    height: 62px !important
}

.accordionContent {
    display: none;
    border-bottom: 1px solid #161717
}

    .accordionContent a {
        color: #4b6bc0;
        border-bottom: 0 !important
    }

.activeAccordion {
    color: #4b6bc0 !important;
    font-weight: 700
}

input[type='radio'].css-checkbox {
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 7px;
    width: 5px;
    margin: -1px;
    padding: 0;
    border: 0;
    opacity: 0
}

    input[type='radio'].css-checkbox + label.css-label {
        padding-left: 30px;
        height: 24px;
        display: inline-block;
        line-height: 24px;
        background-repeat: no-repeat;
        background-position: top left;
        font-size: 19px;
        vertical-align: middle;
        cursor: pointer;
        font-size: 14px;
        margin-right: 10px;
        position: relative;
        left: -5px;
        color: #000
    }

    input[type='radio'].css-checkbox:checked + label.css-label {
        background-position: bottom left
    }

label.css-label {
    background-image: url(../images/csscheckbox_b8a401e01140c65dd35d42877127b998.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mobilMenuButon {
    display: none
}

.gmnoprint {
    display: none !important
}

.mobilBanner {
    display: none
}

.RowItemhaber {
    float: left;
    margin: 20px 0 0
}

.desktopBanner {
    display: block
}

.activeMobilMenu {
    background: url(../images/activeMobilMenu.png) no-repeat !important
}

.mobilFooter {
    display: none;
    width: 96%;
    padding: 0 2%;
    background: url(../images/mobilFooterBg.png) repeat-x;
    height: auto;
    position: relative;
    bottom: 0;
    left: 0;
    float: left;
    z-index: 8
}

.mobilFooterLeft {
    float: left
}

    .mobilFooterLeft a {
        margin-right: 5px
    }

.mobilFooterRight {
    float: right;
    margin: 13px 0 0;
}

.vaziyetMobil {
    display: none
}

    .vaziyetMobil img {
        width: 100%
    }

.katPlaniCon {
    width: 100%;
    padding: 150px 0 100px;
    float: left
}

.katPlaniMobil {
    width: 100%;
    background: #000109;
    padding: 150px 0 50px
}

    .katPlaniMobil a {
        border-top: 1px solid #1a1e2b;
        width: 100%;
        height: 45px;
        line-height: 45px;
        color: #fff;
        text-align: center;
        display: block;
        font-size: 17px;
        position: relative
    }

        .katPlaniMobil a span {
            background: url(../images/kat-planiActive.png) no-repeat bottom center;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            width: 17px;
            height: 17px;
            bottom: -5px
        }

.katAccordionWrapper {
    width: 100%;
    background: url(../images/katplaniLine.jpg) bottom center no-repeat;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-size: 16px;
    padding: 10px 0;
    position: relative
}

    .katAccordionWrapper span {
        display: none
    }

.AccordionWrapperContent {
    width: 100%;
    display: none;
    margin: 18px 0 0
}

.katAccordionWrapperActive {
    color: #4f8fc4
}

.katAccordionWrapper span {
    position: absolute;
    left: 50%;
    width: 13px;
    height: 6px;
    margin-left: -6px;
    background: url(../images/AccordionArrow.png) no-repeat;
    display: none;
    bottom: -6px
}

.katAccordionWrapperActive span {
    display: block
}

.titleKatPlani {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #1a1e2b;
    line-height: 60px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    position: relative
}

    .titleKatPlani span {
        position: absolute;
        left: 50%;
        bottom: -9px;
        width: 17px;
        height: 17px;
        background: url(../images/topAccordionBg.png) no-repeat;
        display: block;
        margin-left: -8px
    }

.accordionTitle2 {
    width: 80%;
    padding: 0 5%;
    height: 50px;
    line-height: 50px;
    position: relative;
    background: #141927;
    margin: auto;
    color: #fff;
    overflow: hidden;
    margin-bottom: 1px
}

    .accordionTitle2 span {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -3px;
        background: url(../images/AccordionArrow.png) no-repeat;
        width: 13px;
        height: 6px;
        display: block
    }

.accordionContent2 {
    width: 90%;
    margin: auto;
    padding: 30px 5%;
    display: none;
    float: left;
    color: #898989
}

    .accordionContent2 img {
        width: 100%
    }

.accordionTitle2Active span {
    background: url(../images/accordionTitle2Active.png) no-repeat !important;
    color: #5d9eff
}

.mobilDaireRows {
    width: 100%;
    float: left;
    margin: 5px 0 0
}

    .mobilDaireRows .leftItem {
        float: left;
        width: 50%;
        text-align: center
    }

    .mobilDaireRows .rightItem {
        float: left;
        width: 50%;
        text-align: center
    }

.reklamFilmi {
    position: absolute !important;
    left: -210px;
    top: -2px;
    z-index: 999;
    padding: 5px;
    background: url(../images/reklamFilmi2.png) no-repeat !important;
    width: 227px;
    height: 32px;
    z-index: 4 !important
}

.sanalTur {
    position: absolute !important;
    left: -248px;
    top: 0;
    z-index: 999;
    padding: 5px;
    background: url(../images/sanalTur.png) no-repeat !important;
    width: 224px;
    height: 32px
}

.sanalTurnew {
    position: absolute !important;
    left: -248px;
    top: 0;
    z-index: 999;
    padding: 5px;
    background: url(../images/sanalTurnew.png) no-repeat !important;
    width: 224px;
    height: 32px;
    display: none
}

    .sanalTurnew:hover .linksArea {
        opacity: 1
    }

.linksArea {
    position: absolute;
    left: 84px;
    background: #005086;
    width: 116px;
    opacity: 0;
    padding: 0 10px;
    top: -62px;
    -webkit-transition-duration: .7s;
    -moz-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s
}

    .linksArea a {
        display: block;
        text-align: center;
        float: left;
        width: 100%;
        color: #000;
        padding: 5px 0;
        background: 0;
        height: 20px;
        line-height: 19px;
        border-bottom: 1px dashed #333
    }

        .linksArea a:last-child {
            border: 0
        }

.desktopGaleri {
    display: block
}

.mobilGaleri {
    display: none
}

.mobilReklamFilmi {
    display: none
}

.slideWrapper {
    width: 91%;
    float: left;
    height: 145px;
    overflow: hidden
}

.SlideButonRight {
    position: absolute;
    right: 0;
    top: 40%;
    width: 23px;
    height: 66px
}

    .SlideButonRight a.yukariSlide {
        display: block;
        width: 23px;
        height: 14px;
        background: url(../images/yukari_ok.png) no-repeat;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #0c1225
    }

    .SlideButonRight a.asagiSlide {
        display: block;
        width: 23px;
        height: 14px;
        background: url(../images/asagi_ok.png) no-repeat
    }

.slideContainer {
    height: 160px;
    overflow: hidden;
    float: left;
    width: 100%
}

.sloganTxt small {
    position: absolute;
    width: 703px;
    height: 144px;
    left: 50%;
    top: -39px;
    display: block;
    background: url(../images/dark_gradient.png) no-repeat top center;
    opacity: .7;
    margin-left: -350px
}

.TopImages {
    width: 100%;
    float: left
}

    .TopImages img {
        margin: 0 1% 0 0;
        display: block;
        float: left;
        width: 100%
    }

    .TopImages div.last {
        margin: 0
    }

    .TopImages > div {
        float: left;
        margin-right: 0
    }

.topImg1 {
    width: 60%
}

.topImg2 {
    width: 18%
}

.topImg3 {
    width: 18%
}

.img4 {
    width: 27% !important;
    float: left;
    margin: 10px 0 0 27.3% !important
}

.istanbulRightArea {
    float: right;
    margin-left: 1.5%;
    width: 38%
}

.istanbulBigTitle {
    font-size: 18px;
    color: #fff;
    margin: 15px 0 0
}

.istanbulSmall {
    font-size: 14px;
    color: #fff;
    margin: 2px 0 0
}

.textIstanbul {
    font-size: 14px;
    color: #fff;
    float: left
}

#owl-demo {
    display: none !important;
    margin: 20px 0 0
}

    #owl-demo .item img {
        display: block;
        width: 100%;
        height: auto
    }

.galeriButons.mobils {
    display: none
}

.nextprev {
    display: none
}

.daireTipi {
    position: absolute;
    bottom: 100px;
    left: 0px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 138, 230, 0.8);
    font-size: 18px;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    padding: 6px 25px;
    z-index: 999;
}

    .daireTipi.r2 {
        background-color: rgba(0, 138, 230, 0.8);
    }

    .daireTipi:hover {
    }

    .daireTipi.r2 {
        background-color: rgba(0, 138, 230, 0.8);
    }

.gercek {
    position: absolute;
    top: 4%;
    left: 5%;
    z-index: 9999999;
    width: 7.5%;
}

    .gercek img {
        max-width: 100%;
        height: auto;
    }

img.hava-tablo {
    width: 1300px;
    max-width: 100%;
    margin-top: 20px;
}

.content-bold {
    font-size: 18px;
}

.temiz-hava {
    display:block;
    position: absolute;
    z-index: 99999;
    top: 54px !important;
    width: 112px;
    max-width: 100%;
    height: 129px;
    right: 6.4%;
    background: url(/images/temizhava-TR.jpg) no-repeat center;
    background-size: 112px 129px;
}

.home-damga {
    background: url(/images/Damga_TR.png) no-repeat center;
    position: absolute;
    z-index: 9;
    width: 110px;
    height: 108px;
    background-size: contain;
    right: 6.45%;
    top: 18%;
}

.home-damga-en {
    background: url(/images/Damga_ENG.png) no-repeat center;
    background-size: contain;
    top: 21%;
}



@media screen and (max-width: 1680px) {
    .mainSlider img {
        width: 100%;
        height: auto;
        margin-top: -85px !important;
    }

    .temiz-hava {
        right: 6.5%;
    }
}

@media screen and (max-width: 1440px) {
    .temiz-hava {
        top: 3.7%;
        right: 6.6%;
    }
}


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


    .home-damga {
        top: 26%;
    }

    .home-damga-en {
        top: 30%;
    }

    .temiz-hava {
        top: 8.5%;
    }

    .gercek {
        width: 9%;
    }

    .ozelliklerBullet a {
        padding: 5px 6px;
        margin: 5px 3px;
        font-size: 15px
    }

    .ozelliklerBullet {
        left: 10px
    }

    .bgBottom {
        bottom: -50px
    }

    .contentRightBg {
        right: -350px
    }

    .iletisimBg {
        background: url(../images/iletisimBg.jpg) no-repeat left bottom;
        background-size: cover
    }

    .formContainer {
        margin: 30px 0 0
    }

    .galeriBottomBg {
        bottom: -100px;
        height: 235px
    }

    .galeriButons a {
        height: 30px;
        line-height: 30px;
        font-size: 11px
    }

    .slides-navigation {
        top: 55%
    }

    .galeriButons {
        top: 26%
    }

    .galeriTopBg {
        top: -74px
    }

    .leftMenu a {
        padding: 0 0 9px
    }

    .slides-pagination {
        top: 42%
    }

    .katplanlariContainer {
        left: 80px;
        top: -200px !important
    }

    .iletisimCenter {
        left: 80px
    }

    .katplaniBg {
        top: 24px
    }

    .mainSlider img {
        width: 100%;
        height: auto;
        margin-top: -74px
    }

    .bottomLeft {
        bottom: 1px
    }

    .rightPage img {
        width: auto;
        height: 100%
    }

    .bottomLeft {
        bottom: 0
    }
}

@media screen and (max-width: 1280px) {
    .galeriTopBg {
        top: -60px
    }

    .galeriButons {
        top: 27%
    }

    .galeriBottomBg {
        bottom: -75px
    }

    .iletisimBg {
        background: url(../images/iletisimBg.jpg) no-repeat center bottom
    }

    .inputCl {
        margin-bottom: 7px
    }

    .textareaCl {
        height: 65px
    }

    .formContainer {
        margin: 15px 0 0
    }
}

@media screen and (max-width: 1024px) {
    img.hava-tablo {
        max-width: 100%;
    }

    .subPageContainer {
        height: auto !important;
    }

    .subPageContainer {
        background: #00030f;
    }

    .rightPage {
        width: 100% !important;
    }

    .rightPage {
        height: 388px !important;
        width: 100% !important;
        margin-top: 106px;
    }

    .rightPageContainer {
        width: 100% !important;
        height: auto !important;
    }

    .rightPageContainer, .rightPage {
        float: left;
    }

        .rightPage img {
            width: 100%;
            height: auto;
        }

    .leftPageContainer {
        width: 100% !important;
    }

    .leftPage, .leftPageContainer {
        width: 100% !important;
        height: auto !important;
        padding: 0 0 25px;
    }

    .leftPageContainer, .leftPage {
        float: right;
    }

    .leftPage, .leftPageContainer {
        width: 100% !important;
        height: auto !important;
        padding: 0 0 25px;
    }

    .MimariLeftBg {
        display: none;
    }

    .heightContent {
        padding: 20px 0;
    }

        .heightContent .containerContent {
            height: 200px;
        }

        .heightContent .containerContent {
            width: 90%;
            padding: 20px 0;
        }

    .specDiv {
        width: 90%;
    }

    .temiz-hava {
        top: auto !important;
        right: 0;
        bottom:0 !important;
    }
    .nextprev{ display:none !important;}
    .temiz-hava{    height: 102px;     width: 97px;background: url(/images/temizhava-TR.jpg) no-repeat right;
    background-size: contain !important;}

    .videoBtn {
        top: 46%;
    }

    input[type='radio'].css-checkbox + label.css-label {
        color: #fff
    }

    .iletisimCenter {
        width: 100%;
        left: 0
    }

    .formBottomTxt {
        color: #fff
    }

    #gizlilik {
        width: 100%;
        height: auto;
        background: #fff;
        padding: 10px;
        overflow-x: hidden
    }

    .formRowsArea {
        width: 100% !important
    }

    .closeForm, .telNumberFooter {
        display: none
    }

    .seapearlFormLogo, .seapearlFormLogo img, .formRightArea {
        width: 100%
    }

    .rowKampanya {
        margin-left: 0
    }

    .sloganTxtCenter {
        top: 0
    }

    .slideWrapper {
        height: auto !important
    }

    .heightContent .containerContent {
        width: 100%
    }

    .rakamlarlaImg {
        top: 120px !important
    }

    .leftKonum, .rightKonum {
        width: 100%;
        float: left;
        position: static
    }

        .leftKonum img {
            position: static;
            width: 100%;
            margin-top: 100px
        }

    .rightKonum {
        width: 94%
    }

    .leftKonum {
        height: auto
    }

    .rightKonum {
        padding: 0 2%
    }

    .konumContainer {
        float: left;
        width: 100%
    }

    .rightKonum {
        margin-bottom: 40px
    }

    .homeFormLeft {
        float: none;
        width: 310px;
        background-size: cover;
        z-index: 92;
        top: 0;
        padding: 24px 0 30px;
        height: auto;
        position: static;
        margin-top: 0;
        background: none !important;
        margin: auto
    }

        .homeFormLeft .homeInput {
            background: #fff;
            color: #000;
            width: 96% !important;
            padding: 0 2%;
            margin: 0 0 10px
        }

    .homeFormLeft2 {
        float: none;
        width: 310px;
        background-size: cover;
        z-index: 92;
        top: 0;
        padding: 24px 0 30px;
        height: auto;
        position: static;
        margin-top: 0;
        background: none !important;
        margin: auto
    }

        .homeFormLeft2 .homeInput {
            background: #fff;
            color: #000;
            width: 80% !important;
            padding: 0 0 0 20%;
            margin: 0 0 10px
        }

    .isiklar, .formOpen, .homeFormLeft h1 span {
        display: none
    }

    .formOpen2, .homeFormLeft2 h1 span {
        display: none
    }

    .homeFormLeft {
        color: #fff
    }

        .homeFormLeft h1 {
            font-size: 20px
        }

    .homeFormLeft2 {
        color: #fff
    }

        .homeFormLeft2 h1 {
            font-size: 20px;
            float: left;
            width: 100%
        }

    .mainSlider .slideItem img {
        height: 100%;
        width: auto;
    }

    .rightPage img {
        width: 100%;
        height: auto;
    }

    .leftMenuContainer {
        display: none
    }

    .altSayfaCenter {
        width: 90%
    }

    .contentRightBg {
        display: none
    }

    body {
        overflow: inherit
    }

    .bottom, .bottomLeft {
        display: none
    }

    body {
        background: #00030f
    }

    .logo {
        background: url(../images/mobilLogo.png) no-repeat center top;
        width: 100%;
        left: 0;
        margin-left: 0;
        height: 130px
    }

    .mobilMenuButon {
        display: block;
        position: absolute;
        right: 14px;
        top: 25px;
        background: url(../images/mobilMenuButon.png) no-repeat;
        height: 44px;
        width: 44px;
    }

    .bgBottom {
        display: none
    }

    .mobilFooter {
        display: block;
        height: 33px
    }

    a.bottomLeft {
        display: none
    }

    .bottomRight {
        display: none
    }

    .specDiv {
        width: 85%;
        padding: 0 0 0 2%;
        font-size: 12px
    }

    .altSayfaCenter {
        left: 0
    }

    .reklamFilmi {
        display: none
    }

    .mobilReklamFilmi {
        display: block;
        width: 137px;
        height: 41px;
        position: absolute;
        left: 50%;
        margin-left: -68px;
        bottom: 12%;
        position: absolute;
        z-index: 89;
        background: url(../images/mobilReklamFilmi.png) no-repeat;
    }

    .sloganTxt, .sloganTxt span {
        font-size: 20px !important
    }

    .slideContainer {
        height: auto
    }

    .SlideButonRight {
        display: none
    }

    .topBgMobil {
        display: block
    }

    .sanalTur {
        display: none
    }

    .lang {
        left: 0;
        right: auto !important
    }

    .img3, .img4 {
        display: none !important
    }

    .istanbulRightArea {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px
    }

    #owl-demo {
        display: block !important
    }

    .mobilFooter .bottomRight2 {
        display: block !important;
        background-size: contain;
        width: 70px;
    }

    .bottomRight2, .katPlaniLeftBottom {
        display: none
    }

    .isiklar {
        top: 25%;
        left: 19%
    }

    .mainSlider img {
        margin-top: 0
    }

    .formOpen, .homeFormLeft h1 span {
        display: none
    }

    .formOpen2, .homeFormLeft2 h1 span {
        display: none
    }

    .sloganDesktop {
        display: none;
        width: 100%;
    }

    .sloganAreaMobil {
        display: block;
        width: 100%;
    }

    .mainSlider {
        height: 82vh;
        margin-top: 105px;
    }

    .logo, .lang {
        margin-top: 0
    }

    .logo, .lang {
        position: absolute;
        float: left;
    }

    .mobilMenuButon {
        position: absolute;
        float: right;
    }

    .logo {
        top: 0;
    }
}

@media screen and (max-width: 768px) {
    img.hava-tablo {
        max-width: 100%;
    }

    .temiz-hava {
        top: 35%;
    }

    .gercek {
        width: 22%;
        top: 26%;
    }

    .lang a.phonenew {
        position: fixed;
        top: -5px;
        right: -11px;
        margin: 0
    }

    .galleryWrapper {
        height: auto !important;
        margin-top: 140px;
    }

    .logo {
        height: 115px;
        position: absolute !important;
        float: left;
        background-size: 77% !important;
    }

        
    .mainSlider {
        margin-top: 140px !important;
    }

        .mainSlider img {
            width: 100% !important;
            height: auto !important;
            margin-top: 0 !important;
            min-width: inherit !important;
        }

    .galeriButons.mobils {
        display: block;
        position: relative;
        bottom: auto;
        top: auto
    }

    .galeriButons.desktops {
        display: none
    }

    .mainSlider {
        height: 343px;
        margin-top: 0;
        float: left;
        display: inline-block;
        overflow: hidden;
    }

    .nextprev {
        display: block;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 999
    }

    .nextmain {
        width: 30px;
        height: 30px;
        background: url(/images/nextMobil.jpg) no-repeat;
        right: 5px;
        background-size: cover;
        position: absolute
    }

    .prevmain {
        width: 30px;
        height: 30px;
        background: url(/images/prevMobil.jpg) no-repeat;
        left: 5px;
        background-size: cover;
        position: absolute
    }

    .mobilMenuContainer {
        height: auto
    }

    .patlangac2 {
        background-size: contain !important;
        width: 138px;
        top: 0;
    }

    #slidesMobil.owl-theme .owl-controls {
        bottom: auto !important;
        top: 50%
    }

    .menuOrnek {
        left: 0;
        top: 41px;
    }

    .insaatTitle {
        float: left;
        width: 100%;
        margin-right: 1%;
        height: 107px;
    }

    .iletisimLeftArea, .iletisimRight {
        width: 100%
    }

    .colmIletisim {
        width: 100% !important;
        margin-bottom: 10px
    }

    .rowsIletisim {
        margin-bottom: 0
    }

    .iletisimNewContainer {
        width: 98%;
        padding: 0 1%
    }

    .patlangac {
        right: 10px;
        background-size: contain;
        width: 92px;
        top: 20%
    }

    .patlangac_en {
        right: 10px;
        background-size: contain;
        width: 92px;
        top: 27%
    }

    .sloganTxtCenter {
        display: none
    }

    .mobilBanner {
        display: block
    }

    .desktopBanner {
        display: none
    }

    .isiklar {
        display: none
    }

    .ar {
        left: 12% !important
    }

    .ru {
        left: 11% !important
    }

    #_SAD {
        float: none !important;
        margin-bottom: 3px !important
    }

    .fancybox-skin { /* background:none!important */
    }

    .fancybox-close {
        right: 0 !important
    }

    .leftPageContainer, .leftPage {
        float: right
    }

    .rightPageContainer, .rightPage {
        float: left
    }

    .rightPage {
        height: 388px !important;
        width: 100% !important;
        margin-top: 140px
    }

    .rightPageContainer {
        width: 100% !important;
        height: auto !important
    }

    .leftPage, .leftPageContainer {
        width: 100% !important;
        height: auto !important;
        padding: 0 0 25px
    }

    .rightPage img {
        width: 100%;
        height: auto
    }

    .MimariLeftBg {
        display: none
    }

    .heightContent .containerContent {
        width: 90%;
        padding: 20px 0
    }

    .ozelliklerBullet {
        left: 50%;
        margin-left: 15px;
        bottom: 0;
        position: static;
        margin-top: 11px;
        float: left
    }

    .contentRightArea {
        width: 100%;
        margin: 20px 0 0
    }

    .altSayfaCenter .logoArea {
        width: 40%;
        padding: 20px 30% 0
    }

    .altSayfaCenter {
        padding: 0 0 50px
    }

    .ozelliklerBullet {
        bottom: 47%
    }

        .ozelliklerBullet a.activeBullet2:before {
            background: 0
        }

    .mimariContent {
        position: relative;
        left: 0;
        bottom: 0;
        margin: 320px auto 0;
        width: 90%
    }

    .LokasyonLeftBg {
        display: none
    }

    .leftPageContainer {
        width: 100% !important
    }

    .heightContent .containerContent {
        height: 150px
    }

    .specDiv {
        width: 100%
    }

    .slides-pagination, .nums, .galeriBottomBg, .galeriTopBg, .galeriRightGrid {
        display: none
    }

    .slides-navigation {
        width: 100%;
        height: 37px;
        margin-top: -18px;
        top: 50%
    }

        .slides-navigation a.next {
            right: 20px;
            background: url(../images/nextMobil.jpg) no-repeat;
            width: 50px;
            height: 52px
        }

        .slides-navigation a.prev {
            left: 20px;
            background: url(../images/prevMobil.jpg) no-repeat;
            width: 50px;
            height: 52px
        }

    .galeriButons {
        right: 50%;
        margin-right: -150px;
        bottom: 100px;
        top: auto;
        width: 300px;
        z-index: 9
    }

    ul.slides-container li {
        width: 100% !important
    }

    .galleryWrapper {
        width: 100% !important
    }

    .iletisimCenter {
        left: 20px;
        background: #00030f;
        margin-top: 0 !important;
        padding-top: 170px;
        position: static;
        width: 90%
    }

    .iletisimBg {
        background: #00030f;
        position: relative
    }

    .leftFormItems {
        width: 96%
    }

    .formContainer {
        width: 100%
    }

    .inputCl {
        width: 100% !important;
        margin-right: 0;
        height: 28px
    }

    .rightFormItems, .adresItem {
        width: 100%
    }

    .formBottomTxt {
        margin: 15px 0
    }

    .subPageContainer {
        background: #00030f
    }

    .adresItem small {
        width: 9%
    }

    .submitCl {
        background: #2d4ba4;
        display: block;
        float: none;
        margin: 40px auto
    }

    .subPageContainer {
        height: auto !important
    }

    .adresItem span {
        width: 90%
    }

    .vaziyetBgArea {
        display: none
    }

    .vaziyetMobil {
        display: block;
        padding-bottom: 20px;
        margin: 140px 0 0
    }

    .topBg {
        display: none
    }

    .mimariContentMobil {
        height: 212px !important
    }

    .heightContent {
        padding: 20px 0;
    }

    .iletisimBg {
        height: auto !important
    }

    .galeriButons a {
        float: left;
        width: 100%;
        margin-right: 1%;
    }

    .slides-navigation a.next {
        top: 0;
        bottom: auto
    }

    .desktopGaleri {
        display: none
    }

    .mobilGaleri {
        display: block;
        top: auto !important
    }

    .mobilFooter {
        position: relative
    }

    .daireTipi {
        padding: 3px;
        font-size: 13px
    }
}

@media screen and (max-height: 665px) {
    .slides-pagination {
        top: 44%
    }

    .galeriTopBg {
        top: -75px
    }
}

@media screen and (max-width: 650px) {
    .sloganTxt, .sloganTxt span {
        font-size: 7px !important;
        width: 100%;
        left: 0;
        margin-left: 0;
        text-shadow: 2px 2px 2px rgba(0,0,0,1);
        -webkit-text-shadow: 2px 2px 2px rgba(0,0,0,1);
        -khtml-text-shadow: 2px 2px 2px rgba(0,0,0,1);
        -moz-text-shadow: 2px 2px 2px rgba(0,0,0,1)
    }

    .leftSloganBorder, .rightSloganBorder {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .mainSlider .sloganArea img.sloganDesktop {
        display: none !important;
    }

    .videoBtn {
        top: 69%;
    }

    .sloganArea {
        top: 26%;
        width: 200px;
        margin-left: -100px !important;
    }

    .videoBtn i {
        padding: 5px 0;
    }

    .videoBtn:after, .videoBtn:before, .videoBtn, .videoBtn span {
        width: 80px;
        height: 80px;
    }

        .videoBtn span {
            padding: 6px 0px;
            font-size: 12px;
        }

    .rakamlarlaImgMobil {
        display: block;
        margin: 100px 0 0
    }

    .rakamlarlaImg {
        display: none
    }

    .inputClIletisim {
        width: 68%
    }

    .homeFormLeft2 .homeFormButon {
        margin-bottom: 20px
    }

    .iletisimLeftArea .logoImg {
        width: 100%
    }

    .mobilFooter {
        margin-bottom: 0; /* position: static!important; */
    }

    .homeFormContainer {
        float: left;
        width: 100%;
        background-size: cover;
        z-index: 92;
        top: 0;
        padding: 24px 0 0;
        height: 79%;
        position: static;
        margin-top: 0
    }

    .homeInputSl {
        width: 75% !important
    }

    .homeFormContainer .homeInput {
        margin: 0 auto 12px;
        height: 40px;
        line-height: 40px
    }

    .mobilNone {
        display: none !important
    }

    .sloganTxt {
        top: 0
    }

    .mainSlider .slideItem img {
        width: 103%;
        margin: 0px 0 0;
        height: auto;
    }

    .sloganTxt img {
        transform: scale(1, 1) !important;
        width: 250px !important
    }

    .altSayfaContent {
        height: auto !important
    }

    .bgBottom {
        display: none
    }

    .altSayfaCenter {
        padding: 180px 0 50px;
        margin-top: 0 !important;
        margin-bottom: 40px;
        top: 0 !important
    }

    .mobilReklamFilmi {
        bottom: 17%
    }

    .bullets {
        top: 72%;
        right: 50%;
        margin-right: -57px
    }

        .bullets a {
            padding: 7px;
            border: 1px solid #fff
        }

    .contactButon {
        right: 50% !important;
        top: 60% !important;
        margin-right: -77px;
        display: block
    }

        .contactButon img {
            height: auto !important
        }

    .mobilNone {
        display: none
    }
}

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

    .temiz-hava {
        top: 56.6%;
    }
}

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

    .home-damga {
        width: 80px;
        height: 78px;
        top: inherit;
        bottom: 4%;
        left: 2%;
    }

    .home-damga-en {
        top: inherit;
        bottom: 4%;
        left: 2%;
    }

    .temiz-hava {
        top: 56.8%;
        background-size: 90px 104px;
        width: 90px;
        height: 104px;
    }
}

@-webkit-keyframes myfirst {
    0% {
        opacity: 0;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        opacity: 1;
        -ms-transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg)
    }
}

@keyframes myfirst {
    0% {
        opacity: 0;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        opacity: 1;
        -ms-transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg)
    }
}

.isilti1 {
    -webkit-animation: myfirst 3s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 3s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

.isilti2 {
    -webkit-animation: myfirst 4s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 4s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 4s;
    animation-duration: 2s
}

.isilti3 {
    -webkit-animation: myfirst 5s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 5s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 5s;
    animation-duration: 3s
}

.isilti4 {
    -webkit-animation: myfirst 6s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 6s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 6s;
    animation-duration: 8s
}

.isilti5 {
    -webkit-animation: myfirst 7s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 7s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 7s;
    animation-duration: 5s
}

.isilti6 {
    -webkit-animation: myfirst 8s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 8s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

.isilti9 {
    -webkit-animation: myfirst 8s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 8s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 8s;
    animation-duration: 6s
}

.isilti10 {
    -webkit-animation: myfirst 9s infinite;
    -webkit-animation-direction: alternate;
    animation: myfirst 1s infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 1s;
    animation-duration: 5s
}

.katplaniContent img {
    width: 100%;
}

@media only screen and (max-width: 500px) and (min-width: 414px) {
    .galleryWrapper {
        height: 466px !important;
        margin-bottom: 150px;
    }
}