body{
     padding-top: 60px;
     color:#000;
}
 header{
     position: fixed;
     top:0;
     left:0;
     z-index: 12;
     transition: all ease 0.3s;
     width:100%;
}

.dn {display:none;}
.imha-buton a{background:#3cc1cd;color:#fff;padding:15px;font-size:18px;}
.imha-buton a:hover{background:#177982;}
 .header_ust{
     width:100%;
     height:60px;
     background:#3cc1cd;
     display:flex;
     justify-content: space-between;
     padding:0 0 20px 0;
}
 .header_sirketsec{
     cursor:pointer;
     z-index:9999;
}
 .header_sirketsec:hover{
     cursor:pointer;
     background:#222d65;
}
 .header_sirketsec > ul > li{
     position: relative;
     line-height: 40px;
     color:#fff;
     font-size:15px;
}
 .header_sirketsec h5{
     padding:0 30px;
}
 .header_sirketsec > ul > li > h5 > i{
     margin-left: 10px;
     font-size:9px;
}
 .header_sirketsec > ul > li:hover{
     background:#222d65;
}
 .header_sirketsec > ul > li:hover > ul{
     display:block;
}
 .header_sirketsec > ul > li > ul{
     position: absolute;
     left:0;
     width:100%;
     padding:15px 0px;
     background: #222d65;
}
 .header_sirketsec > ul > li > ul > li{
     display:flex;
     line-height: 16px;
     border-bottom: 1px solid rgba(0,0,0,0.2);
     padding:15px 30px;
}
 .header_sirketsec > ul > li > ul > li:last-child{
    border-bottom:none;
}
 .header_sirketsec > ul > li > ul > li > i{
     margin-right:10px;
     font-size: 20px;
     color:#3cc1cd;
}
 .header_sirketsec > ul > li > ul{
     display:none;
}
 .header_sirketsec > ul > li > ul > li > span{
     margin-right:10px;
     color:#3cc1cd;
     width:110px;
     min-width: 110px;
     max-width: 110px;
}
 .header_sirketsec > ul > li > ul > li > a{
     color:#fff;
}
 .header_sirketsec > ul > li > ul > li > ul > li{
     font-size:14px;
     margin-bottom: 10px;
}
 .header_sirketsec > ul > li > ul > li > ul > li:last-child{
     opacity: 0.5;
}
 .header_sirketsec li:last-child{
     margin-bottom: 0;
}
 .header_sirketsec > ul > li > ul > li > a{
     color:#fff;
}
 .header_sirketsec > ul > li > ul > li > a:hover{
     color:#3cc1cd;
}
 .header_ust-nokta{
     cursor:pointer;
}
 .header_ust-nokta:hover{
     cursor:pointer;
     background:#222d65;
}
 .header_ust-nokta > ul > li{
     position: relative;
     line-height: 40px;
     color:#fff;
     font-size:15px;
}
 .header_ust-nokta h5{
     padding:0 30px;
}
 .header_ust-nokta > ul > li > h5 > i{
     margin-left: 10px;
     font-size:9px;
}
 .header_ust-nokta > ul > li:hover{
    /*background:#222d65;
    */
}
/* .header_ust-nokta > ul > li:hover > ul{
     display:block;
}
 */
 .header_ust-nokta > ul > li > ul{
     position: absolute;
     left:0;
     top:40px;
     width:100%;
     padding:30px;
     background: #222d65;
}
 .header_ust-nokta > ul > li > ul > li{
     margin-bottom:30px;
     display:flex;
     align-items: flex-start;
     line-height: 16px;
}
 .header_ust-nokta > ul > li > ul > li > i{
     margin-right:10px;
     font-size: 20px;
     color:#3cc1cd;
}
 .header_ust-nokta > ul > li > ul{
     display:none;
}
 .header_ust-nokta > ul > li > ul > li > span{
     margin-right:10px;
     color:#3cc1cd;
     width:110px;
     min-width: 110px;
     max-width: 110px;
}
 .header_ust-nokta > ul > li > ul > li > a{
     color:#fff;
}
 .header_ust-nokta > ul > li > ul > li > ul > li{
     font-size:14px;
     margin-bottom: 10px;
}
 .header_ust-nokta > ul > li > ul > li > ul > li:last-child{
     opacity: 0.5;
}
 .header_ust-nokta li:last-child{
     margin-bottom: 0;
}
 .header_ust-nokta--yoltarifi{
     height:40px;
     line-height: 40px;
     background:#3cc1cd;
     color:#fff;
     width:100%;
     text-align: center;
}
 .header_ust-nokta--yoltarifi i{
     margin-right:10px;
}
 .header_ust-nokta > ul > li > ul > li > a:hover{
     color:#3cc1cd;
}
 .header_ust-nokta--yoltarifi:hover{
     color:#3cc1cd;
     background:#fff;
}
 .header_ust-nokta--yoltarifi:hover i{
     color:#3cc1cd;
}
 .header_ust-nokta > ul > li > ul > li:last-child a{
     text-align: center;
     font-size:14px;
     width: 100%;
     opacity: 0.5;
}
 .header_ust-nokta > ul > li > ul > li:last-child a:hover{
     opacity: 1;
}
 .header_ust-iletisim{
     display:flex;
     line-height: 40px;
}
 .header_ust-iletisim--telefon a{
     color:#fff;
     font-size:18px;
     font-weight: 500;
}
 .header_ust-iletisim li{
     padding:0 20px;
	 display:flex;
	 align-items:center;
}

.cagri {display:inline-block;height:25px;margin:0px 10px;}

 .header_ust-iletisim--telefon i{
     margin-right: 10px;
}
 .header_ust-iletisim--telefon:hover{
     background:#222d65;
}
 .header_ust-iletisim--sosyalmedya{
     display:flex;
}
 .header_ust-iletisim--sosyalmedya a{
     width:40px;
     text-align: center;
     line-height: 40px;
     color:#fff;
}
 .header_ust-iletisim--sosyalmedya a:hover{
     background:#222d65;
}
 .header_ust-onlineislemler{
     height:60px;
     position: relative;
	 display:flex;
	 background:#222d65;
}
 .header_ust-onlineislemler img{
     width:17px;
     height:17px;
     margin-right:10px;
}
 .header_ust-onlineislemler a{
     padding:0 20px 20px 20px;
     display:flex;
     height: 60px;
     align-items: center;
     color:#fff;
     font-size:14px;
     font-weight: bold;
	 background:#222d65;
}

.header_ust-onlineislemler a:hover {
	background:#3daf49;
}

.header_ust-onlineislemler a:first-child{
	background:#3daf49;
}

.header_ust-onlineislemler a:hover {
	background:#222d65;
}

 .onlineislemler_popup{
     position: fixed;
     width:100%;
     height:100%;
     top:0;
     left:0;
     z-index: 103;
     background:rgba(34,45,101,1);
     padding:30px;
     display:none;
}
 .onlineislemler_popup > div{
     position: absolute;
     width:100%;
     height:100%;
     top:0;
     left:0;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .onlineislemler_popup > div > div{
     width:864px;
     display:flex;
     position: relative;
     flex-direction: column;
}
 .onlineislemler_popup span{
     font-weight: 500;
     margin-bottom: 30px;
     font-size: 24px;
     color:#fff;
     display:block;
}
 .onlineislemler_popup select{
     width:100%;
     height:60px;
     line-height: 60px;
     color:#222d65;
     font-weight: 500;
     font-size:18px;
     background-size: 40px 14px;
}
 .onlineislemler_popup-islemler{
     margin-top: 60px;
     opacity: 0.2;
     pointer-events: none;
     width:100%;
     transition: all ease 0.3s;
}
 .onlineislemler_popup-islemler ul{
     display:flex;
}
 .onlineislemler_popup-islemler ul li{
     flex-direction: column;
     justify-content: center;
     margin-right:30px;
     text-align: center;
     width:194px;
}
 .onlineislemler_popup-islemler ul li:last-child{
     margin:0;
}
 .onlineislemler_popup-islemler ul li div{
     width:100%;
     height:150px;
     background:#fff;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .onlineislemler_popup-islemler ul li b{
     margin-top:15px;
     color:#fff;
     display:block;
}
 .onlineislemler_popup-islemler ul li:hover div{
     background:#3cc1cd;
}
 .onlineislemler_popup-islemler ul li:hover b{
     color:#3cc1cd;
}
 .onlineislemler_popup-alt{
     width:100%;
     margin-top:45px;
     border-top: 1px solid rgba(255,255,255,0.1);
     padding-top:15px;
}
 .onlineislemler_popup-alt ul{
     display:flex;
}
 .onlineislemler_popup-alt ul li{
     text-align: center;
     flex:1;
}
 .onlineislemler_popup-alt ul li a{
     color:#fff;
     font-size:14px;
}
 .onlineislemler_popup img{
     width:52px;
}
 .onlineislemler_popup-alt ul li a:hover{
     color:#ebebeb;
}
 .onlineislemler_popup-kapat{
     border: none;
     cursor: pointer;
     position: absolute;
     top: 30px;
     right:30px;
     width: 120px;
     height: 50px;
     line-height: 50px;
     font-weight: bold;
     background: red;
     color: #fff;
}
 .popupAktif{
     opacity: 1;
     pointer-events: inherit;
     transition: all ease 0.3s;
}
 .onlineislemler_popup-kapat:hover{
     background:#a21111;
}
 .header_alt{
     width:100%;
     position: relative;
     margin:-20px auto 0 auto;
	 
}
 .header_alt > div{
     width:100%;
     height:80px;
     background-color:#fff;
     display:flex;
     justify-content: space-between;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     background-image:url(../images/menubg.png);
     background-position: top right;
     background-repeat: no-repeat;
}
 .header_ust-nokta{
     position: relative;
     z-index: 2;
	 min-width:400px
}
 .header_ust-onlineislemler:hover{
     background:#3daf49;
}
 .header_alt figure img{
     height:40px;
}
 .header_alt figure{
     height:80px;
     padding:20px;
}
 .header_alt > div > nav > ul{
     display:flex;
}
 .header_alt > div > nav > ul > li{
     height:80px;
     position: relative;
}
 .header_alt > div > nav > ul > li > a{
     line-height: 80px;
     color:#222d65;
     font-weight: 500;
     font-size:14px;
     display:block;
     padding:0 13px;
}
 .header_alt > div > nav > ul > li > ul{
     display:none;
     position: absolute;
     left:0;
     top:80px;
     width:320px;
     background:#222d65;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
 .header_alt > div > nav > ul > li:hover > ul{
     display:block;
}
 .header_alt > div > nav > ul > li:hover{
     background:#222d65;
}
 .header_alt > div > nav > ul > li:hover > a{
     color:#fff;
}
 .header_alt > div > nav > ul > li > ul > li{
     width:100%;
     border-top: 1px solid rgba(0,0,0,0.2);
     position: relative;
}
 .header_alt > div > nav > ul > li > ul > li > a{
     display:block;
     line-height:50px;
     color:#fff;
     font-size:14px;
     font-weight: 500;
     padding:0 20px;
}
 .header_alt > div > nav > ul > li > ul > li:hover{
     background:#3cc1cd;
}

.arama a {color:#fff;display:block;font-size:18px;line-height:25px;}
.arama a:hover {text-decoration:underline;}

 .header_alt .profornet-arama{
     width:80px;
     height:80px;
     text-align: center;
     line-height: 80px;
     font-size:18px;
     color:#222d65;
     background:none;
}
 .header_alt .profornet-arama:hover{
     background:#fafafa;
}





	.swiper-wrapper {position:relative;}
	.swiper-wrapper a {position:Absolute;width:100%;height:100%;top:0;left:0;}
	#slider{ width:100%; position:relative;
    min-height: auto!important;
    height: auto!important;}
	#slider .swiper-slide {position:relative; }
	.sliderDis{
		padding-top: 60px;
		padding-bottom: 0!important;
	}
	.anasayfakutular:before{
		background: #fff;
	}
	.swiper-pagination-bullet{		
		height: 15px!important;
		width: 15px!important;
		display: inline-block;
		border-radius: 100%;
		background: #fff;
		opacity: 1;
	}
	.swiper-pagination-bullet-active {
		background: #222d65;
	}

	@media screen and (min-width: 180px) and (max-width: 559px) {
    .sliderDis {
        padding-top: 0;
    }
	#slider .swiper-slide{
	height: auto!important;
	min-height: auto!important;
	max-height: fit-content!important;
	display: flex;
	}
	#slider .slider-text{
	display: none;
	}
	    #slider .swiper-pagination {
        top: auto!important;
        height: auto;
        bottom: 10px;
    }
}







 @media screen and (min-width:1100px) and (max-width:3000px) {
     .swiper-slider .pagination-desktop p, .swiper-slider .pagination-desktop h5{
         display:none;
    }
     #slider .pagination-desktop{
         width:1260px;
         position: absolute;
         height:180px;
         display:flex;
         bottom:-90px;
         z-index: 2;
         left:50%;
         margin-left:-630px;
         background:#fff;
         -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
         -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
         box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
    }
     #slider .pagination-desktop > span{
         flex:1;
         height:180px;
         display:Flex;
         flex-direction: column;
         justify-content: center;
         padding:30px;
         background: #fff;
         z-index: 2;
         -webkit-box-shadow: inset 10px 0px 15px 0px rgba(0,0,0,0.03);
         -moz-box-shadow: inset 10px 0px 15px 0px rgba(0,0,0,0.03);
         box-shadow: inset 10px 0px 15px 0px rgba(0,0,0,0.03);
         margin:0;
         border-radius: 0;
         opacity: 1!important;
         text-align: left;
    }
     #slider .pagination-desktop > span > p{
         color:#b5b5b5;
         display:block!important;
    }
     #slider .pagination-desktop > span > h2{
         color:#333739;
         display:block!important;
         font-size: 18px;
         font-weight: 500;
         margin-top: 10px;
    }
     #slider .pagination-desktop:before{
         width:1280px;
         height:100px;
         position: absolute;
         left:-10px;
         top:-10px;
         background:#3cc1cd;
         content:"";
         z-index: 0;
    }
     #slider .swiper-pagination-bullet-active h2{
         color:#3cc1cd!important;
    }
     #slider .pagination-desktop > span:hover{
         background:#fafafa;
    }
     #slider .pagination-desktop:after{
         width:1280px;
         height:100px;
         position: absolute;
         left:-10px;
         bottom:-10px;
         background:#222d65;
         content:"";
         z-index: 0;
    }
}
.pagination-new h2, .pagination-new p{
	display: none!important;
}
 .sliderDis{
     overflow: hidden;
     width:100%;
     padding-bottom:120px;
     background:#3cc1cd;
}

