#hero .owl-carousel-fullwidth .item .mobile-image {
    position: relative;
    z-index: 99999999;
}

    #hero .owl-carousel-fullwidth .item .mobile-image .mobile {
        float: right;
        text-align: right;
        position: absolute;
        top: -2em;
        right: 0;
    }

        #hero .owl-carousel-fullwidth .item .mobile-image .mobile img {
            max-width: 70%;
        }

#hero .button-group {
    display: block;
}

    #hero .button-group .video-modal-play {
        display: inline-block;
        margin-left: 30px;
    }

        #hero .button-group .video-modal-play .video-play-icon {
            bottom: 10px;
        }

        #hero .button-group .video-modal-play .video-play-icon-bottom {
            bottom: -20px;
        }

        #hero .button-group .video-modal-play h6 {
            display: inline-block;
            text-indent: 15px;
        }

            #hero .button-group .video-modal-play h6 a {
                color: #fff;
            }


/*KKC Slider*/
#hero #kareKodluCek .banner-circle {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    bottom: 0;
    top: 8em;
    z-index: -7;
    left: -8em;
    background: linear-gradient(-40deg, #19AEEB -270%, #ffffff 87%);
    background: -webkit-linear-gradient(-40deg, #19AEEB -270%, #ffffff 87%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19AEEB, endColorstr=#ffffff,GradientType=0);
}

#hero #kareKodluCek img {
    position: absolute;
    left: -7em;
    top: -22em;
    max-width: none;
    width: auto;
}

#hero #kareKodluCek .video-play-icon-pos {
    bottom: -8em !important;
}
/*KKC SLider 2*/
#hero #findeksKarekodluCek2 img {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    width: initial;
    z-index: -1;
}
/*Geomis Slider*/
#hero #geomis img {
    transform: scale(1.7);
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    top: -4em;
    bottom: 0;
}

/*Findeks Slider*/
#hero #findeksKarekodluCek img {
    position: absolute;
    top: -21em;
    left: -8em;
    bottom: 0;
    z-index: 0;
    max-width: initial;
    width: initial;
}

#hero #findeksKarekodluCek .slider-background-text p {
    position: absolute;
    font-size: 14em;
    z-index: -1;
    opacity: 0.03;
    top: 1em;
    font-family: 'Proximanova-Bold', 'Helvetica', 'Arial', sans-serif;
}

#hero #findeksKarekodluCek .btn--findeks {
    background: linear-gradient(-40deg, #19AEEB 0%, #78D1E5 97%);
    border: none;
}

    #hero #findeksKarekodluCek .btn--findeks .btn__text {
        color: #fff !important;
    }

#hero .btn--dark--gradient {
    background: linear-gradient(-90deg, #000000 0%, #9E9E9E 120%);
    border: none;
}

#hero #findeksKarekodluCek .slider-background-text {
    position: relative;
}

    #hero #findeksKarekodluCek .slider-background-text p:first-child {
        left: 0em;
    }

    #hero #findeksKarekodluCek .slider-background-text p:last-child {
        right: 0.5em;
    }

#hero #findeksKarekodluCek .owl-text,
#hero #findeksKarekodluCek .owl-text h1 {
    color: #88d1e8 !important;
}

/*Adres İsleme Hizmeti Slider*/
#hero #adresIslemeHizmeti:before {
    content: "";
    background-image: url(../../Content/img/app-map.png);
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    z-index: 0;
    background-position: 100% 0;
}

#hero #adresIslemeHizmeti img {
    position: absolute;
    top: -1em;
    right: 13em;
    width: 60%;
    z-index: -1;
}

/*Anadolu Veri Merkezi Slider*/
#hero #anadoluVeriMerkezi:before {
    content: "";
    background: url("/Content/img/hero/anadolu-veri-merkezi.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: 0% 100%;
    background-size: 100% 100%;
}

#hero #anadoluVeriMerkezi .owl-text h1,
#hero #anadoluVeriMerkezi .owl-text p {
    color: #002748;
}

#hero #anadoluVeriMerkezi .network-globe {
    position: absolute;
    top: 20%;
    left: -280px;
    width: 860px;
    height: 860px;
    background: url(/Content/img/hero/network.png) no-repeat;
    background-size: 100% 100%;
    opacity: 0.3;
    animation: rotating 90s linear infinite;
    -webkit-animation: rotating 90s linear infinite;
    -moz-animation: rotating 90s linear infinite;
    -o-animation: rotating 90s linear infinite;
    margin-right: auto;
    margin-left: auto;
}

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

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

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

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

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


/*KKB Karekodlu Çek Slider*/
#hero #kareKodluCek2:before {
    content: "";
    background: url("/Content/img/hero/findeks-kredi-notu.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: 100% 100%;
}

