@charset "UTF-8";
/* CSS Document */




.button_container {
    position: fixed;
    top: 5%;
    right: 5%;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 99999;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    display: none;
}
.button_container:hover {
    opacity: .7;
}
.button_container.active .top {
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF;
}
.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}
.button_container.active .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}
.button_container span {
    background: #333090;
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}
.button_container span:nth-of-type(2) {
    top: 11px;
}
.button_container span:nth-of-type(3) {
    top: 22px;
}

.overlay {
    position: fixed;
    background: #d50d4b;
    top: 0;
    left: 0;
    z-index:9999;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}
.overlay.open {
    opacity: .9;
    visibility: visible;
    height: 100vh;
}
.overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s;
}
.overlay nav {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 50px; 
    font-weight: 400;
    text-align: center;
}
.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}
.overlay ul li {
    display: block;
    position: relative;
    opacity: 0;
}
.overlay ul li a {
    display: block;
    position: relative;
    color: #FFF;
    font-size: 30px;
    text-decoration: none;
    overflow: hidden;
    padding: 10px 0;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
}
.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #FFF;
    -webkit-transition: .35s;
    transition: .35s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}




.fancybox-opened {z-index: 9999999999}


@media(min-width:1445px)
{
    .slider .slide-bg {background-size: 71% !important;background-position:  41% !important}
    .slide_ic {left:23% !important}
    .slide_text {left:25% !important}
    .seperator {left:24% !important}

    .kbanner {    background: #2bc2e6 url(../../images/bg5.png) center -28px no-repeat !important;   background-size: 100% !important;height: 350px !important}
    .kbanner .kurumsal_banner {width:357px !important}

    .kbanner .banner-text {margin-right:  94px !important;margin-top: 93px !important}

    .bg3 {left:177px !important}
    .bg2 {right: 188px !important}
    .bg4 {left: 150px !important}

    .banner-urunler {margin-bottom:-4px !important;}
    .tirtik-c3 {height:28px !important}

    .eg1 .banner {height: 586px !important;}

    .eg1  h1 {margin-top:166px !important}

    .gunes {margin-top: -93px;margin-left: -144px;}

}
@media(max-width:1445px)
{
    .gunes {margin-top:-50px;margin-left:-150px;margin-bottom:-50px }
    .referansbanner {height: 320px}
}




@media(max-width:995px)
{
    .menu {display: none !important}

}



@media screen and (max-width:800px)
{
    .button_container {display: block}
    .other-product .owl-controls{display: none !important}
    .seperator {background: url("../../images/seperatorm.png") no-repeat;width: 95%;height: 62px;top: 530px;left: 2%;background-size:100%} /*burası böyle kalmayacak*/

    .flag {       position: relative;bottom: 0;     right: -27px;    transform: scale(0.9); -webkit-transform: scale(0.9);-moz-transform: scale(0.9)  ;   }


    .buttons  {    margin: 60px auto;   width: 300px;}

    .buttons ul {width: 282px}
    .buttons ul li:first-child a ,  .buttons ul li a {width: 100%;margin-top:20px;height: 50px; font-size: 14px;  padding-left: 46px !important;
        padding-top: 10px;  background-position: 10px 10px !important;}
    .buttons ul li:last-child a {font-size:11px}
    .buttons ul li {    width: 130px;   margin-right: 10px;}


    .urun_detay .slide {width:100%;}
    .urun_detay .urunresim {width: 100%;left:0;max-height: auto ;height: auto}
    .urun_detay p {height: auto}

    .urun_detayr {width: 100% !important}
    .urun_detay {height: auto;padding-bottom: 30px}



    .mslide_ana {    -webkit-transform: scale(0.5);    transform: scale(0.5);width:100%;position: absolute;top:28px}

    .slide_text {left:20px;width: auto;font-size:25px}
    .slide_text small {font-size:25px !important}
    .slide_ic {left:-90px}
    .slider .slide-bg {background-size:163% }
    .slider .bg1 {height: 371px}

    .slider {top:-51px}

    .kc1 {background: none}
    .igk {margin-top: 0;right: 0}

    .select {width: 100%}


    .eg1 {padding-left: 10px}
    .egitimbanner {width:  100%;height: auto}

    .sm1 img {width: 100%;top:-3px;margin-bottom: 5px}
    .ea_bg4 {display: none}
    .ea_bg3 {background-size: 94% !important}

    .eg1 .egitim_liste li {line-height: 20px;margin-top:-10px;padding-left:10px;width: 100%}
    .bg-c2 {background: #4340a2}

    .tirtik-c2 {height: 25px;margin-top:-16px}

}






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

    .magazalar li {width: 100%}
    .logo img {width: 170px;margin-top:10px}



    .urunler1  .owl-controls .owl-buttons div {display: none !important}
    .mpadding0 {padding:0 !important}

    .new {    width: 74px; height: 70px;   background: url(../../images/yeni.png) center center no-repeat;     background-size: cover;    right: 25px;    margin-top: -25px;  }


    .urunler {margin-top:-60px;height: 374px !important}
    .urunler1 img {width: 80% !important;height: auto !important;top:0 !important;}
    .urunler1 h1 {margin-top:0;font-size:30px;line-height: 33px !important;margin-left:0}
    .urunler1 p {width: auto;margin-left:0}

    .videoiframe {height: 250px !important}

    .akilli_oyuncu .col-md-3 {width: 100%}
    .akilli_oyuncu .col-md-9 {width: 100%;padding:0}

    .videos {margin-top:20px;padding:0}

    .ic3 {padding:0 20px 130px 20px}
    .videos img {width:100%}


    .bg4 {display: none}

    .sosyal   li {margin-left: 2px}
    .sosyal   li a {width: 29px;height: 29px;font-size: 16px}
    .footer p{font-size: 12px}



    .pgk {width: 100%}
    .banner img {width: 190px}
    .kurumsal_banner {left: 0}
    .banner { background-position: 100px 11px}
    .banner .banner-text {width: 100%;margin-right: 0;margin-bottom:39px}
    .igk {    margin-top: 0; position: relative; right: 0; margin-right: 0;margin-left: -20px;}

    .pgk {margin-top:-30px}

    .banner-urunler img {margin-left:0;margin-top: 35px;}

    .list-option {top:0}
    .sidebar {margin-bottom: 20px}

    .oyunlar .col-md-8 {padding-left:0}
    .oyunlar li {padding-bottom:20px}
    .oyunlar img {margin-left:-10px;width: 106%;min-height: auto;margin-top:40px}
    .oyunlar li h1 {margin-top:45px}



    .harita1 {    -webkit-transform: scale(0.32);    transform: scale(0.32); left: -331px;    margin-top: -110px !important; margin-bottom: -170px;}

    .tirtik-c3 {margin-top:0}

    .iletisim_banner {width:290px !important}

    /*popup*/

    .fancybox-inner img {   position: relative;z-index:9999;width: 100%;    height: auto; }
    .fancybox-close {right: -19px;    top: -15px !important;z-index: 9999}

    /*popup biter*/





    .sales .shop {margin-left: 0}

    /*KALDIR*/

    .egitim_talep h1 {margin-top: 70px}


}

@media screen and (max-width:420px) /*İPHONE6S*/
{

    .mslide_ana {left:70px !important}

}




@media screen and (max-width:375px) /*İPHONE6*/
{

    .mslide_ana {left:40px}

}

@media screen and (max-width:320px) /*İPHONE6*/
{
    .mslide_ana {  left:20px !important; }

}

/*MOBİLE ROTATE*/

@media screen and (max-width: 750px) and (min-width: 420px) {

    .gunes {display: none}

    .banner .banner-text {width: 100%;margin-right: 0;margin-top:10px;margin-bottom: 20px}
    .mslide_ana {left:200px}
    .slide_text small {display: block}
    .seperator {height: 93px}
    .urunler1 img {width: 50% !important}
    .harita1 {
        -webkit-transform: scale(0.42);
        transform: scale(0.42);
        left: -156px;
        margin-top: -100px !important;
        margin-bottom: -171px; }
}


/*MOBİLE ROTATE*/