#duyuruslider .dot p {display:none;}
#duyuruslider .dot h2 {display:none;}

 #slider .slider-text{
     width:1260px;
     margin:Auto;
     height:100%;
     display:flex;
     flex-direction: column;
     justify-content: center;

}
 #slider .slider-text h1{
     font-size:48px;
     font-weight: 500;
     color:#ffffff;
     margin-bottom: 15px;
}
 #slider .slider-text > p{
     font-size:30px;
     margin-bottom:30px;
     max-width:550px;
     color:#fff;
}
 .sliderselect{
     width:370px;
     height:60px;
     background:#3cc1cd;
     line-height: 60px;
     border-bottom: 3px solid #2b949e;
     margin-bottom: 30px;
     position: relative;
}
 .sliderselect span{
     width:100%;
     padding:0 30px;
     font-weight: bold;
     font-size:14px;
     color:#fff;
     height: 60px;
     cursor:pointer;
     display:block;
     position: relative;
}
 .sliderselect span:after{
     position: absolute;
     font-family: 'profornet';
     right:15px;
     top:0;
     font-size:9px;
     color:#fff;
     pointer-events: none;
     content:"\e902";
}
 .sliderselect span:hover{
     background:#222d65;
}
 .slideryardim{
     display:flex;
     align-items: center;
     transition: all ease 0.3s;
}
 .slideryardim_yardim img{
     border-radius: 50%;
     border:3px solid #fff;
     margin-right: 10px;
}
 .slideryardim_yardim a{
     color:#fff;
     text-decoration: underline;
}
 .slideryardim_yardim{
     height:110px;
     color:#fff;
}
 .slideryardim_yardim a:hover{
     color:#ebebeb;
}
 .slideryardimkapa{
     opacity: 0;
     visibility: hidden;
     transition: all ease 0.3s;
}
 .slideryardim > div{
     display:flex;
     align-items: center;
}
 .slideryardim ul{
     display:none;
     height:110px;
}
 .slideryardim ul li{
     min-width:80px;
     margin-right:10px;
     text-align: center;
}
 .slideryardim ul li img{
     width:40px;
}
 .slideryardim ul li div{
     width:100%;
     height:60px;
     margin-bottom: 10px;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .slideryardim ul li a{
     font-size:14px;
     font-weight: 500;
     color:#222d65;
     padding:15px;
     display:block;
}
 .slideryardim ul li:Hover{
     background:#fff;
}
 .uslideryardim_ulac{
     display:flex!important;
     transition: all ease 0.3s;
}
 .sliderselect_kapat{
     display:none;
     width:60px;
     height:60px;
     background:red;
     color:#fff;
     text-align: center;
     line-height: 60px;
     position: absolute;
     right:-70px;
     top:0;
}
 .sliderselect_kapat:hover{
     background:#a21111;
}
 .anasayfakutular{
     width:100%;
     position: relative;
     padding-top: 100px;
     padding-bottom: 120px;
}


.pagination-new h2, .pagination-new p{
	display: none!important;
}


 .anasayfakutular:before{
     width:100%;
     height:400px;
     background:#3cc1cd;
     position: absolute;
     top:0;
     left:0;
     content:"";
     z-index: 0;
}
 .anasayfakutular > ul{
     width:1200px;
     display:flex;
     margin: auto;
     position: relative;
     z-index: 2;
}
 .anasayfakutular > ul > li{
     width:400px;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     margin-right: 30px;
}
 .anasayfakutular > ul > li:last-child{
     margin:0;
}
 .anasayfakutular figure{
     height:285px;
}
 .anasayfakutular figure img{
     width:100%;
}
 .anasayfakutular div{
     width:100%;
     padding:45px;
     border-top: 5px solid #222d65;
}
 .anasayfakutular h3{
     font-weight: bold;
     font-size: 20px;
     margin-bottom: 15px;
}
 .anasayfakutular h3 span{
     font-size:14px;
     font-weight: 500;
}
 .anasayfakutular p{
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     margin-bottom:30px;
     display:block;
}
 .anasayfakutular_liste li{
     position: relative;
     margin-top: 15px;
     font-weight: 500;
}
 .anasayfakutular_liste li a:before{
     position: absolute;
     left:0;
     top:6px;
     content:"\e903";
     font-family: 'profornet';
     -ms-transform: rotate(270deg);
     transform: rotate(270deg);
     font-size: 8px;
}
 .anasayfakutular_liste li a{
     font-size:15px;
     color:#000;
     padding-left: 20px;
}
 .anasayfakutular_liste li a:Hover{
     color:#3cc1cd;
}
 .farklinoktasec{
     color:#3cc1cd!important;
}
 .farklinoktasec:Hover{
     color:#222d65!important;
}
 .anasayfaresimlialan{
     width:100%;
     padding:90px 0 120px 0;
     position: relative;
}
 .anasayfaresimlialan:before{
     width:100%;
     height:530px;
     top:0;
     left:0;
     background:#3cc1cd;
     content:"";
     position: absolute;
     z-index: 0;
}
 .anasayfaresimlialan > div{
     width:1200px;
     height:500px;
     margin:auto;
}
 #duyuruslider{
     width:100%;
     height:500px;
     overflow:hidden;
     position: relative;
}
 #duyuruslider .slider-text{
     position: absolute;
     z-index: 3;
     height:calc(100% - 120px);
     padding:60px;
     background:#fff;
     width:430px;
     left:0;
     display:flex;
     flex-direction: column;
     justify-content: center;
     top:60px;
     border-bottom: 5px solid #222d65;
}
 #duyuruslider .slider-text h2{
     font-size: 24px;
     font-weight: 500;
     margin-bottom: 30px;
}
 #duyuruslider .slider-text p{
     font-weight: 400;
     font-size: 16px;
     line-height: 22px;
     margin-bottom:30px;
     display:block;
}
 #duyuruslider .slider-text ul{
     display:Flex;
}
 #duyuruslider .slider-text ul li{
     margin-right:30px;
}

 #duyuruslider .slider-text ul li a {
	 position:relative!important;
 }

 #duyuruslider .swiper-pagination-bullet-active{
     background:#3cc1cd!important;
}
 .anasayfasosyal{
     width:100%;
     overflow:hidden;
}
 .anasayfasosyal .anasayfasosyal_baslik img{
     width:24px;
     margin-right: 10px;
}
 .anasayfasosyal > div{
     width:1200px;
     margin:auto;
}
 .anasayfasosyal_baslik{
     width:100%;
     display:flex;
     justify-content: space-between;
     margin-bottom: 60px;
}
 .anasayfasosyal_baslik h2{
     font-size: 28px;
     font-weight: 500;
}
 .anasayfasosyal_baslik a{
     display:flex;
     align-items: center;
     font-size:14px;
     color:#000;
     font-weight: 500;
}
 .anasayfasosyal_baslik a:hover{
     color:#3cc1cd;
}
 .anasayfasosyal_projeler{
     display:flex;
     width:100%;
     margin-bottom: 120px;
}
 .anasayfasosyal_projeler li{
     width:400px;
     margin-right: 30px;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     padding:15px;
}
 .anasayfasosyal_projeler li:hover {
     -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
 .anasayfasosyal_projeler li:last-child{
     margin-right: 0;
}
 .anasayfasosyal_projeler li h3 a{
     height:60px;
     width:100%;
     display:flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     font-size:18px;
     font-weight: 500;
     color:#000;
}
 .anasayfasosyal_projeler li h3 a:hover{
     background:#3cc1cd;
     color:#fff;
}
 .anasayfasosyal_insanlar{
     width:100%;
     display:Flex;
     flex-wrap: wrap;
     max-width: 900px;
     margin:0 auto 90px auto;
     justify-content: center;
}
 .anasayfasosyal_insanlar li{
     position: relative;
     min-width: 60px;
     max-width: 60px;
     margin-right: 20px;
     margin-bottom: 20px;
     width:60px;
}
 .anasayfasosyal_insanlar li img{
     border-radius: 50%;
     cursor:pointer;
     transition: all ease 0.1s;
}
/* .anasayfasosyal_insanlar li img:Hover{
     border:3px solid #222d65;
     transition: all ease 0.1s;
}
 */
 .anasayfasosyal_insanlar li span{
     display:none;
}
 .anasayfasosyal_insanlar li a{
     width:60px;
     height:60px;
     border-radius: 50%;
     background: #3cc1cd;
     color:#fff;
     text-align: center;
     line-height: 60px;
     font-size:20px;
     display:block;
}
 .anasayfasosyal_insanlar li a:hover{
     background:#222d65;
}
/*.anasayfasosyal_insanlar li:hover span{
     display:block;
}
*/
 .footer_ust b a{
     font-size:16px!important;
}
 .anasayfasosyal_insanlar li span{
     position: absolute;
     padding:20px;
     background:#222d65;
     border-radius: 5px;
     left:60px;
     top:0;
     z-index: 2;
     font-size:14px;
     color:#fff;
     width:300px;
}
 .footer_ust{
     width:100%;
     background:#3cc1cd;
}
 .footer_ust > ul{
     width:1200px;
     margin:auto;
     display:flex;
     border-top: 5px solid #222d65;
     padding: 120px 0;
}
 .footer_ust > ul > li{
     flex:1;
     padding-right: 30px;
}
 .footer_ust b{
     color:#fff;
     font-size:18px;
     font-weight: bold;
     margin-bottom: 15px;
     white-space: nowrap;
     display:block;
}
 .footer_ust a{
     color:#fff;
     font-size:14px;
}
 .footer_ust > ul > li > ul >li{
     margin-bottom: 20px;
}
 .footer_ust > ul > li > ul >li:last-child{
     margin-bottom: 0;
}
 .footer_ust a:hover{
     text-decoration: underline;
}
 .footer_alt{
     width:100%;
     height:60px;
}
 .footer_alt > div{
     width:1200px;
     margin:Auto;
     display:flex;
     justify-content: space-between;
     height:60px;
     line-height:60px;
}
 .footer_alt span{
     font-size:14px;
}
 .footer_alt li a{
     font-size:14px;
     color:#000 
}
 .footer_alt ul{
     display: flex;
}
 .footer_alt li{
     position: relative;
     padding-right: 40px;
}
 .footer_alt li:after{
     position: absolute;
     right: 17px;
     top: 1px;
     content: "/";
     font-size: 11px;
}
 .footer_alt li:last-child:after{
     display:none;
}
 .footer_alt li:last-child{
     padding:0;
}
 .footer_alt li a:hover{
     text-decoration: underline;
}
 #duyuruslider .swiper-pagination-bullet{
     background:#fff!important;
}