/*Hayal Edin Gerçekleştirelim Slider*/
#hero #hayalEdinGerceklestirelim:before {
    content: "";
    background: url("/Content/img/hero/heg-bg.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
}

#hero #hayalEdinGerceklestirelim .owl-text h1,
#hero #hayalEdinGerceklestirelim .owl-text p {
    color: #e88a0b;
}

#hero #hayalEdinGerceklestirelim img {
    position: absolute;
    left: 32.5%;
    width: 55%;
    top: -3em;
} 

#hero #hayalEdinGerceklestirelim .btn {
    background: linear-gradient(-90deg, #fbb14f 0%, #e28a09 100%);
    border: none;
}

    #hero #hayalEdinGerceklestirelim .btn .btn__text {
        color: #fff;
    }

#hero #hayalEdinGerceklestirelim .button-group .video-play-icon {
    border: 2px solid #ccc;
    background: #ccc;
}

    #hero #hayalEdinGerceklestirelim .button-group .video-play-icon:before {
        border-color: transparent transparent transparent #fff;
    }

#hero #hayalEdinGerceklestirelim .button-group .video-modal-play h6 a {
    color: #ccc;
}
/*Ticari Sicil Paylasim Sistemi*/
#hero #tsp .owl-text-wrap {
    z-index: 1;
}

#hero #tsp img {
    transform: scale(1.7);
    position: absolute;
    left: 0;
    right: 0;
    top: -4em;
}
/*Tahsiat Skorlari*/
#hero #tahsilatSkorlari img {
    position: absolute;
    width: auto;
}

#hero #tahsilatSkorlari .paper {
    bottom: 13em;
    width: 18%;
}

#hero #tahsilatSkorlari .glass {
    top: -13em;
}

#hero #tahsilatSkorlari .book {
    bottom: -17em;
    left: 11em;
}

#hero #tahsilatSkorlari .keyboard {
    top: 5em;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 32%;
}

#hero #tahsilatSkorlari .mouse {
    right: 15em;
    top: 0em;
    width: 15%;
}

#hero #tahsilatSkorlari .pencil {
    right: 11em;
    bottom: -18em;
    width: 4%;
}

#hero #tahsilatSkorlari .calculator {
    right: 0;
    width: 12%;
    bottom: -4em;
}
/*Egilim Skorlari*/
#hero #EgilimSkorlari img {
    position: absolute;
    top: -22em;
    left: -7em;
    bottom: 0;
    z-index: 0;
    max-width: inherit !important;
    width: auto;
}

#hero #EgilimSkorlari .owl-text,
#hero #EgilimSkorlari .owl-text h1 {
    color: #004488 !important;
}

#hero #EgilimSkorlari .btn--dark {
    background: #1d1d1d;
    background: linear-gradient(-90deg, #0081C9 0%, #004A99 100%);
    border: none;
}

#hero .wave {
    left: 0;
    right: 0;
    bottom: -5em;
    position: absolute;
}
/*Uye Anket*/
#hero .item #memberSurvey {
    background-image: url(../../Content/img/hero/member-survey-hero.jpg);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-position: top right;
}

@media only screen and (max-width: 1600px) {
    #hero #hayalEdinGerceklestirelim img {
        left: 48.9%;
    }
} 

@media only screen and (max-width: 1440px) {
    #hero #kareKodluCek img {
        width: 90%;
    }

    #hero #findeksKarekodluCek img {
        left: -30em;
    }

    #hero #kareKodluCek2:before {
        background-position: 0;
        left: 50%;
        top: 0;
    }

    #hero #findeksKarekodluCek2 img {
        -webkit-transform: translateY(-10%) !important;
        transform: translateY(-10%) !important;
    }

    #hero #hayalEdinGerceklestirelim img {
        left: 51.9%;
    }
}

@media only screen and (max-width: 1300px) {
    #hero #findeksKarekodluCek .slider-background-text p {
        font-size: 9em;
        top: 3em;
    }

    #hero #tahsilatSkorlari .book {
        display: none;
    }

    #hero #findeksKarekodluCek2 img {
        -webkit-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }

    #hero #hayalEdinGerceklestirelim img {
        left: 53.9%;
        top: 1em;
    }
}

@media only screen and (max-width: 1200px) {
    #hero #geomis img {
        opacity: 0.2;
        z-index: -1;
    }

    #hero #adresIslemeHizmeti:before {
        opacity: 0.2;
    }

    #hero #adresIslemeHizmeti img {
        top: 3em;
    }

    #hero #tahsilatSkorlari .paper {
        bottom: 17em;
        width: 20%;
    }

    #hero #tahsilatSkorlari .glass {
        top: -6em;
        z-index: -1;
    }

    #hero #EgilimSkorlari img {
        opacity: 0.3;
    }

    #hero #findeksKarekodluCek2 img {
        -webkit-transform: translateY(10%) !important;
        transform: translateY(10%) !important;
    }
}

