a, p, input, select, textarea, table, td, th, span, h1, h2 h3, h4, h5, h6, body, button {
    font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-style: normal;
    margin:0;
}

html {
    scroll-behavior: smooth;
}

a:hover {
    text-decoration: none;
}

input, select, button, textarea {
    outline: none;
}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:5px;}
::-webkit-scrollbar-thumb{background:#021E37;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#021E3780;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 87%;
}
 
 strong{
 	font-weight:700;
 }
h1 {
 font-size: 55px;
 font-weight:500;
 line-height:110%;
}
 
h2 {
 font-size: 50px;
 font-weight: 700;
 line-height:110%;
 color: #021E37;
 margin-bottom: 2rem; 
 position:relative;
}

h2::before{
  content:"";
  position:absolute;
  left: -260px;
  top: -180px;
  background:url(../img/fotoniksbaslikbg.png);
  background-size:100%;
  background-repeat:no-repeat;
  width: 450px;
  height: 450px;
  animation:rota 10s ease infinite;
  z-index: 9;
}
h2.active::before{
  
}

@keyframes rotates{
	0%{		
			  transform: rotate(0deg);
	}
	50%{		
			  transform: rotate(360deg);
	}
	100%{		
			  transform: rotate(0deg);
	} 
	
}
@keyframes rota{
	0%{		
			  transform: rotate(0deg);
	}
	100%{		
			  transform: rotate(795deg);
	} 
	
}
@keyframes don1{
	0%{		
			  transform: rotate(0deg);
	}
	100%{		
			  transform: rotate(360deg);
	} 
	
}
h3 {font-size: 45px;font-weight:300;line-height:120%;color: #232323;margin-bottom: 3rem;}
h4 {
font-size: 40px;
font-weight: 300; 
}
  
 
h5 {
	font-size: 30px;
}
h6 {
color: #143156; 
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 136%; 
letter-spacing: 0.125px;
}
p, li, a, td, th {
    list-style-position: outside;
    padding: 0;
    color: #363636;
    font-kerning: none;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.22px;
    margin-bottom: 2rem;
}
span{color: #363636;font-kerning: none;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: 0.16px;}
.row{
	margin:0;
}
 
 .points{cursor:pointer;}
 
 .pt-96{
 	padding-top:96px;
 }
 
 .pb-96{
 	padding-bottom:96px;
 }
 .pt-48{
 	padding-top:48px;
 }
 
 .pb-48{
 	padding-bottom:48px;
 }
 .padl-5{
 	padding-left:5%;
 }
 .padr-5{
 	padding-right:5%;
 }
 .mt-96{
 	margin-top:96px;
 }
 
 .mb-96{
 	margin-bottom:96px;
 }
 .mt-48{
 	margin-top:48px;
 }
 
 .mb-48{
 	margin-bottom:48px;
 }
 .ml-5{
 	margin-left:5%;
 }
 .mr-5{
 	margin-right:5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w50:first-child{
 	
 	margin-right:2.5%;
 }
 .w50:last-child{
 	
 	margin-left:2.5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w40{
 	width:40%;
 	position:relative;
 }
 
 .w30{
 	width:30%;
 	position:relative;
 }
 
 .w20{
 	width:20%;
 	position:relative;
 }
 .w10{
 	width:10%;
 	position:relative;
 }
 .w60{
 	width:60%;
 	position:relative;
 }
 .w70{
 	width:70%;
 	position:relative;
 }
 .w80{
 	width:80%;
 	position:relative;
 }
 .w90{
 	width:90%;
 	position:relative;
 }
 .w100{
 	width:100%;
 	position:relative;
 }
 .baslik-pb{
  	padding-bottom:48px
 }
 .baslik-mb{
  	margin-bottom:48px
 }
 .p-1{padding:1%;}
 .p-2{padding:2%;} 
 .p-3{padding:3%;}
 .p-4{padding:4%;}
 .p-5{padding:5%;}
   
#backtotop{}
#backtotop::after{
	content: "";
	position: absolute;
	animation: climp 2s infinite;
	transition: 0.5s;
	width: 120px;
	height: 120px;
	border: 1px solid #0089cf;
	border-radius: 50%;
	left: -15px;
	top: -15px;
}
#backtotop::before{
	content:"";
	position:absolute;
	animation:  climp2 2s infinite;
	transition: 0.5s;
	width: 100px;
	height: 100px;
	border: 1px solid #0089cf;
	border-radius: 50%;
	left: -5px;
	top: -5px;
}
@keyframes climp{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}
	
}@keyframes climp2{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}
	
}
#backtotop img{
    width: 100%;
}

#backtotop{transition:0.5s;display:none;position:fixed;bottom: 50px;right: 50px;z-index:99;font-size:18px;border:none;outline:none;background:transparent;cursor:pointer;width: 90px;height: 90px;padding: 0;}

@media (max-width: 900px){
#backtotop{
    width: 60px;
    height: 60px;
}
	
#backtotop::after{
	width: 90px;
	height: 90px; 
}
#backtotop::before{
	width: 70px;
	height: 70px;
}
}

.anasayfahakkimizda{}
.anasayfahakkimizda .container{
}
.anasayfahakkimizda .container .row{
    width: 100%;
}
.anasayfahakkimizda .container .row .w50{}
.anasayfahakkimizda .container .row .w50 h2{
    margin-bottom: 1rem;
}
.anasayfahakkimizda .container .row .w50 h3{}
.anasayfahakkimizda .container .row .w50 p{}
.anasayfahakkimizda .container .row .w50 ul{
	padding:0;
}
.anasayfahakkimizda .container .row .w50 li{
	margin:0;
	display:inline-block;
	width:45%;
}
.anasayfahakkimizda .container .row .w50 img{
    width: 100%;
    object-fit: cover;
}

.fotoniksbtn{
	display:block;
	width:100%;
}
.fotoniksbtn a{
	min-width: 200px;
	font-size:16px;
	background:#152138;
	display:inline-block;
	color: #fff;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	transition:1s;
}
.fotoniksbtn a img{
	width: max-content!important;
	height:max-content;
	object-fit: contain!important;
	display:inline-block;
	margin-left: 15px;
	transition:1s;
}
.fotoniksbtn a:hover{
 background:#0089CF;
}
.fotoniksbtn a:hover img{
	 transform:translate(10px, 0px)
}
 
.inaniyoruzanim{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;position:relative;height: 250vh;margin-bottom: 0rem;}
.inaniyoruzanim .bakgroundgelsin{position:sticky;left:0;top: 0px;width:100%;overflow: hidden;}
.inaniyoruzanim .bakgroundgelsin video{width:100%;height: 100%;}
.inaniyoruzanim .row{margin-top:auto;margin-bottom:auto;position:absolute;top:70%;opacity:0;transition:0.5s;}
.inaniyoruzanim .animastion{position:absolute;left:0;top: -1px;width:100%;height:100%;z-index:9;overflow:hidden;}
.inaniyoruzanim .animastion::before{
	content:"";
}
.inaniyoruzanim .animastion::after{
	content:"";
}
.inaniyoruzanim .dashed-3 img{
	width: 600px;
	transition: 1s;
	animation: rotates 60s infinite;
}
.inaniyoruzanim .dashed-3{
	position:absolute;
	left:0;
	top: 21%;
	width: 100%;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition:3s;
	}
.inaniyoruzanim.gelscale .dashed-3,.inaniyoruzanim.gelscale .dashed-2,.inaniyoruzanim.gelscale .dashed-1{
	transform: scale(10);
}

.inaniyoruzanim .dashed-2 img{
	width: 500px;
	animation: rotates 60s infinite;
}
.inaniyoruzanim .dashed-2{
	position:absolute;
	left:0;
	top: 26%;
	width: 100%;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition:3s;
	}

.inaniyoruzanim .dashed-1 img{
	width: 400px;
	animation: rotates 60s infinite;
}
.inaniyoruzanim .dashed-1{
	position:absolute;
	left:0;
	top: 31%;
	width: 100%;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition:3s;
	}

