*{
	box-sizing: border-box;
}
body{
	overflow-x:hidden;
}
a, p, input, select, textarea, table, td, th, span, h1, h2 h3, h4, h5, h6, body, button {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;  
  font-style: normal;
  font-display: swap;
  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:#155F7A;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#155F7A80;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 86%;
    margin: auto;
} 
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;  
}
 strong{
 	font-weight: bold;
 } 
h1 {
 font-size: 55px;
 font-weight:400;
 line-height: 110%;
 color:#232323;
}
h1 strong{
 color:#155F7A;	
 font-weight:600;
}
h2 {
 font-size: 50px;
 font-weight: 600;
 line-height: 130%;
 color: #FFFFFF;
 margin: 0;
 margin-bottom: 1rem;
 position:relative;
}
 h2.desen::before{
 	content:"";
 	position:absolute;
 	width: 0;
 	height:2px;
 	left: 0px;
 	bottom: 10px;
 	transition:1s;
 	background: #30728A50;
 }
 h2.desen::after{
 	content:"";
 	position:absolute;
 	width:0;
 	height:2px;
 	left:0;
 	bottom: 10px;
 	transition:1.5s;
 	background: #30728A;
 }
h2.desen.active::before{ 
	width:120px;
}
h2.desen.active::after{ 
	width:80px;
	transition-delay:1s;
}
h2.desen{
	font-size:17px;
	margin-bottom: 0rem;
	padding-left: 130px;
	color: #30728A;
	margin-bottom: 1rem;
}
h3{
	margin-block-start:0;
}
  
h2 strong{color: #155F7A;display:block;}
h3 {font-size: 34px;line-height:120%;margin-bottom: 2rem;color: #232323;font-weight: 600;}
h4 {font-size: 40px;color: #232323;font-weight: 300;}
h5 {
	font-size: 25px;
	font-weight: 500;
	color: #232323;
}
h6 {color: #393939;font-size: 23px;font-style: normal;font-weight: 600;line-height: 136%;letter-spacing: 0.125px;position: relative;}
 
p, li, a, td, th {
    list-style-position: outside;
    padding: 0;
    color: #232323;
    font-kerning: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0px;
}
p, a, td, th { 
    margin-bottom: 2rem;
}
li{
	margin-bottom:1rem;
}
span{color: #232323;font-kerning: none;font-size: 15px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: 0.16px;}
.row{
	margin:0;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}
 .points{cursor:pointer;}
 .pt-96{
 	padding-top:72px;
 }
 
 .pb-96{
 	padding-bottom:72px;
 }
 .pt-48{
 	padding-top:36px;
 }
 .pb-48{
 	padding-bottom:36px;
 }
 .padl-5{
 	padding-left:5%;
 }
 .padr-5{
 	padding-right:5%;
 }
 .mt-96{
 	margin-top:72px;
 }
 .mb-96{
 	margin-bottom:72px;
 }
 .mt-48{
 	margin-top:36px;
 }
 .mb-48{
 	margin-bottom:36px;
 }
 .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{transition:0.5s;display:none;position:fixed;bottom: 100px;right: 90px;z-index:99;font-size:18px;border:none;outline:none;background:transparent;cursor:pointer;border: 1px solid #155f7a;border-radius: 50%;width: 60px;background: #ffffff;height: 60px;}
#backtotop svg path{
	fill:#155f7a
}
#backtotop svg{
	width:20px
}
@media (max-width: 900px){
#backtotop{display:none!important;}
}
 #backtotop:hover{background: #155f7a;border:1px solid #155f7a;transition:0.5s;transform:scale(1.1);}
 #backtotop:hover svg{transition:0.5s}
 #backtotop:hover svg path{
  fill: #ffffff;
  transition:0.5s
 }
#backtotop::after{
	content: "";
	position: absolute;
	animation: climp 2s infinite;
	transition: 0.5s;
	width: 0;
	height: 0;
	border: 0px solid #155f7a;
	border-radius: 50%;
	left: -20px;
	top: -20px;
}
#backtotop::before{
	content:"";
	position:absolute;
	animation:  climp2 2s infinite;
	transition: 0.5s;
	width: 0;
	height: 0;
	border: 0px solid #155f7a;
	border-radius: 50%;
	left: -10px;
	top: -10px;
}

@keyframes scale{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}	
}
@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%;
	}
a{
	text-decoration:none;
}
@media (max-width: 900px){
#backtotop{
    width: 60px;
    height: 60px;
}
	