.kariyer-br {

}

.kariyer-br div{
	width:100%!important;
	max-width:1260px;
	margin:auto;	
}

.kariyer-br div div {
	min-height:auto!important
}

.kr-gorsel {
	width:100%;
	background:#3cc1cd;
	display:flex;
	justify-content:center;
}

.kr-gorsel img{
	max-height:350px;
}


 .breadcrumb{
     width:100%;
     background: #3cc1cd;
     padding-top:60px;
     display:flex;
     color: #fff;
     position: relative;
}
 .breadcrumb:after{
     width: 200px;
     top: -60px;
     height: 120px;
     background: #222d65;
     position: absolute;
     content: "";
     right: 0;
}

 .breadcrumb > div{
     width:50%;
     min-width:50%;
     flex:1;
     display:Flex;
     justify-content: flex-end;
}
 .breadcrumb > figure{
     width:50%;
     min-width:50%;
     flex:1;
}
 .breadcrumb > div > div{
     width:630px;
     padding:60px 60px 60px 0;
     display:flex;
     flex-direction: column;
     justify-content: center;
     min-height: 400px;
     position: relative;
}
 .breadcrumb h1{
     font-size:36px;
     font-weight: 500;
     margin-bottom: 15px;
}
 .breadcrumb p{
     font-size:24px;
     font-weight: 300;
     margin-bottom:90px;
}
 .breadcrumb ul{
     display:flex;
}
 .breadcrumb ul li{
     position: relative;
     padding-right: 30px;
     font-size:14px;
}
 .breadcrumb ul li:After{
     position: absolute;
     right: 12px;
     top: 4px;
     content: "\e937";
     font-family: 'profornet';
     font-size: 7px;
}
 .breadcrumb ul li:last-child:after{
     display:none;
}
 .breadcrumb ul li a{
     color:#fff;
}
 .breadcrumb ul li a:hover{
     color:#222d65;
}
 .breadcrumb ul li:last-child{
     font-weight: 500;
}
 .hn-bulunamadi {
    margin-top:50px;
}
 .hizmetnoktalari{
     width:100%;
     padding:60px 0 120px 0;
     border-top: 1px solid #f1f1f1;
}
 .hizmetnoktalari > div{
     width:1200px;
     margin:Auto;
}
 .sayfauyari{
     width:100%;
     margin-bottom: 60px;
     display:flex;
}
 .sayfauyari img{
     height:18px;
     margin-right: 10px;
}
 .sayfauyari span{
     color:#B80909;
     font-weight: 500;
}
 .hizmetnoktalari_secim{
     width:100%;
     display:flex;
}
 .hizmetnoktalari_secim li{
     width:400px;
     background:#fff;
     margin-right: 30px;
     border:1px solid #f1f1f1 
}
 .hizmetnoktalari_secim li:last-child{
     margin:0;
}
 .hizmetnoktalari_secim li figure{
     height:200px;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .hizmetnoktalari_secim li select{
     width:100%;
     height:60px;
     border-top: 1px solid #f1f1f1;
     border-bottom:0;
     border-left:0;
     border-right:0;
     line-height: 60px;
     padding:0 30px;
     background-color:#fcfcfc;
     font-weight: bold;
     letter-spacing:0.5px;
     color:#222d65;
}
 .hizmetnoktalari_secim li:hover{
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
 .sayfatext{
     width:1260px;
     margin:Auto;
     padding:60px 0 120px 0;
}
 .hizmetnoktalari ul li img{
     height: 50px;
}
 .kutu1{
     width:100%;
     margin-top: 90px;
     display:flex;
}
 .kutu1 li{
     margin-right: 30px;
     width:615px;
     flex:1;
}
 .kutu1 li:last-child{
     margin:0;
}
 .kutu1 li div{
     width:100%;
     padding-right: 30px;
}
 .ustBolgeSecimi{
     width:100%;
     height:100px;
     background-color:#222d65;
     display:flex;
     align-items: center;
     justify-content: center;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
     position: relative;
     z-index: 2;
     font-family:'Roboto', sans-serif;
}
 .ustBolgeSecimi span{
     font-size:14px;
     color:#fff;
}
 .ustBolgeSecimi button{
     color:#fff;
     background:none;
     width:40px;
     height:40px;
     line-height: 40px;
     text-align: center;
}
 .ustBolgeSecimi a{
     background:#fff;
     color:#222d65;
     font-size:13px;
     font-weight: bold;
     padding:0 15px;
     border-radius: 5px;
     height:40px;
     line-height:40px;
     margin-right:15px;
}
 .ustBolgeSecimi select{
     background:#fff;
     color:#222d65;
     font-size:13px;
     font-weight: 700;
     padding:0 15px;
     border-radius: 5px;
     height:40px;
     line-height:40px;
     margin-right:15px;
}
 .ustBolgeSecimi option{
     background:#fff;
     color:#222d65;
     font-size:13px;
     font-weight: 700;
     padding:0 15px;
     border-radius: 5px;
     height:40px;
     line-height:40px;
     margin-right:15px;
}
 .ustBolgeSecimi a:hover{
     background: #3cc1cd;
     color:#fff;
}
 .ustBolgeSecimi button:Hover{
     background:#a21111;
}
 .ustBolgeSecimi select option{
     height:30px;
}
 .select {
     position: relative;
     display: block;
     margin: 0 30px;
     width:300px;
     color: #cccccc;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
}
 .select .placeholder {
     position: relative;
     display: block;
     background-color: #374277;
     z-index: 1;
     height:40px;
     line-height: 40px;
     padding-left: 20px;
     border-radius: 2px;
     cursor: pointer;
}
 .select .placeholder:hover {
     background: #3cc1cd;
}
 .select .placeholder:after {
     position: absolute;
     right: 15px;
     top: 0;
     content: "\e902";
     font-family: 'profornet';
     z-index: 10;
     font-size: 11px;
}
 .select.is-open .placeholder:after {
     content: "\e94b";
     font-family: 'profornet';
}
 .select.is-open ul {
     display: block;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
 .select.select--white .placeholder {
     background: #fff;
     color: #999;
}
 .select.select--white .placeholder:hover {
     background: #fafafa;
}
 .select ul {
     display: none;
     position: absolute;
     overflow: hidden;
     width: 100%;
     background: #fff;
     border-radius: 2px;
     top: 100%;
     left: 0;
     list-style: none;
     margin: 5px 0 0 0;
     padding: 0;
     z-index: 100;
}
 .select ul li {
     display: block;
     text-align: left;
     height:40px;
     line-height: 40px;
     color: #333;
     cursor: pointer;
     padding-left: 20px;
     font-size:14px;
}
 .select ul li:hover {
     background: #3cc1cd;
     color: #fff;
}
 .ustBolgeSecimi_acik{
     padding-top: 100px!important;
}
 .header_ust-nokta--islemler li{
     display:flex!important;
}
 .header_ust-nokta--islemler li i{
     margin-right:10px;
}
 .header_ust-nokta--islemler li:last-child{
     opacity: 1!important;
}
 .mobilsag, .mobilsol{
     display:none;
}
 #slider .slider-text > a{
     position: relative;
     height:40px;
     line-height: 45px;
     padding:0 30px;
     text-align: center;
     background:#3cc1cd;
     color:#fff;
     font-size: 14px;
	 margin-top:260px;
	 margin-left:-9px;	 
     width:180px;
}
 #slider .slider-text > a:before{
     width:180px;
     height:5px;
     background:#222d65;
     position: absolute;
     bottom:-5px;
     content:"";
     left:0;
     transition:all ease 0.2s;
}
 #slider .slider-text > a:hover:before{
     height:45px;
     transition:all ease 0.2s;
}
 #slider .slider-text > a > span{
     position: relative;
     z-index: 2;
     color:#fff;
     font-size: 14px;
}
 .bolgesec{
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 103;
     background: rgba(34,45,101,1);
     padding: 30px;
     display: none;
}
 .bolgesec > div{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .bolgesec_kapat{
     border: none;
     cursor: pointer;
     position: absolute;
     top: 30px;
     right: 30px;
     width: 120px;
     height: 50px;
     line-height: 50px;
     font-weight: bold;
     background: red;
     color: #fff;
}
 .bolgesec_kapat:hover{
     background:#B80909;
}
 .bolgesec > div > div{
     width: 510px;
     display: flex;
     position: relative;
     flex-direction: column;
}
 .bolgesec span{
     font-weight: 500;
     margin-bottom: 30px;
     font-size: 24px;
     color: #fff;
     display: block;
}
 .bolgesec select{
     width: 100%;
     height: 60px;
     line-height: 60px;
     color: #222d65;
     font-weight: 500;
     font-size: 18px;
     background-size: 40px 14px;
}
 .bolgesec > div > div > a{
     width:100%;
     height:50px;
     line-height: 50px;
     background:#3daf49;
     color:#fff;
     font-size:16px;
     font-weight: 500;
     text-align: center;
     margin-top: 15px;
}
 .bolgesec_uyari{
     width:100%;
     padding:30px;
     background:#B80909;
     color:#fff;
     display:flex;
     line-height: 24px;
     height: 70px!important;
     top:auto!important;
     bottom:0!important;
     text-align: center;
}
 .bolgesec > div > div > a:hover{
     background:#3cc1cd;
}
 .hizmetnoktalari select{
     width:400px;
     height:50px;
     line-height:50px;
     font-size:18px;
     margin-top: 30px;
     margin-right: 30px;
     border:0;
     background-color:#f1f1f1;
}
 .hizmetnoktalari_ilce{
     display:none;
}
 .hizmetnoktalari_filtre{
     display:Flex;
}
 .hizmetnoktalari h3{
     font-weight: 400!important;
     margin:0!important;
}
 .hizmetnoktalari_liste{
     display:flex;
     width:100%;
     flex-wrap: wrap;
     margin-top: 30px;
}
 .hizmetnoktalari_liste > li{
     width:380px;
     margin-right:30px;
     padding:80px 30px 30px 30px;
     background: #f1f1f1;
     margin-bottom: 30px;
     position: relative;
}
 .hizmetnoktalari_liste > li:nth-child(3n){
     margin-right: 0;
}
 .hizmetnoktalari_liste h5{
     font-weight: 500;
     padding-top: 6px;
     font-size:20px;
     margin-bottom:30px;
     background:#3cc1cd;
     position: absolute;
     left:0;
     top:0;
     width:100%;
     height:80px;
     display:grid;
     align-items: center;
     justify-content: center;
     text-align: center;
     color:#fff;
     text-transform:uppercase;
}
 .muhimbg {
    background:#222d65!important
}
 .hizmetnoktalari_liste h5 p {
     font-size:12px;
     display:inline-block;
     line-height:10px!important;
     margin-top:-20px!important;
}
 .hizmetnoktalari_liste > li > ul > li{
     width:100%;
     margin-bottom: 30px;
     display: flex;
     align-items: flex-start;
     line-height: 16px;
}
 .hizmetnoktalari_liste > li > ul > li > i{
     margin-right: 10px;
     font-size:18px;
}
 .hizmetnoktalari_liste > li > ul > li > span{
     margin-right: 10px;
     width: 110px;
     min-width: 110px;
     max-width: 110px;
     font-size:14px;
     font-weight: bold;
}
 .hizmetnoktalari_liste address{
     font-size:14px;
     text-transform:uppercase;
     min-height:64px;
}
 .hizmetnoktalari_liste a{
     font-size:14px;
     color:#000;
}
 .hizmetnoktalari_liste > li > ul > li > ul > li > p{
     font-size:14px;
     line-height: inherit;
}
 .hizmetnoktalari_liste .header_ust-nokta--islemler li i{
     font-size: 14px;
     color:#3daf49;
}
 .hizmetnoktalari_liste > li > ul > li > ul > li{
     margin-bottom:10px;
}
 .hizmetnoktalari_liste-butonlar{
     width:100%;
     display:flex;
}
 .hizmetnoktalari_liste-butonlar a{
     height:40px;
     line-height: 40px;
     width:195px;
     margin-right:10px;
     color:#fff!important;
     font-size:14px;
     text-align: center;
     background:#374277;
}
 .hizmetnoktalari_liste-butonlar a:nth-child(2){
     background:#3cc1cd;
     margin:0;
}
 .hizmetnoktalari_liste > li > ul > li:last-child{
     margin:0;
}
 .hizmetnoktalari_liste-butonlar a:hover{
     background:#2a335c;
}
 .hizmetnoktalari_liste-butonlar a:nth-child(2):hover{
     background:#34acb7!important;
}
 .kutu2{
     width:100%;
     display:flex;
}
 .kutu2 > li{
     width:615px;
     margin-right: 30px;
     flex:1;
}
 .kutu2 > li:last-child{
     margin:0;
}
 .liste{
     width:100%;
     margin-top: 15px;
}
 .liste li{
     width:100%;
     display:Flex!important;
     align-items: flex-start;
     margin-bottom: 30px;
}
 .liste li img{
     width:20px;
     margin-right:10px;
}
 .liste li:last-child{
     margin:0;
}
 .kutu3{
     width:100%;
     border:1px solid #dfdfdf;
     border-bottom: 5px solid #dfdfdf;
     padding:60px;
}
 .kutu3 h2, .kutu3 h3{
     margin-top: -78px!important;
     background: #fff;
     display: table;
     padding: 0 10px;
     margin-left: -10px;
}
 .kutu3 h2 a {
    color:#000;
}
 .kutu3 h2 a:hover {
    text-decoration:underline;
}
 .kutu4{
     background:#fff;
     padding:60px;
     width:100%;
     -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
}

.kutu4 table {
margin-top:30px;
width:100%;
border-radius:5px;
}


.kutu4 table th {
	border: 1px solid #e6e6e6;
	padding:10px;
	font-weight:bold;
}

.kutu4 table td {
	border: 1px solid #e6e6e6;
	padding:10px;
}

 .kutu5{
     width:100%;
}
 .kutu6{
     width:100%;
     padding:60px;
     background:#f2f2f2;
}
/* .kutu4 h2, .kutu4 h3, .kutu5 h2, .kutu5 h3, .kutu6 h2, .kutu6 h3{
     margin-top:0!important;
}
 */
 .kutu4 .liste, .kutu5 .liste, .kutu6 .liste{
     margin-top:30px!important;
}
 .kutu7{
     width:100%;
     display:flex;
}
 .kutu7 li{
     width:615px;
     margin-right: 30px;
     flex:1;
}
 .kutu7 li:last-child{
     margin:0;
}
 .kutu8{
     width:100%;
     display:flex;
}
 .kutu8 li{
     width:615px;
     margin-right: 30px;
     flex:1;
}
 .kutu8 li:last-child{
     margin:0;
}
 .kvkk{
     width:100%;
     display:Flex;
}
 .kvkk li{
     width:400px;
     margin-right: 30px;
     background:#fff;
     border-bottom: 5px solid #2b949e;
     -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
}
 .kvkk li:last-child{
     margin:0;
}
 .kvkk li a{
     display:flex;
     width:100%;
     height:270px;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding:55px;
     text-align: center;
     color:#000;
     line-height: 24px;
}
 .kvkk li img{
     width:240px;
     margin-bottom: 30px;
}
 .icon-img img{
    width:170px!important
}
 .kurumsalsorumluluk{
     width:100%;
     display:Flex;
     margin-top: 60px;
}
 .kurumsalsorumluluk li{
     flex:1;
     width:292px;
     margin-right:30px;
}
 .kurumsalsorumluluk li:last-child{
     margin:0;
}
 .kurumsalsorumluluk h4 a{
     color:#000;
     font-weight: bold;
     font-size:18px;
     width:100%;
     text-align: center;
     line-height: 50px;
     display:block;
}
 .kurumsalsorumluluk h4 a:hover{
     background:#3cc1cd;
     color:#fff;
}
 .sirketlerimiz{
     width:100%;
}
 .sirketlerimiz li{
     width:100%;
     display:flex;
     position: relative;
     margin-bottom: 90px;
}
 .sirket-a {
     line-height: 45px;
     padding: 15px 15px;
     background: #3cc1cd;
     color: #fff!important;
     font-weight: bold;
    margin-top:20px;
    display:inline-block;
}
 .sirket-a:hover{
     background:#3daf49;
    color:#fff 
}
 .firsat-a {
     line-height: 45px;
     padding: 5px 15px;
     width:130px;
    background: #3cc1cd;
     color: #fff!important;
     font-weight: bold;
    margin-top:20px;
    display:inline-block;
}
 .sirketlerimiz li:nth-child(even){
     justify-content: flex-end;
}
 .sirketlerimiz li figure{
     width:900px;
     min-width: 900px;
}
 .sirketlerimiz li figure img{
     width:100%;
}
 .sirketlerimiz li div img{
     width:220px;
     margin-bottom: 30px;
}
 .sirketlerimiz li div{
     padding:60px;
     right:0;
     bottom:0;
     z-index: 2;
     background:#fff;
     -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     border-bottom: 5px solid #3cc1cd;
}
 .sirketlerimiz li div a{
     color:#000;
     line-height: 24px;
}
 .sirketlerimiz li:nth-child(even) div{
     right:auto;
     left:0;
}
 .sirketlerimiz li:last-child{
     margin:0;
}
 .sirketlerimiz li div a:hover{
     color:#3cc1cd;
}
 .sirketdetay{
     width:100%;
     display:Flex;
     margin-top:-60px;
}
 .sirketdetay aside{
     width:300px;
     border-right:1px solid #dfdfdf;
     min-width: 300px;
     padding:60px 0;
}
 .sirketdetay div{
     padding:30px 60px 0 60px;
     width:100%;
}
 .sirketdetay aside img{
     width:220px;
     margin-bottom: 30px;
}
 .sirketdetay aside li{
     width:100%;
     position: relative;
}
 .sirketdetay aside li:last-child{
     border:0;
}
 .sirketdetay aside li a{
     font-weight: 500;
     color:#000;
     padding:20px 30px;
     display:block;
}
 .sirketdetay aside .current{
     border-top: 1px solid #dfdfdf;
     border-bottom: 1px solid #dfdfdf;
     color:#3cc1cd;
}
 .sirketdetay aside .current:after{
     width:1px;
     height:100%;
     background:#fff;
     position: absolute;
     right:-1px;
     top:0;
     content:"";
}
 .sirketdetay aside .current a{
     color:#3cc1cd;
}
 .sirketdetay aside li a:hover{
     background:#3cc1cd;
     color:#fff;
}

.cookiedis {
	padding:0px!important;
}

.cookiedis p {
	font-size:15px!important
}

.cerez-box {
	background:#ebebeb;
	padding:10px;
	text-align:center;
	width:70%;
	margin:auto;
}

.cookielist {
	width:100%;
	margin:30px 0px;
}

.cookielist td {
	padding:10px;
	border:1px solid #c8c8c8;
	min-width:120px;
}
 .tab-content{
    display:none;
}
 .tab-content.current{
    display: block;
}
 .iletisim_telefon{
     position: absolute;
     left:0;
     top:230px;
     font-size: 36px;
     font-weight: bold;
     color:#fff;
}
 .iletisim{
     width:1260px;
     margin:auto;
     display:flex;
}
 .iletisimdis{
     width:100%;
     background:#f7f8fc;
}
 .iletisim_form{
     width:630px;
     background:#fff;
     padding:60px;
     -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
}
 .iletisim h2{
     font-weight: bold;
     margin-bottom:30px;
     font-size:26px;
}
 .engelli_form {
    margin:auto;
    width:720px;
}
 .iletisim_form input[type=text],input[type=email],input[type=number]{
     width:100%;
     height:45px;
     line-height: 45px;
     padding-left: 15px;
     border:1px solid #dfdfdf;
}
 .iletisim_form em {
    font-size:12px;
    font-style:italic
}
 .iletisim_form li{
     width:100%;
     margin-bottom: 15px;
}
 .iletisim_form select{
     width:100%;
     height:45px;
     line-height: 45px;
     padding-left: 15px;
     border:1px solid #dfdfdf;
}
 .iletisim_bilgiler-yardim li i {
    float:left;
    font-size:22px;
    color:#000;
    margin-right:10px;
}
 .iletisim_form textarea{
     width:100%;
     height:90px;
     padding: 15px;
     border:1px solid #dfdfdf;
}
 .iletisim_form input::placeholder, .iletisim_form textarea::placeholder{
     color:#000;
     font-family:'Roboto', sans-serif;
}
 .iletisim_form-dosyayukle input{
     display:none;
}
 .iletisim_form-dosyayukle span{
     position: absolute;
     right:0;
     top:0;
     padding:0 20px;
     line-height: 43px;
     color:#fff;
     font-weight: bold;
     background:#535353;
     cursor:pointer;
     font-size: 15px;
}
 .iletisim_form-dosyayukle{
     width:100%;
     height:45px;
     position: relative;
     border:1px solid #dfdfdf;
}
 .iletisim_form-dosyayukle span:hover{
     background:#3cc1cd;
}
 .iletisim_form-dosyayukle p{
     position: absolute;
     left:0;
     top:0;
     padding:0 20px;
     line-height: 43px!important;
     font-size: 13px!important;
}
 .iletisim_form li > p{
     margin-top: 15px;
     font-size: 11px;
     font-style: italic;
     opacity: 0.7;
}
 .iletisim_form-kvkk{
     width:100%;
     display:flex;
     margin-top: 45px;
     justify-content: space-between;
     align-items: center;
}
 .iletisim_form-kvkk a{
     color: #000;
     font-weight: 500;
     text-decoration: underline;
}
 .iletisim_form-kvkk a:hover{
     color:#3cc1cd;
}
 .iletisim_form-kvkk label{
     display:flex;
}
 .iletisim_form-kvkk input{
     margin-right: 10px;
}
 .iletisim_form-kvkk button{
     line-height: 45px;
     padding:0 30px;
     background:#3cc1cd;
     color:#fff;
     font-weight: bold;
}
 .iletisim_form-kvkk button:hover{
     background:#3daf49;
}
 .iletisim_bilgiler p{
     font-size:18px;
     line-height: 30px;
     display:block;
     color:#000;
}
 .iletisim_bilgiler{
     width:630px;
     padding:60px 0;
}

 .iletisim_bilgiler-yardim li span {
	 color:#000;
	 font-size:12px;
	 font-style:italic;
 }

 .iletisim_bilgiler-yardim li:hover span {
	 color:#fff;
 }

 .iletisim_bilgiler-yardim{
     margin-top:60px;
}
 .iletisim_bilgiler-yardim li{
     width:100%;
     border-bottom: 2px solid #dfdfdf;
     position: relative;
}
 .iletisim_bilgiler-yardim li h3{
     font-weight: bold;
     color:#000;
     margin-bottom:5px;
     font-size:20px;
}
 .iletisim_bilgiler-yardim li:After{
     position: absolute;
     top:50px;
     right:0;
     color:#dfdfdf;
     font-family: 'profornet';
     content:"\e937";
     right:10px;
}
 .iletisim_bilgiler-yardim li:last-child{
     border:0;
}
 .iletisim_bilgiler-yardim li:hover p {
    color:#fff;
}
 .iletisim_bilgiler-yardim li:hover h3 {
    color:#fff;
}
 .iletisim_bilgiler-yardim li:hover i {
    color:#fff;
}
 .iletisim_bilgiler-yardim li a:hover{
     background:#3cc1cd;
     color:#fff;
}
 .iletisim_bilgiler-yardim li a{
     padding:30px;
     display:block;
}
 .iletisim_bilgiler-baslik{
     padding:0 30px;
}
 .iletisim_bilgiler-genelmudurlukler{
     width:100%;
     padding:60px 60px 0 60px;
}
 .iletisim_bilgiler-tab{
     width:100%;
     display:flex;
     height:45px;
}
 .iletisim_bilgiler-tab a{
     line-height: 45px;
     padding:0 30px;
     border-radius: 23px;
     color:#c4c5c8;
     font-weight: bold;
     font-size: 14px;
}
 .iletisim_bilgiler-tab .current{
     line-height: 45px;
     padding:0 30px;
     border-radius: 23px;
     color:#fff;
     font-weight: bold;
     font-size: 14px;
     background:#3cc1cd;
}
 .iletisim_bilgiler-tabgovde{
     width:100%;
     padding-top:30px;
}
 .iletisim_bilgiler-tabgovde h4{
     font-weight: bold;
     font-size: 18px;
     margin-bottom: 10px;
}
 .iletisim_bilgiler-tabgovde address{
     font-size: 14px;
     margin-bottom: 20px;
}
 .iletisim_bilgiler-tabgovde a{
     font-size: 14px;
     margin-bottom:20px;
     color:#000;
     display: block;
}
 .iletisim_bilgiler-tabgovde iframe{
     width:100%;
     -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);
}
 .accordion {
     color: #000;
     cursor: pointer;
     padding: 20px 30px;
     width: 100%;
     border-top: 1px solid #dfdfdf;
     border-right: 1px solid #dfdfdf;
     border-left: 1px solid #dfdfdf;
     text-align: left;
     outline: 0;
     font-size: 16px;
     transition: .4s;
     font-weight: bold;
     background: 0 0;
     margin-top: -1px;
     position: relative;
     letter-spacing: 0.2px;
}
 .panel {
     background-color: #fff;
     max-height: 0;
     overflow: hidden;
     transition: max-height .2s ease-out;
     border: 1px solid #dfdfdf 
}
 .panel>div {
     padding: 20px 
}
 .panel a {
     color: #26cad3;
     text-decoration: underline 
}
 .accordion:nth-of-type(even){
     background:#fafafa;
}
 .liste2{
     width:100%;
     list-style: disc;
     padding-left: 17px;
}
 .liste2 li{
     width: 100%;
     margin-bottom: 30px;
     font-size:18px;
}
 .mt60{
     margin-top: 60px;
}
 .mb60{
     margin-bottom: 60px;
}
 .mt90{
     margin-top: 90px;
}
 .mb90{
     margin-bottom: 90px;
}
 .sayfatext h2{
     font-weight: bold;
     margin-top:30px;
     margin-bottom:15px;
     font-size:30px;
}
 .sayfatext h3{
     font-weight: bold;
     margin-top:30px;
     margin-bottom:15px;
     font-size:24px;
}
 .sayfatext p{
     font-size:18px;
     line-height: 30px;
     display:block;
     margin-bottom:20px;
}

 .sayfatext ul li{
     font-size:18px;
     line-height: 20px;
     display:block;
	 list-style:circle!important;
     margin-bottom:30px;
}


 .sayfatext p a,.sayfatext ul li a{
     text-decoration:none;
    color:#000;
    font-weight:700;
}
 .sayfatext p a:hover,.sayfatext ul li a:hover {
     text-decoration:underline;
}
 .yukleniyor svg path, .yukleniyor svg rect{
     fill: #3cc1cd;
}
 .header_ust .hidden{
     display:none;
}
 .yukleniyor{
     padding:60px;
     display:flex;
     justify-content: center;
     align-items: center;
}
 .yukleniyor svg{
     width: 100px;
     height: 100px;
}
 .header_ust .secili{
     background:red;
}
 .dot-flashing {
     position: relative;
     width: 10px;
     height: 10px;
     border-radius: 5px;
     background-color: #9880ff;
     color: #9880ff;
     animation: dotFlashing 1s infinite linear alternate;
     animation-delay: .5s;
}
 .dot-flashing::before, .dot-flashing::after {
     content: '';
     display: inline-block;
     position: absolute;
     top: 0;
}
 .dot-flashing::before {
     left: -15px;
     width: 10px;
     height: 10px;
     border-radius: 5px;
     background-color: #3cc1cd;
     color: #3cc1cd;
     animation: dotFlashing 1s infinite alternate;
     animation-delay: 0s;
}
 .dot-flashing::after {
     left: 15px;
     width: 10px;
     height: 10px;
     border-radius:5px;
     background-color: #3cc1cd;
     color: #3cc1cd;
     animation: dotFlashing 1s infinite alternate;
     animation-delay: 1s;
}
 @keyframes dotFlashing {
     0% {
         background-color: #3cc1cd;
    }
     50%, 100% {
         background-color: #fff;
    }
}
 .noktaAcik{
     display:block!important;
}
 .verimlilik{
     width:100%;
     display:flex;
     flex-wrap: wrap;
}
 .verimlilik li{
     width:48%;
     margin-right: 4%;
     margin-bottom:30px;
     display:flex!important;
     align-items: center;
     padding:30px;
     position: relative;
     background: #fafafa;
     border-bottom: 5px solid #dfdfdf;
}
 .verimlilik li img{
     width:80px;
     margin-right: 10px;
}
 .verimlilik li:nth-child(2n){
     margin-right: 0;
}
 .tasarruf-video ul{
     width:100%;
     display:flex;
     flex-wrap: wrap;
}
 .tasarruf-video li{
     width:48%;
     margin-right: 4%;
     margin-bottom:30px;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     display:flex;
     align-items: center;
     padding:30px;
     position: relative;
     background: #fafafa;
     border-bottom: 5px solid #dfdfdf;
}
 .tasarruf-video li:nth-child(2n){
     margin-right: 0;
}
 .tasarruf-video span{
     font-size:24px;
     margin-top: 20px;
	 display:block;
     font-weight: bold;
     color:#3cc1cd;
}
 .tarife-adimlar {
     width: 100%;
     height: 60px;
     position: relative;
     background: #26cad3 
}
 .tarife-adim1 {
     background: #222b64;
     padding-left: 15px;
     height: 60px;
     float: left;
     z-index: 9;
     width: 160px;
     position: relative 
}
 .tarife-adim1:before {
     position: absolute;
     right: -30px;
     top: 0;
     content: "";
     border-style: solid;
     border-width: 30px 0 30px 30px;
     border-color: transparent transparent transparent #222b64 
}
 .tarife-adimlar i {
     font-size: 24px;
     color: #fff;
     line-height: 60px;
     float: left;
     margin-right: 10px 
}
 .tarife-adimlar img{
     width:28px;
     margin-right: 10px;
}
 .tarife-adim2 {
     background: #29326f;
     padding-left: 45px;
     height: 60px;
     float: left;
     width: 190px;
     position: relative;
     z-index: 8 
}
 .tarife-adim2:before {
     position: absolute;
     right: -30px;
     top: 0;
     content: "";
     border-style: solid;
     border-width: 30px 0 30px 30px;
     border-color: transparent transparent transparent #29326f 
}
 .tarife-adim3 {
     background: #2f3979;
     padding-left: 45px;
     height: 60px;
     float: left;
     width: 250px;
     position: relative;
     z-index: 7 
}
 .tarife-adim3:before {
     position: absolute;
     right: -30px;
     top: 0;
     content: "";
     border-style: solid;
     border-width: 30px 0 30px 30px;
     border-color: transparent transparent transparent #2f3979 
}
 .tarife-adimlar li {
     display: flex!important;
     align-items: center;
}
 .tarife-adimlar span {
     display: table-cell;
     font-size: 16px;
     color: #fff;
     vertical-align: middle 
}
 .tarife-adim4 {
     padding-left: 45px;
     height: 60px;
     float: left;
     width: 250px;
     position: relative;
     z-index: 6 
}
 .tarifedetay{
     width:100%;
     display:flex;
     border:1px solid #dfdfdf;
}
 .tarifedetay_icerik{
     width:858px;
     max-width:858px;
     border-right:1px solid #dfdfdf;
}
 .tarifedetay_icerik h2{
     font-size:20px;
     padding:60px 45px;
     margin:0!important;
}
 .tarifedetay_icerik-bolum{
     width:100%;
     padding:45px;
     border-top: 1px solid #dfdfdf;
}
 .tarifedetay_icerik h3:first-child{
     margin-top: 0;
}
 .tarifedetay_form .iletisim_form{
     width:100%;
     padding:45px 45px 45px 20px;
     background:none;
     box-shadow:none!important ;
}
 .tarifedetay_form h2{
     text-align: center;
     font-size: 18px;
}
 .tarifedetay_form{
     background:#fafafa;
}
 .tarifedetay_form .iletisim_form-kvkk p{
     line-height: 20px!important;
     font-size:14px!important;
}
 .tarifedetay_form .iletisim_form-kvkk{
     margin-top: 40px;
}
 .blogliste{
     width:100%;
     display:flex;
     flex-wrap: wrap;
}
 .blogliste li{
     width:400px;
     margin-right: 30px;
     margin-bottom: 30px;
}
 .blogliste li:nth-child(3n){
     margin-right: 0;
}
 .blogliste li h2{
     font-size:18px;
     margin:0!important;
     height:80px;
     width:100%;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
     box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
     padding:0 30px;
}
 .blogliste li h2 a{
     color:#000;
}
 .blogliste li h2:hover a{
     color:#fff;
}
 .blogliste li h2:Hover{
     background:#3cc1cd;
}
 .faturakontrol {
    background-image:url(/images/fk-bg.jpg)!important;
    background-repeat:no-repeat;
    background-position:top center;
    min-height:400px;
}
 .faturakontrol a{
    color:#fff;
    font-weight:700;
}
 .faturakontrol img {
    border-radius:5px;
}
 .mobiluygulamalarimiz{
     width:100%;
     padding:90px 0 90px 0;
     background:url(../images/mobil-bg2.png);
     background-position: top center;
     background-size: cover;
}
 .mobiluygulamalarimiz > div{
     width:800px;
     margin:auto;
     display:flex;
}
 .mobiluygulamalarimiz_fotograf img{
     min-width:250px;
}
 .mobiluygulamalarimiz_icerik h1{
     font-size:36px;
     font-weight: bold;
     color:#fff;
     margin-bottom: 10px;
}
 .mobiluygulamalarimiz_icerik p{
     font-size:24px;
     line-height: 30px;
     color:#fff;
     margin-bottom:30px;
}
 .mobiluygulamalarimiz_icerik{
padding-right: 86px;
    display: flex;
    padding-top: 23px !important;
    flex-direction: column;
    justify-content: flex-start;
}
 .mobiluygulamalarimiz_icerik .liste2 li{
     margin-bottom: 15px;
     color:#fff;
}
 .mobiluygulamalarimiz_icerik-uygulamalar{
     display:flex;
}
 .mobiluygulamalarimiz_icerik-uygulamalar li{
     margin-right: 30px;
}
 .bankalar ul li h3{
     margin-top: 0;
}