@keyframes rotates{
	0%{
		transform:rotate(0deg);
	} 
	50%{
		transform:rotate(360deg);
	} 
	100%{
		
transform: rotate(0);
	}
	
}
.inaniyoruzanim img{transform:scale(1);object-fit:cover;width:100%;height:100%;transition:3s;}
.inaniyoruzanim .w50 h2{color:#fff;width:80%;font-size:100px;font-weight:600;}
.inaniyoruzanim .w50 h4{color:#fff;margin-bottom:3rem;width:90%;text-align:left;}
 	.inaniyoruzanim.gelscale img{
	    transition:3s;
	    transform: scale(10);
}
	 .inaniyoruzanim .row.active{
		 position: sticky;
		 top: 35%;
		 opacity:1;
		}
@media (max-width: 1550px){ 
.inaniyoruzanim .animastion{margin-top:-1px;}
}
@media (max-width: 1500px){ 
.inaniyoruzanim .bakgroundgelsin video{width:100%;height:100vh;object-fit:cover;}
}
 
@media (max-width: 1200px){ 
.inaniyoruzanim{height:100vh;}
.inaniyoruzanim .row{top:50%;}
.inaniyoruzanim .row{opacity:1!important;}
} 
@media (max-width: 900px){ 
.inaniyoruzanim{height:40vh;} 
.inaniyoruzanim .row{top:30%;}
.inaniyoruzanim .row{opacity:0!important;}
.inaniyoruzanim .bakgroundgelsin video{height:auto;}
}
@media (max-width: 800px){
.inaniyoruzanim .w50 p{margin-bottom:1rem;}
}
@media (max-width: 600px){ 
.inaniyoruzanim .row{top:20%;}
.inaniyoruzanim .bakgroundgelsin video{width:100%;height:100%;object-fit:cover;}
.inaniyoruzanim{height:auto;}
}
.anasayfaurunler{
    background: url(../img/urunlerbgs.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0rem;
    padding-top: 10%;
    padding-bottom: 5%;
    margin-top: -1rem;
}
.anasayfaurunler .container{}
.anasayfaurunler .container .row{}
.anasayfaurunler .container .row .w10{}
.anasayfaurunler .container .row .w10 ul{
    position: relative;
    z-index: 9;
    padding: 0;
    list-style: none;
}
.anasayfaurunler .container .row .w10 ul::before{
	    content: "";
	    position: absolute;
	    background: url(../img/triangle.svg);
	    width: 25px;
	    height: 15px;
	    background-size: contain;
	    background-repeat: no-repeat;
	    top: -37px;
	    left: -30px;
	    filter: brightness(0) invert(1);
}
.anasayfaurunler .container .row .w10 ul li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 1.2rem;
    cursor:pointer;
    position:relative;
}
.anasayfaurunler .container .row .w10 ul li .solcizgi::before{
	content:"";
	position:absolute;
	left:-3px;
	top:0;
	width:8px;
	height:2px;
	background:#fff;
}
.anasayfaurunler .container .row .w10 ul li .solcizgi::after{
	content:"";
	position:absolute;
	left:-5px;
	bottom:0;
	width:12px;
	height:2px;
	background:#fff;
}
.anasayfaurunler .container .row .w10 ul li .solcizgi{
	 
	position:absolute;
	left: -28px;
	top: -10px;
	height:105%;
	width:2px;
	background:#fff;
}
.anasayfaurunler .container .row .w10 ul li.active .solcizgi{
	 
}
.anasayfaurunler .container .row .w10 ul li::before{
	content:"";
	position:absolute;
	left: -28px;
	top: -10px;
	height:0%;
	width:2px;
	background:#0089CF;
	z-index:9; 
	transition:5s;
}
.anasayfaurunler .container .row .w10 ul li.active::before{
  height:105%;
}
 
.anasayfaurunler .container .row .w10 ul li.active .solcizgi::before{
	 background:#0089CF;
}
.anasayfaurunler .container .row .w10 ul li.active .solcizgi::after{
	background:#0089CF;
}
.anasayfaurunler .container .row .w10 ul li:hover{
	font-weight:bold;
	color:#0089CF;
}
.anasayfaurunler .container .row .w10 ul li.active{
	color:#0089CF
	
}
.anasayfaurunler .container .row .w10 ul li img{
    margin-bottom: 10px;
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.anasayfaurunler .container .row .w10 ul li img.active{
    
display: none;
}
.anasayfaurunler .container .row .w10 ul li img.notactive{
    
}
.anasayfaurunler .container .row .w10 ul li.active img.active{
    
display: block;
}
.anasayfaurunler .container .row .w10 ul li.active img.notactive{
    
display: none;
}
.anasayfaurunler .container .row .w90{
    padding-left: 5%;
}
.anasayfaurunler .container .row .w90 h2{
    color: #fff;
} 
.anasayfaurunler .container .row .w90 h2::before{
    width:0;
} 
.anasayfaurunler .container .row .w90 h5{
    color: #fff;
    margin-top: 1rem;
    border-bottom: 1px solid #0089CF;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}
.anasayfaurunler .container .row .w90 img{
}
.anasayfaurunler .container .row .w90 .owl-uruns{
    position: relative;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item{
    padding-top: 0%;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item.active{}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item h6{
    color: #0089CF;
    margin-bottom: 2rem;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item.active h6{}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item p{
    color: #FFFFFF;
    font-weight: 300;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item.active p{}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .fotoniksbtn{}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item.active .fotoniksbtn{}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .fotoniksbtn a{
    background: #0089CF;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item.active .fotoniksbtn a{}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50 .absole{
    position: absolute;
    z-index: 9;
    top: 150px;
    right: 120px;
    width: 350px;
    height: 350px;
    background: #fff;
    opacity: 0.1;
    border-radius: 50%;
    filter: blur(30px);
    z-index: -1;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50 .absole::after{
	content:"";
	position: absolute;
	z-index: -1;
	bottom: -20px;
	right: 20px;
	width: 350px;
	height: 350px;
	background: #fff;
	opacity: 0.1;
	border-radius: 50%;
	filter: blur(30px);
	z-index: -1;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50 .absole::before{
	content:"";
	position: absolute;
	z-index: -1;
	bottom: -20px;
	right: 20px;
	width: 350px;
	height: 350px;
	background: #fff;
	opacity: 0.1;
	border-radius: 50%;
	filter: blur(30px);
	z-index: -1;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50 .absole img{
    width: 90%;
    z-index: -1;
    position: relative;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50 img{
    max-height: 400px;
    object-fit: contain;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50:last-child{
 	margin-top: 0rem;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50 img.ikoncat{
 	 width:auto;
 	 height:auto;
}
 
.noktalarparts{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;
display:none}
.noktalarparts .enerji_grid2_ic_alan{position:absolute;left:65%;top:50%;}
.enerji_icon1{width:2%;position:absolute;z-index:1;}
.tooltip_ic_icerik span{font-weight:300;font-size:20px;line-height:150%;letter-spacing:0.02em;color:#FFFFFF;display:block;}
.location-normal{transition:0.5s;display:inline;cursor:pointer;margin:auto;object-fit:contain;position:absolute;}
.enerji_grid2_ic_alan .tooltip-enerji p{
	margin:0;
}
 
 
.tooltip-enerji{transition-delay:2s;transition:1s;opacity:0;}
.enerji_grid2_ic_alan{stroke-dasharray:1;stroke-dashoffset:1;fill:transparent;stroke-width:2px;transition:1s;}
.enerji_grid2_ic_alan:hover{stroke-dashoffset:0;/* transition:1s; */}
@media (max-width: 1200px){
.location-images img{width:30px;height:30px;object-fit:contain;}
.tooltip-enerji{left:-300px;top:-110px;}
}
@media (max-width: 800px){
.tooltip-enerji{left:-210px;top:190px;min-width:330px;}
}
@media (max-width: 500px){
.location-images img{width:20px;height:20px;}
}
.tooltip-enerji p{padding-bottom:15px;padding-top:10px;padding-left:10px;color: #363636;text-align: center;font-kerning: none;font-size: 14px;font-style: normal;font-weight: 400;}
.tooltip-enerji span{color:#FFFFFF;font-size:12px;font-weight:400;text-align:left;padding-bottom:15px;padding-top:0px;padding-left:10px;}
 .enerji_grid2_ic_alan .location-images img{object-fit:contain;width: 70px!important;height: 70px;/* background: #002456; */border-radius:50%;}
.enerji_grid2_ic_alan .location-images .location-normal{
	position:absolute;
	z-index: 9;
}
.enerji_grid2_ic_alan .location-images .location-hover{
	position:absolute;
	display:none;
	opacity: 0;
}
.enerji_grid2_ic_alan:hover .location-images .location-normal{
	 
	opacity: 0!important;
}
.enerji_grid2_ic_alan:hover .location-images .location-hover{
	display:block;
	opacity: 1;
}
.tooltip-enerji{text-align:center;position:absolute;display:block;text-decoration:none;padding:10px 10px;/* max-width: 230px; */width: auto;border-radius:10px;visibility:hidden;-webkit-transition:opacity .6s ease-in-out;z-index:555555;left: -200px;top: -110px;background: #0089CF;filter: drop-shadow(1px 0px 17.4px rgba(0, 0, 0, 0.08));height: auto;transition-delay: 0.5s;transition: 0.5s;opacity: 0;}
 .enerji_grid2_ic_alan:hover .tooltip-enerji{transition-delay:0.5s;cursor:pointer;visibility:visible;opacity:1;z-index: 99;opacity:1;}

.tooltip-enerji .tech-bayaz-cubuk{
	position:absolute;
	transform: rotate(45deg);
	width: 150px;
	height: 150px;
	right: -55px;
	top: 60px;
} 
.tooltip-enerji .tech-bayaz-cubuk svg{
	width: 70%;
}
 
@media (max-width: 1500px){ 
.noktalarparts .enerji_grid2_ic_alan{left:71%;}
}
@media (max-width: 1300px){ 
.noktalarparts .enerji_grid2_ic_alan{position:absolute;left:77%;top:50%;}
}
@media (max-width: 1200px){ 
.noktalarparts .enerji_grid2_ic_alan{position:absolute;left:71%;top:50%;} 
}
 
.enerji_icon1.tunas-1{left: 48.5%;top: 20%;}
.enerji_icon1.tunas-2{left: 48.5%;top: 20%;}
.enerji_icon1.tunas-3{left: 48.5%;top: 20%;}
.enerji_icon1.tunas-4{left: 48.5%;top: 20%;} 

.path2 {
  stroke-dasharray: 1120; 
}

.enerji_grid2_ic_alan:hover .path2 { 
  animation: draw1 1s linear alternate;
}

@keyframes draw1 {
  from {
    stroke-dashoffset: 1120;
  }
  to {
    stroke-dashoffset: 2240;
  }
}





.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav{
	display:block;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav button{
	width:50px;
	position: absolute;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav button.owl-prev{
	
	top:30%;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav button.owl-next{
	top:30%;
	right:0;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav img{
	filter:none;
	position:absolute;
	width:50px;
	height:50px;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav img.normal{
	 opacity:1;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav img.hover{
	 opacity:0;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav button:hover img.normal{
	 opacity:0;
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-nav button:hover img.hover{
	 opacity:1;
}
.cozumlerimiz{
    overflow: hidden;
    z-index: 9;
    position: relative;
}
.cozumlerimiz h2{}
.cozumlerimiz h4{
	margin-bottom:2rem;
}
.cozumlerimiz .cozumlerowl{
    margin-left: 7%;
}
.cozumlerimiz .cozumlerowl .owl-nav{
     display: block!important;
     position:absolute;
     right: 200px;
     top: -110px;
} 
.cozumlerimiz .cozumlerowl .owl-nav button{
	width:50px;
	
}
.cozumlerimiz .cozumlerowl .owl-nav img{
	filter:none;
	position:absolute;
	width:50px;
	height:50px;
}
.cozumlerimiz .cozumlerowl.owl-nav img.normal{
	 opacity:1;
}
.cozumlerimiz .cozumlerowl .owl-nav img.hover{
	 opacity:0;
}
.cozumlerimiz .cozumlerowl .owl-nav button:hover img.normal{
	 opacity:0;
}
.cozumlerimiz .cozumlerowl .owl-nav button:hover img.hover{
	 opacity:1;
}
 
.cozumlerimiz .cozumlerowl .owl-item{}
.cozumlerimiz .cozumlerowl .owl-item .item{}
.cozumlerimiz .cozumcard{
    position: relative;
    overflow: hidden;
}
.cozumlerimiz .cozumcard a{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:9;
    display:block;
}
.cozumlerimiz .cozumcard img{
    width: 100%;  
	transition:0.5s;
}
.cozumlerimiz .item:hover .cozumcard img{  
    object-fit: cover;
    transform: scale(1.1);
}
.cozumlerimiz .cozumcard .texts{position: absolute;top: 0;left: 0;padding: 20px 30px;width: 100%;height: 100%;}
.cozumlerimiz .cozumcard .texts img{
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 10rem;
    transition:0.5s;
    transform: scale(1) !important;
}.cozumlerimiz .item:hover .cozumcard .texts img{
     transform: scale(1)!important;
     object-fit: contain;
}

.cozumlerimiz .cozumlerowl .owl-item .item:hover .cozumcard .texts h6{
	transform:translate(0, -20px)
}
.cozumlerimiz .cozumcard .texts h6{
    color: #fff;
    width: 60%;
    transition:0.5s;
}
.hizmetlerimiz{
	background:#F8F8F8;
}
.hizmetlerimiz .w50{ 
	
}
.hizmetlerimiz .w50:first-child{ 
	padding-left:5%;
}
.hizmetlerimiz .w50:last-child{ 
	
}
.hizmetlerimiz .w50 h2{
	 
}
.hizmetlerimiz .w50 img{
	 width:100%;
}
.hizmetlerimiz .w50 .aou-accordion h4{
	 
font-size: 24px;
}
.hizmetlerimiz .w50 h4 img{
	  width:45px;
	  height:45px;
	  object-fit:contain;
	  margin-right:20px;
	  filter: brightness(0);
}

.aou-acc-part {



	margin-top: 10%;

	padding-left: 8%;

}

.aou-acc-part h2 {



	margin-bottom: 40px;

}

.aou-accordion {

padding-right: 10%;

padding-top: 5%;
}



/*---*/



.accordion-aou {

cursor: pointer;

padding: 18px 0px 18px 0px;

margin: 0;

font-weight: 400;

	/* identical to box height, or 28px */

letter-spacing: 0.02em;

color: #363636;

border-top: 1px solid #363636;

position: relative;
}



/* Change color of the heading and icon (on hover and click) */

.active-aou, .accordion-aou:hover, .accordion-aou:hover::after {

}



/* Add "plus" sign (+) after Accordion */

.accordion-aou::after {content: '';height: 37px;display: block;background-image: url(../img/acc-turuncu-arti.png);background-repeat: no-repeat;background-size: contain;position: absolute;right: 0;top: 20px;right: 20px;width: 37px;transition: 0.5s;}



/* Add "minus" sign (-) after Accordion (when accordion is active) */

.active-aou::after {

content: "";

background-image: url('../img/acc-turuncu-eksi2.png');

transition: 0.5s;
}



/* Style the accordion panel */

.accordion-panel-aou {

	padding: 0px 0px 0px 0px;

	overflow: hidden;

	max-height: 0;

	transition: max-height 0.2s ease-out;

}

.accordion-panel-aou h6 {font-weight: 400;letter-spacing: 0.02em;color: #363636;margin-top: 0%;/* border-bottom: 1px solid #E3E3E3; */padding-bottom: 20px;font-size: 21px;padding-left: 9%;}
.accordion-panel-aou .fotoniksbtn {

 

padding-left: 9%;
}



.accordion-aou.active-aou {

font-weight: bold;

border-top: 1px solid #363636;

color: #0089cf;
}
.accordion-aou.active-aou img{
 filter: brightness(1)!important;
}
.inovasyon{
    position: relative;
    padding-top: 3%;
    overflow: hidden;
    height: 100vh;
}
.inovasyon #parent-list-tabs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.inovasyon #parent-list-tabs div{}
.inovasyon #parent-list-tabs div img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.inovasyon #parent-list-tabs div.active img{}
.inovasyon .container{}
.inovasyon .container h2{
    color: #fff;
}
.inovasyon .container h2::before{
	filter:brightness(0) invert(1);
}
.inovasyon .container h4{
    color: #fff;
    z-index: 9;
    position: relative;
}
.inovasyon .row{
    padding-top: 5%;
}
.inovasyon .row .list-tab{
    width: 50%;
    position: relative;
}
.inovasyon .row .list-tab .list-tabs{
    color:#fff;
    position:relative;
    height: 120px;
    margin-bottom: 10px;
    cursor: pointer;
    padding-left: 20px;
    width: max-content;
}
.inovasyon .row .list-tab .list-tabs:last-child{
    
}

.inovasyon .row .list-tab .list-tabs::before{
    content:"";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:0%;
	background:#0089CF;
	z-index:9;
}

.inovasyon .row .list-tab .list-tabs.active::before{
    content:"";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:100%;
	background:#0089CF;
	z-index:9;
	transition:10s;
}
.inovasyon .row .list-tab .list-tabs .ustyatay{
    color:#fff;
    position: absolute;
    left: -4px;
    top: 0;
    width: 9px;
    height: 2px;
    background: #fff;
}
.inovasyon .row .list-tab .list-tabs .yatay{
    position: absolute;
    left: -8px;
    bottom: 0;
    width: 18px;
    height: 1px;
    background: #fff;
}
.inovasyon .row .list-tab .list-tabs .cizgi{
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
}

.inovasyon .row .list-tab .list-tabs.active .ustyatay{     
	background:#0089CF; 
	transition:0.2s;
}

.inovasyon .row .list-tab .list-tabs.active .yatay{
	transition-delay:10s;
     background:#0089CF; 
}
.inovasyon .row #parent-list-tabs2{
    width: 50%;
    position: relative;
    z-index: 9;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.inovasyon .row #parent-list-tabs2 div{
    padding-bottom: 10%;
}
.inovasyon .row #parent-list-tabs2 div h6{
    color: #fff;
    font-weight: bold;
    margin-bottom: 1rem;
}
.inovasyon .row #parent-list-tabs2 div p{
    color: #fff;
}
.playtesis{
    background: #F8F8F8;
    /* padding-top: 5%; */
    padding-bottom: 5%;
}
.playtesis h2{
	margin-bottom:1rem;
}
.playtesis .container{}
.playtesis .container .row{
    width: 90%;
    margin: auto;
    padding-top: 5%;
}
.playtesis .container .row .widthkutu{
    width: 22%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    padding-left: 3%;
    padding-right: 0%;
}
.playtesis .container .row .widthkutu p{
    margin: 0;
    width: 100%;
    color: #021E37;
    height: 30px;
    font-size: 18px;
}
.playtesis .container .row .widthkutu h6{
    text-align: right;
    display: block;
    border-bottom: 1px solid #0089CF;
    color: #fff;
}
.playtesis .container .row .widthkutu span{
    display: block;
    width: 110%;
    font-size: 14px;
    color: #36363690;
    font-weight: 500;
}
.playtesis .container .row .w100{
    padding-left: 4.5%;
    padding-right: 4.5%;
    margin-top: 4.5%;
    cursor: pointer;
    position: relative;
}
.playtesis .container .row .w100 img{
    width: 100%;
    height: 60vh;
    object-fit: cover;
}
.playtesis .container .row .w100 .playsin{
    position: absolute;
    top: 0;
    opacity: 0.6;
    left: 0;
    transition:1s;
    width: 100%;
    height: 100%;
}
.playtesis .container .row .w100 .playsin a{
	display:block;
	width:100%;
	height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.playtesis .container .row .w100:hover  .playsin{
     opacity:1;
}
.playtesis .container .row .w100 .playsin img{
    width: auto;
    height: auto;
}
.rakamlarsec{
    padding-top: 5%;
    padding-bottom: 5%;
    position: relative;
}
.rakamlarsec .absolright{
    position: absolute;
    right: 0;
    top: 5%;
} 
.rakamlarsec .absolright img{}
.rakamlarsec .container{}
.rakamlarsec .container h2{}
.rakamlarsec .container h4{
	width:60%
}
.rakamlarsec .container .row{
    padding-top: 5%;
}
.rakamlarsec .container .row .w70{}
.rakamlarsec .container .row .w70 .w50{
    margin-bottom: 2rem;
    margin-left: 1%;
    margin-right: 1%;
}
.rakamlarsec .container .row .w70 .w50 span{
	font-size:100px;
	color:#021E37;
	line-height: 100%;
}
.rakamlarsec .container .row .w70 .w50 p{
    color: #36363690;
    font-weight: 400;
    font-size: 18px;
    width: 90%;
}
.iletisimust{
    position: relative;
}
.iletisimust .bgs{
}
.iletisimust .bgs img{
    width: 100%;
    object-fit: cover;
} 
.iletisimust .fotoniksbtn{
    width: max-content;
    margin-top: 2rem;
}
.iletisimust .fotoniksbtn a{
    margin: auto;
    background: #0089CF;
}
.iletisimust .fotoniksbtn a:hover{ 
    background: #021E37;
}
.iletisimust .fotoniksbtn a img{}
.iletisimust .textflex{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
}
.iletisimust .textflex h4{
    color: #fff;
    margin-bottom: 2rem;
    text-align: center;
}
.iletisimust .textflex p{
    color: #FFFFFF;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    opacity: 0.8;
    font-weight: 300;
}
.fotoniksbanner {
    overflow: hidden;
    background-image: url(../img/mainslider.jpg);
    min-height: 550px;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    position: relative;
}
.fotoniksbanner img{width:100%;height: 600px;object-fit:cover;transition:1s;}
.fotoniksbanner video{
	width:100%;
	object-fit:cover; 
    height: 100vh;
    margin-bottom: -10px;
}
.fotoniksbanner .film {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #02204A;
    opacity: 0.4;
    mix-blend-mode: luminosity;
    backdrop-filter: blur(30px);
    transition: 1s;
}
.fotoniksbanner .izlencetext{position:absolute;left: 6%;bottom: 15%;width:50%;transition:0.5s;transition-delay:0.5s;transition-timing-function:ease;}
.fotoniksbanner .izlencetext ul{list-style:none;padding:0;display:flex;justify-content:flex-start;margin-bottom: 0rem;}
.fotoniksbanner .izlencetext ul li{margin-right:10px;}
.fotoniksbanner .izlencetext ul li a{font-weight:400;letter-spacing:0.02em;color:#FFFFFF;font-size: 15px;font-weight: 300;}
.fotoniksbanner .izlencetext h2{color:#fff;}
.fotoniksbanner .izlencetext ul li:last-child a{font-weight:600;}
 .fotoniksbanner .izlencetext h5{
	 color:#fff;
	 width:70%;
	 margin-top:1rem;
 }
@media (max-width: 1200px){ 
.fotoniksbanner img{height:400px;}
.fotoniksbanner img{height:400px;filter:blur(0px);}
.fotoniksbanner{height:400px;}
.fotoniksbanner .izlencetext{transition:0.5s;transition-delay:0.5s;opacity:1!important;transition-timing-function:ease;}
}
@media (max-width: 900px){ 
.fotoniksbanner img{height:300px;filter:blur(0px);}
.fotoniksbanner{height:300px;}
}
@media (max-width: 600px){ 
.fotoniksbanner .izlencetext{position:absolute;left:5%;bottom:30%;width:90%;}
.fotoniksbanner .izlencetext ul li{text-align:left;}
.fotoniksbanner img{object-position:30% 0;}

    .fotoniksbanner .mobileizlencetext {
        padding: 9%;
        position:relative;
        z-index:9;
    }
    
.fotoniksbanner .mobileizlencetext ul{list-style:none;padding:0;display:flex;justify-content:flex-start;margin-bottom: 0rem;}

.fotoniksbanner .mobileizlencetext ul li{text-align:left;}
.fotoniksbanner .mobileizlencetext ul li a{font-weight:400;letter-spacing:0.02em;color:#FFFFFF;font-size: 15px;font-weight: 300;}
.fotoniksbanner .mobileizlencetext h2{color:#fff;}
.fotoniksbanner .mobileizlencetext ul li:last-child a{font-weight:600;}
    .fotoniksbanner .mobileizlencetext h5 {
        color: #fff;
        width: 100%;
        margin-top: 1rem;
    }
        .fotoniksbanner .mobileizlencetext ul li a {
        font-size: 10px;
    }
 
    .fotoniksbanner .mobileizlencetext h1 {
        font-size: 20px;
        margin-top: 1rem;
    }
     
}


.km-owl{
    background: #062B4C;
    padding-top: 5%;
    padding-bottom: 5%;
}
.km-owl .container{}
.km-owl .container .row{}
.km-owl .container .row .w50{}
.km-owl .container .row .w50 h2{
    color: #fff;
}
.km-owl .container .row .w50 h3{
    color: #fff;
}
.km-owl .container .owl-km-1{
    width: 100%;
    margin: auto;
    text-align: center;
    margin-top: 5%;
}
.km-owl .container .owl-km-1 .owl-stage-outer::after{
	content:"";
	width:100%;
	height:2px;
	position:absolute;
	bottom: 22px;
	left:0;
	border-bottom:2px dashed #fff;
	z-index: -1;
}
.km-owl .container .owl-km-1 .owl-nav{
    display:block!important;
	
}
.km-owl .container .owl-km-1 .owl-nav .owl-prev{
 	position:absolute;
 	left: 0%;
 	top:0;
}
.km-owl .container .owl-km-1 .owl-nav .owl-next{
 	position:absolute;
 	right: 0%;
 	top:0;
}
.km-owl .container .owl-km-1 .item.listtab{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
    margin-bottom: 10px;
    cursor: pointer;
}
.km-owl .container .owl-km-1 .item.listtab .back{
    position: absolute;
    bottom: 7px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    transition: 1s;
}
.km-owl .container .owl-km-1 .item.listtab .activeblue{
    background: url(../img/tarihcebg.png);
    background-size: contain;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: -1px;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(0);
    transition: 1s;
}
.km-owl .container .owl-km-1 .item.listtab.active{}
.km-owl .container .owl-km-1 .item.listtab.active .back{
    width: 17px;
    height: 17px;
    bottom: 6px;
    background: #0089CF;
}
.km-owl .container .owl-km-1 .item.listtab.active .activeblue{
    opacity: 1;
    transform: scale(1);
    transition: 1s;
    animation: don1 2s infinite;
}
.km-owl .container .owl-km-1 .item.listtab p{
    color: #fff;
    font-size: 30px;
    font-weight: 200;
    margin-bottom: 3rem;
} 
.km-owl .container .owl-km-1 .item.listtab.active p{
    color: #0089CF; 
    font-weight: bold;
}
.km-owl .container #parent-tab-list{
    padding-top: 4%;
}
.km-owl .container #parent-tab-list .row{}
.km-owl .container #parent-tab-list .row .w50{}
.km-owl .container #parent-tab-list .row .w50:last-child{
	padding-top:5%;
}
.km-owl .container #parent-tab-list .row .w50 img{
    width: 100%;
    max-height: 60vh;
    object-fit: contain;
}
.km-owl .container #parent-tab-list .row .w50 span{
    font-size: 60px;
    color: #fff;
    margin-bottom: 2rem;
    display: block;
} 
.km-owl .container #parent-tab-list .row .w50 h6{
    color: #fff;
    width: 60%;
    margin-bottom: 2rem;
}
.km-owl .container #parent-tab-list .row .w50 p{
    color: #fff;
    font-weight: 300;
}
.degerlerimiz{
    padding-top: 5%;
    padding-bottom: 2.5%;
    background: #F8F8F8;
}
.degerlerimiz .container{}
.degerlerimiz .container h2{
    text-align: center;
}
.degerlerimiz .container h2::before{
    width:0;
}
.degerlerimiz .container h3{
    text-align: center;
	width:50%;
	margin:auto;
}
.degerlerimiz .container .row{
    margin-top: 5%;
    justify-content: space-between;
}
.degerlerimiz .container .row .ikonlabs{
    width: 22%;
    margin-bottom: 3%;
    text-align: center;
}
.degerlerimiz .container .row .ikonlabs:nth-child(5),
.degerlerimiz .container .row .ikonlabs:nth-child(6),
.degerlerimiz .container .row .ikonlabs:nth-child(7),
.degerlerimiz .container .row .ikonlabs:nth-child(8){
     margin-bottom:0;
}
.degerlerimiz .container .row .ikonlabs img{
    width: 85px;
    height: 85px;
    object-fit: contain;
    margin-bottom: 1rem;
}
.degerlerimiz .container .row .ikonlabs p{}

.vizyonmisyon{
    padding-top: 2.5%;
    padding-bottom: 5%;
}
.vizyonmisyon .container h2{
    text-align: center;
    color: #062B4C;
}
.vizyonmisyon .container h2::before{
    width:0;
}
.vizyonmisyon .container h3{
    text-align: center;
	width:50%;
	margin:auto;
}
.vizyonmisyon .container .row{
    margin-top: 5%;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    margin-top: 5%;
}
 
.vizyonmisyon .row .w50{}
.vizyonmisyon .row .w50:nth-child(2){
	margin-left:2.5%;
}
.vizyonmisyon .row .w50:nth-child(2){
	margin-left:2.5%;
	 
}
.vizyonmisyon .row .w50:nth-child(2) .kes{
	margin-left:auto;
	 
}
.vizyonmisyon .row .w50 .kes{
    width: 90%;
}
.vizyonmisyon .row .w50 .kes img{
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 2rem;
}
.vizyonmisyon .row .w50 .kes h5{
    color: #062B4C;
    font-weight: bold;
    margin-bottom: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #062B4C;
}
.vizyonmisyon .row .w50 .kes p{
}
.vizyonmisyon .row .w100{}
.vizyonmisyon .row .w100 img{
    width: 100%;
    border-radius: 10px;
    margin-top: 2rem;
}
.bizkimiztab{
    margin-bottom: 2.5%;
    background: #F5F7FB;
    filter: drop-shadow(0px 4px 4px #00000030);
    position: relative;
    z-index: 9;
    z-index: 99;
}
.bizkimiztab .row{}
.bizkimiztab .row .w30{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0089CF;
    color: #fff;
}
.bizkimiztab .row .w30 p{
    margin: 0;
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
}
.bizkimiztab .row .w70.row{}
.bizkimiztab .row .w70 .w25{
    width: 33.3%;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #00000020;
    border-left: 1px solid #00000020;
}
.bizkimiztab .row .w70 .w25.active{background: #E4E4E4;}
.bizkimiztab .row .w70 .w25 a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #021E37;
    font-weight: bold;
    text-align: center;
}
.bizkimiztab .row .w70 .w25.active a{
    color: #0089CF;
}
.partnerlerimiz{
    padding-bottom: 0;
}
.partnerlerimiz .container{}
.partnerlerimiz .container h2{
    width: 25%;
    margin: auto;
    margin-bottom: 2rem;
}
.partnerlerimiz .container h2::before{
    
top: -200px;
}
.partnerlerimiz .container .row{
	margin-top: 0rem;
}
.partnerlerimiz .container h3{
    width: 50%;
    text-align: center;
    margin: auto;
    margin-bottom: 0rem;
}
.partnerlerimiz .container .row .w30{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4rem;
    padding: 40px 20px;
    border-radius: 5px;
    /*border: 1px solid #A6A6A6;*/
    margin-left: 1.5%;
    margin-right: 1.5%;
}
.partnerlerimiz .container .row .w30 img{
    margin-right: 2rem;
    width: 120px;
    height: 120px;
    object-fit: contain;
}
.partnerlerimiz .container .row .w30 p{
    margin: 0;
}
.partnerlerimiz .container .row .reflogo p{
    font-size: 100%;
    width: 80%;
    min-height: 50px;
    font-weight: bold;
    height: 50px;
}
.partnerlerimiz .container .row .reflogo a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}
.partnerlerimiz .container .row .reflogo{
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 70px 0px;
    position:relative;
    /* border: 1px solid #C6C6C6;*/
    flex-direction: column;
    text-align: center;
}
.partnerlerimiz .container .row .reflogo img{
    min-height: 150px;
    object-fit: contain;
    width: 50%;
}
.partnerlerimiz .container .row .reflogo:nth-child(1){
    border-top: 0;
    border-left: 0;
}
.partnerlerimiz .container .row .reflogo:nth-child(2){
    border-top: 0;
}
.partnerlerimiz .container .row .reflogo:nth-child(3){
    border-top: 0;
}
.partnerlerimiz .container .row .reflogo:nth-child(4){
    border-top: 0;
}
.partnerlerimiz .container .row .reflogo:nth-child(5){
    border-top: 0;
    border-right: 0;
}
.partnerlerimiz.referasn{ 
	padding-top: 5%;
	padding-bottom: 5%;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul {
 
    z-index: 99999;
}
/*
.partnerlerimiz .container .row .reflogo:nth-child(n-1){
    border-top: 0;
    border-left: 0;
}
.partnerlerimiz .container .row .reflogo:nth-last-child(1){
    border-bottom: 0;
    border-right: 0;
}
.partnerlerimiz .container .row .reflogo:nth-last-child(2){
    border-bottom: 0; 
}
.partnerlerimiz .container .row .reflogo:nth-last-child(3){
    border-bottom: 0; 
}
.partnerlerimiz .container .row .reflogo:nth-last-child(4){
    border-bottom: 0; 
}
.partnerlerimiz .container .row .reflogo:nth-last-child(5){
    border-bottom: 0; 
}
.partnerlerimiz .container .row .reflogo:nth-child(7n-1){
    border-top: 0;
    border-left: 0;
}
.partnerlerimiz .container .row .reflogo:nth-child(11n-1){
    border-top: 0;
    border-right: 0;
}
*/

.tick {
  transform-origin: center;
  animation: grow 0.8s ease-in-out forwards;
}

@keyframes grow {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.circle {
  transform-origin: center;
  stroke-dasharray: 50;
  stroke-dashoffset: 0;
  animation: dash 1s linear;
}

@keyframes dash {
  from {
    stroke-dashoffset: 50;
    opacity: 0;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.surdurulebilirlikpolicy{
    padding-top: 5%;
    background: #F8F8F8;
    padding-bottom: 3%;
}
.surdurulebilirlikpolicy .container{}
.surdurulebilirlikpolicy .container h2{
	margin-bottom:4rem;
	width: 40%;
}
.surdurulebilirlikpolicy .container h3{}
.surdurulebilirlikpolicy .container .row{}
.surdurulebilirlikpolicy .container .row ul{}
.surdurulebilirlikpolicy .container .row ul li{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding-left: 60px;
    width: 48%;
    margin-right: 1%;
}
.surdurulebilirlikpolicy .container .row ul li svg{
    width: 50px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.surdurulebilirlikpolicy .container .row ul li svg path{
    width: 50px;
    height: 50px;
} 
.fotoniksparallax {
    background-image: url(../img/surdur-parallax.jpg);
    min-height: 800px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.fotoniksparallax h2{
    color: #fff;
}
.fotoniksparallax h2::before{
    width:0;
}
.fotoniksparallax h5{
    color: #fff;
    width: 70%;
    text-align: center;
    line-height: 150%;
    font-weight: 400;
    font-size: 35px;
}
.widthlast{
    padding-top: 5%;
}
.widthlast .container{}
.widthlast .container h3{
    text-align: center;
    font-weight: 400;
    width: 50%;
    margin: auto;
    margin-bottom: 3%;
}
.widthlast .container .row{}
.widthlast .container .row .w30{
    margin: 1% 3.5%;
    width: 26%;
}
.widthlast .container .row .w30 span{
    font-size: 35px;
    color: #0089CF;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    display: block;
    border-bottom: 1px solid #0089CF;
}
.widthlast .container .row .w30 p{
    width: 100%;
}
.belgelerimiz{
    padding-bottom: 5%;
}
.belgelerimiz h2{}
.belgelerimiz h3{}
.belgelerimiz .row{}
.belgelerimiz .row .heightkutu{
    width: 18%;
    position: relative;
    height: auto;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 3rem;
}
.belgelerimiz .row .heightkutu:hover .absolte2{
	opacity:1;
}
.belgelerimiz .row .heightkutu:hover .absolte{
	opacity:0.5;
}
.belgelerimiz .row .heightkutu .absolink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: block;
}
.belgelerimiz .row .heightkutu .absolte{
    width: 100%;
}
.belgelerimiz .row .heightkutu .absolte img{
    width: 100%;
    height: 100%;
}
.belgelerimiz .row .heightkutu .absolte2{
    position: absolute;
    width: 100%;
    opacity: 0;
    top: 0;
    transition: 1s;
}
.belgelerimiz .row .heightkutu .absolte2 img{
    width: 100%;
    height: 100%;
}
.belgelerimiz .row .heightkutu p{
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    font-weight: 600;
    color: #021E37;
    margin-bottom: auto;
    margin-top: 2rem;
}
.hizmet-1{
}
.hizmet-1 .container{}
.hizmet-1 .container h2{
    width: 50%;
    text-align: center;
    margin: auto;
    color: #232323;
}
.hizmet-1 .container .row{
    margin-top: 5rem;
}
.hizmet-1 .container .row .w25kutu{
    width: 23%;
    margin-right: 2%;
    padding: 30px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #0089CF;
    margin-bottom: 2%;
}
.hizmet-1 .container .row .w25kutu img{
    margin-bottom: 2rem;
}
.hizmet-1 .container .row .w25kutu p{
    width: 80%;
    margin: auto;
    font-weight: 300;
    font-size: 18px;
}
.hizmet-1 .container .row .w25kutu h5{
    margin-bottom: 2rem;
}
.hizmet-2{
    background: #F5F7FB;
}
.hizmet-2 .container{}
.hizmet-2 .container .row{}
.hizmet-2 .container .row .w50{}
.hizmet-2 .container .row .w50:last-child{
	margin-top:auto;
	margin-bottom:auto;
}
.hizmet-2 .container .row .w50 h6{
    border-top: 1px solid #37373750;
    padding-bottom: 10px;
    padding-top: 20px;
    padding-left: 30px;
    position:relative;
    color:#0089CF;
    font-weight:bold;
}
.hizmet-2 .container .row .w50 h6::before{
	content:"";
	position:absolute;
	left:0;
	/* top:0; */
	background:url(../img/arrow-left.png);
	background-size:contain;
	background-repeat:no-repeat;
	width: 20px;
	height: 20px;
	transform: translate(0px, 7px);
}
.hizmet-2 .container .row .w50 p{
    padding-left: 30px;
}
.hizmet-2 .container .row .w50 img{
    width: 100%;
}
.tasarim{
    padding-top: 5%;
    padding-bottom: 5%;
}
.tasarim .container{}
.tasarim .container h2{
	text-align:center;
	width:20%;
	margin:auto;
	margin-bottom: 1rem;
}
.tasarim .container p{
	margin-bottom:5%;
	text-align:center;
}
.tasarim .container .row{
    z-index: 9;
    position: relative;
} 
.tasarim .container .row .w50{}
.tasarim .container .row .w50 .bgs{}
.tasarim .container .row .w50 .bgs img{
    width: 100%;
}
.tasarim .container .row .w50 .bgs .film{}
.tasarim .container .row .w50 .text{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.tasarim .container .row .w50 .text h5{
    text-align: center;
    color: #fff;
    margin-bottom: 3rem;
    font-weight: 600;
}
.tasarim .container .row .w50 .text p{
    color: #fff;
    text-align: center;
    width: 80%;
}
.hizmet-2.cozumic{
	background:#F5F7FB;
}
/**/ 
.bizkimiztab.cozumtab .row .w70 .w25{
    width: 20%;
    margin-left: inherit;
    margin-right: inherit;
} 
.bizkimiztab.destektab .row .w70 .w25{
    width: 12.5%;
    margin-left: auto;
    margin-right: auto;
} 
/**/
	.hizmet-2.cozumic{}
	.hizmet-2.cozumic h3{
		margin-bottom:1rem;
	}
.yeteneklertable{}
.yeteneklertable .container{}
.yeteneklertable .container h2{}
.yeteneklertable .container .row{}
.yeteneklertable .container .row .w50{
    z-index: 9;
}
.yeteneklertable .container .row .w50 p{
    width: 100%;
    background: #0089CF;
    height: 60px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    color: #fff;
    font-weight: 600;
}
.yeteneklertable .container .row .w50 table{
    width: 100%;
	border-collapse:separate; 
  border-spacing: 0 0.2em;
}
.yeteneklertable .container .row .w50 table tr{}
.yeteneklertable .container .row .w50 table tr td{
	font-size:17px;
	padding-left:20px;
	height:50px;
	color: #021E37;
	font-weight: 500;
}
tr:nth-child(even) {background-color: #f2f2f2;}
tr:nth-child(odd) {background-color: #F5F7FB;} 
.hizmet-2.cozumic.kariyer p.tabletitle{
    width: 100%;
    background: #0089CF;
    height: 60px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    color: #fff;
    font-weight: 600;
}
.hizmet-2.cozumic.kariyer table{
    width: 100%;
	border-collapse:separate; 
  border-spacing: 0 0.2em;
}
.hizmet-2.cozumic.kariyer table tr{}
.hizmet-2.cozumic.kariyer table tr td{
	font-size:17px;
	padding-left:20px;
	height:50px;
	color: #021E37;
	font-weight: 500;
}
.hizmet-2.cozumic.kariyer h2::before{
	width:0;
} 
.sosyalimkanlar{}
.sosyalimkanlar .container{}
.sosyalimkanlar .container h2{
    margin-bottom: 4rem;
}
.sosyalimkanlar .container .row{
    justify-content: space-between;
    width: 90%;
    margin: auto;
}
.sosyalimkanlar .container .row .imkankutu{
    width: 23%;
    position: relative;
    margin-bottom: 3%;
    border-radius: 5px;
    overflow: hidden;
}
.sosyalimkanlar .container .row .imkankutu .bgs{}
.sosyalimkanlar .container .row .imkankutu .bgs img{
    width: 100%;
    object-fit: cover;
    height: 440px;
}
.sosyalimkanlar .container .row .imkankutu .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sosyalimkanlar .container .row .imkankutu .text img{
    filter: brightness(0) invert(1);
}
.sosyalimkanlar .container .row .imkankutu .text p{
    color: #fff;
    text-align: center;
    width: 80%;
}
.sosyalimkanlar .container .row .imkankutu .film{
	
position: absolute;
	
top: 0;
	
left: 0;
	
width: 100%;
	
height: 100%;
	
background: #021E3790;
}
.anasayfahakkimizda.kalite{
    background: #F5F7FB;
}
.anasayfahakkimizda.kalite h5{
    color: #0089CF;
    font-weight: 600;
    margin-bottom: 2rem;
}
.anasayfahakkimizda.kalite ul{
	list-style:none;
	padding: 0;
}
.anasayfahakkimizda.kalite .container .row .w50  ul li{
	position:relative;
	padding-left: 40px;
	margin-bottom: 1rem;
	width:100%;
}
.anasayfahakkimizda.kalite ul li::before{
	content:"";
	position:absolute;
	width: 30px;
	height: 30px;
	background:url(../img/kalite-poltiikasi.png);
	background-repeat:no-repeat;
	background-size:contain;
	left: 0;
	top: 5px;
}
.serifikalar{
    padding-top: 5%;
    padding-bottom: 5%;
}
.serifikalar .container{}
.serifikalar .container h2{}
.serifikalar .container .row{
    justify-content: flex-start;
}
.serifikalar .container .sertkutu{
    width: 21%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.serifikalar .container .sertkutu a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9;
	display:block;
}
.serifikalar .container .sertkutu .absolcert{}
.serifikalar .container .sertkutu img{
    height: auto;
    width: 100%;
    max-height: 450px;
    object-fit: contain;
}
.serifikalar .container .sertkutu p{
    color: #021E37;
    font-weight: bold;
    margin-top: 0rem;
    height: 60px;
    text-align: center;
}
.cizgilipart{
    background: #F5F7FB;
    padding-top: 5%;
    padding-bottom: 2.4%;
}
.cizgilipart .row{}
.cizgilipart .row h6{
	position:relative;
	padding-left:30px;
	color: #0089CF;
	font-weight: 600;
	margin-bottom: 1rem;
	display: block;
	width: 100%;
}
.cizgilipart .row p{
	
padding-left:30px;
	
margin-bottom: 1rem;
	
border-bottom: 1px solid #0089CF50;
	
display: block;
	
width: 100%;
	
padding-bottom: 1rem;
}
.cizgilipart .row p:last-child{
	border:none;
 
}
.cizgilipart .row h6::before{
	content:"";
	position:absolute;
	left:0;
	/* top:0; */
	background:url(../img/arrow-left.png);
	background-size:contain;
	background-repeat:no-repeat;
	width: 20px;
	height: 20px;
	transform: translate(0px, 7px);
}
.gal{
    padding-top: 5%;
    padding-bottom: 5%;
}
.gal .container{}
.gal .container h2{}
.gal .container h3{
	color:#021E37;
	font-weight:400;
	margin-bottom: 1rem;
}
.gal .container .item{}
.gal .container .item img{}
.gal .container .item h5{}
.gal .container .row .markakutu{
    width: 18%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 80px 10px;
    background: #F5F7FB;
    border-radius: 10px;
    margin-right: 2%;
    margin-bottom: 2%;
}
.gal .container .row .markakutu img{}
.gal .container .row .markakutu p{
    margin: 0;
    font-weight: bold;
    color: #0089cf;
    text-align: center;
}
.gal .container .row{
    justify-content: flex-start;
    z-index: 9;
    position: relative;
    margin-bottom: 5%;
    padding: 0;
}
.gal .container .row.patetnt{
    background: #F5F7FB;
    border-radius: 10px;
}
.gal .container .row.patetnt .w10{
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gal .container .row.patetnt .w90{
    padding: 20px;
}
.gal .container .row.patetnt p{
    margin: 0;
}
.gal .container .row.patetnt img{
    margin-left: 20px;
}
.iletisimbilg{}
.iletisimbilg .container{}
.iletisimbilg .container .row{}
.iletisimbilg .container h2{}
.iletisimbilg .container h3{
	width:40%;
}
.iletisimbilg .container .row .w50 table{
    border-collapse: separate;
}
.iletisimbilg .container .row .w50 table tr{
    padding: 15px 0px;
    display: block;
    background: transparent;
}
.iletisimbilg .container .row .w50 table tr td:first-child{
    vertical-align: top;
    width: 150px;
    font-weight: bold;
    color: #021E37;
}
.iletisimbilg .container .row .w50 table tr td:last-child{
    width: calc(100% - 80px);
}
.iletisimbilg .container .row .w50 table tr td a{}
.iletisimbilg .container .row .w50 iframe{
    min-height: 400px;
}
.formtag{
    padding-bottom: 5%!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.formtag h2{}
.formtag .row {
    position: relative;
    z-index: 9;
}
.formtag .row .w50{} 
.formtag .row .w50 label{
    width: 100%;
    display: block;
    color: #231F20;
    font-weight: 500;
    margin-bottom: 0;
}
.formtag .row .w50 input{
    margin-bottom: 1rem;
    width: 100%;
    border: 1px solid #021E37;
    height: 55px;
    border-radius: 5px;
    font-size: 90%;
    padding-left: 10px;
}
.formtag .row .w50 textarea{
    margin-bottom: 1rem;
    width: 100%;
    border: 1px solid #021E37;
    height: 90%;
    border-radius: 5px;
    font-size: 90%;
    padding-left: 10px;
    padding-top: 10px;
}
.formtag .row .w50 .fotoniksbtn{
    margin-left: auto;
    text-align: right;
}
.formtag .row .w50 .fotoniksbtn a{
} 
.galeri-owl .owl-nav .owl-prev{
	display: inline-flex;
	background: #0089D0!important;
	width: 65px;
	height: 65px;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin-right: 30px;
}
.galeri-owl .owl-nav .owl-next{
	display: inline-flex;
	background: #0089cf!important;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	width: 65px;
	height: 65px;
}
.galeri-owl .owl-nav .owl-prev img.hover,.galeri-owl .owl-nav .owl-next img.hover{
	display:none;
}
.galeri-owl{height:740px;}
.galeri-owl .owl-item .item{height:600px;display:flex;align-items:center;width:100%;}
.galeri-owl .owl-item .item img{width:100%;height:450px;object-fit:cover;border-radius:20px;transition:1.5s;}
.galeri-owl .owl-item.center .item img{height:600px;width:100%;transition:1.5s;}
.galeri-owl .owl-item .item .images{width:100%;}
.galeri-owl .owl-item .item .text{position:absolute;left:0px;width:calc(100% - 0px);height:450px;display:flex;justify-content:center;align-items:flex-end;border-radius:20px;transition:1.5s;background:#00215069;padding-bottom:10%;}
.galeri-owl .owl-item.center .item .text{transition:1.5s;display:flex;justify-content:center;height:100%;}
.galeri-owl .owl-item .item h4{opacity:1;color:#fff;text-align:center;}
.galeri-owl .owl-item.center .item h4{color:#FFF;}
.galeri-owl .owl-nav{margin:auto;text-align:center;margin-top:4rem;}
.galeri-owl .owl-nav{
	display:block!important;
	width:100%;
}


@media (max-width: 1550px){
.galeri-owl .owl-item.center .item img{height:500px;}
.galeri-owl .owl-item .item{height:500px;}
.galeri-owl .owl-item .item img{height:400px;}
.galeri-owl .owl-item .item img{height:450px;}
}
@media (max-width: 1500px){
.galeri-owl{height:640px;}
}
@media (max-width: 1400px){
.galeri-owl .owl-item .item img{height:300px;}
.galeri-owl .owl-item .item{height:400px;}
.galeri-owl .owl-item.center .item img{height:400px;}
.galeri-owl{height:520px;}
.galeri-owl .owl-item .item img{height:300px;}
.galeri-owl .owl-item .item .text{height:300px;}
}
@media (max-width: 1200px){
.galeri-owl{height:480px;}
.galeri-owl .owl-nav{margin:auto;text-align:center;margin-top:2rem;}
}
@media (max-width: 900px){
.galeri-owl .owl-item .item img{height:250px;}
.galeri-owl .owl-item.center .item img{height:250px;}
.galeri-owl .owl-item .item{height:250px;}
.galeri-owl .owl-item .item img{height:200px;}
.galeri-owl{height:340px;}
.galeri-owl .owl-nav{margin-top:1rem;}
}
@media (max-width: 800px){
.galeri-owl .owl-item .item .text{height:200px;}
}
@media (max-width: 600px){
.owl-nav .okimage{margin-right:0px;}
.galerti{margin-left:8%;margin-right:8%;padding-top:0;}
.galeri-owl .owl-nav .owl-prev{margin-right:5px;}
}

/**/
	
.timeline {
  position: relative;
  width: 60%;
  margin: 0 auto;
  margin-top: 20px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  margin-left: -3px;
  background: linear-gradient(to bottom, #0089CF 0%, #0089CF 8%, #0089CF 92%, #0089CF 100%);
  z-index: 5;
}

.timeline li {
  padding: 1em 0;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  position: relative;
  width: 460px;
  text-align: right;
  padding-right: 0px;
}

.direction-r {
  position: relative;
  width: 460px;
  float: right;
}

.flag-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(248,248,248);
  padding: 6px 10px;
  border-radius: 5px;
  font-weight: 600;
  text-align: left;
  padding: 0;
}

.direction-l .flag {
  /* -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  /* box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
}

.direction-r .flag {
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  /* box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); */
  padding: 0;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: -315px;
  content: ' ';
  display: block;
  width: 32px;
  height: 32px;
  margin-top: -10px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #0089CF;
  z-index: 10;
}

.direction-r .flag:before {
  left: -46px;
}

.direction-l .flag:after {
  content: "";
  position: absolute;
  left: 90%;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -2px;
  border: solid transparent;
  border-left-color: #0089CF;
  border-width: 8px;
  pointer-events: none;
  transform: rotate(180deg);
  right: -275px;
  left: inherit;
}

.direction-r .flag:after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  height: 0;
  width: 0;
  margin-top: -2px;
  border: solid transparent;
  border-right-color: rgb(248,248,248);
  border-width: 8px;
  pointer-events: none;
  border-left-color: #0089CF;
  border-width: 8px;
  pointer-events: none;
}

.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
  /* margin: 1em 0.75em 0 0; */
  /* font-style: italic; */
  /* line-height: 1.5em; */
  font-weight: 400;
  font-size: 20px;
  color: #363636;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

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

.timeline {
 	width: 100%;
	padding: 4em 0 1em 0;
}

.timeline li {
	padding: 2em 0;
}

.direction-l,
.direction-r {
	float: none;
	width: 100%;

	text-align: center;
}

.flag-wrapper {
	text-align: center;
}

.flag {
	background: rgb(255,255,255);
	z-index: 15;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: -30px;
	left: 50%;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-left: -9px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid rgb(255,80,80);
	z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -8px;
	height: 0;
	width: 0;
	margin-left: -8px;
	border: solid transparent;
	border-bottom-color: rgb(255,255,255);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	z-index: 14;
}

.direction-l .time-wrapper {
	float: none;
}

.direction-r .time-wrapper {
	float: none;
}

.desc {
	position: relative;
	margin: 1em 0 0 0;
	padding: 1em;
	background: rgb(245,245,245);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 1px rgba(0,0,0,0.20);
	
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
	position: relative;
	margin: 1em 1em 0 1em;
	padding: 1em;
	
  z-index: 15; 
}

}

@media screen and (min-width: 400px ?? max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
	margin: 1em 4em 0 4em;
}

}
.tmln{}
.tmln h2{
}
.tmln h3{
	width:35%;
}
.tmln ul.timeline{}
.tmln ul.timeline .desc{
    padding-left: 10px;
    padding-right: 20px;
}
.tmln ul.timeline .direction-r span.numb{
    font-size: 40px;
    color: #000000;
    margin-bottom: 1rem;
    display: block;
    padding-left: 20px;
    padding-left: 20px;
}
.tmln ul.timeline .direction-r span.title{
    font-size: 25px;
    color: #021E37;
    font-weight: 500;
    padding-left: 20px;
}
.tmln ul.timeline .direction-l span.numb{
    font-size: 40px;
    color: #000000;
    margin-bottom: 1rem;
    display: block;
    padding-right: 20px;
    ,: ,;
}
.tmln ul.timeline .direction-l span.title{font-size: 25px;color: #021E37;font-weight: 500;padding-right: 20px;}
.tmln ul.timeline .direction-r .ikonvebord{
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px dashed #8A8A8A;
    margin-left: 20px;
    display: block;
} 
	.tmln ul.timeline .direction-r .ikonvebord::after{
		content: "";
    position: absolute;
    right: -320px;
    top: -180px;
    background: url(../img/fotoniksbaslikbg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 450px;
    height: 450px;
    animation: rota 10s ease infinite;
    z-index: 9;
	}
	.tmln ul.timeline .direction-l .ikonvebord::after{
		content: "";
    position: absolute;
    left: -320px;
    top: -130px;
    background: url(../img/fotoniksbaslikbg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 450px;
    height: 450px;
    animation: rota 10s ease infinite;
    z-index: 9;
	}
.tmln ul.timeline .direction-r .ikonvebord img{
    right: -150px;
    position: absolute;
} 
.tmln ul.timeline .direction-l .ikonvebord{
    width: 100%;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px dashed #8A8A8A;
    margin-right: 20px;
} 
.tmln ul.timeline .direction-l .ikonvebord img{
    position: absolute;
    left: -150px;
}   
.sss{}
.sss h2{}
.sss .accordion{
    z-index: 9;
    position: relative;
}
.sss .accordion .akoritem{
    width: 100%;
    margin-bottom: 1rem;
	position:relative;
}
.sss .accordion .akoritem .accil.collapsed::before{
	content:"";
	position:absolute;
	right:0;
	top: 5px;
	background: url(../img/activesa.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
.sss .accordion .akoritem .accil.active-accil::after{
	content:"";
	position:absolute;
	right:0;
	top: 5px;
	background: url(../img/notactive.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
.sss .accordion .akoritem .accil.active-accil.collapsed::after{
	opacity:0;    
}
.sss .accordion .akoritem  .accil.active-accil.collapsed::before{
	opacity:1; 
}
.sss .accordion .akoritem .accil{
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid;
    text-align: left;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-bottom: 2rem;
}
.sss .accordion .akoritem .accil h6{
    padding: 0;
}
.sss .accordion .akoritem .accil.active-accil{}
.sss .accordion .akoritem .accil.active-accil h6{}
.sss .accordion .akoritem .card-body{
    padding: 0;
    height: 0;
    opacity: 0;
	transition:1s;
}
.sss .accordion .akoritem .show .card-body{
    padding: 0;
    height: auto;
    opacity: 1;
}
.sss .accordion .akoritem .card-body p{}


/**/
.mevzuatpart .w20{border-radius:10px;border: 1px solid #F5F7FB;background: #F5F7FB;}
.mevzuatpart .w20 .bggri ul{list-style:none;padding:0;padding-left:55px;margin-top:2rem;}
.mevzuatpart .w20 .bggri ul li{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;cursor: pointer;}
.mevzuatpart .w20 .bggri ul li input{width:30px;height:25px;margin-right:20px;accent-color:#015AA6;}
.mevzuatpart .w80{padding-left:2%;}
.mevzuatpart .w80 .bggri{border-radius:10px;border:1px solid #F0F0F0;background:#FBFBFB;}
.mevzuatpart .w80 .bggri .list{border-bottom:1px solid #E4E4E4;padding:20px;display:flex;justify-content:center;align-items:center;position: relative;}
.mevzuatpart .w80 .bggri .list .w10 p{font-weight:400;color:#021D49;text-align:center;font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:normal;}
.mevzuatpart .w80 .bggri .list .w100 a{display:inline-block;position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.mevzuatpart .w80 .bggri .list .w100 a .okimage{
    position: absolute;
    right: 0;
}
.mevzuatpart .w80 .bggri .list .w100:hover  a .okimage{transition:0.5s;}
.mevzuatpart .w80 .bggri .list .w100:hover  a .okimage img.hover{display:block;}
.mevzuatpart .w80 .bggri .list .w100:hover  a .okimage img.normal{}
.mevzuatpart .w80 .bggri .list .w100 a .okimage img.normal{}
.mevzuatpart .w80 .bggri .list .w100 a .okimage img.hover{display:none;}
.mevzuatpart .w80 .bggri .list .w100 a .okimage img{margin-right: -11px;margin-top: -5px;}
.mevzuatpart .w80 .bggri .list .w100 p{font-size:17px;text-align:left;width:90%;display:inline;}
.mevzuatpart .w80 .bggri .list .w10:first-child p{font-weight:500;}
	.mevzuatpart .w80 .bggri .list:nth-child(2n){
		background:#F5F7FB;
	}	.mevzuatpart .w80 .bggri .list:nth-child(2n-1){
		background:#EBEEF4;
	}

	
	.mevzuatpart .w80 .bggri .list:first-child{
	background:#0089CF;
	
}.mevzuatpart .w80 .bggri .list:first-child p{
	color:#fff;
	
}


	@media (max-width: 1400px){
.mevzuatpart .w80 .bggri .list .w100 p{font-size:17px;text-align:left;}
.mevzuatpart .w20 .bggri ul li input{width:auto;}
.mevzuatpart .w20 .bggri ul{padding-left:25px;}
.mevzuatpart .w20 .bggri ul li input{width:30px;}
}
@media (max-width: 1200px){
.mevzuatpart .w20 .bggri ul{padding-left:5px;}
.mevzuatpart .w20 .bggri ul li input{width:20px;margin-right:10px;}
}
@media (max-width: 900px){
.mevzuatpart .w80 .bggri .list .w100 p{font-size:13px;text-align:left;}
.mevzuatpart .w80 .bggri .list .w10 p{font-size:18px;}
.mevzuatpart .w20 .bggri ul li input{width:15px;margin-right:4px;}
}
@media (max-width: 800px){ 
.mevzuatpart .w80{padding-left:0%;width:100%;}
.mevzuatpart .w20 .bggri ul li input{width:25px;margin-right:4px;}
.mevzuatpart .w20{width:100%;margin-bottom:2rem;}
}
@media (max-width: 600px){
.mevzuatpart .w80 .bggri .list{padding:20px 0px;}
.mevzuatpart .w80 .bggri .list .w100 p{font-size:11px;text-align:left;width:fit-content;}
.mevzuatpart .w80 .bggri .list .w10 p{font-size:14px;}
.mevzuatpart .w80 .bggri .list .w100 a .okimage{width:20px;height:20px;}
.mevzuatpart .w80 .bggri .list .w100 a .okimage img{margin-right:-1px;margin-top:1px;width:5px;}
}
.desktopnav{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    height: 110px;
    padding-top: 40px;
    padding-bottom: 40px;
    transition: 1s;
}
.desktopnav:hover{
	background:#152138;
}
.desktopnav.navtakip{
	background: #021E37;
	position: fixed;
	top: 0;
	left: 0;
	height: 80px;
	padding-top: 25px;
}
.desktopnav .container{max-width: 90%;}
.desktopnav .container .row{}
.desktopnav .container .row .w20{}
.desktopnav .container .row .w20 .logo{}
.desktopnav .container .row .w20 .logo img{
	width: 80%;
	transition:1s;
}
.desktopnav.navtakip .container .row .w20 .logo img{
	width: 60%;
}
.desktopnav .container .row .w80{
    position: inherit;
}
.desktopnav .container .row .w80 ul{
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
}
.desktopnav .container .row .w80 ul li{
    list-style: none;
    margin: 0;
    height: 80px;
    margin-left: 30px;
}
.desktopnav.navtakip .container .row .w80 ul li{ 
    height: 60px; 
}
.desktopnav .container .row .w80 ul li a{
    color: #fff;
    font-size: 17px;
    transition: 0;
}
.desktopnav.navtakip .container .row .w80 ul li a{
    color: #fff;
    font-size: 15px;
}
.desktopnav .container .row .w80 ul li img{
    width: 100%;
	transition:1s;
}
.desktopnav.navtakip .container .row .w80 ul li img{
    width: 80%;
}
.desktopnav .container .row .w80 ul li.dropdown{
    position: inherit;
}
.desktopnav .container .row .w80 ul li.dropdown a{}
.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu{
    width: calc(100vw - 5px);
    left: 0;
    position: absolute;
    background: #021e37;
    border-top: 1px solid #fff;
    top: 100px;
    visibility: hidden;
    transform: translate(0px, -30px);
    opacity: 0;
    transition: transform .3s , opacity .1s;
    z-index: 99999999999999999;
    display: none;
} 
	
.desktopnav.navtakip .container .row .w80 ul li.dropdown .dropdownfllmenu{
	top:70px;
}
.desktopnav .container .row .w80 ul li.dropdown.geldi .dropdownfllmenu{
	visibility: visible;
	transform: translate(0px, 0);
	opacity: 1;
	z-index: 9;
	display: block;
}
	.desktopnav .container .row .w80 ul li.dropdown:hover .dropdownfllmenu::before{
	 content: "";
	 position: absolute;
	 left: -190px;
	 top: 60px;
	 background: url(../img/fotoniksbaslikbg.png);
	 background-size: 100%;
	 background-repeat: no-repeat;
	 width: 450px;
	 height: 450px;
	 animation: rota 10s ease infinite;
	 z-index: 9;
}
	
.desktopnav .dropdownfllmenu .container{
    padding: 40px 0px 40px 0;
}
.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50:first-child{
    padding-left: 15%;
    margin-top: auto;
    margin-bottom: auto;
}
.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50:last-child{
   margin:auto;
	text-align:center;
}
.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50 h6{
    color: #0089CF;
    margin-bottom: 1rem;
    font-weight: bold;
}
	.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50 ul{
    display: block;
    position: relative;
    z-index: 99;
}
	.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50 ul li{
    margin-bottom: 1rem;
    height: auto;
    margin: 0;
}
	.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50 ul li a{
		color:#fff;
		height: auto;
		display: block;
		cursor: pointer;
	}
	.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50 ul li a:hover{
		 color: #0089CF;
	}
	.desktopnav .container .row .w80 ul li.dropdown .dropdownfllmenu .w50 img{
		width: auto;
		object-fit: cover;
		max-height: 40vh;
		height: auto;
		border-radius:20px;
		margin: auto;
		text-align: center;
	}
	.footersec{
    background: #021E37;
    padding-top: 5%;
    padding-bottom: 1%;
}
	.footersec .container{}
	.footersec .container .row{}
	.footersec .container .row .w20{}
	.footersec .container .row .w20 img{
    margin-bottom: 1rem;
}
	.footersec .container .row .w20 h6{
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 2rem;
}
	.footersec .container .row .w20 a{}
	.footersec .container .row .w20 a{
    display: block;
    margin: 0;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
}
	.footersec .container .row .w20 iframe{}
	.footersec .container .row .w20 iframe{
    margin-top: 3rem;
    height: 250px;
}
	.footersec .container .row .w80{
    padding-left: 5%;
}
	.footersec .container .row .w80 .row{}
	.footersec .container .row .w80 .row .w11{
    width: 20%;
}
	.footersec .container .row .w80 .row .w11 h6{
    color: #0089CF;
    font-size: 18px;
    margin-bottom: 1rem;
}
	.footersec .container .row .w80 .row .w11 ul{
    padding: 0;
    list-style: none;
}
	.footersec .container .row .w80 .row .w11 ul li{}
	.footersec .container .row .w80 .row .w11 ul li a{
    color: #fff;
    font-size: 15px;
    display: block;
    margin: 0;
    margin-bottom: .5rem;
}

.footersec .container .social{
    width: 100%;
    border-bottom: 1px solid #0089CF;
}
.footersec .container .social ul{
    padding: 0;
    list-style: none;
    display: flex;
}
.footersec .container .social ul li{
    margin-right: 30px;
    margin-top: 2rem;
    margin-bottom: 0;
}
.footersec .container .social ul li a{
    font-size: 17px;
    color: #0089CF;
    font-weight: 500;
}
.footersec .container .social ul li a img{}
.rowcopyr{
    padding-top: 2rem;
}
.rowcopyr a{
    color: #fff;
    font-size: 13px;
}
.fotoniks-new-slider{
    position: relative;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
.fotoniks-new-slider .tablis{
    position: relative;
    cursor: pointer;
}
.fotoniks-new-slider .button-list{
    position: absolute;
    left: 4%;
    z-index: 99;
    top: 20%;
    width: 160px;
}
.fotoniks-new-slider .tablis .leftdoldur{}
.fotoniks-new-slider .tablis .leftdoldur .ustyatay{
    color: #fff;
    position: absolute;
    left: -20px;
    top: -22px;
    width: 11px;
    height: 2px;
    background: #fff;
}
.fotoniks-new-slider .tablis:first-child .leftdoldur .ustyatay::before{
   content: "";
   position: absolute;
   background: url(../img/triangle.svg);
   width: 25px;
   height: 15px;
   background-size: contain;
   background-repeat: no-repeat;
   top: -18px;
   left: -0;
   filter: brightness(0) invert(1);
}
 
.fotoniks-new-slider .tablis .leftdoldur .cizgi{
    position: absolute;
    left: -15px;
    top: -20px;
    width: 1px;
    height: 100px;
    background: #fff;
}
.fotoniks-new-slider .tablis .leftdoldur .yatay{
    position: absolute;
    left: -24px;
    bottom: 0px;
    width: 18px;
    height: 1px;
    background: #fff;
    z-index: 9;
    transition-delay: 0.1s;
}

	/**/
	
.fotoniks-new-slider .tablis.active .leftdoldur .ustyatay{
     
    background: #0089CF;
}
.fotoniks-new-slider .tablis .leftdoldur .cizgi{
    
}
.fotoniks-new-slider .tablis.active .leftdoldur .yatay{
    background: #0089CF;
    transition-delay: 20s;
}
	/**/
.fotoniks-new-slider .tablis .rightiko{
    position: relative;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 25px;
} 
	.fotoniks-new-slider .tablis .leftdoldur::before {
    content: "";
    position: absolute;
    left: -15px;
    top: -20px;
    width: 1px;
    height: 0%;
    background: #0089CF;
    z-index: 9;
    transition: 0.1s;
}
	.fotoniks-new-slider .tablis.active .leftdoldur::before {
    height: 100px;
    transition: 20s;
}
.fotoniks-new-slider .tablis .rightiko img{
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
}
.fotoniks-new-slider .tablis .rightiko img.normal{
    display: block;
    opacity: 1;
}
.fotoniks-new-slider .tablis .rightiko img.active{
    opacity: 0;
}
.fotoniks-new-slider .tablis .rightiko p{
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    height: 45px;
}
.fotoniks-new-slider .tablis:hover .rightiko p{
	font-weight:800
}
.anasayfaurunler .container .row .w90 .owl-uruns .owl-item .w50 .absole{
	/* opacity:0; */
}
.fotoniks-new-slider .tablis.active{}
.fotoniks-new-slider .tablis.active .leftdoldur{}
.fotoniks-new-slider .tablis.active .leftdoldur .ustyatay{}
.fotoniks-new-slider .tablis.active .leftdoldur .cizgi{}
.fotoniks-new-slider .tablis.active .leftdoldur .yatay{}
.fotoniks-new-slider .tablis.active .rightiko{}
.fotoniks-new-slider .tablis.active .rightiko img{
    opacity: 1;
}
.fotoniks-new-slider .tablis.active .rightiko img.normal{
    opacity: 1;
    filter: drop-shadow(0 0 0.75rem #0089CF);
}
.fotoniks-new-slider .tablis.active .rightiko img.active{
    opacity: 0;
}
.fotoniks-new-slider .tablis.active .rightiko p{
    font-weight: bold;
    filter: drop-shadow(0 0 0.75rem #0089CF);
}
.fotoniks-new-slider .bgs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 1s;
}
.fotoniks-new-slider .bgs .images{
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.fotoniks-new-slider .bgs .images img{
    width: 110%;
    height: 110%;
    object-fit: cover;
    transform: translate(-5%, -5%) scale(1.2);
    transition: transform 20s;
    position: absolute;
}
.fotoniks-new-slider .bgs .images img.hava{
	opacity:0;
     
}
.fotoniks-new-slider .bgs .images img.deniz{
	opacity:0;
     
}
.fotoniks-new-slider .bgs.active .images img{
    
    transform: translate(-5%, -5%) scale(1);
}
.fotoniks-new-slider .bgs .positiontitle{
    position: absolute;
    left: 12%;
    top: 19%;
    width: 35%;
}
.fotoniks-new-slider .bgs .positiontitle h1{
    color: #fff;
    font-weight: 600;
    line-height: 130%;
    font-size: 45px;
    opacity: 0;
    transition: 3s;
    text-shadow: 0px 4px 4px #00000050;
}
.fotoniks-new-slider .bgs.active{
    z-index: 9;
    opacity: 1;
    transition: 0.5s;
}
	.fotoniks-new-slider .bgs#slider-1 .images::after{
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:#0086cb40;
		
	}
	
.fotoniks-new-slider .bgs .images video{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    object-fit: cover;
}
.fotoniks-new-slider .bgs.active .images{}
.fotoniks-new-slider .bgs.active .images img{}
 
.fotoniks-new-slider .bgs.active#slider-4 .images img{

}
.fotoniks-new-slider .bgs.active#slider-4 .images img.active{}
.fotoniks-new-slider .bgs.active .positiontitle{}
.fotoniks-new-slider .bgs.active .positiontitle h1{
    opacity: 1;
}
.fotoniks-new-slider .bgs .asker{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.fotoniks-new-slider .bgs .asker .askers{
    position: absolute;
    bottom: -20px;
    left: 21%;
    height: 70%;
    width: 40%;
}
.fotoniks-new-slider .bgs .asker.optik .askers{
    position: absolute;
    bottom: 0;
    left:40%;
}
.fotoniks-new-slider .bgs .asker .askers img.sold, .fotoniks-new-slider .bgs .asker .askers video.sold{
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: .5s;
}
.fotoniks-new-slider .bgs .asker .askers img.sold.active, .fotoniks-new-slider .bgs .asker .askers video.sold.active{
    position: absolute;
    bottom: 0;
    opacity: 1;
    transition: .5s;
}
 
	.fotoniks-new-slider .bgs .asker.kesif .askers img.sold, .fotoniks-new-slider .bgs .asker.kesif .askers video.sold{
		width: 110%;
		left: 40%;
		height: 110%;
	}
	.fotoniks-new-slider .bgs .asker.kesif .askers img.sold.active, .fotoniks-new-slider .bgs .asker.kesif .askers video.sold.active{
		opacity:1
	}
.fotoniks-new-slider .bgs .asker .askers img.sold.active{
  
    opacity: 1;
}
.fotoniks-new-slider .bgs .asker .askers img.absolelast{
	position:absolute;
	top: 30%;
	left: 45%;
	animation: rotates 20s infinite;
}
.fotoniks-new-slider .bgs .asker .asker-urun{
	
display: flex;
	
justify-content: center;
	
align-items: center;
	
z-index: 99;
	
cursor: pointer;
}
.fotoniks-new-slider .bgs .asker .asker-urun img{
	position:absolute;
	z-index: 9;
	width: 140px;
}
.fotoniks-new-slider .bgs .asker .asker-urun img.arka{animation: rotates 20s infinite;transition: opacity 2s;}
.fotoniks-new-slider .bgs .asker .asker-urun img.arka-active{
    opacity: 0;
    animation: rotates 20s infinite;
    transition: opacity 2s;
}
.fotoniks-new-slider .bgs .asker .asker-urun img.uruns{
    width: 120px;
}
.fotoniks-new-slider .bgs .asker .asker-urun img.cizgi{
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    opacity:0;
    transition: 3s;
    width: auto;
    height: auto;
    transition: 0.5s;
} 
	.fotoniks-new-slider .bgs .asker .asker-urun.active img.cizgi{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	opacity:1;
	transition: 1.5s;
}
.fotoniks-new-slider .bgs .asker .asker-urun.active img.arka{opacity: 0;}
.fotoniks-new-slider .bgs .asker .asker-urun.active img.arka-active{
    opacity: 1;
}
.fotoniks-new-slider .bgs .asker .asker-urun.active img.uruns{}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-1 img.cizgi{
		 transform: translate(-66%, 44%);
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-2 img.cizgi{
		 transform: translate(-59%, 44%);
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-3 img.cizgi{
		 transform: translate(-57%, -46%);
		 width: 660px;
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-4 img.cizgi{
		 transform: translate(-74%, -43%);
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-5 img.cizgi{
		 transform: translate(71%, 37%);
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-6 img.cizgi{
		 transform: translate(59%, -49%);
		 width: 340px;
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-7 img.cizgi{
		 transform: translate(56%, -107%);
		 width: 440px;
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-9 img.cizgi{
		 transform: translate(96%, 43%);
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-10 img.cizgi{
		 transform: translate(66%, 43%);
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-11 img.cizgi{
		 transform: translate(-68%, 43%);
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#kesif-1 img.cizgi{
		 transform: translate(82%, -22%);
		 width: 210px;
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#kesif-2 img.cizgi{
		 transform: translate(-72%, -27%);
	}
.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-1 img.cizgi{
    transform: translate(-61%, 69%);
}
.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-2 img.cizgi {
    transform: translate(-61%, 69%);
}
.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-3 img.cizgi {
    transform: translate(-61%, -61%);
}
.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-4 img.cizgi {
    transform: translate(-65%, -51%);
}
.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-1{
	position:absolute;
	right: 29%;
	top: 23%;
}
.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-2{
	position:absolute;
	right: 22%;
	top: 39%;
}

.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-3{
	position:absolute;
	right: 22%;
	top: 63%;
}

.fotoniks-new-slider .bgs .asker .asker-urun#asker-urun-4{
	position:absolute;
	right: 30%;
	top: 83%;
}
.fotoniks-new-slider .bgs .description{
    position: absolute;
    left: 45%;
    top: 31%;
    width: 300px;
    z-index: 9999;
}
.fotoniks-new-slider .bgs .description.optik{
    position: absolute;
    left: 65%;
    top: 45%;
    width: 300px;
}
	.fotoniks-new-slider .bgs .description.kesif {
    position: absolute;
    left: 45%;
    top: 14%;
    width: 300px;
}
.fotoniks-new-slider .bgs .description div{
    opacity: 0;
    transition: 1s;
    position: absolute;
}
.fotoniks-new-slider .bgs .description div.active{
    opacity: 1;
    transition: .5s;
    transition-delay: 0.5s;
}
.fotoniks-new-slider .bgs .description div h6{
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}
.fotoniks-new-slider .bgs .description div p{
    font-size: 13px;
    color: #fff;
    font-weight: 100;
}
.fotoniks-new-slider .bgs .description div .fotoniksbtn{
    opacity: 1;
}
.fotoniks-new-slider .bgs .description div .fotoniksbtn a{}
.fotoniks-new-slider .bgs .description div .fotoniksbtn a img{}



	
/*Plarform*/

	.fotoniks-new-slider .bgs .asker.platform{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.fotoniks-new-slider .bgs .asker.platform .askers{
    position: absolute;
    bottom: 10%;
    left: 29%;
    width: 50%;
    min-height: 500px;
}
.fotoniks-new-slider .bgs .asker.platform .askers img.sold{
    position: absolute;
    width: 80%;
    height: 80%;
    opacity: 0;
    object-fit: contain;
}
.fotoniks-new-slider .bgs .asker.platform .askers img.absolelast{
	position:absolute;
	top: 30%;
	left: 45%;
	animation: rotates 20s infinite;
}
.fotoniks-new-slider .bgs .asker.platform .asker-urun{
	
display: flex;
	
justify-content: center;
	
align-items: center;
	
z-index: 99;
	
cursor: pointer;
}
 
 

.fotoniks-new-slider .bgs .asker .asker-urun#tank-1{
	position:absolute;
	right: 25%;
	top: 35%;
} 
	.fotoniks-new-slider .bgs .asker .asker-urun#kesif-2{
		position:absolute;
		right: 30%;
		top: 45%;
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-11{
		position:absolute;
		right: 28%;
		top: 44%;
	}
.fotoniks-new-slider .bgs .asker .asker-urun#tank-2,.fotoniks-new-slider .bgs .asker .asker-urun#tank-13{
	position:absolute;
	right: 20%;
	top: 49%;
}

.fotoniks-new-slider .bgs .asker .asker-urun#tank-3{
	position:absolute;
	right: 20%;
	top: 66%;
}

.fotoniks-new-slider .bgs .asker .asker-urun#tank-4{
	position:absolute;
	right: 25%;
	top: 79%;
}

.fotoniks-new-slider .bgs .asker .asker-urun#tank-5,.fotoniks-new-slider .bgs .asker .asker-urun#optik-1,.fotoniks-new-slider .bgs .asker .asker-urun#tank-9{
	position:absolute;
	left: 33%;
	top: 35%;
} 
	.fotoniks-new-slider .bgs .asker .asker-urun#kesif-1{
			position:absolute;
			left: 30%;
			top: 45%;
	}
	.fotoniks-new-slider .bgs .asker .asker-urun#tank-10{
		position:absolute;
		left: 27%;
		top: 44%;
	}
.fotoniks-new-slider .bgs .asker .asker-urun#tank-6,.fotoniks-new-slider .bgs .asker .asker-urun#optik-2,.fotoniks-new-slider .bgs .asker .asker-urun#kesif-3,.fotoniks-new-slider .bgs .asker .asker-urun#tank-12{
	position:absolute;
	left: 28%;
	top: 49%;
}

.fotoniks-new-slider .bgs .asker .asker-urun#tank-7{
	position:absolute;
	left: 28%;
	top: 66%;
}

.fotoniks-new-slider .bgs .asker .asker-urun#tank-8{
	position:absolute;
	left: 33%;
	top: 79%;
}
 




.fotoniks-new-slider .bgs .description.platform{
    position: absolute;
    left: 48%;
    top: 18%;
    width: 300px;
}
.fotoniks-new-slider .bgs .description div{
    opacity: 0;
    transition: 1s;
    position: absolute;
    /* display: none; */
}
.fotoniks-new-slider .bgs .description{    
    background: #00000040;
}
.fotoniks-new-slider .bgs .description div.active{
    opacity: 1;
    transition: .5s;
    transition-delay: 0.5s;
    /* display: block; */
    z-index: 9;
}
.fotoniks-new-slider .bgs .description div h6{
    font-size: 15px;
    color: #fff;
    font-weight: 600;
}
.fotoniks-new-slider .bgs .description div p{
    font-size: 13px;
    color: #fff;
    font-weight: 200;
    text-shadow: 1px 1px 0px #000;
}
.fotoniks-new-slider .bgs .description div .fotoniksbtn{
    opacity: 1;
    display: block;
}
.fotoniks-new-slider .bgs .description div .fotoniksbtn a{}
.fotoniks-new-slider .bgs .description div .fotoniksbtn a img{}
.fotoniks-new-slider .bgs .asker.platform .askers img.sold.active{
	opacity:1;
}
	.fotoniks-new-slider .bgs .karahavatab{
    position: absolute;
    bottom: 0;
    width: 100%;
    /* background: #000; */
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: auto;
    text-align: center;
    z-index: 9;
    transition: 1s;
}
	.fotoniks-new-slider .bgs .karahavatab .karatab{
    width: 15%;
    background: #FFFFFF39;
    color: #fff;
    width: 310px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
}
	.fotoniks-new-slider .bgs .karahavatab .karatab.active{
    background: #0089CF;
    height: 80px;
} 

/**/.fotoniks-new-slider .bgs .karahavatab .kesiftab{
    width: 15%;
    background: #FFFFFF39;
    color: #fff;
    width: 310px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
}
	.fotoniks-new-slider .bgs .karahavatab .kesiftab.active{
    background: #0089CF;
    height: 80px;
}

 /**/
	.fotoniks-new-slider .bgs .platform-tab{
   
}
	.fotoniks-new-slider .bgs .platform-tab > div{
		/* opacity:0; */
		transition:1s;
	}
	.fotoniks-new-slider .bgs .platform-tab > div.active{
		opacity:1;
		 
	}
.slogans{}
.slogans h1{
    text-align: center;
    color: #021E37;
    line-height: 150%;
}
.slogans h1 strong{
    display: block;
    font-weight: bold;
    font-size: 65px;
}

/*UrunlerNav*/
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2{
    width: calc(100vw - 5px);
    left: 0;
    position: absolute;
    background: #021E37;
    border-top: 1px solid #fff;
    top: 100px;
    visibility: hidden;
    transform: translate(0px, -30px);
    opacity: 0;
    transition: transform .3s , opacity .1s;
    display: none;
} 
	.desktopnav.navtakip .row .w80 ul li.dropdown .dropdownfllmenu2{ 
    top: 70px; 
} 
	
.desktopnav .row .w80 ul li.dropdown.geldi .dropdownfllmenu2{
	visibility: visible;
	transform: translate(0px, 0);
	opacity: 1;
	z-index: 9;
	display: block;
}
	.desktopnav .row .w80 ul li.dropdown:hover .dropdownfllmenu2::before{
	 content: "";
	 position: absolute;
	 left: -190px;
	 top: 60px;
	 background: url(../img/fotoniksbaslikbg.png);
	 background-size: 100%;
	 background-repeat: no-repeat;
	 width: 450px;
	 height: 450px;
	 animation: rota 10s ease infinite;
	 z-index: 9;
}
	
.desktopnav .dropdownfllmenu2{
    padding: 0px 0px 0px 0;
}
 
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 h6{
    color: #0089CF;
    margin-bottom: 1rem;
    font-weight: bold;
    padding-left: 15%;
}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul{
    display: block;
    margin-top: 3rem;
    position: relative;
    z-index: 99999;
}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li{
    margin-bottom: 1rem;
    height: auto;
    margin: 0;
    padding-left: 15%;
}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li.active{
    background: #0089CF;
}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li.active a{
}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li.active a:hover{
    color:#fff;
}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li a{
		color:#fff;
		height: auto;
		display: flex;
		cursor: pointer;
		align-items: center;
		height: 50px;
		margin-bottom: 1rem;
	}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li a:hover{
		 color: #0089CF;
	}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li a img{
	 
width: 30px;
	 
height: 30px;
	 
object-fit: contain;
	 
margin-right: 10px;
	}
	.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30 ul li a:hover img{
	 
		
		
	}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w30{
    padding-left: 0%;
    padding-top: 40px;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70{
    background: #062B4C;
    padding-top: 40px;
    min-height: 600px;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 h6{
    width: 100%;
    display: block;
	color: #fff;
    margin-bottom: 1rem;
    font-weight: 500;
	display:flex;
	justify-content:flex-start;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 h6 img{
	width:40px;
	height:40px;
	object-fit:contain;
	margin-right:10px;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row{
    width: 100%;
    justify-content: space-between;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30{
    padding: 0;
    width: 33%;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 h5{
     color:#fff;
	font-size:18px;
	font-weight:bold;
	margin-top:2rem;
	margin-bottom:1rem;
	padding-bottom:1rem;
	border-bottom:1px solid #fff;
	width:90%
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul{
    margin-top: 1rem;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul li{
    padding: 0;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul li a{
    margin-bottom: 20px;
    height: auto;
    position:relative; 
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul li a:hover{
	font-weight:700;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul li a::after{
	
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul li a::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	background:url(../img/link-bg-s.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	opacity:0;
	transform:translate(-40px , 3px);
	transition:1s;
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul li a:hover:before{
	
	opacity:1;
	transform:translate(-20px , 3px);
}
.desktopnav .row .w80 ul li.dropdown .dropdownfllmenu2 .w70 .row .w30 ul li a:hover:after{}
.kategori{}
.kategori .container{}
.kategori .container h2{}
.kategori .container h2 img{
	transform:translate(0,-5px);
	margin-right:15px
}
.kategori .container h3{
    width: 50%;
}
.kategori .container .row{
    margin-top: 5rem;
    justify-content: space-between;
}
	/**/

.owl-digerurun .uruncards{
    min-height: 600px;
    width: 32%;
    border: 1px solid #0089CF;
    border-radius: 5px;
    position: relative;
    margin-bottom: 3%;
    overflow: hidden;
}
.owl-digerurun .uruncards .positionlink{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index: 11;
}
.owl-digerurun .uruncards::before{
	content:"";
	position:absolute;
	left: -0;
	top: -0;
	background:url(../img/fotoniksbaslikbg.png);
	background-size:100%;
	background-repeat:no-repeat;
	width: 350px;
	height: 350px;
	animation:rota 10s ease infinite;
	z-index: -9;
}

	/**/
.uruncards{
    min-height: 600px;
    width: 32%;
    border: 1px solid #0089CF;
    border-radius: 5px;
    position: relative;
    margin-bottom: 3%;
    overflow: hidden;
}
.uruncards .positionlink{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index: 11;
}
.uruncards::before{
	content:"";
	position:absolute;
	left: -0;
	top: -0;
	background:url(../img/fotoniksbaslikbg.png);
	background-size:100%;
	background-repeat:no-repeat;
	width: 550px;
	height: 550px;
	animation:rota 10s ease infinite;
	z-index: -9;
}
.uruncards .flexible{
    width: 100%;
    height: 100%;
}
.uruncards .flexible .bgs{height: 100%;text-align: center;}
.uruncards .flexible .bgs .mavibgs{
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(2,30,55,1) 10%, rgba(6,86,157,1) 58%, rgba(2,30,55,1) 90%);
    background-color: #021E37;
    opacity: 0;
    transition: 1s;
}
.uruncards:hover .flexible .bgs .mavibgs{
     
    opacity:1;
    transition: 1s;
}
.uruncards .flexible .bgs img{
    width: 80%;
    padding-top: 40px;
    transform: scale(0.9);
    transition:1s;
    margin: auto;
    text-align: center;
    max-height: 350px;
    object-fit: contain;
}
.uruncards:hover .flexible .bgs img{
     
    transform: scale(1.05);
}
.uruncards .flexible .texttobut{
    position: absolute;
    bottom: -80%;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    /* display: flex; */
    flex-direction: column;
    z-index: 9;
    transition: 1s;
} 
.uruncards .flexible .texttobut h5{
    color: #021E37;
    font-weight: 600;
    width: 80%;
    margin-left: auto;
    text-align: center;
    margin-bottom: 150px;
    margin-right: auto;
    transition:1s;
}
.owl-digerurun .uruncards .flexible .texttobut h5{
    
    width: 90%;
    
	font-size:130%;
}

.uruncards .flexible .texttobut .fotoniksbtn{
    display: flex;
}
.uruncards .flexible .texttobut .fotoniksbtn a{
    margin: auto;
}
.uruncards:hover .flexible .texttobut .fotoniksbtn a{
        background: #0089CF;
}
.uruncards .flexible .texttobut .fotoniksbtn a img{}
.uruncards:hover{}
.uruncards:hover .bgs{}
.uruncards:hover .bgs .mavibgs{
}
.uruncards:hover .bgs img{}
.uruncards:hover .texttobut{
    bottom: -45%;
}
.uruncards:hover .texttobut h5{
    color: #fff;
} 
.bizkimiztab.kategoriler{}
.bizkimiztab.kategoriler .row .w70 .w25{
	width: 20%;
}
.bizkimiztab.kategoriler .row .w70 .w25 img{
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin-right: 5px;
    margin-left: 0px;
}
.bizkimiztab.kategoriler .row .w70 .w25.active img.norm{
     display:none;
}
.bizkimiztab.kategoriler .row .w70 .w25.active img.horm{
     display:block;
}
.bizkimiztab.kategoriler .row .w70 .w25 img.norm{
    display: block;
}
.bizkimiztab.kategoriler .row .w70 .w25 img.horm{display: none;}

/**/
 .digerurunlerss {}
 .digerurunlerss .owl-digerurun{}
 .digerurunlerss .owl-digerurun .owl-item{}
 .digerurunlerss .owl-digerurun .owl-item .item{}
 .digerurunlerss .owl-digerurun .owl-item .item .uruncards{
 	width:100%;
 	min-height: 450px;
 }
.dropdown-menulink{position:relative;display:inline-block;}
.dropdown-menulink span{transition:0.5s;color:#FFF;font-weight:600;margin:0;}
.dropdown-menulink:hover span{transition:0.5s;color:#CE2F02;}
.dropdown-menulink:hover .dropdown-content-menulink{display:block;opacity:1;transform:translate(0px, 0px);transition:0.5s;visibility:visible;}
.dropdown-content-menulink ul{display:block;padding:0;}
.dropdown-content-menulink ul li{margin:0;display:block;}
.dropdown-content-menulink ul li a{font-weight:700;font-size:16px;line-height:32px;color:#798196;transition:0.5s;}
.dropdown-content-menulink ul li a:hover{transition:0.5s;color:#CE2F02;}
.dropdown-menulink span::before{position:absolute;content:"";width:0;}
.dropdown-menulink{position:relative;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.dropdown-menulink span{transition:0.5s;color:#FFF;font-weight:600;margin:0;}
.dropdown-menulink span img{margin-left:20px;}
.dropdown-menulink:hover span{transition:0.5s;color:#C02B37;}
.dropdown-content-menulink{position:absolute;background-color:#EFEFEF;min-width:320px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:11;opacity:0;transform:translate(0px, 50px);transition:0.5s;visibility:hidden;top:90%;right:0;filter:drop-shadow(0px -1px 6.9px #00000030);}
.dropdown-content-menulink::after{content:"";position:absolute;top:-5px;left:4px;width:20px;height:20px;background:#efefef;transform:rotate(45deg);}
.dropdown-menulink:hover .dropdown-content-menulink{display:block;opacity:1;transform:translate(0px, 0px);transition:0.5s;visibility:visible;}
.dropdown-content-menulink ul{display:block;}
.dropdown-content-menulink ul li{margin:0;display:block;}
.dropdown-content-menulink ul li a{font-weight:500;font-size: 13px;line-height:32px;color:#798196;transition:0.5s;}
.dropdown-content-menulink ul li a:hover{transition:0.5s;color:#CE2F02;}
.dropdown-menulink span::before{position:absolute;content:"";width:0;}
.urunlerparts{/* border-bottom:1px solid #b6b6b6; */width:100%;z-index: 99;position: relative;}
.urunlerparts .container{max-width:100%;padding:0;}
.urunlerparts .row .width80 .owl-pages .owl-nav{margin:0!important;}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-prev{display:none;}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-next{position:absolute;right:-5%;top:5px;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible.active{background: #E4E4E4;/* border-bottom: 3px solid #072b4d; */}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible.active a{color: #0089CF;font-weight: bold;}
.urunlerparts .row .width80 .owl-pages{width:90%;height:70px;}
.urunlerparts .row .width80 .owl-pages .owl-item:nth-child(2n-1){opacity:1;}
.urunlerparts .row .width20{width:20%;display:flex;justify-content:center;align-items:center;height:70px;background: #0089CF;position:relative;}
.urunlerparts .row .width80{width:80%;background: #F5F7FB;}
.urunlerparts .row .width80 .owl-pages .owl-item .item{padding-left:0;padding-right:0;}
.urunlerparts .row .width80 .owl-pages .owl-item{border-right:1px solid #94949440;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;height:70px;margin:0;padding:0;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible a{font-weight:500;font-size:15px;color:#000;margin:0;width:90%;margin:auto;}
.urunlerparts .row .width20 .dropdown-menulink span{color:#fff;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:270px;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li{font-weight:bold;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li a{color:#000000;padding-left: 40px;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li a img{
	position:absolute;
	left:10px;
	width:30px;
	height:30px;
	object-fit:contain;
	opacity: 0;
}
	
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li a img.normal{
	opacity:1;
}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li.active a{
    font-weight: bold;
    color: #021e37;
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li {
    margin-bottom: -10px;
    padding: 12px 16px;
}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li.active a img.normal{
	opacity:0;
}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink ul li.active a img.active{
	opacity:1;
}
@media (max-width: 1681px){
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible a{font-weight:500;font-size:15px;margin:0;}
}
@media (max-width: 1400px){
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible a{font-size:13px;}
}
@media (max-width: 1300px){
.dropdown-content-menulink ul li a{font-weight:700;font-size:13px;line-height:15px;color:#798196;transition:0.5s;}
}
@media (max-width: 1200px){
.urunlerparts .row .width20{width:25%;}
.urunlerparts .row .width80{width:75%;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible a{font-size:18px;}
}
@media (max-width: 900px){
.urunlerparts .row .width20 .dropdown-menulink span{color:#fff;text-align:center;display:block;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible a{font-size:15px;}
}
@media (max-width: 600px){
.urunlerparts .row .width20{width:100%;display:flex;justify-content:center;align-items:center;height:40px;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible{height:50px;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;padding-top:15px;padding-bottom:15px;}
.urunlerparts .row .width80{width:100%;}
}
 @media (max-width: 1681px){ 
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible{height:70px;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible a{font-size: 12px;}
}
@media (max-width: 1550px){
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-next{right:-8%;}
}
@media (max-width: 1300px){
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible a{font-size:13px;}
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:190px;padding:12px 5px;}
.dropdown-content-menulink ul{margin:0;}
}
@media (max-width: 1200px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:255px;}
.owl-nav button{width:35px;height:35px;}
.owl-nav button .okimage img{width:9px;transform:translate(0px, -1px);}
}
@media (max-width: 900px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:205px;}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-next{position:absolute;right:0%;top:13px;width:30px;height:30px;}
.dropdown-content-menulink{right:-40%;}
}
@media (max-width: 800px){
.owl-nav button{width:30px!important;height:30px!important;}
}
@media (max-width: 600px){
.urunlerparts .row .width20 .dropdown-menulink .dropdown-content-menulink{min-width:100%;}
.dropdown-content-menulink::after{top:-5px;left:48%;}
.dropdown-content-menulink{top:100%;}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-next{top:5px;}
.urunlerparts{overflow:hidden;}
.dropdown-content-menulink{right:0%;width:93%;min-width:70%!important;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible{height:40px;}
.urunlerparts .row .width80 .owl-pages{width:90%;height:50px;}
.urunlerparts .row .width80 .owl-pages .owl-item .item .flexible{padding-top:5px;padding-bottom:5px;}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-next{right:-40px;}
.urunlerparts{overflow:inherit;}
.dropdown-content-menulink{width:calc(100vw - 10px);left:0;}
}
.urunlerparts .row .width80 .owl-pages .owl-nav{
    margin: 0!important;
    display: block;
}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-prev{
	display:none;
}
.urunlerparts .row .width80 .owl-pages .owl-nav .owl-next{
	position:absolute;
	right: -5%;
	top: 18px;
}
.urunlerparts.tr-takip{
	position:fixed;
	top:0;
	left:0; 
	z-index:999;
}




/**/
	.fixe-product{
    position: relative;
}
	.fixe-product .row{}
	.fixe-product .row .w10{
    padding-left: 3%;
    padding-top: 5%;
}
	.fixe-product .row .w10 ul{
    position: sticky;
    top: 30%;
    padding: 0;
    list-style: none;
    padding: 0;
}
	.fixe-product .row .w10 ul{}
	.fixe-product .row .w10 ul li.active::before{
		content:"";
		position:absolute;
		background:url(../img/triangle.svg);
		width:25px;
		height:15px;
		background-size:contain;
		background-repeat:no-repeat;
		top: -26px;
		left: -20px;
		}
	.fixe-product .row .w10 ul li {
    position: relative;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 3rem;
}
.fixe-product .row .w10 ul li .solparcaust{position: absolute;left: -20px;width: 6px;height: 1px;background: #021E37;top: -10px;}
	.fixe-product .row .w10 ul li .solparcacenter{height: 120%;background: #021E37;position: absolute;left: -18px;top: -10px;width: 2px;}
	.fixe-product .row .w10 ul li .solparcabottom{position: absolute;left: -24px;bottom: 0;width: 13px;background: #021E37;height: 1px;}
		.fixe-product .row .w10 ul li.active .solparcaust{background: #0089cf;}
	.fixe-product .row .w10 ul li.active .solparcacenter{background: #0089cf;}
	.fixe-product .row .w10 ul li.active .solparcabottom{background: #0089cf;}
	.fixe-product .row .w10 ul li a{
    font-size: 15px;
		transition:0.5s;
}
	.fixe-product .row .w10 ul li.active a{
     font-weight:600;
		color:#0089cf;
}
	.fixe-product .row .w90{}
	.fixe-product .row .w90 .genelbakis{}
	.fixe-product .row .w90 .genelbakis .row{}
	.fixe-product .row .w90 .genelbakis .row .w50{}
	.fixe-product .row .w90 .genelbakis .row .w50:last-child::after{
		content:"";
  position:absolute;
  left: 11%;
  top: -18%;
  background:url(../img/fotoniksbaslikbg.png);
  background-size:100%;
  background-repeat:no-repeat;
  width: 550px;
  height: 550px;
  animation:rota 10s ease infinite;
  z-index: -9;
	} 
	.fixe-product .row .w90 .genelbakis .row .w50 h2{}
	.fixe-product .row .w90 .genelbakis .row .w50 h5{
    font-weight: 500;
    color: #0089CF;
    margin-bottom: 1rem;
}
	.fixe-product .row .w90 .genelbakis .row .w50 h6{
    color: #232323;
    margin-bottom: 1rem;
}
	.fixe-product .row .w90 .genelbakis .row .w50 p{
		
margin-bottom: 5rem;
	}
	.fixe-product .row .w90 .genelbakis .row .w50 ul{
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
	.fixe-product .row .w90 .genelbakis .row .w50 ul li{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #0089CF;
    font-weight: 600;
    padding: 0 30px;
}
	.fixe-product .row .w90 .genelbakis .row .w50 ul li img{
    margin-bottom: 1rem;
    width: 50px;
    height: 50px;
    object-fit: contain;
}
	.fixe-product .row .w90 .genelbakis .row .w50:last-child{}
.fixe-product .row .w90 .genelbakis .row .w50:last-child img {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
}
	.fixe-product .row .w90 .genelbakis .row .w50:last-child .downfotoniks {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
	.fixe-product .row .w90 .genelbakis .row .w50:last-child .downfotoniks a{
    margin: 0;
    background: #0089cf;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 60px;
    border-radius: 5px;
		transition:1s;
}.fixe-product .row .w90 .genelbakis .row .w50:last-child .downfotoniks a:hover{
		    background: #021e37;
}
   
	.fixe-product .row .w90 .genelbakis .row .w50:last-child .downfotoniks img{
    margin-right: 50px;
    width: auto;
    height: auto;
}
	
	
		.fixe-product .row .w90 .tanimveozellikler{
    padding-bottom: 5%;
}
		.fixe-product .row .w90 .tanimveozellikler .row{}
		.fixe-product .row .w90 .tanimveozellikler .row .w50{
    margin-top: auto;
    margin-bottom: auto;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 img{
    width: 90%;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 .noktalarparts{
			opacity:0;
		}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 .noktalarparts .enerji_grid2_ic_alan{}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 .noktalarparts .enerji_grid2_ic_alan .location-images{}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 .noktalarparts .enerji_grid2_ic_alan .tooltip-enerji{}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 .noktalarparts .enerji_grid2_ic_alan .tooltip-enerji .tooltip_ic_icerik{}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 .noktalarparts .enerji_grid2_ic_alan .tooltip-enerji .tooltip_ic_icerik span{} 
		.fixe-product .row .w90 .tanimveozellikler .row .w50 h2{
    font-size: 30px;
    color: #0089CF;
    margin-bottom: 5rem;
}.fixe-product .row .w90 .tanimveozellikler .row .w50 h2::before{
			width:300px;
			height:300px;
			left:-150px;
			top:-150px
}
	
		.fixe-product .row .w90 .tanimveozellikler .row .w50 ul{
    padding: 0;
    list-style: none;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 ul li{
    position: relative;
    border-bottom:1px solid #B3B3B3;
    padding-bottom:1rem;
    font-weight: 500;
    color: #021E37;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 ul li svg{
			position:absolute;
			left: -55px;
			top: 0px;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 ul li.active svg{
			 
}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 ul li.active svg path{
			fill:#0089CF;
			 
}
		.fixe-product .row .w90 .tanimveozellikler .row .w50 ul li.active{
		    color:#0089CF;
		}
		.fixe-product .row .w90 .tanimveozellikler .row .w100{}
		.fixe-product .row .w90 .tanimveozellikler .row .w100 ul{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0;
    list-style: none;
    margin-top: 10%;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w100 ul li{
    font-weight: bold;
    font-size: 25px;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w100 ul li span{
    font-weight: bold;
    color: #0089CF;
    display: block;
    font-size: 30px;
    text-align: center;
    margin-bottom: 1rem;
}
		.fixe-product .row .w90 .tanimveozellikler .row .w100 ul li p{
    text-align:center;
}
.fixe-product .row .w90 .teknikozellikler{
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
}
.fixe-product .row .w90 .teknikozellikler .teknikrow{
     
margin-top: 2rem;
     
padding-bottom: 2rem;
     
border-bottom: 1px solid #00000030;
}
.fixe-product .row .w90 .teknikozellikler .teknikrow .w50{
     
}
.fixe-product .row .w90 .teknikozellikler .teknikrow .w50 img{
     
width: 100%;
     
object-fit: contain;
}

.fixe-product .row .w90 .teknikozellikler .teknikrow .w50 .flexblock{
     
display: flex;
     
justify-content: flex-start;
     
align-items: flex-start;
     
flex-direction: column;
}
.fixe-product .row .w90 .teknikozellikler .teknikrow .w50 .flexblock img{
     
width: 100px;
     
object-fit: contain;
     
max-height: 100px;
     
margin-bottom: 1rem;
     
margin-top: 2rem;
}
.fixe-product .row .w90 .teknikozellikler .teknikrow .w50 .flexblock h5{
     
}
.fixe-product .row .w90 .teknikozellikler .teknikrow .w50 .flexblock p{
     
font-size: 100%;
     
margin: 0;
}
.fixe-product .row .w90 .teknikozellikler img{
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
	.fixe-product .row .w90 .digerurunlerss h2{
		 font-size: 30px;
    color: #0089CF;
    margin-bottom: 5rem;
	}
	.fixe-product .row .w90 .digerurunlerss h2::before{
			width:300px;
			height:300px;
			left:-150px;
			top:-150px
}
.fixe-product .row .w90 .galeri{} 
.fixe-product .row .w90 .galeri h2{
    font-size: 30px;
    color: #0089CF;
    margin-bottom: 5rem;
}.fixe-product .row .w90 .galeri h2::before{
			width:300px;
			height:300px;
			left:-150px;
			top:-150px
}
.fixe-product .row .w90 .galeri .owl-galeri{}
.fixe-product .row .w90 .galeri .owl-galeri .item{
}
.fixe-product .row .w90 .galeri .owl-galeri .item img{
    border: 1px solid #0089CF;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.fixe-product .row .w90 .galeri img{}

.fixe-product .row .w90 .galeri .owl-galeri .owl-nav{
	position:absolute;
	display:block;
	right: 1.5%;
	bottom: 115%;
}
.fixe-product .row .w90 .galeri .owl-galeri .owl-nav button{
	width:50px;
}
.fixe-product .row .w90 .galeri .owl-galeri .owl-nav img{
	filter:none;
	position:absolute;
	width:50px;
	height:50px;
}
.fixe-product .row .w90 .galeri .owl-galeri .owl-nav img.normal{
	 opacity:1;
}
.fixe-product .row .w90 .galeri .owl-galeri .owl-nav img.hover{
	 opacity:0;
}
.fixe-product .row .w90 .galeri .owl-galeri .owl-nav button:hover img.normal{
	 opacity:0;
}
.fixe-product .row .w90 .galeri .owl-galeri .owl-nav button:hover img.hover{
	 opacity:1;
}
/**/
	.mobile-menu-links ul li .panel-mm-acc ul li a{font-size:17px;}
.opens .mobile-menu-links ul li{transform:translate(0,0);}
.opens .mobile-menu-links ul li{opacity:1;}
.opens .mobile-menu-kapat-logo .mm-kapat::before{-webkit-transform:translateY(-50%) rotate(225deg);-ms-transform:translateY(-50%) rotate(225deg);transform:translateY(-50%) rotate(225deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;}
.opens .mobile-menu-kapat-logo .mm-kapat::after{-webkit-transform:translateY(-50%) rotate(135deg);-ms-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s;}

@media (max-width: 1200px){
.mm-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color:#fff;font-weight:400;font-size:25px;}
.mm-acc:hover{background-color:transparent;}
.mm-acc:after{content:"\002B";color:#fff;font-weight:300;float:right;margin-left:5px;}
.panel-mm-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
.panel-mm-acc ul li a{font-size:20px;}
.panel-mm-acc ul li:last-child{border-bottom:0;}
}
@media (max-width: 500px){
.mm-acc{font-size:20px;}
.panel-mm-acc ul li a{font-size:20px;}
}
.mobile-menu-links ul li .panel-mm-acc ul li a{font-size:17px;} 
.mobile-menu-links ul li .panel-mm-acc ul li a img{
	
width: 30px;
	
height: 30px;
	
object-fit: contain;
	
margin-right: 20px;
} 
.header-mobile .header-mobile-logo img{transition:0.5s;}
@media (min-width: 1200px){
.header-mobile{display:none;}
}
@media (max-width: 1200px){
.header-mobile .header-mobile-logo{width:79%;display:flex;align-items:center;justify-content:flex-start;padding-top:10px;}
.header-mobile .header-mobile-logo a{margin:0;}
.header-mobile .header-mobile-logo img{width: 80%;}
.header-mobile .header-mobile-hamburger{width:20%;display:flex;align-items:center;justify-content:center;flex-direction:column;        transform: translate(10px, 5px);}
.sidenav{height:100%;width:0;position:fixed;z-index:99999999999;top:0;left:0;background-color: #021E37;overflow-x:hidden;transition:0.5s;padding-top:60px;transition-delay:0.5s;}
.mobile-menu-kapat-logo{border-bottom:2px solid #fff;position:relative;padding-bottom:20px;padding-left:2%;padding-right:2%;}
.mobile-menu-kapat-logo .mm-logo{width:50%;display:flex;align-items:center;justify-content:flex-start;}
.mobile-menu-kapat-logo .mm-kapat{width:50%;position:relative;}
.mobile-menu-links{margin-top:5%;z-index: 99;position: relative;}
.mobile-menu-links ul{padding-left:0;margin-bottom:0;}
.mobile-menu-links ul li{list-style:none;border-bottom:1px solid #fff;margin-bottom:20px;overflow:hidden;opacity:0;transition:1s;}
.mobile-menu-links ul li a{font-size:25px;color:#fff;transition:1s;}
.sidenav::after{
	content:"";
	background: url(../img/fotoniksbaslikbg.png);
	background-size: contain;
	background-repeat: no-repeat;
	position:absolute;
	left: 5%;
	top: 25%;
	height: 400px;
	width: 400px;
	animation: rota 10s ease infinite;
}

}
@media (max-width: 500px){
.mobile-menu-kapat-logo{padding-bottom:10px;padding-left:0%;padding-right:0%;}
.mobile-menu-kapat-logo .mm-logo img{width:90%;}
.mobile-menu-links ul li a{font-size:30px;}
.header-mobile .header-mobile-logo img{width:60%;margin-bottom:10px;margin-top:10px;transition:0.5s;}
}
@media (max-width: 1200px){
.header-mobile{position:fixed;top:0;left:0;z-index:99999999;transition:0.5s;width:100%;background: #021E37;padding-top:1%;padding-bottom:1%;}
}
@media (max-width: 900px){
.mobile-menu-links ul li a{font-size:25px;}
}
@media (max-width: 600px){
.mobile-menu-links ul li a{font-size:20px;}
}
.header-mobile-hamburger span{width:50px;height:5px;background:#fff;display:inline-block;margin-bottom:6px;border-radius:10px;}
.mobile-menu-links ul li:nth-child(1){transition-delay:1s;}
.mobile-menu-links ul li:nth-child(2){transition-delay:1.1s;}
.mobile-menu-links ul li:nth-child(3){transition-delay:1.2s;}
.mobile-menu-links ul li:nth-child(4){transition-delay:1.3s;}
.mobile-menu-links ul li:nth-child(5){transition-delay:1.4s;}
.mobile-menu-links ul li:nth-child(6){transition-delay:1.5s;}
.mobile-menu-links ul li:nth-child(7){transition-delay:1.6s;}
.mobile-menu-links ul li a{display:block;margin-bottom: .5rem;}
.mobile-menu-kapat-logo .mm-kapat::before,.mobile-menu-kapat-logo .mm-kapat::after{content:'';width:41px;height:2px;background:#fff;position:absolute;top:18px;right:0;-webkit-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);}
@media (max-width: 900px){
.mobile-menu-links ul li a{font-size:25px;}
}
@media (max-width: 600px){
.mobile-menu-links ul li a{font-size:20px;}
}
 .accordion-mm:after{content:'\002B';color:#fff;font-weight:100;float:right;margin-left:5px;}
.accordion-mm.active-mm:after{content:'-';color:#fff;font-weight:100;float:right;margin-left:5px;}

@media (max-width: 1200px){
.mm-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color:#fff;font-weight:400;font-size:25px;}
.mm-acc:hover{background-color:transparent;}
.mm-acc:after{content:"\002B";color:#fff;font-weight:300;float:right;margin-left:5px;}
.panel-mm-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
.panel-mm-acc ul li a{font-size:20px;}
.panel-mm-acc ul li:last-child{border-bottom:0;}
}
@media (max-width: 500px){
.mm-acc{font-size:20px;}
.panel-mm-acc ul li a{font-size:20px;}
}
.fotoniksbanner .urunabsole{
    position: absolute;
    right: 14%;
    bottom: 5%;
    width: 300px;
    height: 300px;
    object-fit: contain;
    z-index: 9;
}
.mobileslider{
    height: 70vh;
}
.mobileslider .owl-mobile{}
.mobileslider .owl-mobile .owl-item{}
.mobileslider .owl-mobile .owl-item.active{}
.mobileslider .owl-mobile .owl-item .item{}
.mobileslider .owl-mobile .owl-item.active .item{}
.mobileslider .owl-mobile .owl-item .item .bgs{
    height: 70vh;
}
.mobileslider .owl-mobile .owl-item.active .item .bgs{}
.mobileslider .owl-mobile .owl-item .item .bgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobileslider .owl-mobile .owl-item.active .item .bgs img{}
.mobileslider .owl-mobile .owl-item .item .bgs img{}
.mobileslider .owl-mobile .owl-item.active .item .bgs img{}
.mobileslider .owl-mobile .owl-item .item .text{
    position: absolute;
    left: 10%;
    top: 15%;
    width: 80%;
}
.mobileslider .owl-mobile .owl-item.active .item .text{}
.mobileslider .owl-mobile .owl-item .item .text h1{
    color: #fff;
    opacity: 0;
    transition: 1s;
    transition-delay: 0.2s;
}
.mobileslider .owl-mobile .owl-item.active .item .text h1{
    opacity: 1;
    transition-delay: 0.5s;
}
.mobileslider .owl-mobile .owl-item .item .text .fotoniksbtn{
    margin-top: 2rem;
    opacity: 0;
    transition: 1s;
    transition-delay: 0.1s;
}
.mobileslider .owl-mobile .owl-item.active .item .text .fotoniksbtn{
    opacity: 1;
    transition-delay: 0.6s;
}
.mobileslider .owl-mobile .owl-item .item .text .fotoniksbtn a{}
.mobileslider .owl-mobile .owl-item.active .item .text .fotoniksbtn a{}
.mobileslider .owl-mobile .owl-item .item .text .fotoniksbtn a img{}
.mobileslider .owl-mobile .owl-item.active .item .text .fotoniksbtn a img{}

.mobileslider .owl-mobile .owl-nav{
	display:block;
	position:absolute;
	margin:auto;
	bottom: 20px;
	width:100%;
}
	.mobileslider .owl-mobile .owl-nav .owl-prev{
	display: inline-flex;
	background: #E5E8ED !important;
	width: 65px;
	height: 65px;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	margin-right: 10px;
}
	.mobileslider .owl-mobile .owl-nav .owl-prev img{
		transform:rotate(180deg)
	}
.mobileslider .owl-mobile .owl-nav .owl-next{
	display: inline-flex;
	background: #E5E8ED !important;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	width: 65px;
	height: 65px;
}
.mobileslider .owl-mobile .owl-nav .owl-prev img.hover,.mobileslider .owl-mobile .owl-nav .owl-next img.hover{
	display:none;
}

.select-menu::after{
	content:"";
	position:absolute;
	right: 10px;
	top:20px;
	background:url(../img/chevron.png);
	background-size:contain;
	background-repeat:no-repeat;
	width: 10px;
	height: 10px;
	transition:1s;
	filter: brightness(0);
}
.select-menu.active::after{
	transform:rotateX(180deg);
}
 
 
/**/
	.select-menu {width: 100%;position: relative;margin-bottom: 1rem;}
.select-menu .select-btn span{
	font-size:inherit;
}
.select-menu .select-btn {
  display: flex;
  height: 50px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  background: transparent;
  color: #000;
  outline: none;
  border: none;
  width: 100%;
  margin-bottom: 0rem;
  width: 100%;
  border: 1px solid #021E37;
  height: 55px;
  border-radius: 5px;
  font-size: 90%;
  padding-left: 10px;
}
.select-menu .options {
  position: absolute!important;
  width: 100%;
  overflow-y: auto;
  max-height: 295px;
  padding: 10px;
  margin-top: 0px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-duration: 0.35s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.35s;
  -webkit-animation-fill-mode: both;
  display: none;
}
.select-menu .options .option {
  display: flex;
  cursor: pointer;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #021E37;
  margin: 0;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
}
.select-menu .options .option:hover {
  background: #f2f2f2;
}
.select-menu .options .option i {
  font-size: 25px;
  margin-right: 12px;
}
.select-menu .options .option .option-text {
    font-size: 14px;
}

.select-btn img {
	position:absolute;
	right:0;
}

.select-menu.active .select-btn i {
  transform: rotate(-180deg);
}
.select-menu.active .options {
  display: block;
  opacity: 0;
  z-index: 10;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  border: 1px solid #021E37;
  margin-top: .1rem;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 30px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}
 .fotoniks-new-slider .bgs .asker .asker-urun img.cizgi { 
    display: none;
}


.cerez{
    padding-top: 120px;
    padding-bottom: 120px;
}
 .cerez h4{
    color: #015AA6;
    font-weight: 700; 
	 margin-bottom:3rem;
    letter-spacing: 1.92px;
}
.cerez h4::after{
	content:"";
	width:100%;
	height:2px;
	position:absolute;
	bottom: -10px;
	left:0;
	background: #011030;
}
 .cerez h5{
    color: #0E0E0E;
    font-size: 30px;
    font-weight: 600;
     /* 126.667% */
    letter-spacing: 1.5px;
    margin-left: -38px;
}
.cerez li{
     position:relative;
     padding-left: 2%;
}
.cerez li::before{
	content:"";
	width: 8px;
	height: 8px;
	position:absolute;
	background:#0E0E0E;
	border-radius:50%;
	left: 2px;
	top: 14px;
}
 .cerez p, .cerez li{
    display: block;
    width: 100%;
    color: #0E0E0E;
}
 .cerez p strong, .cerez li strong{
    color: #0E0E0E;
    text-align: justify;
    font-weight: 600;
     /* 180.952% */
    /* display: block; */
}
 .cerez table{
    width: 80%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0 1em;
}
 .cerez table tr{}
 .cerez table tr td{position:relative;width: 70%;vertical-align: top;}
 .cerez table tr td:first-child{font-weight: 600;width: 25%;}


 .cerez table tr td:first-child:after{
	 content:"";
	 position:absolute;
	 right:20px;
	 top: 0;
	}
 .cerez ul{
    list-style: circle;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
 .cerez table.tables-cookie{
    border-collapse: separate;
    border-spacing: 0 0;
    border: 2px solid #253C80;
    display: block;
    border-radius: 20px;
    margin-bottom: 30px;
}
 .cerez table.tables-cookie tr{
    /* border: 1px solid #000000; */
    border-top-left-radius: 20px;
}
 .cerez table.tables-cookie tr td{
    vertical-align: top;
    width: 30%;
    border-right: 2px solid #253C80;
    border-bottom: 2px solid #253C80;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
	 color: #5084C1;
}
 .cerez table.tables-cookie tr td:first-child{
}
 .cerez table.tables-cookie tr:first-child td:first-child{
 }
 .cerez table.tables-cookie tr:first-child td:first-child{ 
 }
 .cerez table.tables-cookie tr:first-child td:last-child{
    border-top-right-radius: 20px;
     
 }
 .cerez table.tables-cookie tr td:last-child{
    
    border-right: 0;
 }
 .cerez table.tables-cookie tr:last-child td{
    
    border-bottom: 0;
 }
 .cerez table.tables-cookie tr:last-child td:first-child{
 }
 .cerez table.tables-cookie tr:last-child td:last-child-child{
    border-bottom-left-radius: 20px;
 }
 .cerez table.tables-cookie tr td:first-child{
 vertical-align: middle;
 text-align: center;
 color: #263C7E;
 font-weight: bold;
 }
 .cerez table.tables-cookie tr:last-child td:first-child{
   border-bottom-left-radius: 20px;
   text-align: center;
   vertical-align: inherit;
   color: #263C7E;
   text-align: center;
   font-weight: 700;
   line-height: normal;
 }
 .cerez table.tables-cookie tr:last-child td:last-child{
    border-bottom-right-radius: 20px;
}
 .cerez table.tables-cookie tr td:first-child p{
    vertical-align: inherit;
    color: #263C7E;
    text-align: center;
    font-weight: 700;
    line-height: normal;
}
 .cerez table.tables-cookie tr td:last-child p{}
 .cerez table.tables-cookie tr td p{
    color: #5084C1;
    text-align: justify;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
} 
 .cerez table.tables-cookie tr td strong{}
 .cerez table.tables-cookie tr td p strong{
    color: #5084C1;
    font-weight: 600;
    line-height: normal;
}
 .cerez table.tables-cookie tr th{
    width: 100%;
    border-bottom: 2px solid #253C80;
    color: #263C7E;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 30px;
}
 .cerez .lastforms{
    width: 25%;
    margin-left: auto;
}
 .cerez .lastforms .captcha{
}
 .cerez .lastforms .captcha input{
    display: inline-block;
}
 .cerez .lastforms .captcha label{}
 .cerez .lastforms input{
    display: block;
    border: none;
    color: #0E0E0E;
    text-align: justify;
    font-weight: 600;
     /* 180.952% */
}
 .cerez .lastforms input::placeholder{
	 
    color: #0E0E0E;
	 font-weight:600;
 }
 
/*Cookie*/
 
 .fade{transition:opacity .15s linear;}
@media (prefers-reduced-motion:reduce){
.fade{transition:none;}
}

.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:.375rem;background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius);color:var(--bs-alert-color);margin-bottom:var(--bs-alert-margin-bottom);padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);position:relative;}
.alert-dismissible{padding-right:3rem;}
 
.alert-cookie.show.fade{display:flex;opacity:1;}
.alert-cookie button{color:#fff!important;border:1px solid #fff;margin-left:10px;margin-right:10px;}
.alert-cookie{align-items:center;background: #015aa6;border:none;border-radius:0;bottom:0;box-shadow:0 0 15px rgba(17,35,67,.3);color:#fff;display:none;justify-content:space-between;left:0;margin:0;opacity:0;padding:1rem 0;position:fixed;right:0;transition:opacity .3s ease-in-out;width:100%;z-index:999999;}
.alert-cookie.show{opacity:1;display:block;}
.alert-cookie p{margin-bottom:0;color: #fff;}
 .alert-cookie p a{margin-bottom:0;color: #fff;text-decoration:underline;}

 
.form-check{display:block;margin-bottom:.125rem;min-height:1.5rem;padding-left:1.5em;}
.form-check .form-check-input{float:left;margin-left:-1.5em;}
.form-check-input{appearance:none;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,.25);height:1em;margin-top:.25em;print-color-adjust:exact;vertical-align:top;width:1em;}
.form-check-input[type=checkbox]{border-radius:.25em;}
.form-check-input:active{filter:brightness(90%);}
.form-check-input:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0;}
.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd;}
.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");}
.form-check-input:disabled{filter:none;opacity:.5;pointer-events:none;}
.form-switch .form-check-input{width:2em;}
 .fade{transition:opacity .15s linear;}
@media (prefers-reduced-motion:reduce){
.fade{transition:none;}
}
.fade:not(.show){opacity:0;} 
.collapse:not(.show){display:none;}
.accordion{--bs-accordion-color:#212529;--bs-accordion-bg:#fff;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:#212529;--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem rgba(13,110,253,.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff;}
.accordion-button{align-items:center;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;color:var(--bs-accordion-btn-color);display:flex;font-size:1rem;overflow-anchor:none;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);position:relative;text-align:left;transition:var(--bs-accordion-transition);width:100%;}
@media (prefers-reduced-motion:reduce){
.accordion-button{transition:none;}
}
.accordion-button:after{background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);content:"";flex-shrink:0;height:var(--bs-accordion-btn-icon-width);margin-left:auto;transition:var(--bs-accordion-btn-icon-transition);width:var(--bs-accordion-btn-icon-width);}
@media (prefers-reduced-motion:reduce){
.accordion-button:after{transition:none;}
}
.accordion-button:hover{z-index:2;}
.accordion-button:focus{border-color:var(--bs-accordion-btn-focus-border-color);box-shadow:var(--bs-accordion-btn-focus-box-shadow);outline:0;z-index:3;}
.accordion-header{margin-bottom:0;}
.accordion-item{background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);color:var(--bs-accordion-color);}
.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius);}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius);}
.accordion-item:not(:first-of-type){border-top:0;}
.accordion-item:last-of-type{border-bottom-left-radius:var(--bs-accordion-border-radius);border-bottom-right-radius:var(--bs-accordion-border-radius);}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-left-radius:var(--bs-accordion-inner-border-radius);border-bottom-right-radius:var(--bs-accordion-inner-border-radius);}
.accordion-item:last-of-type .accordion-collapse{border-bottom-left-radius:var(--bs-accordion-border-radius);border-bottom-right-radius:var(--bs-accordion-border-radius);}
.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);}
.btn-close{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;border:0;border-radius:.375rem;box-sizing:content-box;color:#000;height:1em;opacity:.5;padding:.25em;width:1em;}
.btn-close:hover{color:#000;opacity:.75;text-decoration:none;}
.btn-close:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1;outline:0;}
.btn-close:disabled{opacity:.25;pointer-events:none;user-select:none;}
.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:.5rem;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:.5rem;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;display:none;height:100%;left:0;outline:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100%;z-index:var(--bs-modal-zindex);}
.modal-dialog{margin:var(--bs-modal-margin);pointer-events:none;position:relative;width:auto;}
.modal.fade .modal-dialog{transform:translateY(-50px);transition:transform .3s ease-out;}
@media (prefers-reduced-motion:reduce){
.modal.fade .modal-dialog{transition:none;}
}
.modal-dialog-centered{align-items:center;display:flex;min-height:calc(100% - var(--bs-modal-margin)*2);}
.modal-content{background-clip:padding-box;background-color:var(--bs-modal-bg);border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);color:var(--bs-modal-color);display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%;}
.modal-header{align-items:center;border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--bs-modal-header-padding);}
.modal-header .btn-close{margin:calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;padding:calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);}
.modal-title{line-height:var(--bs-modal-title-line-height);margin-bottom:0;}
.modal-body{flex:1 1 auto;padding:var(--bs-modal-padding);position:relative;}
.modal-footer{align-items:center;background-color:var(--bs-modal-footer-bg);border-bottom-left-radius:var(--bs-modal-inner-border-radius);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);}
.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5);}
 
 
.grid-row-gap-10{grid-row-gap:20px;}
 .form-check{display:flex;}
.form-check input{flex:0 0 1em;float:none!important;margin:0 15px 0 0;}
.form-switch{padding-left:2.5em;}
.form-switch .form-check-input{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0,0,0,0.25)'/%3E%3C/svg%3E");background-position:0;border-radius:2em;flex:0 0 3rem;height:1.5rem;margin-left:-2.5em;transition:background-position .15s ease-in-out;width:3rem;}
@media (prefers-reduced-motion:reduce){
.form-switch .form-check-input{transition:none;}
}
.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E");}
.form-switch .form-check-input:checked{background-color:#112343;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");background-position:100%;}
.manage-cookie-modal.show.fade{z-index:9999999;display: block;left: 29%;}
.accordion{color:#fff;}
.accordion .accordion-item{border:none;}
.accordion .accordion-item,.accordion .accordion-item .accordion-header{background-color:transparent;}
.accordion .accordion-item .accordion-button{background-color:transparent;border-bottom:1px solid #fff;border-radius:0!important;color:#fff;font-size:clamp(20px,2vh,24px);outline:none;padding:25px 0;}
.accordion .accordion-item .accordion-button:focus{box-shadow:none;}
.accordion .accordion-item .accordion-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");}
.cookies-accordion{display:flex;flex-direction:column;gap:1rem;}
.cookies-accordion .accordion-item .accordion-header{align-items:center;border:1px solid hsla(0,0%,45%,.65);display:flex;justify-content:space-between;padding:0;}
.cookies-accordion .accordion-item .accordion-header button{color:#003087;padding:15px;}
.cookies-accordion .accordion-item .accordion-header button:after{background-image:none;content:"";font-size:4rem;margin-left:0;margin-right:1rem;margin-top:-4rem;order:-1;transform:none;}
.cookies-accordion .form-check-input{cursor:pointer;}
.cookies-accordion .form-check-input:disabled{opacity:.8;} 
/**/ 



.new-mainpage-tanitim-video-popup{
    height: 0;
}
.new-mainpage-tanitim-video-popup .modal{}
.new-mainpage-tanitim-video-popup .modal .modal-dialog{
    max-width: 50%;
    top: 20%;
    margin: auto;
}
.new-mainpage-tanitim-video-popup .modal .modal-content{
    border: none!important;
    border-radius: 0;
}
.new-mainpage-tanitim-video-popup .modal .modal-content .modal-header{
    padding: 0;
    height: 0;
    display: none;
    border: none;
    border-radius: 0;
}
.new-mainpage-tanitim-video-popup .modal .modal-body{
    padding: 0;
    border: none;
    border-radius: 0;
}
.new-mainpage-tanitim-video-popup .modal .modal-body img{
    border: none;
    border-radius: 0;
    width: 100%;
}
.new-mainpage-tanitim-video-popup .modal .modal-body button{
	display:none;
}

@media (max-width: 600px) {
	.new-mainpage-tanitim-video-popup .modal .modal-dialog{
    max-width: 100%; 
}
}
a.absoleurl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;}
.haberler h4{width:max-content;margin-left:auto;margin-right:auto;margin-bottom:4rem;}
.haberler ul{display:flex;justify-content:center;align-items:center;list-style:none;}
.haberler ul li{background:#F9FAFB;border-radius:30px;position:relative;padding:15px 40px 15px 70px;display:flex;justify-content:center;align-items:center;border:1px solid #D2D2D2;margin-left:20px;margin-right:20px;cursor:pointer;transition:.5s;}
.haberler ul li.active{background:#1D3666;color:#ffffff;}
.haberler ul li img{position:absolute;left:20px;width:40px;height:40px;object-fit:contain;}
.haberler ul li img.active{display:none;}
.haberler ul li.active img.active{display:block;}
.haberler ul li.active img.notactive{display:none;}
.haberler #parentlitab > div{justify-content:space-between;width:100%;}
.haberler .habercard:hover .images img{transform:scale(1.05);}
.haberler .habercard:hover a.btn-teksen{background:#48BDBD;}
.haberler .habercard{border-radius:30px;overflow:hidden;background:#ffffff;box-shadow:0px 0px 10px #00000030;position:relative;}
.habercard{width:32%;}
.habercard .images{height:300px;overflow:hidden;}
.habercard .images img{width:100%;height:100%;object-fit:cover;transition:.5s;}
.habercard .textpart{padding:10px 30px 30px 30px;position:relative;height:290px;}
.habercard .textpart span{font-size:13px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:.5rem;}
.habercard .textpart span img{margin-right:10px;}
.habercard .textpart h6{color:#1D3666;font-weight:400;}
.habercard .textpart a{margin-top:1rem;position:absolute;bottom:30px;}
@media (max-width: 1681px){
.habercard .textpart h6{font-weight:400;}
}
@media (max-width: 1450px){
.haberler h4{margin-bottom:3rem;}
.habercard .textpart{height:250px;}
}
@media (max-width: 1380px){
.btn-teksen{padding:10px 60px 10px 20px;}
.btn-teksen img{width:30px!important;height:30px!important;top:7px;}
}
@media (max-width: 1300px){
.haberler ul li img{left:20px;width:30px;height:30px;}
.haberler ul li{padding:10px 20px 10px 60px;}
.habercard .images{height:190px;overflow:hidden;}
}
@media (max-width: 1200px){
.pt-96{padding-top:30px;}
.pb-96{padding-bottom:30px;}
.mb-96{margin-bottom:30px;}
.haberler h4{margin-bottom:2rem;}
.haberler ul li{margin-left:10px;margin-right:10px;}
.habercard .textpart{padding:5px 15px 20px 15px;height:290px;}
.habercard .textpart{height:230px;}
}
@media (max-width: 900px){
.habercard .textpart span{font-size:10px;}
.habercard .textpart h6{font-size:90%;}
.habercard .images{height:120px;overflow:hidden;}
.habercard .textpart{height:190px;}
.habercard .textpart a{bottom:10px;}
.habercard .textpart a{bottom:10px;}
.btn-teksen{padding:5px 40px 5px 10px;}
.btn-teksen img{width:20px!important;height:20px!important;top:5px;right:10px;}
.haberler ul li img{left:10px;width:20px;height:20px;}
.haberler ul li{padding:5px 20px 5px 39px;}
}
@media (max-width: 800px){
.habercard{width:48%;margin-bottom:4%;}
.habercard .images{height:190px;overflow:hidden;}
.habercard .textpart{height:150px;}
}
@media (max-width: 600px){
.haberler ul{display:inline-block;width:100%;padding:0;margin-top:.5rem;margin-bottom:.5rem;}
.haberler ul li{margin-left:10px;margin-right:10px;width:44%;display:inline-block;}
.haberler h4{margin-bottom:1rem;}
.habercard{width:100%;margin-bottom:10%;}
}

.duyurucont .container img,.duyurucont .container video {
    margin-bottom: 2rem;
    width: 100%;
    object-fit: contain;
    max-height: 600px;
}

.duyurucont .container span {
    font-size: 15px;
    color: #a0a0a0;
    margin-bottom: 2rem;
    display: block;
    text-align: center;
}
.duyurucont .container span.fr-video{ 
    text-align: center;
}
.duyurucont .container span.fr-video video{ 
    width:max-content;
}

.duyurucont .container span img {
    margin-right: 10px;
    width: auto;
    height: auto;
    margin-bottom: 0
}

.duyurucont .container p {
    margin: .5rem;
    text-align: center;
}

.duyurucont .container a {
    color: #1daee3;
    border-bottom: 1px solid
}

.duyurucont .container h1,.duyurucont .container h2,.duyurucont .container h3,.duyurucont .container h4,.duyurucont .container h5,.duyurucont .container h6 {
    display: block;
    color: #1daee3;
    font-weight: 600;
    margin-bottom: 2rem;
    text-align: center;
    width: max-content;
    margin: auto;
    margin-bottom: 2rem;
}
.haberowl .owl-stage-outer{
    padding-bottom:2rem;}



	.haberowl .owl-nav{
     display: block!important;
     position:absolute;
     right: 200px;
     top: -110px;
} 
.haberowl .owl-nav button{
	width:50px;
	position: relative;
	height: 60px;
}
.haberowl.owl-nav img{
	filter:none;
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
}
.haberowl img.normal{
	 opacity:1;
}
.haberowl img.hover{
	 opacity:0;
	 position: absolute;
	 top: 0;
	 left: 0;
}
.haberowl .owl-nav button:hover img.normal{
	 opacity:0;
}
.haberowl .owl-nav button:hover img.hover{
	 opacity:1;
}
 
.medya.detay .galerikutu{margin-top:1%;width: 24%;margin-left: .5%;margin-right: .5%;}
.medya.detay .galerikutu:hover .imgs .filmtops{opacity:1;}
.medya.detay .galerikutu .imgs{position:relative;overflow:hidden;height: 350px;border-radius:20px;}
.medya.detay .galerikutu .imgs img{transition:1s;width:100%;height:100%;object-fit:cover;}
.medya.detay .galerikutu .imgs .filmtops{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;background:#002f8785;opacity:1;transition:1s;}
.medya.detay .galerikutu{cursor:pointer;}
.medya.detay .galerikutu:hover .imgs img{transform:scale(1.05);}
@media (max-width: 1200px){
.medya.detay .galerikutu .imgs .filmtops{opacity:1;}
}
@media (max-width: 600px){
.medya.detay .galerikutu{margin-top:1rem;width:100%;}
.medya.detay .galerikutu .imgs img{width:100%;height:300px;object-fit:cover;}
}
.galerikutu a{display:block!important;} 
@media (max-width:1681px){
.medya.detay .galerikutu .imgs{height:400px;}
} 
@media (max-width:1500px){
.medya.detay .galerikutu .imgs{height:340px;}
}