#backtotop::after{
	width: 90px;
	height: 90px; 
}
#backtotop::before{
	width: 70px;
	height: 70px;
}
}
	.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;} 
	.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:50%;display:flex;align-items:center;justify-content:flex-start;padding-top:10px;}
	.header-mobile .header-mobile-katalog{width: 40%;display:flex;justify-content: end;align-items:center;padding-top: 10px;}
	.header-mobile .header-mobile-katalog a{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:20px;
        color:#ffffff;
        margin: 0;
        }
		.header-mobile .header-mobile-katalog a img{
			margin-right:15px;
			width: 38px;
			object-fit: contain;
		}
	.header-mobile .header-mobile-logo a{margin:0;}
	.header-mobile .header-mobile-logo img{width: 100%;}
	.header-mobile.navbar-mobile-takip .header-mobile-logo img {
        width: 50%;
    }
	.header-mobile .header-mobile-hamburger{width: 50%;display:flex;align-items: flex-end;justify-content:center;margin-left: 0%;flex-direction:column;transform: translate(0px, 6px);}
	.sidenav{height:100%;width:0;position:fixed;z-index:99999999999;top:0;left:0;background-color: #ffffff;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%;}
	.mobile-menu-links ul{padding-left:0;margin-bottom:0;}
	.mobile-menu-links ul li{list-style:none;border-bottom: 1px solid #000000;margin-bottom:20px;overflow:hidden;opacity:0;transition:1s;}
	.mobile-menu-links ul li a{font-size:25px;color: #002f87;transition:1s;font-weight: 500;}
}
@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: #ffffff;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:nth-child(2){
	background: #232323;
}
	.mobile-menu-links ul li a, .mobile-menu-links ul li button a{color: #000000!important;}

	.header-mobile-hamburger span{width:50px;height:5px;background: #155F7A;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:nth-child(8){transition-delay:1.7s;}
	.mobile-menu-links ul li:nth-child(9){transition-delay:1.8s;}
	.mobile-menu-links ul li:nth-child(10){transition-delay:1.9s;}
	.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:4px;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);}

		.mobile-menu-kapat-logo .mm-kapat::before{
			background: #000000;
		}
		.mobile-menu-kapat-logo .mm-kapat::after{
			background:#fecc00;
		}
.mm-acc:after{content:"\002B";color: #002f87;font-weight:300;float:right;margin-left:5px;}
.mm-acc.active-mm-acc:after{content:"-";color: #002f87;font-weight:300;float:right;margin-left:5px;}
@media (max-width: 900px){
	.mobile-menu-links ul li a{font-size:25px;}
}
 
 	.accordion-mm:after{content:'\002B';color:#fff;font-weight:100;float:right;margin-left:5px;}
	.accordion-mm.active-mm:after{content:'-T';color:#fff;font-weight:500;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;}
	
	.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;}
} 
   
 
.parallaxpart{background-image:url(../img/parallax.webp);min-height:600px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;height: 800px;display:flex;justify-content:center;align-items:center;padding-top: 5%;padding-bottom: 5%;}
.parallaxpart .absoles{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	object-fit:contain;
}.parallaxpart .absoles2{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	object-fit:contain;
}
.parallaxpart .textdecor h2{text-align:left;color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;width: 50%;}
.parallaxpart .textdecor{
    width: 85%;
}
.parallaxpart .textdecor h5{text-align: left;color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;width: 100%;margin: 2rem auto;}
.parallaxpart .textdecor a{color:#fff;}
.parallaxpart .textdecor .put{text-align:center;width: 40%;margin:auto;position:relative;}
.parallaxpart .textdecor .put input{width: 100%;height:60px;display:flex;justify-content:center;align-items:center;border:0;border-radius:50px;padding-left:20px;background:#002f87;background-color: #ffffff37;border: 1px solid #ffffff40;font-size: 130%;}
.parallaxpart .textdecor .put input::placeholder{color:#fff;}
.parallaxpart .textdecor .put button{background:0 0;border:0;outline:0;position:absolute;color: #fff;background: #323232;width: 50%;height: 100%;top: 0;right: -25px;border-radius: 50px;z-index: 9;cursor: pointer;font-size: 110%;}
.parallaxpart .textdecor .put button img{
	position:absolute;
	right:40px;
	top:23px;
	transition:1s;
}
.parallaxpart .textdecor .put button:hover img{
	right:30px;
}
@media (max-width:1681px){ 
.parallaxpart .textdecor{transform:translate(0,40px);}
}
@media (max-width:1300px){ 
.parallaxpart .textdecor .put{width:40%;}
.parallaxpart .textdecor .put input{height:40px;} 
}
@media (max-width:600px){ 
.parallaxpart .textdecor h5{font-size:20px;width:80%;}
.parallaxpart .textdecor p{margin-top:1rem;}
.parallaxpart .textdecor .put{width:70%;}
.parallaxpart{min-height:200px;height:200px;background-size:cover;background-attachment:local;}
.parallaxpart .textdecor{transform:translate(0,0);}
}
  
.footer{
    background: #142B38;
    padding-top: 3%;
    padding-bottom: 2%;
    position: relative;
}
.footer .desen{
	width: 30%;
	position:absolute;
	left: 0;
	height: 95%;
	top: 0;
}
.footer .desen img{ 
width:100%;
	height:100%;
	object-fit:contain;
}
.footer .container{}
.footer .container .row{
    justify-content: space-between;
}
.footer .container .row .w40{
     
display: flex;
     
justify-content: flex-start;
     
align-items: center;
}
.footer .container .row .w30{
    
margin-top: auto;
    
margin-bottom: auto;
}
 
.footer .container .row .w40 img{
    filter: brightness(0) invert(1);
    width: 60%;
}
.footer .container .row .w30 ul{
   
padding: 0;
   
list-style: none;
   
display: inline-block;
   
width: 100%;
}
.footer .container .row .w30 ul li{
   
width: 49%;
   
display: inline-block;
}
.footer .container .row .w30 ul li a{
   
color: #fff;
}
.footer .container .row .w30 p{
   
display: flex;
   
justify-content: flex-start;
   
align-items: center;
}
.footer .container .row .w30 span{
   
color: #ffffff;
   
font-size: inherit;
}
.footer .container .row .w30 p img{
   
width: 40px;
   
height: 40px;
   
object-fit: contain;
   
margin-right: 20px;
}
 .draw-svg path {
  fill: none;
  stroke: #155F7A;
  stroke-width: 2;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw 0.5s ease forwards;
}

/* SIRAYLA BAŞLAMASI */
#p11  { animation-delay: 0s; }
#p10  { animation-delay: 0.2s; }
#p9  { animation-delay: 0.4s; }
#p8  { animation-delay: 0.6s; }
#p7  { animation-delay: 0.8s; }
#p6  { animation-delay: 1.0s; }
#p5  { animation-delay: 1.2s; }
#p4  { animation-delay: 1.4s; }
#p3  { animation-delay: 1.6s; }
#p2 { animation-delay: 1.8s; }
#p1 { animation-delay: 2.0s; }

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
.start{
    position: relative;
    margin-top: 200px;
}
.start .container{}
 svg.draw-svg{
    position: absolute;
    right: 7%;
    top: 50px;
    z-index:-1;
}
.start .container h1{
    margin-bottom: 4rem;
}
.start .container h1 strong{
	display:block;
}
.start .container .videopart{
    width: 100%; 
    position: relative;
}
.start .container .videopart video{
    width: 100%;
    height: 70vh;
    object-fit: cover;
    z-index: 1;
    position: relative;
}
.start .container .videopart .play{
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 9;
}
.start .container .videopart .play a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.start .container .videopart .play a img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.start .container .videopart .play a p{
    color: #fff;
    font-weight: 600;
}
.ourtech{
    background: #142B38;
    position: relative;
}
.ourtech h2.firstbaslik{
    position: absolute;
    left: 35%;
    z-index: 9;
    width: 45%;
    top: 10%;
}
.ourtech .owl-ourtech{}
.ourtech .owl-ourtech .item{}
.ourtech .owl-ourtech .item .row{}
.ourtech .owl-ourtech .item .row .w70{
    padding-top: 5%;
    padding-left: 10%;
    padding-bottom: 5%;
    width: 60%;
}

.ourtech .owl-ourtech .item .row .w70 h2.desen{
	opacity:0;
	transition:.5s;
	color: #ffffff;
}
.ourtech .owl-ourtech .owl-item.active .item .row .w70 h2.desen{
	transition-delay:0.4s;
	opacity:1;
}
.ourtech .owl-ourtech .item .row .w70 h2.desen::before{
    background:#ffffff50; 
}
.ourtech .owl-ourtech .item .row .w70 h2.desen::after{
    background:#ffffff;
}
.ourtech .owl-ourtech .item .row .w70 img{
    width: max-content;
    margin-bottom: 2rem;
	opacity:0;
	transition:.5s;
}
.ourtech .owl-ourtech .owl-item.active .item .row .w70 img{
     transition-delay:0.6s;
	opacity:1;
}
.ourtech .owl-ourtech .item .row .w70 h4{
    color: #ffffff;
    width: 60%;
    margin-bottom: 2rem;
	opacity:0;
	transition:.5s;
}
.ourtech .owl-ourtech .owl-item.active .item .row .w70 h4{
     transition-delay:0.8s;
	opacity:1;
}
.ourtech .owl-ourtech .item .row .w70 p{
    color: #fff;
    width: 70%;
    font-weight: 200;
    letter-spacing: 2px;
    transition: 1s;
	opacity:0;
	transition:.5s;
}

.ourtech .owl-ourtech .owl-item.active .item .row .w70 p{
     transition-delay:1s;
	opacity:1;
}
.ourtech .owl-ourtech .item .row .w70 a{
    margin-top: 7rem;
    color: #ffffff;
	opacity:0;
	transition:.5s;
}

.ourtech .owl-ourtech .owl-item.active .item .row .w70 a{
     transition-delay:1.2s;
	opacity:1;
}

a.lassbtn{
    display: flex;
    justify-content: flex-start;
    color: #414141;
    font-weight: 400;
    transition: 1s;
    width: max-content;
}
a.lassbtn p{
	font-size:inherit;
	font-weight:inherit;
	margin: initial;
	width: max-content!important;
}
a.lassbtn .arrowland{position:relative;margin-left: 5px;transition: 1s;}
a.lassbtn .arrowland::after{
	content:"";
	position:absolute;
	width:30px;
	height:30px;
	border: 1px solid #000;
	border-radius:50%;
	right: 1px;
	top:0
}
a.lassbtn .arrowland img{
    margin: 0!important;
    transition: 1s;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
    width: max-content;
    height: max-content;
}
a.lassbtn:hover p{transform: translate(10px, 0px);}
a.lassbtn:hover .arrowland::after{}
a.lassbtn:hover .arrowland img{
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}
.ourtech .owl-ourtech .item .row .w30{
    width: 40%;
}
.ourtech .owl-ourtech .item .row .w30 img{
    width: 100%;
    height: 100%;
    height: 830px; 
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition:1s;
}

.ourtech .owl-ourtech .owl-item.active .item .row .w30 img{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	 
}
.ourtech .owl-ourtech .owl-nav{
    display: block!important;
    position: absolute;
    left: 50%;
    bottom: 20%;
}

.ourtech .owl-ourtech .owl-nav .okimage{
	border:1px solid #ffffff;
	width:40px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	transition: .5s;
}
.ourtech .owl-ourtech .owl-nav button:hover .okimage{
	border:1px solid #30728A;
	background:#30728A;
}
.solutions .bgs{
    position: absolute;
    height: 100%;
    top: -10px;
    left: 170px;
    z-index: -1;
}
.solutions .bgs img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.solutions{position: relative;min-height: 850px;}
.solutions .container{}
.solutions .container h2.desen{}
.solutions .container h4{
    margin-bottom: 2rem;
}
.solutions .container h4 strong{
    font-weight: 600;
    color: #155F7A;
    display: block;
}
.solutions .container .owl-solutions{
    min-height: 550px;
}
.solutions .container .owl-solutions .owl-nav{
	display:block;
}
.solutions .container .owl-solutions .owl-nav .owl-prev{
	position:absolute;
	left:5%;
	top: 30%;
}
.solutions .container .owl-solutions .owl-nav .owl-next{
	position:absolute;
	right:5%;
	top: 30%;
}
.solutions .container .owl-solutions .item{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.solutions .container .owl-solutions .item a.absolelink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.solutions .container .owl-solutions .item h3{
    text-align: center;
    font-weight: 300;
    font-size: 70%;
	transition:1s;
}
.solutions .container .owl-solutions .item h3 strong{
    display: block;
}
.solutions .container .owl-solutions .item img{
    height: 220px;
    object-fit: contain;
    transition:1s;
}
.solutions .container .owl-solutions .item:hover img{
     transform:scale(1.05);
}

.solutions .container .owl-solutions .owl-item.center .item img{
    height: 360px;
    object-fit: contain;
}

.solutions .container .owl-solutions .owl-item.center .item h3{
	font-size:34px;
}

.customers{
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.customers .bgs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.customers .bgs img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.customers .ucgen1{
    position: absolute;
    top: 8%;
    z-index: 9;
    right: -11%;
}
.customers .ucgen1 img{
    clip-path: polygon(0 0, 100% 0, 0% 0%, 0% 100%);
	transition-delay:1s;
    transition: 4s;
    width:100%;
}
.customers.active .ucgen1 img{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.customers .ucgen2{
    position: absolute;
    left: -7%;
    top: 40%;
}
.customers .ucgen2 img{
	 clip-path: polygon(0 0, 100% 0, 0% 0%, 0% 100%);
	transition-delay:1s;
	 transition: 4s;
    width:100%;
}
.customers.active .ucgen2 img{
	  clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); 
}
.customers .container{}
.customers .container h4 strong{
	display:block;
	color:#155F7A;
}
.customers .container .row.secrow{
    width: 80%;
    margin: auto;
    justify-content: space-between;
    margin-top: 4rem;
}
.customers .container .row .w40{}
.customers .container .row .w40 h4{}
.customers .container .row .w40 h4 strong{}
.customers .container .row .w60{}
.customers .container .row .w60 p{}
.customers .container .row .w50{}
.customers .container .row.secrow .w50::before{
	content:"01";
	position:absolute;
	top:107px;
	left:-40px;
}
.customers .container .row.secrow .w50::after{
	content:"";
	position:absolute;
	top:107px;
	left:-60px;
	height:60px;
	width:1px;
	background:#155F7A;
}
.customers .container .row .w50 img.ikon{
    width: 80px;
    object-fit: contain;
    height: 80px;
    margin-bottom: 1rem;
}
.customers .container .row.secrow .w50 p{
    width: 90%;
}
.customers .container .row.secrow .w50 h5{}
.customers .container .row.secrow .w50 a{}
.customers .container .row .w100kutu{
    padding: 7% 5%;
    background: #ffffff;
    z-index: 9;
    box-shadow: 0px 0px 28px #00000020;
}
.customers .container .row .w100kutu .w50{
	width: 47%;
}
.customers .container .row .w100kutu .w50 h2{}
.customers .container .row .w100kutu .w50 h4{
    margin-bottom: 3rem;
}
.customers .container .row .w100kutu .w50 p{}
.customers .container .row .w100kutu .w50 a{}
.customers .container .row .w100kutu .w50 img.bimage{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.aboutsus{
    position: relative;
}
.aboutsus .bgssa{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F3FBFF;
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%, 0% 38%);
}
.aboutsus .container{}
.aboutsus .container .row{}
.aboutsus .container .row .w50{}
.aboutsus .container .row .w50 h2{}
.aboutsus .container .row .w50 h4{
    margin-bottom: 1rem;
}
.aboutsus .container .row .w50 h4 strong{
    display: block;
    color: #155F7A;
}
.aboutsus .container .row .w50 p{}
.aboutsus .container .row .w50 .row.rakamlar{
    margin-bottom: 2rem;
    justify-content: space-between;
}
.aboutsus .container .row .w50 .row.rakamlar .w30{
    /* display: flex; */
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
}
.aboutsus .container .row .w50 .row.rakamlar .w30 span{
    font-weight: bold;
    color: #155F7A;
    font-size: 35px;
    line-height: 120%;
}
.aboutsus .container .row .w50 .row.rakamlar .w30 span .odometer{
    color: #155F7A;
    font-weight: bold;
}
.aboutsus .container .row .w50 .row.rakamlar .w30 p{
    font-weight: 100;
    margin: 0;
    /* text-align: center; */
    width: 70%;
    font-size: 90%;
}
.aboutsus .container .row .w50 a{}
.aboutsus .container .row .w50 img{} 
.inovasyon{}
.inovasyon .container{}
.inovasyon .container .row{}
.inovasyon .container .row .w50{
    margin-top: auto;
    margin-bottom: auto;
}
.inovasyon .container .row .w50 h2{}
.inovasyon .container .row .w50 h4{
    margin-bottom: 1rem;
}
.inovasyon .container .row .w50 h4 strong{
    display: block;
    color: #155F7A;
}
.inovasyon .container .row .w50 p{
    margin: 0;
}
.inovasyon .container .row .w50 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.blogs{
    position: relative;
}
.blogs .desenblog{
	position:absolute;
	left: -13%;
	bottom: 0%;
	width: 30%;
}
.blogs .desenblog img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.blogs h2.desen{}
.blogs h4{}
.blogs h4 strong{
	display:block;
	color:#155F7A;
}
.blogs .owl-blog{
    margin-top: 4rem;
    padding: 10px;
}
.blogs .owl-blog .item{
    padding: 10px;
} 
.blogs .row{
    justify-content: space-between;
}
.blogs .cardblog{
    padding: 10px;
}
.blogs .cardblog:hover .imagepart img{
	transform:scale(1.05)
;}
.blogs .cardblog .imagepart{
    
width: 100%;
    
height: 350px;
    
overflow: hidden;
    
position: relative;
}
.blogs .cardblog .imagepart img{
    
}
.blogs.detayblog .cardblog{
    padding: 10px;
    width:30%;
    margin-top: 2rem;
    position: relative;
}
.blogs .cardblog a.absollink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0;
}
.blogs .cardblog h5{
    position: relative;
    margin-bottom: 1rem;
    padding-left:40px;
}
.blogs .cardblog h5::after{
   content:"";
	position:absolute;
	left:0;
	top:18px;
	background:#000;
	width:30px;
	height:1px;
}
.blogs .cardblog p{
    height: 80px;
    margin: 0;
    margin-bottom: 2rem;
}
.blogs .cardblog img{
    width: 100%;
    height: 100%;
    transition: 1s;
    object-fit: cover;
}
.blogs .cardblog h4{
    font-size: 25px;
    font-weight: 600;
}
.blogs .cardblog a{margin:0;margin-left: auto;margin-top: 2rem;}
.pagestart{ 
    padding-top: 220px;
    position: relative; 
}
.pagestart.company .w50 img{
	width:100%;
	height:550px;
	object-fit:contain; 
    position: sticky;
    top: 10%;
}
.pagestart .container{}
.pagestart .container h1{
    margin-bottom: 4rem;
    color: #155F7A;
    font-weight: 500;
}
.pagestart .container ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    margin-bottom: 0;
}
.pagestart .container ul li{
    list-style: none;
    display: block;
    margin-left: 10px;
}
.pagestart .container ul li a{}
.pagestart .container ul li::last-child{
	font-weight:bold;
}
.pagestart .container ul li:last-child a{font-weight:bold;} 
.solpart{}
.solpart h4{
    margin-bottom: 2rem;
}
.blogcontent .blogimage img { 
    max-height: 600px;
}
.solpart h4 strong{
    color: #155F7A;
    display: block;
}
.solpart p{
    width: 30%;
}
.solpart ul{
    list-style: none;
    padding: 0;
}
.solpart ul li{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    border: 1px solid #BDBDBD;
    border-radius: 10px;
    margin-bottom: 0;
    padding: 20px;
}
.solpart ul li.active{
	border-color:#76B1C7;
	background:#f3fbff
}
.solpart ul li.active p{
	font-weight:bold;
}
.solpart ul li a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0;
}
.solpart ul li a img{
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 10px;
}
.solpart ul li a p{
    margin: 0;
    width: 100%;
}
.solpart .row{
    justify-content: space-between;
}
.solpart .row .uruncard{
    width: 24%;
    position: relative;
    border: 1px solid #76B1C7;
    border-radius: 10px;
    margin-bottom: 1.5%;
}
.solpart .row .uruncard .bgurun{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.solpart .row .uruncard .bgurun img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solpart .row .uruncard img.urunimage{
    height: 380px;
    object-fit: contain;
	transition:.5s;
}
.solpart .row .uruncard:hover img.urunimage{
    transform:scale(1.05);
}
.solpart .row .uruncard h4{
    text-align: center;
    font-weight: 600;
    margin-top: 1rem;
    font-size: 30px;
}
.solpart .row .uruncard a{
    margin-left: auto;
    margin-right: auto;
}
.uruncard .absolelink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.pagestart .bgssol{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}
.pagestart .sagmavi{
    position: absolute;
    top: 30%;
    right: 0%;
    z-index: -1;
    height: 100%;
    width: 40%;
}
.pagestart .sagmavi img{ 
    width: 100%;
    object-fit: contain;
    
}
.pagestart .bgssol img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pagestart #secnav.pagess{display: inline-block;width: 100%;text-align: center;padding: 0;margin: 0;}
.pagestart #secnav.pagess li{
     
text-align: center;
     
display: flex;
     
justify-content: center;
     
align-items: center;
     
margin: 0;
     
height: auto;
     
display: inline-flex;
     
border-radius: 10px;
     
margin: 0px 10px;
}
.pagestart #secnav.pagess li a{
     
margin: 0;
     
border: 1px solid #ABABAB;
     
padding: 15px 40px;
     
min-width: 270px;
     
border-radius: 10px;
}
.pagestart #secnav.pagess li a p{
     
margin: 0;
}
.pagestart #secnav.pagess li.active{
     
background: #155F7A;
} 
.pagestart #secnav.pagess li.active a p{
     
color: #ffffff;
}
.takipsol{
    width: 100%;
    background: #F3FBFF;
}
 
.takipsol.takip {
    position: fixed;
    top: 90px;
    background: #F3FBFF;
    z-index: 99;
    margin: 0;
}
.takipsol ul{
    list-style: none;
    padding: 0;
    display: inline-flex;
    justify-content: space-evenly;
    width: 100%;
    margin: 0;
}
.takipsol ul li{
    margin: 0;
    padding: 20px 20px;
    cursor: pointer;
}
.takipmenucont{
	height:80px;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.takipsol ul li.active{
	border-bottom: 6px solid #155F7A;
	font-weight: bold;
}
.pagestart h4{
	margin-top: 4rem;
}
.pagestart.company h4{
	margin-top: 2rem;
	margin-bottom:2rem;
}

.pagestart.company .w50.text p{
	margin-bottom:.5rem;
}
.pagestart.company .w50.text ul{
    display: block;
    margin: 0;
    padding: 0;
    list-style: circle;
    padding-left: 5%;
}
.pagestart.company .w50.text ul li{
    margin: 0;
    position: relative;
	margin-bottom:.5rem;
}
.pagestart.company .w50.text ul li::after{
    content:"";
	position:absolute;
	left:-10px;
	top:10px;
	background:#155F7A;
	width:5px;
	height:5px;
	border-radius:50%;
}
.pagestart h4 strong{
	color:#155F7A;
	display:block;
}
.pagestart .w60{
     
}
.pagestart .w60 h2{
     
}
.pagestart .w60 p{
	width:90%;
}
.pagestart .w60 h4{
     
margin-top: 2rem;
     
margin-bottom: 2rem;
     
width: 80%;
}
.pagestart .w60 h4 strong{
     
}
.pagestart .w40{
     
}
.pagestart .w40 img{
     
width: 100%;
     
height: 100%;
     
object-fit: contain;
     
max-height: 600px;
}
 .features{}
 .features h2{
    margin-bottom: 4rem;
}
 .features .owl-features{}
 .features .owl-features .owl-item{}
 .features .owl-features .owl-item .item{
}
 .features .owl-features .owl-item .item .kutufeat{border-radius: 20px;}
 .features .owl-features .owl-item .item .kutufeat .imagekut{
    height: 370px;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
 .features .owl-features .owl-item .item .kutufeat .imagekut img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}
 .features .owl-features .owl-item .item .kutufeat .text{
    border: 1px solid #155F7A;
    padding: 30px 15px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
 .features .owl-features .owl-item .item .kutufeat .text h5{
    margin-bottom: 1rem;
}
 .features .owl-features .owl-item .item .kutufeat .text p{
    height: 150px;
}
 .features .owl-features .owl-item .item:hover .kutufeat .imagekut img{
    transform: scale(1.05);
}
.features .owl-features .owl-nav{
	display:block;
	margin:0;
}
.features .owl-features .owl-nav .owl-prev{
	position:absolute;
	left:-5%;
	top:40%;
}
.features .owl-features .owl-nav .owl-next{
	position:absolute;
	right:-5%;
	top:40%;
}
.technicaldata{}
.technicaldata h2{}
.technicaldata table{
    display: table;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
    border-spacing: 0;
}
.technicaldata table tr{}
.technicaldata table tr td{
    padding: 10px;
    border: 1px solid #76B1C7;
}
.technicaldata table tr td:first-child{
    background: #F3FBFF;
}
.technicaldata table tr:first-child td{
    color: #155F7A;
    font-weight: bold;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.technicaldata table tr:last-child td:first-child{ 
    border-bottom-left-radius: 10px;
}
.technicaldata table tr:last-child td:last-child{ 
    border-bottom-right-radius: 10px;
}
.playvideo{
    margin-top: 5%;
    position: relative;
    cursor: pointer;
}
.playvideo img{
    width: 100%;
    height: 700px;
    object-fit: cover;
}
.playvideo .plays{
    position: absolute;
    top: 45%;
    left: 45%;
}
.playvideo .plays img{
    width: 120px;
    height: 120px;
    object-fit: contain;
	transition:.5s;
}
.playvideo:hover .plays img{
    transform:scale(1.1)
}
.areaofuse h4{
    margin-bottom: 2rem;
}
.areaofuse h4 strong{
    display: block;
    color: #155F7A;
}
.areaofuse .owl-areause{}
.areaofuse .owl-areause .item{}
.areaofuse .owl-areause .item .back{
    position: relative;
    height: 700px;
}
.areaofuse .owl-areause .item .back img{
    height: 100%;
    object-fit: cover;
	transition:2s
}
.areaofuse .owl-areause .owl-item.active .item .back img{
     transform:scale(1.1);
}
.areaofuse .owl-areause .item .back .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.areaofuse .owl-areause .item .back .text img{
    width: 120px;
    height: 120px;
    margin-right: 20px;
}

.areaofuse .owl-areause .owl-item.active .item .back .text img{
     
	transform:scale(1);
}
.areaofuse .owl-areause .item .back .text h5{
    color: #fff;
    font-weight: 500;
    text-shadow: 2px 2px #000;
}
.brochure{
    position: relative;
    padding-left: 10%;
}
.brochure .backs{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F3FBFF;
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%, 0% 38%);
}
.brochure .backs .container{}
.brochure .row{}
.brochure .row .w20{}
.brochure .row .w20 .kutuurun{
    border: 1px solid #E1E1E1;
    border-radius: 20px;
    padding: 30px;
}
.brochure .row .w20 .kutuurun h6{
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
}
.brochure .row .w20 .kutuurun h6 strong{
    color: #155F7A;
    display: block;
}
.brochure .row .w20 .kutuurun img{
    height: 250px;
    width: 100%;
    object-fit: contain;
}
.ourtech .owl-ourtech .owl-item.active .item .row .w70 a .arrowland::after {
    border-color:#ffffff;
}
.brochure .row .w50{
    padding-left: 5%;
}
.brochure .row .w50 h5{
    margin-bottom: 1rem;
}
.brochure .row .w50 h5 strong{
    color: #155F7A;
    display: block;
}
.brochure .row .w50 p{
    color: #231F20;
    font-weight: 200;
}
.brochure .row .w50 a.download{
    display: block;
    width: 40%;
    border: 1px solid #76B1C7;
    border-radius: 10px;
    padding: 10px 20px;
    position: relative;
	transition:.5s;
}
.brochure .row .w50 a.download img{
    width: 25px;
    position: absolute;
    right: 10px;
}
.brochure .row .w50 a.download:hover{
	background:#155F7A;
	color:#ffffff;
}
.brochure .row .w50 a.download:hover img{
	filter:brightness(0) invert(1)
}

.accordion {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #23232340;
}

.panel {
  flex: 1;
  position: relative;
  transition: flex 0.6s ease;
  overflow: hidden;
  cursor: pointer;
}
.panel .bgs{ 
}
.panel .bgs img{width: 100%;height: 100%;object-fit: cover;height: 700px;}


/* Hover */
.accordion:hover .panel {
  flex: 0.7;
}

.accordion .panel:hover {
  flex: 2.5;
}

/* İçerik */
.content {
  position: absolute;
  bottom: 50%;
  left: 30%;
  color: #fff;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.4s ease;
}

.panel:hover .content {
  opacity: 1;
  transform: translateY(0);
}

.features2.boxshadow .container{
	box-shadow: 0px 0px 10px #00000010;
	padding: 80px 30px;
}
.features2 h2{
	margin-bottom:2rem;
}
.features2 .row{
    justify-content: space-between;
}
.features2 .row .w50{
    margin-bottom: 2rem;
}
.features2 .row .w50 h5{
    color: #155F7A;
    font-weight: bold;
    margin-bottom: 1rem;
}
.features2 .row .w50 p{
    font-weight: 300;
}
.features2 .row .kutufeatures{
    width: 24%;
    margin: auto;
    text-align: center;
    border: 1px solid #155F7A;
    border-radius: 20px;
    padding: 25px;
    margin-top: 0rem;
}
.features2 .row .kutufeatures img{
    height: 300px;
    object-fit: contain;
}
.features2 .row .kutufeatures h6{
    margin-top: 2rem;
} 
.pagestart .images{
    height: 700px;
}
.pagestart .images img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solsag{
    position: relative;
}
.solsag .w60{}
.solsag .w60 h2{
    color: #232323;
    font-weight: 200;
}
.solsag .w60 h2 strong{}
.solsag .w40{}
.solsag .w40 h5{
    font-weight: 300;
    width: 80%;
}
.solsag.bgsiz .w50{
	width:100%;
	margin: 0;
	margin-bottom: 5%;
} 
.solsag .w50 h4{
    margin-bottom: 2rem;
}
.solsag .w50 h4 strong{
    display: block;
    color: #155F7A;
}
 .solsag.casestudy .w50 p {
    width: 50%;
}
.solsag .w50 p{width: 90%;}
.solsag .w50 a{}
.solsag .w50 img.logo{
    filter: brightness(0);
}
.solsag .w50 img.bimag{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solsag .ucgen1{
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(225deg);
}
.solsag .ucgen1 img{
    width: 300px;
    height: 100%;
    object-fit: contain;
}

.pagestart .ucgen1{
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(225deg);
}
.pagestart .ucgen1 img{
    width: 300px;
    height: 100%;
    object-fit: contain;
}
.solfeat{
    position: relative;
}
.solfeat h2{
   margin-bottom:2rem;
}
.solfeat .bglse{
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
}
.solfeat .bglse img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.solfeat .row{
    justify-content: space-evenly;
}
.solfeat .row .ikonkutu{
    width: 26%;
    margin-left: 3%;
    padding-left: 3%; 
    margin-bottom: 5%;
    position: relative;
    z-index: 9;
}
.solfeat .row .ikonkutu::before{
	content:"01";
	position:absolute;
	left:-1%;
	top:105px;
	color: #929292;
}
.solfeat .row .ikonkutu::after{
	content:"";
	position:absolute;
	left:-9%;
	top:105px;
	background: #155F7A;
	width:1px;
	height:60px;
}
.solfeat .row .ikonkutu img{
    width: 80px;
    height: 80px;
    margin-bottom: 1rem;
}
.solfeat .row .ikonkutu p{
    color: #232323;
    font-weight: 500;
    width: 80%;
}
.fpc{}
.fpc .container{}
.fpc .container h4{
    margin-bottom: 2rem;
}
.fpc .container h4 strong{
    display: block;
    color: #155F7A;
}
.fpc .owl-gal{}
.fpc .owl-gal .item{}
.fpc .owl-gal .item img{
    height: 700px;
    object-fit: contain;
    width: 100%;
}
.fpc .owl-gal .owl-nav{
    display: block;
}
.fpc .owl-gal .owl-nav .owl-prev{
	position:absolute;
	left:-5%;
	top:40%;
}
.fpc .owl-gal .owl-nav .owl-next{ 
	position:absolute;
	right:-5%;
	top:40%;
}
.precision{
    position: relative;
}
.precision .backsg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F3FBFF;
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%, 0% 38%);
    z-index: -1;
} 
.precision h4{
    text-align: center;
    color: #155F7A;
    font-weight: 600;
    margin-bottom: 2rem;
}
.precision h5{
    text-align: center;
    width: 50%; 
    margin: auto;
    margin-bottom: 2rem;
}
.precision ul{
    display: inline-block;
    padding: 0;
    list-style: none;
    width: 80%;
    margin: auto;
    margin-left: 10%;
}
.precision ul li{}
.precision ul li{
    display: inline-block;
    width: 33%;
}
.video{}


.parallaxpart{background-image:url(../img/paralb.webp);min-height: 300px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;height: 400px;display:flex;justify-content:center;align-items:center;padding-top: 5%;padding-bottom: 5%;}
 
.parallaxpart .textdecor h1{text-align: center;color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;}
.parallaxpart .textdecor{
    width: 85%;
}
.parallaxpart .textdecor p{color:#fff;font-weight:500;text-shadow:1px 1px 5px #000;width: 40%;margin: 2rem auto;text-align: center;}
.parallaxpart .textdecor a{color:#fff;margin-left: auto;margin-right: auto;}
.parallaxpart .textdecor a.lassbtn .arrowland img {
    filter:brightness(0) invert(1);
}
.parallaxpart .textdecor a.lassbtn .arrowland::after { 
    border: 1px solid #fff; 
}

@media (max-width:1681px){ 
.parallaxpart .textdecor{transform:translate(0,40px);}
}
 
@media (max-width:600px){ 
.parallaxpart .textdecor h1{font-size:20px;width:80%;}
.parallaxpart .textdecor p{margin-top:1rem;} 
.parallaxpart{min-height:200px;height:200px;background-size:cover;background-attachment:local;}
.parallaxpart .textdecor{transform:translate(0,0);}
}
 .pagestart.bgsiz{} 
 .pagestart.bgsiz .row{
    justify-content: space-between;
} 
 .pagestart.bgsiz .studycard{position:relative;width: 30%;height: 500px;box-shadow: 0px 0px 11px #00000020;overflow: hidden;margin-bottom: 5rem;}
 .pagestart.bgsiz .studycard .bgs{
    height: 500px;
    overflow: hidden;
}
 .pagestart.bgsiz .studycard .bgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .pagestart.bgsiz .studycard .texto{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s;
    flex-direction: column;
    padding: 0 60px;
    transition-delay: .1s;
}
 .pagestart.bgsiz .studycard .texto h4{
    color: #155F7A;
    font-weight: bold;
    margin-bottom: 5rem;
    margin-top: 0;
    transition: .5s;
    transition-delay: .1s;
}
 .pagestart.bgsiz .studycard .texto p{
    text-align: center;
    transition: .1s;
}
 .pagestart.bgsiz .studycard .texto a{
    transition: .1s;
}
 .pagestart.bgsiz .studycard:hover{}
 .pagestart.bgsiz .studycard:hover img{}
 .pagestart.bgsiz .studycard:hover .texto{
    background: #ffffff80;
    transform: translate(0px, 0%);
}
 .pagestart.bgsiz .studycard:hover .texto h4{
    /* color: #fff; */
}
 .pagestart.bgsiz .studycard:hover .texto p{
    opacity: 1;
    color: #155F7A;
}
 .pagestart.bgsiz .studycard:hover .texto a{
    opacity: 1;
    color: #155F7A;
}
.solsag.bgsiz .w50 h4{
    margin-bottom: 1rem;
    margin-top: 0;
}
.pagestart.bgsiz .studycard a.absolelink{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}
.pagestart.bgsiz .container h1{
    margin-bottom: 2rem; 
}
.first{
    position: relative;
}
.first .container{}
.first .container .w50{
    margin-top: auto;
    margin-bottom: auto;
}
.first .container .w50 img{
						  width:100%;
						  height:100%;
						  object-fit:contain;
						  max-height: 500px;
						  }
.first .container h4{
    font-weight: 500;
    margin-bottom: 2rem;
    width: 80%;
}
.first .container p{}
.sec{
    position: relative;
    overflow:hidden;
}
.sec .container h2{
    display: block;
    width: 100%;
    position: absolute;
    left: 41%;
    z-index: 8;
    color: #000000;
    font-size: 45px;
    font-weight: 300;
    text-shadow: 0px 0px 11px #ffffff;
}

.sec .container h2 strong{  
    color: #000000; 
}
.sec .container .w50 img{
	width: 100%;
    height: 100%;
    max-height: 500px;
}
.sec .container .w50{
    margin-top: auto;
    margin-bottom: auto;
}
.sec .container ul{}
.sec .container li{
    width: 80%;
}
.sec .backsg{
		position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: #F3FBFF;
	    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%, 0% 38%);
	    z-index: -1;
   } 
   
.last{}
.last h4{}
.last .row{}
.last .row .ikonkutu{
    margin-top: 5rem;
    width: 25%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
.last .row .ikonkutu img{
    width: 80px;
    height: 80px;
    object-fit: contain;
    margin-bottom: .5rem;
}
.last .row .ikonkutu h3{
    margin-bottom: .5rem;
}
.last .row .ikonkutu p{
    margin: 0;
    width: 90%; 
    font-size: 25px;
}
.galeri .galeriimage{
    width: 24%;
    height: 300px;
    margin-bottom: 1.5%;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
}
.galeri .galeriimage img{
    width: 100%;
    height: 100%;
    transition:.5s;
    margin: 0;
    object-fit: cover;
}
.galeri .galeriimage:hover img{
	transform:scale(1.05);
}.galeri .row{
    justify-content: space-evenly;
}
.misviz{
    position: relative;
    overflow: hidden;
}
.misviz .contentbox{
    padding: 70px 100px;
    background: #FFFFFF;
    box-shadow: 0px 0px 21px #00000010;
}
.misviz .contentbox h2{
    text-align: center;
    margin:auto;
    width:max-content;
    transform: translate(-70px, -20px);
}
.misviz .contentbox h4{
    text-align: center;
}
.misviz .contentbox h4 strong{
    display: block;
    color: #155F7A;
}
.misviz .contentbox p{
    text-align: center;
    margin-top: 1rem;
} 
.misviz .contentbox .row{
    justify-content: space-evenly;
    margin-top: 6rem;
}
.misviz .contentbox .row .kutular{
    width: 30%;
    display: flex;
        justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.misviz .contentbox .row .kutular img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.misviz .contentbox .row .kutular h5{
    color: #155F7A;
    font-weight: 600;
}
.misviz .contentbox .row .kutular p{margin-bottom: 0;}

.appro .ucgen11{
    position: absolute;
    left: 10%;
    width: 10%;
    z-index: -1;
    bottom: 10%;
} 
.appro .ucgen11 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.misviz .sagmavi{
    position: absolute;
    right: -70px;
    top: 11%;
    width: 40%;
    z-index: -1;
}
.misviz .sagmavi img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.appro{
    position: relative;
    overflow: hidden;
}
.appro .sagmavi{
    position: absolute; 
    z-index: -1;
    box-shadow: inset 1px 1px 1px 1px #000;
    width: 50%;
    height: 80%;
    top: 10%;
    left: 0px;
    border-radius: 50%;
    background: radial-gradient(    circle,    #00B2FF12 0%,    #00B2FF10 100%,    #0077C510 -1%,    #00B2FF10 0%  );
    filter: blur(35px);
    animation: dustFloat 8s ease-in-out infinite;
    pointer-events: none;
}
.appro .sagmavi img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.appro .row{}
.appro .row .w40{}
.appro .row .w40 h4{
    width: 60%;
    font-weight: 300;
    line-height: 160%;
}
.appro .row .w40 h4 strong{
    color: #155F7A;
    font-weight: 300;
}
.appro .row .w60{}
.appro .row .w60 .row{}
.appro .row .w60 .row .w50{}
.appro .row .w60 .row .w50 img{
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: .5rem;
}
.appro .row .w60 .row .w50 h5{
    width: 50%;
    font-weight: 600;
    margin-bottom: 1rem;
}
.appro .row .w60 .row .w50 p{
    width: 70%;
}

.appro .row .w60 .row .w50::after{content:"";position:absolute;left: -100px;top: 95px;background: #155F7A;width:1px;height:60px;}
.appro .row .w60 .row .w50::before{content:"01";position:absolute;left: -40px;top: 90px;color: #929292;}
.triangle {
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation: drawLine 5s ease infinite;
}

@keyframes drawLine {
  0%   { stroke-dashoffset: 600; }
  50%  { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -600; }
}

.kutular{}
.kutular .row{
	justify-content: space-between;
	width: 85%;
	margin: auto;
}
.kutular .servicecard{
    position: relative;
    width: 31%;
    height: 500px;
    overflow: hidden;
    margin-bottom: 3rem;
}
.kutular .servicecard .bgimage{
    height: 500px;
    overflow: hidden;
}
.kutular .servicecard .bgimage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kutular .servicecard .textt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 40px;
    transition: .5s;
}
.kutular .servicecard .textt img{
    width: 100px;
    height: 100px;
    transform: translate(0px, 50%);
    transition: .5s;
}
.kutular .servicecard h5{color: #ffffff;font-weight: 600;transform: translate(0px, 180%);text-shadow: 1px 1px 3px #000000;transition: .5s;}
.kutular .servicecard p{
    opacity: 0;
    margin: 0;
    color: #ffffff;
    transition: .5s;
    transition-delay: .1s;
    text-align: center;
    transform: translate(0px, 0%);
    transition-delay: .1s;
}
.kutular .servicecard:hover .textt{
    background: #155F7A90;
}
.kutular .servicecard:hover .textt img{
    transform: translate(0px, -130%);
}
.kutular .servicecard:hover .textt h5{
    transform: translate(0px, -320%);
}
.kutular .servicecard:hover .textt p{
    opacity: 1;
    transform: translate(0px, -80%);
}
.blogcontent{}
.blogcontent .blogimage{
    margin-bottom: 2rem;
}
.blogcontent .blogimage img{
    width: 100%;
    object-fit: contain;
}
.blogcontent p{}
.contacto{}
.contacto h4{
    margin-bottom: 2rem;
}
.contacto h4 strong{
    display: block;
    color: #155F7A;
}
.contacto h5{
    color: #155F7A;
    margin-bottom: 2rem;
    font-weight: bold;
}
.contacto .row{}
.contacto .row .w50{}
.contacto iframe{
    height: 100%;
    width: 100%;
}
.contacto p{
    margin-bottom: 1rem;
}
.contacto p strong{
    font-weight: bold;
    display: block;
}
.contacto p b{}

.contactform{}
.contactform h4{}
.contactform .iletisimkutu{
    width: 95%;
    margin-bottom: 2rem;
}
.contactform .row{
    justify-content: space-between;
}
.contactform .iletisimkutu label{
    display: block;
    width: 100%;
    font-weight: bold;
    margin-bottom: .5rem;
}
.contactform .iletisimkutu input{
    width: 100%;
    height: 40px;
    border: 1px solid #155F7A;
    outline: none;
    color: #000000;
}
.contactform .iletisimkutu textarea{
    width: 100%;
    height: 140px;
    border-color: #155F7A;
}
.contactmavi{
    position: absolute;
    top: 20%;
    width: 40%;
    height: 70%;
}
.contactmavi img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.header-desktop{
    padding-top: 50px;
    padding-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: 1s;
    height: 200px; 
}
.header-desktop.navbar-takip{
    background: #155F7A;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 90px;
}
.header-desktop .row{}
.header-desktop .row .w40{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.header-desktop .row .logo{
    width: 100%;
    height: 100%;
    transition:.5s;
}
.header-desktop .row .logo a{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
}
.header-desktop .row .logo img{
    width: 60%;
    transition: .5s;
}
.header-desktop.navbar-takip .row .logo img{
    filter: brightness(0) invert(1);
    transform: scale(0.7);
}
.header-desktop .row .w60{
}
.header-desktop .row .w60 .row{}
.header-desktop .row .w60 .row .w100{
    transition:.5s;
}
.header-desktop.navbar-takip .row .w60 .row .w100{
    transform: translate(0px, -50px);
}
.header-desktop .row .w60 .row .w100:first-child{
  transition:0s;
}
.header-desktop.navbar-takip .row .w60 .row .w100:first-child{
    opacity: 0;
}
.header-desktop .row .w60 .row .w100 ul{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0;
}
.header-desktop .row .w60 .row .w100 ul li{
    margin: 0;
    list-style: none;
    margin-left: 50px;
    position: relative;
    text-align: center;
}
.header-desktop .row .w60 .row .w100 ul li::after{
     content:"";
     position:absolute;
     right: -25px;
     top:0;
     height:100%;
     width:1px;
     background:#232323;
     transition:.5s;
}
.header-desktop .row .w60 .row .w100 ul li:last-child:after{ 
	width:0px; 
}
.header-desktop .row .w60 .row .w100 ul li a{
	transition:.5s;
}
.header-desktop .row .w60 .row .w100 ul li a:hover{ color: #155F7A; font-weight: 800;}
.header-desktop .row .w60 .row .w100 ul li a.activeurl{
    color: #155F7A;
    font-weight: 800;
    border-bottom: 3px solid #155F7a;
}
.header-desktop.navbar-takip .row .w60 .row .w100 ul{}
.header-desktop.navbar-takip .row .w60 .row .w100 ul li{}
.header-desktop.navbar-takip .row .w60 .row .w100 ul li a{
    color: #ffffff;
}
.header-desktop.navbar-takip .row .w60 .row .w100 ul li::after {
    background: #ffffff;
}
.header-desktop.navbar-takip .row .w60 .row .w100 ul li a.activeurl{
    color: #ffffff;
    border-bottom: 3px solid #ffffff;
}
.header-desktop.navbar-takip .row .w40 .logo {
    transform: translate(0px, -30px);
}
.ourtech .owl-ourtech .owl-item .item .row .w70 a {
    margin-top:4rem
}
.ourtech .owl-ourtech .owl-item .item .row .w70 a img{
    
}