.bankalar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

.banka-kutu {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 18px;
  background: #fff;
}

.banka-kutu h3 {
  font-size: 17px;
  margin-bottom: 10px;
  margin-top:0px;
}

.banka-kutu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.banka-kutu li {
  display: flex!important;
  align-items: center!important;
  gap: 8px!important;
  margin-bottom: 7px!important;
  font-size: 14px!important;
}

.banka-kutu i {
  color: #28a745;
}



 .taksitli-faiz:after, .taksitli-faiz ul:after{
     clear:both;
     display:block;
     content:"";
}
 .header_alt > div > nav > ul > li > ul > li:hover > ul{
     display:block;
}
 .header_alt > div > nav > ul > li > ul > li > ul{
     position: absolute;
     display:none;
     left:300px;
     width:300px;
     background:#3cc1cd;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     top:0;
}
 .header_alt > div > nav > ul > li > ul > li > ul > li{
     width:100%;
     border-bottom: 1px solid rgba(0,0,0,0.1);
}
 .header_alt > div > nav > ul > li > ul > li > ul > li > a{
     display:block;
     line-height:50px;
     color:#fff;
     font-size:14px;
     font-weight: 500;
     padding:0 20px;
}
 .header_alt > div > nav > ul > li > ul > li > ul > li:Hover{
     background:rgba(0,0,0,0.1);
}
 .header_alt > div > nav > ul > li > ul > li > ul > li:hover > ul{
     display:block;
}
 .header_alt > div > nav > ul > li > ul > li > ul >li > ul{
     position: absolute;
     display:none;
     left:300px;
     width:300px;
     background:#3cc1cd;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
     top:0;
}
 .header_alt > div > nav > ul > li > ul > li > ul > li > ul > li{
     width:100%;
     border-bottom: 1px solid rgba(0,0,0,0.1);
}
 .header_alt > div > nav > ul > li > ul > li > ul > li > ul > li > a{
     display:block;
     line-height:50px;
     color:#fff;
     font-size:14px;
     font-weight: 500;
     padding:0 20px;
}
 .header_alt > div > nav > ul > li > ul > li > ul > li > ul > li:Hover{
     background:rgba(0,0,0,0.1);
}
 .taksitli-faiz ul{
     display:flex;
     margin-top:-1px;
     font-size: 14px;
}
 .basli{
     font-weight: bold;
}
 .fk-desktop {
    display:Block;
}
 .fk-mobil {
    display:None;
}
 .tuketim-link li{
    line-height: 45px;
     padding: 0 15px;
     background: #222d65;
     color: #fff;
     font-weight: bold;
     width:48%;
    float:left;
     font-size:14px;
     text-align:center;
     position:relative;
     margin:5px;
}
 .tuketim-link li:last-child {
    width:97%;
}
 .tuketim-link li a {
    position:Absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
 .tuketim-link li:Hover {
    background: #3daf49;
}
 .fatura-video {
    width:960px!important;
}
 .fatura-video iframe {
    float:left;
    margin:10px;
}
 .abonelik-list {
    width:100%;
    display:flex;
}
 .abonelik-list li {
    width:250px;
    text-align:center;
	display:flex!important;
	flex-direction:column;
	background:#ebebeb;
	margin:15px;
	padding:15px;
}
 .abonelik-list li img {
    width:60px;
	margin-bottom:20px;
}

 .abonelik-list li a {
	 display:flex;
	 flex-direction:Column;
	 justify-content:center;
	 align-items:Center;
	 
 }
 
  .abonelik-list li a span {
	  font-size:15px;
  }

 .abonelik-list li img:hover {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     transition:all ease 0.3s;
}
 .tabdis{
     padding:0!important;
}
 .sirketdetay .panel{
     padding:0px 
}
 .sikayet-list:after{
     clear:both;
     display:block;
     content:"";
}
 .hizmetnoktalari_liste > li > ul > li > ul{
     min-height:104px;
}
 .ustBolgeSecimi select{
     padding-right:30px;
     font-family:'Roboto', sans-serif;
}
 .mobil_calismassatleri{
     height:Auto!important;
}
 .mobil_calismassatleri ul{
     position:relative!important;
     left:0!important;
     top:auto!important;
     display:block!important;
     overflow-y: inherit!important;
     border: 0!important;
}
 .mobil_calismassatleri h5{
     line-height: 60px;
}
 .mobil_calismassatleri li{
     padding-left: 0!important;
     height:40px!important;
     line-height:40px!important;
}
 .mobil_islemler{
     height:Auto!important;
}
 .mobil_islemler ul{
     position:relative!important;
     left:0!important;
     top:auto!important;
     display:block!important;
     overflow-y: inherit!important;
     border: 0!important;
}
 .mobil_islemler h5{
     line-height: 60px;
}
 .mobil_islemler li{
     padding-left:30px!important;
     height:40px!important;
     line-height:40px!important;
}
 .mobil_islemler li i{
     left:0!important;
     top:-11px!important;
}
 .mobil_islemler li:last-child{
     border:0!important;
}
 .mobil_calismassatleri li:last-child{
     border:0!important;
}
 .mobilmenu--menu > ul > li > ul > li > address{
     font-size:14px;
}
 .mobiluygulamalarimiz_icerik p{
     display:flex;
}
 .mobiluygulamalarimiz_icerik-uygulamalar li p img {
     display: inline-block;
     width: 103px;
     margin-top:15px;
}
 .mobiluygulamalarimiz_icerik-uygulamalar li p img:first-child{
     margin-right:10px 
}
 .mobd{
     display:none;
}
 .kariyer_header{
     background: url(../images/kariyer-bg.png);
     height: 465px;
     background-size: cover;
     background-position: center center;
     margin-top: -1px;
     display: flex;
}
 .kariyer_header > div{
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     color: #fff;
}
 .kariyer_bilgiler > div > div{
     width: 25%;
     -webkit-transition: width 1s;
     transition: all ease 0.5s;
     float:left;
     box-shadow: -11px -4px 21px 0px #afafaf;
     padding: 30px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     background: #fff;
}
 .kariyer_bilgiler{
     background: #eaeef1;
}
 .kariyer_bilgiler > div > div:hover{
     margin-top: -50px;
     border-bottom: 13px solid #3cc1cd;
}
 .kariyer_bilgiler > div{
     position: relative;
     top: -50px;
     padding: 0;
}
 .kariyer_bilgiler > div > div:hover img{
     filter: invert(37%) sepia(80%) saturate(806%) hue-rotate(140deg) brightness(85%) contrast(86%);
}
 #div1 {
    transition-timing-function: linear;
}
 #div2 {
    transition-timing-function: ease;
}
 #div3 {
    transition-timing-function: ease-in;
}
 #div4 {
    transition-timing-function: ease-out;
}
 .kariyer_bilgiler > div > div > h2{
     color: #b1b1b1;
     font-size: 20px;
}
 .kariyer_bilgiler > div > div > img{
     width: 75px;
}
 .kariyer_bilgiler > div > div > p{
     font-size: 16px;
}
 .kariyer_yasam > div > p{
     width: 780px;
}
 .kariyer_yasam > div{
     padding: 0 0 60px 0;
     position: relative;
}
 .kariyer_yasam{
     background: #eaeef1;
}
 .kariyer_yasam img{
     position: absolute;
     right: 0;
     bottom: 0px;
     width: 440px;
}
 .kariyer_mezun{
     background: linear-gradient(to bottom, #3cc1cd 370px, #fff 40%);
}
 .kariyer_yasam > div > h1{
     font-size: 30px;
     color: #3cc1cd;
     font-weight: bold;
     margin-bottom: 30px;
}
 .kariyer_mezun > div > ul > li{
     width: 30%;
     margin-left: 5%;
     position: relative;
}
 .kariyer_mezun > div > ul > li > img{
     width: 378px;
}
 .kariyer_mezun h2{
     position: absolute;
     top: 0;
     left: 20px;
     color: #fff;
     font-weight: 500;
}
 .kariyer_mezun i{
     display: block;
     font-weight: bold;
}
 .kariyer_mezun span{
     font-weight: bold;
}
 .kariyer_mezun > div > ul > li > h2 > span > p{
     margin:0;
     display: inline-block;
     font-size: 30px;
     border-bottom: 4px solid #fff;
}
 .kariyer_mezun > div > ul > li > h2 > p{
     margin:0 7px 0 0!important;
     display: inline-block;
     font-size: 30px;
     border-bottom: 4px solid #fff;
}
 .kariyer_mezun > div > ul > li:first-child{
     margin-left: 0;
}
 .kariyer_mezun > div > ul{
     display: flex;
     flex-direction: row;
}
 .kariyer_mezun > div > ul > li > ul{
     border-top: 5px solid #252f67;
     padding: 50px 30px 80px 55px;
     box-shadow: -11px -4px 21px 0px #afafaf;
     min-height: 316px;
}
 .kariyer_mezun > div > ul > li > ul > li > a{
     color: #222d65;
}
 .kariyer_mezun > div > ul > li > ul > li > a:hover{
     text-decoration: underline;
}
 .kariyer_mezun > div > ul > li > ul > li::before{
     content: "";
     border-color: transparent #222d65;
     border-style: solid;
     border-width: 0.35em 0 0.35em 0.45em;
     display: block;
     height: 0;
     width: 0;
     left: -1em;
     top: 0.9em;
     position: relative;
}
 .kariyer_sayilar{
background-image: url(../images/kariyer-sayilarbg.png);
    background-repeat: no-repeat;
    background-position: center center;
}
 .kariyer_sayilar li{
     width: 22%;
     margin-right: 4%;
     padding: 30px;
     background-color: rgba(60,193,205,0.7);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     color: #fff;
}
 .kariyer_sayilar li:last-child{
     margin-right: 0;
}
 .kariyer_sayilar li:hover{
     background-color: rgba(60,193,205,0.9);
     box-shadow: 0px 0px 15px 0px #4f4f4f;
}
 .kariyer_sayilar img{
     width: 90px;
}
 .kariyer_sayilar h2{
     text-align: center;
     font-size: 40px;
     color: #fff;
}
 .kariyer_sayilar p{
     text-align: center;
}
 .kariyer_sayilar h3{
     margin-top:0;
     font-size: 23px;
}
 .kariyer_sayilar span{
     margin-top:25px;
     font-size: 60px;
     font-weight: bold;
}
 .kariyer_sayilar p{
     font-size: 14px;
     line-height: normal;
     margin-top: 20px!important;
}
 .kariyer_sayilar i{
     display: block;
}
 .kariyer_sayilar ul{
     display: flex;
     flex-direction: row;
     margin-top: 30px;
}
 .kariyer_biz h2{
     color: #283269;
     text-align: center;
     font-size: 40px;
}
 .kariyer_biz a{
     color: #283269!important;
}
 .kariyer_biz p{
     color: #283269;
     text-align: center;
     font-size: 25px;
}
 .kariyerpop {
     display: none;
     background: #309fa9;
     padding: 30px;
     width: 650px;
     max-width:650px;
     height: 600px;
     position: fixed;
     top: 50%;
     margin-top: -300px;
     box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
     z-index: 101;
     left: 50%;
     margin-left: -400px;
     max-height:600px;
}
 .kariyermetin {
     max-height:550px;
     overflow-y: scroll;
     overflow-x:hidden!important;
}
 .kariyergorsel {
    width:100%;
}
/* width */
 ::-webkit-scrollbar {
     width: 8px;
}
/* Track */
 ::-webkit-scrollbar-track {
     border-radius:5px;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: #2a8d96;
}
 .kariyerpop iframe {
    margin-top:50px;
    width:100%;
    height:300px;
    border:2px solid #1d686f
}
 .kariyerpop p {
    font-size:14px;
    color:#fff;
    margin-bottom:10px;
    text-align:justify;
    padding:0px 10px 0px 0px;
}
 .kariyerpop ul {
    margin-left:30px;
}
 .kariyerpop ul li{
    margin-top:10px!important;
    list-style:circle;
}
 .kariyerpop h4 {
     font-size: 36px;
     line-height: 36px;
     font-weight: 800;
     color: #fff;
     display: block;
     margin-bottom: 30px;
}
 .kariyerpop h4:last-child, .kariyerpop h4:last-of-type {
     margin-bottom: 0;
}
 .kariyerpop ul li span {
     font-size: 16px;
     line-height: 18px;
     font-weight: 400;
     color: #fff;
     display: block;
     margin-bottom: 5px;
}
 .kariyerpop ul li input {
     width: 100%;
     height: 40px;
     line-height: 40px;
     padding-left: 20px;
}
 .kariyerpop ul li textarea {
     width: 100%;
     height: 90px;
     padding: 20px;
}
 .kariyerpop ul li button {
     width: 120px;
     border-radius: 5px;
     height: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 13px;
     line-height: 13px;
     font-weight: 600;
     color: #fff;
     background: #ec6227;
     color: #fff;
     transition: all 0.3s ease;
}
 .kariyerpop ul li button:hover {
     transition: all 0.3s ease;
}
 .kariyerpop ul li button:hover {
     background: #fff;
     color: #ec6227;
}
 .kariyerKAPAT {
     position: absolute;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 18px;
     line-height: 50px;
     font-weight: 600;
     color: #fff;
     background: #b30000;
     right: -50px;
     top: 0;
     transition: all 0.3s ease;
}
 .kariyerKAPAT:hover {
     transition: all 0.3s ease;
}
 .kariyerKAPAT:hover {
     background: red;
     color: #fff;
}
 .kariyerlogo {
    width:140px;
    text-align:center;
    margin:auto;
    margin-top:30px;
}
 .blink_me {
     -webkit-animation-name: blinker;
     -webkit-animation-duration: 1s;
     -webkit-animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-name: blinker;
     -moz-animation-duration: 1s;
     -moz-animation-timing-function: linear;
     -moz-animation-iteration-count: infinite;
     animation-name: blinker;
     animation-duration: 1s;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
}
 @-moz-keyframes blinker {
     0% {
         opacity: 1.0;
    }
     50% {
         opacity: 0.0;
    }
     100% {
         opacity: 1.0;
    }
}
 @-webkit-keyframes blinker {
     0% {
         opacity: 1.0;
    }
     50% {
         opacity: 0.0;
    }
     100% {
         opacity: 1.0;
    }
}
 @keyframes blinker {
     0% {
         opacity: 1.0;
    }
     50% {
         opacity: 0.0;
    }
     100% {
         opacity: 1.0;
    }
}
 .kdetay-video {
    width:100%;
}
 .kdetay-video ul {
    width:100%;
	display:flex;
    margin-left:0px!important
}
 .kdetay-video ul li {
    flex:1;
    list-style:none;
    margin:10px;
}
 .kdetay-video ul li video {
    -webkit-box-shadow: 5px 2px 7px 1px #000000;
     box-shadow: 5px 2px 7px 1px #000000;
}
 .kdetay-video ul li span {
    text-align:center;
    margin-top:10px;
    font-size:15px;
}
 .sayfatext:after {
     clear: both;
     content: "";
     display: table;
}
 .faturahesap {
    width:100%;
    display:block;
    margin:50px 0px;
}
 .kontrol {
    padding-right:0px;
}
 .kontrol h2 {
    color:#de0000;
}
 .faturahesap li {
    width:380px;
    float:left;
    margin:10px;
}
 .faturahesap li input,.faturahesap li select {
    width:100%!important;
    height:50px;
    border:none;
    padding:0px 10px;
    font-weight:500;
    font-family:'Roboto'
}
 .faturahesap li span {
    font-size:18px;
    color:#fff;
    font-weight:700;
    line-height:30px;
}
 .faturahesap li button {
    line-height: 45px;
    padding: 0 30px;
    background: #3daf49;
    color: #fff;
    font-weight: bold;
}
 .faturahesap li button:hover {
    background: #1f737a;
}
 .faturasonuc {
    width:25%!important;
    background:#fff;
    padding:4px;
    border-radius:5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
 .faturasonuc ul {
    width:100%;
    background:#3cc1cd;
    padding:10px;
}
 .faturasonuc ul li {
    line-height:40px;
    width:100%;
    text-align:right;
    color:#fff;
}
 .faturasonuc ul li:last-child {
    border-top:1px solid #ebebeb;
}
 .faturaaciklama {
    width:100%;
    display:block!important;
    text-align:center;
    margin-top:70px!important;
}
 .faturaaciklama p {
    width:100%;
    display:block;
    font-size:11px;
    line-height:20px;
    color:#fff;
}
 .tarife-ul li{
    font-size: 18px;
     line-height: 30px;
     display: block;
}
 .iletisim-buton {
    margin-top:15px;
}
 .iletisim-buton a{
    font-size:18px;
    font-weight:bold;
    color:#000;
    margin-top:15px;
}
 .iletisim-buton a:hover {
    text-decoration:underline;
}
 .login29 {
     margin: auto;
     background: #fff;
     display: block;
     ;
}
 .login29 table {
     width: 356px;
}
 .login29 table p {
     font-size: 14px;
     font-weight: bold;
     width: 100%;
     border-bottom: 1px solid #dfdfdf;
     background: #fff;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     padding: 10px;
     line-height: 16px;
}
 .login29 table td {
     width: 50%;
     height: 40px;
     line-height: 40px;
     font-size: 13px;
     text-align: right;
     box-sizing: border-box;
}
 .login29 table input {
     width: 100%;
     height: 30px;
     line-height: 30px;
     border: 1px solid #dfdfdf;
     padding-left: 10px;
}
 .login29 table input[type="submit"] {
     width: 120px;
     margin-bottom: 20px;
     text-align: center;
     display: block;
     margin-top: 20px;
     background: #004992;
     color: #fff;
     font-weight: bold;
     height: 30px;
     line-height: 30px;
     border: none;
     border-radius: 10px;
     cursor: pointer;
}
 .login30 {
     margin: auto;
     border: 1px solid #dfdfdf;
     font-size: 24px;
     padding: 20px;
     background: #fff;
     position: relative;
     display: block;
     width: 800px;
}
 .login30 .facoka {
     height: 30px;
     position: absolute;
     z-index: 12199;
     right: -15px;
     top: -15px;
     background: #c91212;
     line-height: 30px;
     text-align: center;
     padding: 0 20px;
     color: #fff;
     font-size: 13px;
     text-decoration: none;
     border-radius: 5px;
}
 .login30 .facoka i {
     color: #fff;
     font-size: 18px;
}
 .login30 select {
     height: 30px;
     line-height: 30px;
     min-width: 110px;
     margin-right: 5px;
     padding-left: 10px;
     border: 1px solid #dfdfdf;
}
 .login30 input[type="button"] {
     width: 120px;
     margin: 20px auto 20px auto;
     text-align: center;
     display: block;
     margin-top: 20px;
     background: #004992;
     color: #fff;
     font-weight: bold;
     height: 30px;
     line-height: 30px;
     border: none;
     border-radius: 10px;
     cursor: pointer;
}
 .login30 strong {
     display: block;
     margin-bottom: 5px;
     font-size: 16px!important;
}
 .araar {
     width: 100%;
     margin-bottom: 15px;
     padding-bottom: 15px;
     border-bottom: 1px solid #dfdfdf;
}
 .ilkselect {
     width: 100%;
     margin-bottom: 10px;
     display: block;
}
 .ilkselect select {
     width: 100%;
}
 .ikiliselect {
     width: 100%;
     display: block;
}
 .ikiliselect select {
     width: 48%;
     margin-right: 2%;
     display: inline-block;
}
 .ikiliselect select:last-child {
     margin-right: 0;
}
 .login30 font {
     margin-right: 10px;
     font-size: 14px;
}
 .login30 img {
     margin-right: 10px;
}
 .derece {
    position:Absolute!important;
    height:50px!important;
    border:none!important;
    box-shadow:none!important;
    margin-left:-55px;
    margin-top:10px;
}
 .yarisma {
     width:100%;
    display:inline-block;
    background-image:url(/images/23bg.jpg);
    background-repeat:no-repeat;
    border-radius:15px;
    padding-top:15px;
    padding-bottom:15px;
}
 .yarisma li {
    float:left;
    width:300px;
    margin-right:15px;
    margin-bottom:10px;
    margin-top:10px;
    text-align:center;
}
 .yarisma li:first-child,.yarisma li:nth-child(2),.yarisma li:nth-child(3){
    width:400px;
}
 .yarisma li:first-child img,.yarisma li:nth-child(2) img,.yarisma li:nth-child(3) img{
    height:250px;
    position:relative;
}
 .yarisma li:nth-child(4n) {
    margin-right:0px;
}
 .yarisma li img {
     height:160px;
    max-width:unset!important;
    display:inline-block;
    border:2px solid #3cc1cd;
     -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
     -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
     box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
}
 .yarisma li img:hover {
    border:2px solid #001a69;
}
 .yarisma li span {
    display:block;
    font-size:18px;
    font-weight:700;
    margin-top:10px;
}
.talepform {
	width: 100%;
	margin: auto;

	padding-top:30px;
	min-height:800px
}

.talepform ul {
	width: 100%;
	padding: 0px
}

.talepform ul li {
	width: 100%;
	list-style: none;
}

.talepform ul li strong {
	display: block;
	line-height: 50px;
	font-weight: 500;
	font-family:Roboto;
}

.talepform ul li input,
select,
textarea {
	width: 100%;
	border: none;
	font-weight: 500;
	box-sizing: border-box;
	    padding-left: 15px;
    border: 1px solid #dfdfdf;
}

.talepform ul li input:focus {	
	outline: none!important;
	box-shadow: 0 0 40px #f3f3f3;
	transition:all ease 0.3s;
}

.talepform ul li select:focus {	
	outline: none!important;
	box-shadow: 0 0 40px #f3f3f3;
	transition:all ease 0.3s;
}

.ReCap {font-family:Roboto;}

.talepform ul li textarea:focus {	
	outline: none!important;
	box-shadow: 0 0 40px #f3f3f3;
	transition:all ease 0.3s;
}

.talepform ul li input[type=text] {
	height: 35px;
	padding: 10px;

}

.talepform ul li select {
	height: 35px;
	padding: 10px
}



.talepform ul li textarea {
	height: 100px;
	padding:10px
}

.talepbaslik {
	text-align: center;
	width: 100%;
	font-family: Roboto;
	background:#fff;
	padding:15px;
}
.talepbaslik img {
	width:300px;
}
.talepform ul li button {
	background-color: #40af49;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}

.talepform ul li button:hover {
	background-color: #222b64;
	transition: all ease 0.3s
}

.talep-form {width:50%;margin:auto;}

.sayfa-galeri {display:flex;flex-wrap:wrap;}
.sayfa-galeri figure{width:23%;margin:12px;    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 40%);}
	
	
	.sayfa-galeri figure:hover{-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);}
	
	
.insta {
    width: 100%;
	background:#3cc1cd;
    background-repeat: no-repeat;
    padding: 45px 0px;
    background-size: cover;

}

.insta h3 {
    margin: Auto;
    display: block;
    Text-align: center;
    color: #fff;
    font-size: 40px;
}
.insta p a{
    margin: Auto;
    display: block;
    Text-align: center;
    color: #fff;
    font-size: 18px;
	margin-top:10px;
}

.insta p a:hover {text-decoration:underline;}

.insta i {
    margin-right: 15px;
}


.haberler {
    width: 1200px;
    margin: 30px auto 0 auto;
    display: flex;
    position: relative;
	flex-wrap:wrap;
	

}

.haberler li {
    width: 285px;
    margin-right: 15px;
    text-align: center;
	background:#37a8b3;
	padding:15px;
	border-radius:4px;
	margin-top:7px;
	margin-bottom:7px;
	height:300px;
}

.haberler li:last-child {margin-right:0px;}

.haberler li:hover {background:#2e8d97;transition:all ease 0.3s;}

.haberler li img {
    height: 200px;
    width: auto;
    display: inline-block;
}



.haberler li h2 a {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
}

.haberler li h2 a:Hover {
    color: #fff;
	text-decoration:underline;	
}	

.instagram-slider {height:400px!important;width:1260px!important;margin:Auto;}








.ic-icerik-govde {width:1260px;margin:Auto}
.ic-icerik-govde h1 {margin:auto;text-align:center;font-size:30px;color:#000;padding-top:30px}
.ic-icerik-govde img {margin:auto;width:300px}


.ic-icerik-govde ul{display:flex;flex-wrap:wrap;margin-top:30px}
.ic-icerik-govde ul li {width:33.3%;padding:10px 20px;}
.ic-icerik-govde ul li audio{width:100%;}
.ic-icerik-govde ul li button {background:#2f8099;padding:20px;color:#fff;height:50px}
.ic-icerik-govde ul li button:hover {background:#215464}


.rad-label {
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content:center;
  border-radius: 10px;

  margin: 10px 0;

  cursor: pointer;
  transition: .3s;
}



.rad-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -1;
}

.rad-design {
  width: 22px;
  height: 22px;
  border-radius: 100px;

  background: linear-gradient(to right bottom, hsl(154, 97%, 62%), hsl(225, 97%, 62%));
  position: relative;
}

.rad-design::before {
  content: '';

  display: inline-block;
  width: inherit;
  height: inherit;
  border-radius: inherit;

  background: hsl(0, 0%, 90%);
  transform: scale(1.1);
  transition: .3s;
}

.rad-input:checked+.rad-design::before {
  transform: scale(0);
}

.rad-text {
  color: hsl(0, 0%, 60%);
  margin-left: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;

  transition: .3s;
}

.rad-input:checked~.rad-text {
  color: hsl(0, 0%, 40%);
}

.abs-site-link {
  position: fixed;
  bottom: 40px;
  left: 20px;
  color: hsla(0, 0%, 0%, .5);
  font-size: 16px;
}


.kariyerPopMetin a {color:#fff;}
.kariyerPopMetin a:hover {text-decoration:underline;}

.kariyerfoto {width:100%;display:flex;margin-left:0px!important}
.kariyerfoto li {margin-right:15px;list-style:none!important;max-width:190px;}
.kariyerfoto li img {width:100%;-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);}
.enerji_kazanc{
	padding-top: 60px;
	background: #e7edf7;
}
.enerji_kazanc img {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 440px;
}
.enerji_kazanc > div > h1 {
    font-size: 30px;
    color: #3cc1cd;
    font-weight: bold;
    margin-bottom: 30px;
}
.enerji_kazanc > div{
	position: relative;
}
.enerji_kazanc > div > p {
    width: 640px;
}
.enerji_is{
     background: linear-gradient(to bottom, #3cc1cd 355px, #fff 40%);
}
 .kariyer_yasam > div > h1{
     font-size: 30px;
     color: #3cc1cd;
     font-weight: bold;
     margin-bottom: 30px;
}
 .enerji_is > div > ul > li{
     width: 30%;
     margin-left: 5%;
     position: relative;
}
 .enerji_is > div > ul > li > img{
     width: 378px;
}
 .enerji_is h2{
     position: absolute;
     top: 0;
     left: 20px;
     color: #fff;
     font-weight: 500;
}
 .enerji_is i{
     display: block;
     font-weight: bold;
}
 .enerji_is span{
     font-weight: bold;
}
 .enerji_is > div > ul > li > h2 > span > p{
     margin:0;
     display: inline-block;
     font-size: 30px;
     border-bottom: 4px solid #fff;
}
 .enerji_is > div > ul > li > h2 > p{
     margin:0 7px 0 0!important;
     display: inline-block;
     font-size: 30px;
     border-bottom: 4px solid #fff;
}
 .enerji_is > div > ul > li:first-child{
     margin-left: 0;
}
 .enerji_is > div > ul{
     display: flex;
     flex-direction: row;
}
 .enerji_is > div > ul > li > ul{
     border-top: 5px solid #252f67;
     padding: 50px 30px 80px 55px;
     box-shadow: -11px -4px 21px 0px #afafaf;
     min-height: 316px;
}
 .enerji_is > div > ul > li > ul > li > a{
     color: #222d65;
}
 .enerji_is > div > ul > li > ul > li > a:hover{
     text-decoration: underline;
}
 .enerji_is > div > ul > li > ul > li::before{
     content: "";
     border-color: transparent #222d65;
     border-style: solid;
     border-width: 0.35em 0 0.35em 0.45em;
     display: block;
     height: 0;
     width: 0;
     left: -1em;
     top: 0.9em;
     position: relative;
}
.enerji_neden h2{
	color: #283269;
    text-align: center;
    font-size: 40px;
}
.enerji_neden{
	padding: 60px 0;
}
.enerji_neden ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 30px;
}
.enerji_neden li{
	width: 50%;
	background-size: cover;
    background-position: center center;
	height: 350px;
	display: flex;
    align-items: center;
    justify-content: end;
	z-index: 1;
	position: relative;
	overflow: hidden;
	border-right: 5px solid  #fff;
	border-left: none;
	margin-bottom: 10px;
}
.enerji_neden img{
	width: 70px;
}
.enerji_neden li:nth-child(2n){
    justify-content: start;
	border-left: 5px solid  #fff;
	border-right: none;
}
.enerji_neden div{
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	text-align: right;
}
.enerji_neden li:nth-child(2n) div{
	align-items: start;
	text-align: left;
}
.enerji_neden h3{
	font-size: 35px;
	color: #fff;
	font-weight: bold;
	margin-top: 20px;
}
.enerji_neden li:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	background: rgba(0,0,0,0.5);
	z-index: -1;
}
.enerji_pop{
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 99999;
	transition: all 0.4s;
	width: 111px;
	height: 60px;
}
.enerji_pop-kucuk{
	display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 20px;
	width: 111px;
	transition: all 0.4s;
	position: absolute;
	background: #222d65;
}
.enerji_pop-kucuk i{
	animation: enerjipop 0.8s ease-in-out infinite alternate;
	margin-left: 10px;
}
@keyframes enerjipop{
  0% {
    transform:translateX(-5%);
  }
  100% {
    transform:translateX(60%);
  }
}
.enerji_pop-kucuk:hover{
	cursor: pointer;
}
.enerji_pop-buyuk{
	padding: 20px;
	left: -340%;
	position: absolute;
	width:360px;
	transition: all 0.4s;
	top: -120px;
	background: #222d65;
}
.enerji_pop-buyuk > ul > li{
	background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 28px 66px -21px rgb(0 0 0 / 75%);
}
.enerji_pop-buyuk .akordiyonBaslik{
	background: none;
    line-height: 24px;
    font-weight: 600;
    color: #383E42;
    display: block;
    margin-bottom: 0px;
    padding: 10px;
    position: relative;
    width: 100%;
    font-size: 18px;
}
.enerji_pop-buyuk .akordiyonBaslik:after {
    position: absolute;
    font-size: 18px;
    color: #222d65;
    content: "\e902";
    font-family: "profornet";
    right: 20px;
	transition: all 0.4s;
}
.enerji_pop-buyuk .akordiyonIcerik {
    padding: 0 30px 30px 30px;
    overflow: hidden;
}
.enerji_pop-kapat{
	padding: 10px;
	right: 0;
	top: -39px;
	background: #222d65;
	color: #fff;
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	transition: all 0.4s;
}
.enerji_pop-kapat:hover{
	cursor: pointer;
}
.enerji_pop-buyuk .akordiyonBaslik-rot:after {
    transform: rotate(180deg);
}
.enerji_pop-kapat-btn {
	transition: all 0.4s;
}
.enerji_pop-kapat-btn:hover {
	color: red;
}
.enerji_pop-buyuk .akordiyonIcerik li a{
	color: #222d65;
	position: relative;
}
.enerji_pop-buyuk .akordiyonIcerik li a:before{
	content: "";
    border-color: transparent #222d65;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}
.enerji_pop-buyuk .akordiyonIcerik li a:hover{
	text-decoration: underline;
}


.tazmiktar {margin-top:40px;padding:0px!important}
.tazmiktar a{background:#3cc1cd;color:#fff;padding:15px;border-radius:10px}
.tazmiktar a:hover {background:#2d959f;transition:all ease 0.3s;}


.belge-sayfa {width:100%;display:flex;flex-wrap:wrap;margin-top:30px;}
.belge-sayfa li {width:277px;display:block;text-align:center;-webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 20%);
	padding:25px 0px;
	margin-right:30px;
	position:Relative;
	}
.belge-sayfa li:last-child{margin-right:0px;}	
.belge-sayfa li:hover {-webkit-box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 40%);
	transition:All ease 0.3s;}	
.belge-sayfa li i {font-size:60px!important;color:#ff0000;}
.belge-sayfa li span{display:block;margin:15px 0px;font-weight:500}
.belge-sayfa li a {position:Absolute;width:100%;height:100%;top:0;left:0;}


.calisan-ul {width:100%;display:flex;flex-wrap:wrap;margin-bottom:30px;}
.calisan-ul li {border:1px solid #ebebeb;margin-bottom:0px!important;padding:20px;box-sizing:border-box;line-height:30px!important}
.calisan-ul li:nth-child(1n) {width:40%;}
.calisan-ul li:nth-child(2n) {width:60%;}

.calisan-list {margin-left:30px;}
.calisan-list li {display:list-item!important;list-style:circle;margin-bottom:15px!important;line-height:25px!important}



.d-fatura {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:30px;
	position:relative;
}

.d-fatura div {
	width:50%;
	padding:0px 15px;
}

.d-fatura div img {
	border-radius:10px;
}



#play {
  cursor: pointer;
  position:absolute;
  top: 80%;
  left: 57%;
  color:#fff;
  transform: translateY(-50%) translateX(-50%);
}

#play:hover {
  .stroke-solid {
    opacity: 1;
    stroke-dashoffset: 300;
  }

}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.stroke-solid {
  stroke-dashoffset: 0;
  stroke-dashArray: 300;
  stroke-width: 4px;
  transition: stroke-dashoffset 1s ease, 
              opacity 1s ease;
}


.ck-cert-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    justify-content: center;
    padding: 40px 20px;
}

.ck-cert-item {
    width: 250px;
    text-align: center;
    text-decoration: none;
    color: #222;
    font-family: "Arial", sans-serif;
    display: block;
    padding: 15px 10px;
    border-radius: 10px;
    background: #fff;
    transition: 0.25s;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.ck-cert-item img {
    width: 100%;
    max-width: 100px;
    margin: 0 auto 12px;
    display: block;
}

.ck-cert-item span {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    display: block;
    color: #333;
}

.ck-cert-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
}

@media (max-width: 600px) {
    .ck-cert-item {
        width: 44%;
        padding: 12px 8px;
    }
}



/* Genel Konteyner */
.campaign-container {
    max-width: 1260px;
    margin: 20px auto;
    padding: 30px;
    background-color: #ffffff;
    color: #333;
    line-height: 1.6;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Başlık Alanı */
.campaign-header {
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 3px solid #f2ab27; /* Beefull/Enerji temalı renk */
    padding-bottom: 20px;
}

.campaign-header h1 {
    color: #1a3a5a;
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
}

.subtitle {
    color: #666;
    margin-top: 10px;
}

/* Soru-Cevap Bölümü */
.faq-section {
    display: grid;
    gap: 20px;
}

.faq-item {
    background: #f9f9f9;
    padding: 15px 20px;
    border-left: 5px solid #1a3a5a;
    border-radius: 4px;
}

.faq-item h3 {
    margin: 0 0 8px 0;
    color: #1a3a5a;
    font-size: 17px;
}

.faq-item p {
    margin: 0;
    color: #555;
    font-size: 15px;
}

/* Ayırıcı Çizgi */
.divider {
    margin: 40px 0;
    border: 0;
    border-top: 1px dashed #ccc;
}

/* Detaylar Listesi */
.details-section h2 {
    color: #1a3a5a;
    font-size: 20px;
    margin-bottom: 20px;
}

.details-list {
    padding-left: 20px;
}

.details-list li {
    margin-bottom: 12px;
    font-size: 14px;
    color: #444;
}

/* Mobil Uyumluluk */
@media (max-width: 600px) {
    .campaign-container {
        padding: 15px;
        margin: 10px;
    }
    
    .campaign-header h1 {
        font-size: 20px;
    }
}