@media only screen and (max-width: 1024px) {
    #hero #hayalEdinGerceklestirelim img {
        left: 32.9%;
    }
    #hero .item #memberSurvey {
        opacity: 0.7;
    }
}

@media only screen and (max-width: 992px) {
    #hero .owl-carousel-fullwidth .item .mobile-image .mobile {
        bottom: 0em;
        left: -9em;
        text-align: center;
        float: none !important;
        margin: 0 auto;
        display: none;
    }

    #hero #kareKodluCek img {
        top: -20em;
    }

    #hero #kareKodluCek .banner-circle {
        opacity: 0.3
    }

    #hero #hayalEdinGerceklestirelim img {
        left: 54.5%;
        width: 60%;
        top: 0em;
    }

    #hero #findeksKarekodluCek .slider-background-text p:last-child {
        display: none;
    }

    #hero #kareKodluCek2:before {
        background-position: 0;
        left: 0%;
        bottom: -110%;
    }

    #hero #tahsilatSkorlari .mouse {
        right: 12em;
        top: 0em;
    }

    #hero #tahsilatSkorlari .glass {
        top: 2em;
        width: 15%;
    }

    #hero #findeksKarekodluCek2 img {
        -webkit-transform: translateY(-10%) !important;
        transform: translateY(-10%) !important;
    }

    #hero .item #memberSurvey {
        opacity: 0.1;
    }
}

@media only screen and (max-width : 768px) {
    #hero #kareKodluCek img {
        top: -35em;
    }

    #hero #findeksKarekodluCek img {
        top: 19em;
        transform: rotate(280deg);
        width: 140%;
        opacity: 1;
        left: -15em;
    }

    #hero #findeksKarekodluCek .slider-background-text {
        display: none;
    }

    #hero #hayalEdinGerceklestirelim:before {
        background: radial-gradient(98% 280%, #FFC107 -5%, #FF5722 110%);
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,221,110,1) 0%, rgba(255,153,0,1) 99%, rgba(255,153,0,1) 100%);
        left: 0;
    }

    #hero #hayalEdinGerceklestirelim .owl-text h1,
    #hero #hayalEdinGerceklestirelim .owl-text p {
        color: #fff;
    }

    #hero #hayalEdinGerceklestirelim img {
        left: 28.5%;
        top: 1em;
        width: 40%;
    }

    #hero #tahsilatSkorlari .paper {
        bottom: 23em;
        width: 50%;
    }

    #hero #tahsilatSkorlari .calculator {
        right: 0;
        width: 22%;
        bottom: 19em;
    }

    #hero #tahsilatSkorlari .glass {
        top: 2em;
        width: 15%;
    }

    #hero #tahsilatSkorlari .keyboard {
        top: 8em;
        width: 60%;
    }

    #hero #tahsilatSkorlari .pencil {
        right: 5em;
        bottom: -18em;
        width: 4%;
    }

    #hero #tahsilatSkorlari .mouse {
        right: 0em;
        top: 0em;
    }

    #hero #findeksKarekodluCek2 img {
        -webkit-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
}

@media only screen and (max-width: 480px) {
    #hero #kareKodluCek img {
        top: 20em;
        left: -3em;
        transform: rotate(230deg);
    }

    #hero #findeksKarekodluCek img {
        left: -9em;
    }

    #hero #geomis img {
        top: 6em;
    }

    #hero .button-group .video-modal-play {
        margin-left: 0;
        margin-top: 30px;
        display: block;
    }

    #hero #kareKodluCek2:before {
        background-position: 0 0;
        top: 37em;
    }

    #hero #tahsilatSkorlari .paper {
        bottom: 18em;
        width: 35%;
    }

    #hero #tahsilatSkorlari .pencil {
        right: 8em;
        bottom: -8em;
        width: 8%;
    }

    #hero #tahsilatSkorlari .keyboard {
        top: 8em;
        width: 90%;
    }

    #hero #tahsilatSkorlari .mouse {
        right: 0em;
        top: 0em;
        width: 25%;
    }

    #hero #EgilimSkorlari img {
        opacity: 0.4;
    }
}

@media screen and (max-width: 320px) {
    #hero #kareKodluCek2:before {
        background-position: 0 0;
        top: 38em;
    }

    #hero #tahsilatSkorlari .paper,
    #hero #tahsilatSkorlari .glass {
        display: none;
    }

    #hero #tahsilatSkorlari .pencil {
        left: 0;
        bottom: -6em;
        width: 10%;
    }

    #hero #tahsilatSkorlari .keyboard {
        top: 3em;
        width: 70%;
    }

    #hero #tahsilatSkorlari .mouse {
        width: 22%;
    }

    #hero #tahsilatSkorlari .calculator {
        width: 20%;
        bottom: 15em;
    }
}