/*
Theme Name: Mavigen Digital Agency
Version: 3.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen Digital Agency</a>
Author: Mavigen Digital Agency
Author URI: http://www.mavigen.com
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600&subset=latin,latin-ext);

body {margin:0;overflow-x:hidden;}

.clearfix { clear:both; }

a { text-decoration:none; }
a:hover { text-decoration:none; }

a:focus,
input:focus,
textarea:focus{ outline: none; }

ul{ list-style:none; padding:0; margin:0; }

/************* ÖZEL FONT *************/
body{ font-family: 'Open Sans', sans-serif; background:url('../images/bgBody.png') repeat left top;}


/************* TRANSITION *************/
.social li a,
header .top .searchArea i,
header .top .searchArea input[type="text"],
header .top .searchArea input[type="submit"],
header .bottom .buttonsArea li,
header .bottom .buttonsArea li a,
header .ustLink li:hover a,
header .ustLink li:hover,
.kesfet li a:hover{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

/************* FONT AWESOME *************/
.social li a{ -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); }

/*------------------------- HEADER -------------------------*/
    header{background:url('../images/header.png') no-repeat center top;background-color: #fff;height: 120px;}
    header .logo{ float: left;position:absolute;z-index:100}
    header .logo img{position: relative;margin: 10px 16px;height:  100px;}
    header .logo:before{position: absolute;background:url('../images/bgLoggo.png') no-repeat left top;width: 134px;height: 143px;}
    header .top {float: right;height:54px;width: 84%;}    
    header .top .searchArea{position: relative;height: 32px;padding-top: 0;padding-right: 8px;float: right;/* border: 1px solid #fff; */width: 200px;margin-top: 12px;}
    header .top .searchArea input[type="text"]{ background: #fff; line-height: 32px;border:0; height: 30px; padding: 0 5px; font-size: 12px; width: 168px;float:left;}
    header .top .searchArea input[type="submit"]{position: absolute;right: 0;bottom: 2px;opacity: 1;border:0;background: #eee;width: 32px;height: 30px;text-indent: -9999px;}

    header .top .searchArea input[type="text"]::-moz-placeholder { opacity: 1; }
    header .top .searchArea input[type="text"]::-webkit-input-placeholder{ color: #2F2F2F; }
    header .top .searchArea input[type="text"]::-moz-placeholder{ color: #2F2F2F; }
    header .top .searchArea input[type="text"]::-ms-input-placeholder{ color: #2F2F2F; }
    header .top .searchArea i {font-size: 14px;top: 8px;position: absolute;right: 9px;}
    header .top .searchArea:hover i{ opacity: 1; }
    header .top .searchArea:hover input[type="text"]{ background: #eee; width: 168px; }
    header .top .searchArea:hover input[type="submit"]{ opacity: 1; }

    header .top .social{height: 44px;padding: 0px;float: right;width: 44px;margin-top: 6px;margin-left: 15px;}
    header .top .social li{font-size: 15px;width: 22px;float:left;height:  22px;text-align:  center;}
    header .top .social li a{color: #fff;}
        header .top .social li.facebook:hover a{ color:#37589A; }
        header .top .social li.twitter:hover a:hover{ color:#4DABF0; }
        header .top .social li.youtube:hover a:hover{ color:#E32B28; }
        header .top .social li.instagram:hover a:hover{ color:#D70464; }
        header .top .social li.google:hover a:hover{ color:#E32B28; }
        header .top .social li.linkedin:hover a:hover{ color:#007AB7; }
        header .top .social li.rss:hover a:hover{ color:#E96E00; }

        header .top .social li.iycLogo{display:none}

    header .top .language{ height: 24px; padding-top: 0; padding-left: 16px; border-left: 1px solid #ddd; float: right; }
    header .top .language li{ font-size: 13px; float: left; margin: 0 12px 0 0; }
    header .top .language li:last-child{ margin: 0; }
    header .top .language li a{ display: block; line-height: 26px; }

    header .top .logoRight{float: left;margin-left: 30px;margin-top: 8px;}

    header .bottom{float: right; height:54px; }
    header .bottom .buttonsArea{float: right;}
    header .bottom .buttonsArea li{float: left;margin: 0 0 0 0;font-size: 13px;position:relative;z-index:1;}
    /*header .top .right .buttonsArea li.red:hover a{ background: #A6000F; }
    header .top .right .buttonsArea li.yellow:hover a{ background: #AC945D; }
    header .top .right .buttonsArea li.blue:hover a{ background: #57C4CD; }*/
    header .bottom .buttonsArea li a{padding: 13px;color: #04618D;display: block;text-align:left;position:relative;z-index:1;}
    header .bottom .buttonsArea li a:hover{background: #04618D;color:#fff;}

        header .bottom .buttonsArea .iconArea{float:left;padding-right:10px;width:32px;height:40px;overflow:hidden;position:relative;}
        header .bottom .buttonsArea .iconArea img{position:absolute;}
        header .bottom .buttonsArea li a:hover .iconArea img{top:-40px;}
        header .bottom .buttonsArea span{float:right;}

    header .bottom .buttonsArea li:before{content:'';position:absolute;left:-10px;top:-10px;width:16px;height:76px;background:url('../images/buttonSplit.png');z-index:0;}
    header .bottom .buttonsArea li:first-child:before{display:none;}

    header .bottom{width: 80%;padding: 0;height: 66px;}

    header .ustLink {float: right;margin: 0 0 0 15px;padding: 0;}
    header .ustLink li {font-weight:bold;font-size: 11px;border-left: 1px solid #fff;border-right: 1px solid #fff;width: 68px;height: 54px;text-align: center;line-height: 53px;}
    header .ustLink li:last-child {/* border-top:1px solid #fff; *//* border-bottom:1px solid #fff; */}
    header .ustLink li a { font-size: 10px;color: #fff; }
    header .ustLink li:hover{background: #fff; color:#246685; }
    header .ustLink li:hover a{color:#246685; }
    header .ustLink li:first-child {display: none;}

    header .social li a {color:555;}
    .fixedhead{ position: fixed; width: 100%; top: 0; z-index: 50; background: #fff; border-top: 0; }
        .fixedhead .logo img{ height: 90px; }
        .fixedhead .top{ display: none; }

    header .onlineC{background: #80B80E;position: absolute;right: 100px;top: 44px;padding: 5px 10px;font-size: 14px;cursor: pointer;}
    header .onlineC a{color: #fff;}
/*------------------------- / END HEADER -------------------------*/
/*------------------------- BAĞIŞ -------------------------*/
.okul-content.left-test li {text-align: left;}
.okul-content.left-test li a {text-transform: capitalize;}
.okul-section{position: fixed;bottom: 40px;z-index: 999;height: 63px;left:0;right:0;}
.okul-item{text-align: center;}
.okul-item-ana h5{color:#fff;font-size:18px;font-weight: 600;}
.okul-item .col-md-3{width: 20%;}
.okul-item-ana .okul-content{transition:padding-top .4s;}
.okul-item-ana:hover .okul-content{padding-top:20px;}
.okul-item-ana:hover h5:before{position: absolute;content: url('../images/line-white.png');bottom: 10px;margin-top: 10px;left:65px;}
.okul-item-ana {background: #147398;padding: 0 14px;border-top: 4px solid #00adef;position: absolute;width: 100%;cursor: pointer;padding-top: 20px;}
.okul-item-ana .bg-mask {position: absolute;left: 0;top: 0;right: 0;bottom: 0;opacity: 0;background-position: bottom right;background-repeat: no-repeat;-webkit-transition: opacity 500ms ease-in;-moz-transition: opacity 500ms ease-in;-o-transition: opacity 500ms ease-in;transition: opacity 500ms ease-in;z-index:0}
.okul-item-ana .bg-mask {background-image: url('../images/gBagis.png');}
.okul-item-ana.ilk .bg-mask {background-image: url('../images/gEgitim.png');}
.okul-item-ana.orta .bg-mask {background-image: url('../images/gLibrary.png');}
.okul-item-ana.lise .bg-mask {background-image: url('../images/gGayri.png');}
.okul-item-ana.fen .bg-mask {background-image: url('../images/gRamazan.png');}
.okul-item-ana:hover .bg-mask {opacity: 1;}
.okul-content{overflow: hidden;height:0;position:relative;z-index:1}
.ilk{background-color:#126788;border-color:#80bd00;}
.okul-content ul>li {font-size: 16px;color: #fff;line-height: 1.2;border-bottom: 1px solid rgba(189, 195, 199,0.4);padding-bottom: 5px;margin-bottom: 5px;}
.okul-content ul>li:last-child {border-bottom: 0px solid rgba(189, 195, 199,0.4);}
.okul-content ul>li a{color:#fff;text-decoration: none;}
.content-two .haber h6{margin-bottom: 15px;}
.content-two .haber p{line-height: 1.2;}
.okul-item-icon{background: #147398;border:2px solid #00adef;padding:15px;width:54px;height:54px;border-radius: 50px;padding-top:18px;position: absolute;top: -30px;/*left: 91px;*/ left:95px}
.green-tooltip .tooltip-arrow{border-left-color:#82bb23 !important;}
.green-tooltip .tooltip-inner{background: #82bb23;}
.tooltip-arrow{border-left-color:#00ABEF !important;}
.tooltip-inner{background: #00ABEF;}
.okul-item-ana:hover .okul-item-icon{border: transparent;}
.okul-item-ana .okul-item-icon .mask{border-radius: 50%;z-index: 0;position: absolute;width: calc(100% + 4px);height: calc(100% + 4px);top: -2px;left: -2px;background: transparent;border: 3px solid #00adef;}
.ilk .okul-item-icon .mask{border: 3px solid #80bd00;}
.orta .okul-item-icon .mask{border: 3px solid #fd8001;}
.lise .okul-item-icon .mask{border: 3px solid #eab830;}
.okul-item-ana:hover .okul-item-icon .mask {border-top-color: rgba(246, 247, 240, 1);animation: spinner-icon-mask .6s forwards;-webkit-animation: spinner-icon-mask .6s forwards;}
.ilk .okul-item-icon{background: #80bd00;border-color:#80bd00;}
.orta .okul-item-icon{background: #fd8001;border-color:#fd8001;}
.orta{border-color:#fd8001;background-color: #0f5976;}
.lise{border-color:#eab830;background-color: #0e4d66;}
.lise .okul-item-icon{background: #eab830;border-color:#eab830;}
.fen{border-color:#147398;background-color: #0c4359;}
.fen .okul-item-icon{background: #147398;border-color:#147398;}

.onlineB {height: 40px;background: #80B80E;width: 585px;font-size: 18px;text-align: center;color: #fff;line-height: 40px;bottom:  0;position: fixed;font-weight: bold;} 
.onlineB a{color: #fff!important;} 

.zekatB {margin-left: 585px; height: 40px;background: #fd8001;width: 585px;font-size: 18px;text-align: center;color: #fff;line-height: 40px;bottom:  0;position: fixed;font-weight: bold;} 
.zekatB a{color: #fff!important;} 

/*------------------------- / END BAĞIŞ -------------------------*/
.buttonArea{position:fixed;right:0;top:170px;z-index:200;}
.buttonArea > div{position:relative;background:url('../images/rightButtons.png') no-repeat 0 0;height:80px;width: 130px;margin:0 0 15px;cursor:pointer;}
.buttonArea > div a{ display:block; height:80px;}
.buttonArea > div:hover{right:0px;}
.btnonlineBagis{background-position:0 0px !important;}
.btbhesapNo{ background-position:0 -80px !important; }
/*------------------------ BANNER ------------------------*/
.bannerArea{margin:0 0 16px;width:100%;overflow:hidden;}
.bannerArea .borders > div{padding-left:5px;padding-right:5px;}
.bannerArea .row{margin-left:-5px;margin-right:-5px;}
    .bannerArea .box{position:relative;}
    .bannerArea .colone{background: #fff;margin-bottom: 10px;text-align:right;}
    .bannerArea .coltwo{background: #fff;margin-bottom: 10px;}
    .bannerArea .colthree{background: #fff;}

    .bannerArea .textArea{position:absolute;bottom:0;width:100%;z-index:10;color:#fff;}
        .bannerArea .textArea>div{position:absolute;width:94%;left:50%;margin-left:-47%;bottom:0;padding-bottom:20px;}
        .bannerArea .textArea:after{content:'';width:100%;height:78px;position:absolute;left:0;bottom:0;z-index:-1;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
        .bannerArea .textArea>div .tag{height:28px;line-height:28px;padding:0 10px;background:#A04B4B;display:inline-block;margin:0 0 5px;font-size:14px;border-radius:3px;}
            .bannerArea .textArea>div .text h1,
            .bannerArea .textArea>div .text p{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
            .bannerArea .textArea>div .text p{font-size:12px;}
            .bannerArea .textArea>div .text .ozet{overflow:hidden;height:0;opacity:0;}

            .bannerArea .box:hover .textArea>div .text .ozet{height:30px;opacity:1;}
    .bannerArea .colone .slides li img{height: 100%;width: 100%}
    .bannerArea .coltwo img{height: 270px;width: 100%}
    .bannerArea .colthree .slides li img{height: 270px;width: 100%}

/*------------------------ / END BANNER ------------------------*/
/*------------------------- NEWS & EVENTS -------------------------*/
    .news { position: relative; margin-bottom: 50px;height: 650px;}
    .news .news2 {height:610px;float: left;position:relative;}
    .news .news2 ul{ margin: 0 10px 0 0; display:block;}
    .news .news2 ul li img { width: 100%; height: 300px; }
    .news .news2 ul li .content {position:relative;height: 250px; width: 100%; background:#E5E5E5; padding: 24px;}
    .news .news2 ul li .content span {color: #333;margin:20px 0 0;position: absolute;bottom: 24px;left: 24px;}
    .news .news2 ul li .content p {color: #333;}
    .news .news2 ul li .content h3 {color: #333;}
        .news .events {float: left;}
        .news .events ul{margin: 0 0 0 10px;display: block;}
        .news .events ul li{float: left;width: 100%;position: relative;height: 130px;margin: 10px 0 0 0;background: #e5e5e5;padding: 30px 20px;}
        .news .events ul li:first-child{ margin:0 !important;}
            .news .events ul li a{ color: #262626; }
            .news .events ul li .icalen{ float: left; position: relative; width: 41px; height: 41px; font-size: 10px; padding: 10px 10px 0; text-align: center; background: url('../images/bgCalendar.png') no-repeat 0 0; }
            .news .events ul li p{float: right;width: 80%;font-size: 14px;margin: 4px 0;line-height: 18px;}
            .news .events ul li span{float: right;width: 80%;font-size: 12px;margin: 4px 0;line-height: 18px;}

            .news h2:before{content:'';position:absolute;left: -30px;height:36px;width: 24px;background:url('../images/bgLtitle.png') no-repeat 0 0;font-size:14px;color:#fff;margin:0 0 20px;}
            .news h2{margin: 0 0 20px 30px;height:36px;line-height:36px;padding:0;border-bottom: 1px solid #005C77;color:#005C77;font-size:18px;position: relative;}
            .news h2 span{ padding:0 18px 0 4px; display:inline-block; }
            .news h2:after{content:'';position:absolute;height:36px;width: 24px;background: url('../images/bgLtitle.png') no-repeat -30px 0;font-size:14px;color:#fff;margin:0 0 20px;left: -7px;top: 17px;}
/*------------------------- / END NEWS & EVENTS -------------------------*/
/*------------------------- VEFAYI KEŞFEDİN -------------------------*/
.vefa{background-image: url(../images/bgVefa.jpg); background-repeat: no-repeat; background-position: 50% 50%; height: 640px; position: relative; overflow: hidden;}
    .vefa h2:before{content:'';position:absolute;left: -30px;height:36px;width: 24px;background:url('../images/bgLtitleB.png') no-repeat 0 0;font-size:14px;color:#fff;top: 8px;margin: 0 0 20px;}
    .vefa h2{margin: 0 0 20px 30px;height: 50px;line-height: 24px;padding:0;border-bottom: 1px solid #fff;color:#fff;font-size: 16px;position: relative;}
    .vefa h2 span{padding: 0 18px 0 4px;height: 50px;display: flex;align-items: center;line-height:20px}
    .vefa h2:after{content:'';position:absolute;height:36px;width: 24px;background: url('../images/bgLtitleB.png') no-repeat -30px 0;font-size:14px;color:#fff;margin:0 0 20px;left: -7px;top: 31px;}
    /*.vefa li:first-child h2{line-height: 24px;}*/
    .vefa li:last-child h2{line-height: 54px;}

.kesfet {padding: 60px 0 36px;overflow: hidden;}
.kesfet li p{color: #fff;min-height: 210px;max-height: 210px;overflow: hidden;font-size: 16px;line-height: 25px;margin-top:  20px;text-align: justify;margin-bottom: 10px;}
.kesfet li a{border:2px solid #fff;color: #fff;font-size: 18px;display: inline-block;padding: 0 20px;line-height: 38px;width:  100%;text-align:  center;}
    .kesfet li a:hover{ background: #fff; color:#005C77;}
.kesfet li img {width: 100%; display: block;}
/*------------------------/ END VEFAYI KEŞFEDİN -------------------------*/
/*------------------------- BAŞARI HİKAYELERİ -------------------------*/
.basari{position: relative;height: 440px;padding: 60px 0;}
    .basari h1:before{content:'';position:absolute;left: -30px;height:36px;width: 24px;background:url('../images/bgLtitle.png') no-repeat 0 0;font-size:14px;color:#fff;margin:0 0 20px;}
    .basari h1{margin: 0 0 20px 30px;height:36px;line-height:36px;padding:0;border-bottom: 1px solid #005C77;color:#005C77;font-size:18px;position: relative;}
    .basari h1 span{ padding:0 18px 0 4px; display:inline-block; }
    .basari h1:after{content:'';position:absolute;height:36px;width: 24px;background: url('../images/bgLtitle.png') no-repeat -30px 0;font-size:14px;color:#fff;margin:0 0 20px;left: -7px;top: 17px;}

.basari ul li{ width: 20%; float: left;}
.basari ul li img{border-radius: 100px; width: 170px; height: 170px; display: block; margin: 0 auto;}
.basari ul li h2{font-family: 'Open Sans', sans-serif; font-size: 18px; color: #333; text-align: center;height: 36px;}
.basari ul li p{font-family: 'Open Sans', sans-serif; font-size: 13px; color: #878787; text-align: center;}
/*------------------------- / END BAŞARI HİKAYELERİ -------------------------*/
/*------------------------- VIDEO -------------------------*/
.videoArea{ background-image: url(../images/bgVideoArea.jpg); background-repeat: no-repeat; background-position: 50% 50%; height: 640px; position: relative; overflow: hidden; }
.videoArea .container{ position: relative;}

.videoArea img{ width: 100%;height:auto;margin-top:-9%}

    .smallvarrowSlide{ position: absolute; width: 100%; bottom: 60% }
    .smallvarrowSlide .nextArrow,
    .smallvarrowSlide .prevArrow{width: 16px; height: 28px; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 -108px; position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
    .smallvarrowSlide .nextArrow {background-position: -16px -108px; right: -30px; }
    .smallvarrowSlide .prevArrow {left: -30px;}

.bigvideoSlide { padding: 64px 0 36px; height: 460px; overflow: hidden; }
.bigvideoSlide .slides > li .left{ float: left; width: 42%; }
.bigvideoSlide .slides > li .left h4{ margin: 32px 0 42px; color: #fff; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bigvideoSlide .slides > li .left p{ margin: 0; color: #fff; max-height: 210px; min-height: 210px; overflow: hidden; font-size: 16px; line-height: 20px; }
.bigvideoSlide .slides > li .left .more{ border:2px solid #fff; color: #fff; font-size: 18px; display: inline-block; padding: 0 20px; line-height: 38px; }
    .bigvideoSlide .slides > li .left .more:hover{ background: #fff; color: #000;}
.bigvideoSlide .slides > li .picArea{ width:640px; height: 360px; float: right; position: relative; cursor: pointer;overflow:hidden; }
    .bigvideoSlide .slides > li .picArea .mask{ position: absolute; left: 0; top: 0; background: url(../images/bgVideoMask.png) no-repeat 0 0; width: 640px; height: 360px; }
.bigvideoSlide .slides > li .picArea iframe{ width:640px; height: 360px; position:absolute; left: 0; top: 0; }

.smallvideoSlide .slides > li { width:208px !important; margin:0 24px 0 0; }
    .smallvideoSlide .slides > li .picArea{ width:208px; height: 117px; position: relative;overflow:hidden; }
        .smallvideoSlide .slides > li .picArea .mask{ position: absolute; left: 0; top: 0; background: url(../images/bgVideoMask.png) no-repeat 0 -360px; width: 208px; height: 117px; }
    .smallvideoSlide .slides > li p{ color: #fff; text-align: center; margin: 8px 0 0; font-size: 12px; }
/*------------------------- / END VIDEO -------------------------*/
/*------------------------- İSTATİSTİK -------------------------*/
.istatistik{background:url('../images/bg_istatistik.png') repeat-x left bottom;position: relative;height: 390px;padding: 60px 0;}
    .istatistik h1:before{content:'';position:absolute;left: -30px;height:36px;width: 24px;background:url('../images/bgLtitle.png') no-repeat 0 0;font-size:14px;color:#fff;margin:0 0 20px;}
    .istatistik h1{margin: 0 0 20px 30px;height:36px;line-height:36px;padding:0;border-bottom: 1px solid #005C77;color:#005C77;font-size:18px;position: relative;}
    .istatistik h1 span{ padding:0 18px 0 4px; display:inline-block; }
    .istatistik h1:after{content:'';position:absolute;height:36px;width: 24px;background: url('../images/bgLtitle.png') no-repeat -30px 0;font-size:14px;color:#fff;margin:0 0 20px;left: -7px;top: 17px;}
.istatistik ul li{ float: left; width: 20%;}
.istatistik ul li p{font-family: 'Open Sans', sans-serif; font-size: 16px; color: #333; text-align: center;}
.istatistik ul li h2{font-family: 'Open Sans', sans-serif; font-size: 74px; color: #005F8C; text-align: center; font-weight: 300;letter-spacing: -6px;}
/*------------------------- / END İSTATİSTİK -------------------------*/
/*------------------------- STKLAR -------------------------*/
.stklar{position: relative;height: 470px; padding: 20px 0 60px;background: #fff;}
    .stklar h1:before{content:'';position:absolute;left: -30px;height:36px;width: 24px;background:url('../images/bgLtitle.png') no-repeat 0 0;font-size:14px;color:#fff;margin:0 0 20px;}
    .stklar h1{margin: 0 0 20px 30px;height:36px;line-height:36px;padding:0;border-bottom: 1px solid #005C77;color:#005C77;font-size:18px;position: relative;}
    .stklar h1 span{ padding:0 18px 0 4px; display:inline-block; }
    .stklar h1:after{content:'';position:absolute;height:36px;width: 24px;background: url('../images/bgLtitle.png') no-repeat -30px 0;font-size:14px;color:#fff;margin:0 0 20px;left: -7px;top: 17px;}

.stklar .firstLOGO {display: block; margin: 0 auto; position: relative;}
.stklar .firstLOGO li{ height: 110px; float: left;}
.stklar .firstLOGO li img{ width: 100%; display: block;}

.stklar ul li {height: 110px; float: left;}
.stklar ul li img{width: 100%; display: block;}

/*------------------------- / END STKLAR -------------------------*/
/*------------------------- FOOTER -------------------------*/
footer{ background: url(../images/bgFooter.jpg) no-repeat center bottom; padding-bottom: 125px;}
    footer .top{ padding: 20px 0; height: 120px; font-size: 14px; background: #e5e5e5; }
        footer .top .addressInformation{ float: left; color: #444; }
            footer .top .addressInformation img{ float: left; display: block; margin: 0 16px 0 0; }
            footer .top .addressInformation > .right { float: left; }
                footer .top .addressInformation > .right h6{ margin: 6px 0 6px; font-size: 14px; }
                footer .top .addressInformation > .right p{ margin: 0 0 12px; line-height: 13px; }
                footer .top .addressInformation > .right p.phone,
                footer .top .addressInformation > .right p.email{ float: left; font-size: 13px; margin: 0; }
                footer .top .addressInformation > .right p.phone{ margin: 0 24px 0 0; }
        footer .top .social{display:flex;align-items:center;justify-content:flex-end; }
            footer .top .social li{ width: 30px; line-height: 32px; font-size: 18px; color: #fff; margin:0 0 0 5px; text-align: center; border-radius: 5px; }
            footer .top .social li a{ color: #222; display: block;line-height:inherit; }
            footer .top .social li:hover a{color:#fff}

        footer .top .social li.facebook:hover{ background:#37589A; }
        footer .top .social li.twitter:hover{ background:#4DABF0; }
        footer .top .social li.youtube:hover{ background:#E32B28; }
        footer .top .social li.instagram:hover{background: #D70464;}
        footer .top .social li.google:hover{ background:#E32B28; }
        footer .top .social li.linkedin:hover{ background:#007AB7; }
        footer .top .social li.rss:hover{ background:#E96E00; }

        footer .top .social li.iycLogo img{height:80px;margin-left:20px}

    footer .bottom { padding: 40px 0 0; }
    footer .bottom .sitemap{ font-size: 11px; margin: 0 0 24px; }
        footer .bottom .sitemap a{ display: block; }
        footer .bottom .sitemap li.active > a{ background: #12813C; color: #FFF; }
            footer .bottom .sitemap li.active > a h6{ color: #FFF; padding: 0 6px; }
        footer .bottom .sitemap h6{ margin: 6px 0 18px; line-height: 18px; font-size: 14px; color: #0A8333; }
        footer .bottom .sitemap > ul > li { float: left; max-width: 140px; margin:0 54px 0 0; color: #666; font-size: 11px; }
        footer .bottom .sitemap > ul > li:last-child { margin:0; }
        footer .bottom .sitemap ul li li{ padding: 2px 0; }
        footer .bottom .sitemap ul .bNone{ display: none;}

    footer .bottom .copyright{ font-size: 12px; color: #868686; margin-top: 34px; float: left; }
        footer .bottom .copyright a{ color: #868686; }
    footer .bottom .mavigen{ float: right; margin: 15px 0 0; line-height: 50px; display: block; }
        footer .bottom .mavigen img{ height: 20px; }
/*------------------------- / END FOOTER -------------------------*/

.subContent { width:100%; font-size:16px; color:#666; line-height:26px; font-weight:500; min-height: 600px; padding:20px 0}
    .subContent h2{ color:#04618D; font-size:22px; font-weight:700; padding:0; margin:10px 0 20px 0; line-height:30px; }
.subContent p { margin:0 0 10px 0; }

.subContent .padd table,.subContent .padd tr,.subContent .padd td{border-collapse: collapse;border-width: 1px;border-color: #ccc;border-style: solid;}
    .subContent .padd td{padding:4px 6px}

.methods h4 {margin-top: 0; margin-bottom: 5px; border-bottom: dotted 1px gray; }
    .methods li {margin-bottom: 20px; }
    .methods p {margin-bottom: 3px; }
    .methods table {margin: 10px 0; border-collapse: collapse; }
    .methods td {border: 1px solid #c0c0c0;height: auto;padding: 5px 10px;}
    .methods th {border: 1px solid #c0c0c0;height: auto;text-align: left;padding: 5px 10px;font-weight: normal;background-color: #ebebeb;}
    .methods th:lang(ar) {text-align: right;}
    .methods .swift {margin: 10px 0;}
    .methods a.colored {color: #2275d6;}
    .methods a.colored:hover {color: #044b9f;}
    .methods .logo {width:100%;float: left;margin-top: 5px;margin-bottom: 15px;}
    .methods .logo:lang(tr) {float: left;margin-right: 25px;}
    .methods .logo:lang(ar) {float: right;margin-left: 25px;}
    .methods .logo img {margin-bottom: 5px;}

.subContent .bulletStyle,
.subContent .numberStyle{margin:1em 0;padding:0 0 0 40px;}
.subContent .bulletStyle{list-style:inherit!important;}

table.standartTable{border-collapse: collapse;border-spacing: 0;}
table.standartTable td, table.standartTable th{padding: 2px;}
table.standartTable td, table.standartTable th{border:2px solid #e4e7e8;}

.item h3{font-weight: bold; line-height: 30px;}
.anaicerik{margin-top: 50px;}
.fako {position: absolute; top: 285px;}
.carousel-caption {top:120px !important;}
/*.panel img {width: 100%;}*/
.panel h4 {margin:0;color: #333;}
.panel p {margin:10px 0 0;color: #333;font-size: 12px;min-height: 52px;}
.panel-heading {background: #eeee;border-radius: 0;}
.prices{padding: 10px 15px;background: #eee;}
.bagisBTN {font-size: 14px; background:#337ab7; border:none; width: 44%;}
.panel-footer a:first-child {float: left;}
.panel-footer a:nth-child(2) {float: right; margin:0;}


    /*------ CART PAGE ------*/

/************* FONT AWESOME *************/
.cartPage .chkStyle label:before{display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;font-family: "Font Awesome 5 Free";}

/*kalın*/
.cartPage .chkStyle label:before{font-weight: 900; }

    /*------ Donation Summary ------*/
    .cartPage{margin-bottom:60px}
    .cartPage .titleArea{margin:0 0 20px}
      .cartPage .titleArea .title{font-size:22px;color:#04618D;font-weight:600;border:0;}

      .cartPage .signInDonate,
      .cartPage .fastDonate{float:left;}

      .cartPage .personalInfo .input-group{width:100%}
          .cartPage .personalInfo .input-group-addon {width:30%!important;text-align:left!important;}
          .cartPage .personalInfo .input-group-addon{border-radius:0!important}
          .cartPage .personalInfo .input-group .form-control{height: 48px;border: 1px solid #ccc!important}
          .cartPage .personalInfo .input-group textarea.form-control{height:88px;}

          .cartPage .personalInfo .input-group .form-control,
          .cartContain .infoArea input,
          .cartContain .infoArea select{background:#fff!important}


          .cartPage .donationTable .tableTitle{font-size:20px;color:#84BA50;font-weight:600;margin:0 0 10px}
          .cartPage .donationTable table{color:#333;font-size:16px;font-weight:500;margin-bottom:26px}
            .cartPage .donationTable tr{background:#fff}
              .cartPage .donationTable tr:first-child th{padding:8px 18px!important}
              /*.cartPage .donationTable tr th{background:#ccc;border-bottom:0!important}*/
              .cartPage .donationTable tr td{border-top-width:2px!important;border-top-color:#F8F8F8!important;padding:18px!important}
              .cartPage .donationTable tr a{color:#333333}
              .cartPage .donationTable tr .manage a i{font-size:12px}
              .cartPage .donationTable tr .manage a{padding:2px 6px}
              .cartPage .donationTable tr .manage a.btnDelete:hover{background:#ED3125;color:#fff}


            .cartPage .chkStyle label{font-weight:600;font-size:14px;cursor:pointer;margin:0 0 48px;text-align: right;}
            .cartPage .chkStyle label:before{content:"\f0c8";margin-right:5px;font-size:16px}
              .cartPage .chkStyle input[type='checkbox']:checked ~ label:before{color:#84BA50;content:"\f14a";margin-right:5px}
              .cartPage .chkStyle input[type='checkbox']{display:none}
              .cartPage .chkStyle input[type='radio']:checked ~ label:before{color:#84BA50;content:"\f14a";margin-right:5px}
              .cartPage .chkStyle input[type='radio']{display:none}

            .cartPage .totalDonateArea{clear:both;text-align:right;font-size:16px;font-weight:500}
            .cartPage .totalDonateArea strong{font-size:26px;color:#990000;font-weight:700;margin-left:10px;}

               .cartPage .complateDonate{float:right;line-height:42px;font-weight:600;font-size:16px;margin:0 5px;color:#fff;padding:0 18px;}

               .cartPage .complateDonate:hover{background:#84BB50;color:#fff;}
                    .cartPage .complateDonate i{font-size:10px;line-height:42px;vertical-align: bottom;margin:0 0 0 5px;font-size:14px}

      .cartContain .chkStyle label{margin:0}


.cartPage .flexArea{display:flex;}
    .cartPage .flexArea .valign{align-items:center;display:flex; background-position: center}
    /*------ / End Donation Summary ------*/
    /*------ / END CART PAGE ------*/


    /*------ USER FORMS ------*/
    .titleArea .title{border:0;font-size:22px;color:#04618D;font-weight:600;}
    .userForm .titleArea{margin:0 0 20px}
      .userForm .titleArea .title{font-size:22px;color:#04618D;font-weight:600;}
      .userForm .input-group{width:100%}
          .userForm .input-group-addon {width:30%!important;text-align:left!important;}
          .userForm .input-group-addon{border-radius:0!important}
          .userForm .input-group .form-control{height: 48px;border: 1px solid #ccc!important}
          .userForm .input-group textarea.form-control{height:88px;}
          .userForm .input-group .form-control,
          .userForm .input-group input.form-control,
          .userForm .input-group select.form-control{background:#fff!important}
    /*------ / END USER FORMS ------*/

    /*------ Animated Button ------*/
        .animButton {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;text-align: center;position: relative;overflow: hidden;-webkit-transition: .3s;transition: .3s;position:relative;z-index:2;background:transparent!important;
        height:44px;line-height:44px;position: relative;display: block;padding: 0 30px;border: none;color: white;font-size:16px;-webkit-transition: background 0.4s;transition: background 0.4s;cursor: pointer;font-weight: 600;}
        .animButton:before {position: absolute;content: '';width: 100%;left:0;top: 0;height: 110%;z-index:-1}

        .animButton:after {position: absolute;-webkit-transition: .3s;transition: .3s;content: '';width: 0;left: 50%;bottom: 0;height: 3px;}

        .animButton:hover {cursor: pointer;}
        .animButton:hover:after {width: 100%;left: 0;}

        .animButton.skewLeftRight:after {height: 120%;top:0;left: -10%;-webkit-transform: skewX(15deg);transform: skewX(15deg);z-index: -1;}
        .animButton.skewLeftRight:hover {color: #FFF;}
        .animButton.skewLeftRight:hover:after {left: -10%;width: 120%;}

        .redToGreen:before{background: #ED3125}
        .redToGreen:after{background:#84BB50}
        .redToGreen:hover{color:#1C3320!important}

        .yellowToGreen{color:#26462C;}
        .yellowToGreen:before{background: #FFCA00;}
        .yellowToGreen:after{background:#84BB50}
        .yellowToGreen:hover{color:#fff!important}

        .lightgreenToDarkgreen:before{background:#84BB50}
        .lightgreenToDarkgreen:after{background:#1C3320}
        .lightgreenToDarkgreen:hover{color:#fff!important}

        .nobgToLightgreen:before{background:transparent}
        .nobgToLightgreen:after{background:#84BB50}
        .nobgToLightgreen:hover{color:#fff!important}

        .nobgToRed:before{background:transparent}
        .nobgToRed:after{background:#ED3125}
        .nobgToRed:hover{color:#fff!important}

        .lightgreenToRed:before{background:#84BB50}
        .lightgreenToRed:after{background:#ED3125}
        .lightgreenToRed:hover{color:#fff!important}

        .yellowToRed:before{background:#FFCA00}
        .yellowToRed:after{background:#ED3125}
        .yellowToRed:hover,
        .yellowToRed:hover a{color:#fff!important}

        .darkgreenToYellow:before{background:#77A848}
        .darkgreenToYellow:after{background:#FFCA00}
        .darkgreenToYellow:hover,
        .darkgreenToYellow:hover a{color:#26462C!important}


        .blueToYellow:before{background:#126788}
        .blueToYellow:after{background:#FFCA00}
        .blueToYellow:hover,
        .blueToYellow:hover a{color:#26462C!important}


        .blueToGreen:before{background:#126788}
        .blueToGreen:after{background:#84BB50}


        .lightgreenToBlue:before{background:#84BB50}
        .lightgreenToBlue:after{background:#126788}
        .lightgreenToBlue:hover{color:#fff!important}
    /*------ / End Animated Button ------*/




/*-------------------- Listeleme Sayfası - Başlık + Özet + Resim --------------------*/
    .tip8 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip8 li .image { padding:3px; border:1px solid #ccc; background:#fff; }    
            .tip8 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip8 li img{ width: 100%; display: block; }
    .tip8 li a{ color: #202020; font-size: 14px; }
    .tip8 li .textArea h2{ margin: 4px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tip8 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; }

    .tip8 .tip8konuresim{width:20%;}

/*-------------------- Listeleme Sayfası - Başlık + Özet --------------------*/
    .tip2 ul{ width: 100%; font-size: 12px; }
        .tip2 li{ border-bottom: 1px dotted #ddd; }
            .tip2 li:last-child{ border-bottom: none; }
        .tip2 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip2 li >a:hover { background:#eee; }
        .tip2 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }
        .tip2 li p{ font-size: 12px; margin: 0; }

/*-------------------- Listeleme Sayfası - Başlık --------------------*/
    .tip7 ul{ width: 100%; font-size: 12px; }
        .tip7 li{ border-bottom: 1px dotted #ddd; }
            .tip7 li:last-child{ border-bottom: none; }
        .tip7 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip7 li >a:hover { background:#eee; }
        .tip7 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }


/*-------------------- Dokümanlar --------------------*/
    .tip5 ul{ width: 100%; font-size: 12px; }
        .tip5 li{ border-bottom: 1px dotted #ddd; }
            .tip5 li:last-child{ border-bottom: none; }
        .tip5 li >a{ display:block; color: #262626; width: 100%; padding:10px 1%; }
            .tip5 li >a:hover { background:#eee; }
        .tip5 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; }


/*-------------------- Foto Galeri --------------------*/
    .tip3 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip3 li{ padding: 8px; }

        .tip3 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip3 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }
            
        .tip3 li img{ width: 100%; display:block; } 
        .tip3 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; width:100%; padding:6px 3% 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/*-------------------- Video Galeri --------------------*/
    .tip4 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip4 li{ padding: 8px; text-align: center; }
        .tip4 li >a{ display:block; color: #262626; width: 100%; padding:2px; border:1px solid #ccc; }
            .tip4 li >a:hover { background:#eee; border:1px solid #999; box-shadow:0px 0px 3px #bbb; }
            
        .tip4 li img{ width: 100%; display:block; } 
        .tip4 li h2{ font-size: 14px; margin: 0 0 5px; font-weight: 700; width:100%; padding:6px 3% 2px; }


/*-------------------- Ürün Sayfası --------------------*/
    .tip14 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip14 li .image { padding:3px; border:1px solid #ccc; background:#fff; }    
            .tip14 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip14 li img{ width: 100%; display: block; }
    .tip14 li a{ color: #202020; font-size: 14px; }
    .tip14 li .textArea h2{ margin: 4px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tip14 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; }

/*-------------------- Ä°sim Listesi --------------------*/
    .tip10 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip10 li .image { padding:3px; border:1px solid #ccc; background:#fff; }    
            .tip10 li a:hover .image{ border-color:#eee; background:#fff; }
            .tip10 li img{ width: 100%; display: block; }
    .tip10 li a{ color: #202020; font-size: 14px; }
    .tip10 li .textArea h2{ margin: 4px 0; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tip10 li .textArea p{ margin: 0; font-size: 12px; text-align: justify; }


/*-------------------- Alt Sayfa Listeleme --------------------*/
    .tip0 ul{ width: 102%; margin-left: -1%; font-size: 12px; }
        .tip0 li{ padding-left:5px; padding-right:5px; }

        .tip0 li >a{ display:block; color: #262626; width:99%; float:left; display:inline; padding:0 0 0 4%; line-height:40px; height:40px;font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#495256; font-weight:600;text-decoration:none; border-bottom:1px dotted #ddd; position:relative; }
        .tip0 li >a:hover { color:#216a6e; text-decoration:none }
        .tip0 li >a:before { content:''; width:4%; height:40px; background:url('../images/next.png') no-repeat center 0; position:absolute; left:0; top:0; }
        .tip0 li >a:hover:before { background-position:center -40px; }

            .tip0 li >a:hover { background:#eee; }
        .tip0 li >a>div{ padding:0; }

.flex-control-thumbs, .buttonArea {display:none}

.menuToggle{ display: none; color: #fff; background:#495256; position: absolute;right: 10px;top: 44px; padding: 5px 10px; font-size: 14px; cursor: pointer; }


.mTo10{ margin-top: 10px; }
.mTo20{ margin-top: 20px; }
.mTo30{ margin-top: 30px; }
.mTo40{ margin-top: 40px; }
.mTo50{ margin-top: 50px; }
.mTo60{ margin-top: 60px; }

.mBo0{ margin-bottom: 0; }
.mBo10{ margin-bottom: 10px; }
.mBo20{ margin-bottom: 20px; }
.mBo30{ margin-bottom: 30px; }
.mBo40{ margin-bottom: 40px; }
.mBo50{ margin-bottom: 50px; }
.mBo60{ margin-bottom: 60px; }

/*-------------------- gayrimenkul form --------------------*/
    input,
    textarea,
    select,
    .form-control{ border-radius: 0 !important; background: #eee !important; border-color: #ccc !important; }

    textarea{ width: 100%; height: 84px; padding: 12px 12px; }

    .label{ color: #777; font-size: 14px; padding: 0 0 10px; font-weight: 600; margin-top: 20px;}
    .title { border-bottom:2px solid #256896; line-height: 40px; font-size: 16px; margin: 0; }
    .formArea{ border-radius: 0 0 10px 10px; overflow: hidden; background: #fff; padding: 0 30px 40px; margin: 0 0 14px; }

.button--pipaluk::after {background: #00618D !important;}
.button--pipaluk{ color: #fff!important; max-width: 97% !important; width: 97% !important; padding: 1em 3em !important;}

    
.padd ul {
    list-style: inherit !important;
    padding-left: 20px !important;
    margin: inherit !important;
    }


/*-------------------- Online Başvuru Form --------------------*/
.tipOnlinebasvuru .formText,
.tipOnlinebasvuru input[type="submit"]{ font-weight: 700; color: #000;font-weight: 100;letter-spacing: 0.01em;font-size: 14px;position: relative;}
.tipOnlinebasvuru .formText:after{content: ""; border-bottom: 1px solid #40e0d0; width: 96%; height: 1px; position: absolute; bottom: -5px; left:15px; }
.tipOnlinebasvuru{color:#000;}
.tipOnlinebasvuru input:focus,
.tipOnlinebasvuru textarea:focus,
.tipOnlinebasvuru select:focus,
.tipOnlinebasvuru radio:focus,
.tipOnlinebasvuru checkbox:focus{ outline: none !important; box-shadow: none !important; border-color: #555; }
.tipOnlinebasvuru input,
.tipOnlinebasvuru textarea,
.tipOnlinebasvuru select{ border-radius: 10px !important; }
.tipOnlinebasvuru textarea,
.tipOnlinebasvuru .selectmulti{ height: 110px !important; }
.tipOnlinebasvuru input[type="submit"]{ background: #cb5a5e !important; color: #fff; border:0; padding: 6px 20px;font-weight:bold; }
.tipOnlinebasvuru .select { height: 32px !important;}

.tipOnlinebasvuru .select{width:100%!important}
.tipOnlinebasvuru .formText:after{left:0;width:100%}

ul.sideMenu{list-style:none!important;padding:0!important}
.sideMenu li a{border-bottom:1px dotted #ccc;line-height:40px;color:#000; display:block;padding:0 10px;font-weight:500;font-size:14px;}
.sideMenu li a span{font-weight:800;}
.sideMenu li a:hover,
.sideMenu li a.active{background:#00618F;color:#fff;}


        @keyframes click-wave {
          0% {
            height: 20px !important; width: 20px !important;opacity: 0.35 !important;position: relative !important;
          }
          100% {
            height: 200px !important;width: 200px !important;margin-left: -80px !important;margin-top: -80px !important;opacity: 0 !important;
          }
        }

        .tipOnlinebasvuru .option-input {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative !important;top: 0 !important;right: 0 !important;bottom: 0 !important;left: 0 !important;height: 20px !important;width: 20px !important;transition: all 0.15s ease-out 0s !important;background: #cbd1d8 !important;border: none !important;color: #fff !important;cursor: pointer !important;display: inline-block !important;margin-right: 0.5rem !important;outline: none !important;position: relative !important;z-index: 40 !important;}
        .tipOnlinebasvuru .option-input:hover {background: #9faab7 !important;}
        .tipOnlinebasvuru .option-input:checked {background: #40e0d0 !important;}
        .tipOnlinebasvuru .option-input:checked::before {height: 20px !important;width: 20px !important;position: absolute !important;content: '✔' !important;display: inline-block !important;font-size: 12px !important;text-align: center !important;line-height: 20px !important;}
        .tipOnlinebasvuru .option-input:checked::after {-webkit-animation: click-wave 0.65s !important;-moz-animation: click-wave 0.65s !important;animation: click-wave 0.65s !important;background: #40e0d0 !important;content: '' !important;display: block !important;position: relative !important;z-index: 100 !important;}
        .tipOnlinebasvuru .option-input.radio {border-radius: 50% !important;}
        .tipOnlinebasvuru .option-input.radio::after {<>border-radius: 50% !important;}


@media (max-width: 1440px){

}
@media (max-width: 1280px){
}

@media (max-width: 1024px) {

    header,
    header .top,
    header .bottom{height:auto;}

    header{background:#fff;}
        header .container{padding:0;}
        header .logo img{margin: 16px 28px; height: 67px; margin-bottom: 32px;}
        header .logo { float: left; position: relative; z-index: 100; }

    header .top{width:100%;background:#04618D;padding:3px 3px 36px;position:relative;}
        header .top .logoRight{margin:0 auto;display:block;text-align:center;position:absolute;bottom:0;width:100%;left:0}
        header .top .searchArea{float:left;margin-top:0}
        header .top .social{width:auto;height:auto}
        header .ustLink li{height:auto;line-height: 32px}
    header .bottom{width:100%;position:relative;}

    .sf-menu li,
    header .top,
    header .top .logoRight,
    header .sf-menu,
    header .bottom{ float: none !important; }

    header .ustLink li{border:0;}
    
    header .sf-menu{height:auto;padding:0; display: none; }
    .sf-menu >li:before{display:none;}
    .sf-menu a{ color: #404552; }
    .sf-menu ul li,
    .sf-menu ul li:hover{background:none;}
    .sf-menu ul li a{ color: #404552 !important; }
    .sf-menu ul li.selected a{ color: #404552 !important; }
    .sf-menu ul{ display: block !important; position: relative; background: rgba(0,0,0,0.1); box-shadow: none; }
    .sf-arrows .sf-with-ul:after{ border-top-color: #fff; }

    .menuToggle{ display: block;}
    .menuOpen{ height: auto; display: block!important;background:#F7F7F7;padding:10px;margin-bottom:20px;margin-top:0;clear:both;}
    .sf-menu >li:hover>a,
    .sf-menu >li:hover>a:hover{color:#404552!important;}

    .sf-menu ul ul{left:2%;width:96%;}

    .sf-menu a{ -webkit-font-smoothing: antialiased; -webkit-transition: all .0s; -moz-transition: all .0s; -o-transition: all .0s; -ms-transition: all .0s; transition: all .0s;  }
    .sfHover{ background: none; }

    .bannerArea{position:relative;}


    .vefa{height:auto;background-size: auto 100%;}

    .istatistik ul li h2{font-size:60px}

    .bigvideoSlide .slides > li .left h4{margin:0 0 20px}
    .bigvideoSlide .slides > li .picArea{width:540px;height:302px;}
    .bigvideoSlide .slides > li .picArea .mask{background-size:100%;width:540px;height:302px;}
    
    .lbc_box{width:23%}

    .subContent{border-top: 1px solid rgba(0,0,0,.2)}
    .subContent>.container{padding-top:10px;padding-bottom:20px;}
}

@media (max-width: 990px) {
}

@media (max-width: 768px){
    .news,
    .basari,
    .istatistik,
    .videoArea{height:auto}

    .basari ul li{width:33%}
    .basari ul li h2{font-size:15px}

    .vefa{padding:0}
    .vefa>.container{padding:0}
    .kesfet,
    .basari{padding:30px 0 10px}
    .kesfet li p{min-height:auto;max-height:auto;font-size:13px}

    .istatistik ul li{width:50%;}
    .istatistik ul li h2{font-size:46px}
    .istatistik ul li p{font-size:14px}

    .videoArea{height:auto;background-size: auto 100%;}
    .bigvideoSlide{height:auto;padding:30px 0 20px}
    .bigvideoSlide .slides > li .left{float:none;width:100%;}
    .bigvideoSlide .slides > li .left h4{font-size:16px}
    .bigvideoSlide .slides > li .left p{max-height:auto;min-height:auto;}
    .bigvideoSlide .slides > li .picArea iframe{width:100%;height:200px}

    .bigvideoSlide .slides > li .picArea{float:none;width:100%;height:auto;margin-top:20px}
    
    .videoArea img{margin:0}
    .bigvideoSlide .slides > li .picArea .mask{background:rgba(0,0,0,0.2);position:absolute;width:100%;height:100%}
    .bigvideoSlide .slides > li .picArea .mask:before{content:'';position:absolute;background:url(../images/bgVideoPlay.png) no-repeat center center;width:45px;height:45px;left:50%;top:50%;margin:-23px 0 0 -23px;}
    .bigvideoSlide .slides > li .picArea .mask:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.5);width:96%;height:94%;left:2%;top:3%;}

    .smallvideoSlide .slides > li .picArea{height:auto}
    .smallvideoSlide .slides > li .picArea .mask{background:rgba(0,0,0,0.2);position:absolute;width:100%;height:100%}
    .smallvideoSlide .slides > li .picArea .mask:before{content:'';position:absolute;background:url(../images/bgVideoPlay.png) no-repeat center center;width:45px;height:45px;left:50%;top:50%;margin:-23px 0 0 -23px;}
    .smallvideoSlide .slides > li .picArea .mask:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.5);width:96%;height:94%;left:2%;top:3%;}


    .news .container{padding:0}
    .news .news2{padding:0;height:auto;float:none;margin-bottom:40px}

    .news .events{padding:0}
    .news .events ul{margin:0}
    .news .events ul li .icalen{height: 100%;width: 12%;background-size: 85% auto;display: flex;justify-content: center;align-items: center;border: 2px solid #000;border-radius: 5px;background: none;padding-bottom: 10px;position:relative;}
        .news .events ul li .icalen:before {content: "";position: absolute;top: -12%;left: 25%;background: #000;width: 2px;height: 22%}
        .news .events ul li .icalen:after {content: "";position: absolute;top: -12%;right: 25%;background: #000;width: 2px;height: 22%}
    .news .events ul li p{width:84%;}
    .news .events ul li span{width:84%;}

    footer .top{height:auto}
    /*footer .top .addressInformation img{display:none;}*/
    footer .top .addressInformation {
        text-align: center;
    }
    footer .top .addressInformation img{display: inline; float:none;}
    footer .bottom .sitemap{margin:0 14px 24px}
    footer .bottom .sitemap > ul > li{margin:0 56px 0 0;}
    .okul-section{display:none;}

    .lbc_box{width:48%}
    .listing h4, .navi li, .submen{font-size:12px}
    
    .bigvideoSlide .slides > li .left .more{    border: 1px solid #fff;    line-height: 32px;    padding: 0 13px;font-size: 10px;}

} 
@media (max-width: 640px){
    .istatistik ul li{width:100%;}
    footer .bottom{padding:0}
    footer .bottom .copyright{margin-top: 18px;}
    footer .bottom .sitemap{display:none;}
    footer .bottom .mavigen{margin:0}

.fako {position:relative;top:0;}
.grid.anaicerik{margin-top:10px}
.bagisBTN{width:100%;}
.panel-footer a:nth-child(2){margin-top:5px}
}

.desktopIntro { display: block }
.mobilIntro { display: none }

@media (max-width: 425px){
    header .top .searchArea{display:none;}
    header .top .social{float: left;margin-left: 0;}
    .basari ul li{width:50%}
    footer .top .social{text-align: center;padding: 20px 0 0;float: none;clear: both;margin: 0 auto;display: table;}
    footer .top .social li{float:left;margin:0 4px}
    footer .top .social li.iycLogo{clear:both;margin:10px 0 0;width:100%}
    footer .top .social li.iycLogo img{margin:0;}
    footer .top .addressInformation > .right p{line-height:inherit}
    .konuresim{width:30%}
    .multiyukleme img{width:20%;height:auto!important}
    .desktopIntro { display: none !important }
    .mobilIntro { display: block !important }
    .zekat_inp00 { width: 100% !important; }
    .zekat_inp01 { max-width: 80% !important; }
    .zekat_inp02 { width: 20% !important; }

    .pagecoverbanner { height: 35vw !important; background-size: 340% !important; }
}