:root {
	--plus-font: 'Manrope', sans-serif;
	--plus-font-two: 'Caveat', cursive;
	--plus-reey-font: "reeyregular";
	--plus-white: #ffffff;
	--plus-white-rgb: 255, 255, 255;
	--plus-base: #c50000;
	--plus-base-rgb: 80, 167, 44;
	--plus-black: #b40000;
	--plus-black-rgb: 42, 73, 29;
	--plus-primary: #310101;
	--plus-primary-rgb: 255, 189, 60; 
	--plus-gray: #373936;
	--plus-gray-rgb: 125, 137, 120;
	--plus-extra: #f3f3ed;
	--plus-extra-rgb: 243, 243, 237;
	--plus-bdr-color: #eaeae2;
	--plus-bdr-color-rgb: 234, 234, 226;
	--plus-letter-spacing: -0.02em;
	--plus-bdr-radius: 6px;
  }
  
  
	/*--------------------------------------------------------------
  # Custom Cursor
  --------------------------------------------------------------*/
  .custom-cursor__cursor {
	width: 25px;
	height: 25px;
	border-radius: 100%;
	border: 1px solid var(--plus-base);
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	position: fixed;
	pointer-events: none;
	left: 0;
	top: 0;
	-webkit-transform: translate(calc(-50% + 5px), -50%);
	transform: translate(calc(-50% + 5px), -50%);
	z-index: 999991;
  }
  
  .custom-cursor__cursor-two {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: var(--plus-base);
	opacity: .3;
	position: fixed;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
	-webkit-transition: width .3s, height .3s, opacity .3s;
	transition: width .3s, height .3s, opacity .3s;
	z-index: 999991;
  }
  
  .custom-cursor__hover {
	background-color: var(--plus-base);
	opacity: 0.4;
  }
  
  .custom-cursor__innerhover {
	width: 25px;
	height: 25px;
	opacity: .4;
  }
  .icola { display:flex; width:100%; margin-top:-44px; }
.icosu img { filter: brightness(0) invert(1); }
.media-29101 .text h2 a {
color: #f48530;
font-weight: 800;
font-size: 29px;
}
.sol {
  height: 100% !important;
  width: 100% !important;
}
.callto__text {
  bottom: -108px;
}
.callto::before {
  height: 100% !important;
}
.zols {
    top: 329px;
    position: relative;
    font-size: 52px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;

  }
  .zolss {
    top: 399px;
    position: absolute;
    color: #fff;
    font-size: 20px;
    margin: 0 auto;
    display: block;
    width: 100%; 
    font-weight:400
  }
  .footer-section:before {
    background-color: #08374de6 !important;
  }
.icimg { width: 100%;

    height: auto;
    object-fit: cover;
    margin-top: 460px;
}
.posso {     width: 100%;
   }
.owl-prev i{ top: 17px; */
margin-top: -25%;
font-size: 26px;
color: #f48530;
left: 14px; }
.owl-next i{
color: #f48530;  font-size: 26px; right:13px; top:20px; margin-top: -25%;
}
.service_section .owl-nav {
position: absolute;
top: 35%;
width: 100%
}
.service_section .owl-nav button {
width: 50px;
height: 50px;
line-height: 0 !important;
border-radius: 0;
font-size: 30px !important;
transition: .3s;
border: 2px solid #eee !important;
color: #e71533 !important
}
.service_section .owl-nav button:hover {
background-color: #e71533 !important;
border: 2px solid #e71533 !important;
transition: .3s;
color: #fff !important
}
.service_section .owl-nav button:first-child {
position: absolute;
left: -70px
}
.service_section .owl-nav button:last-child {
position: absolute;
right: -70px
}
.about_us {
padding-top: 4rem
}
.about_us .image_section img {
width: 97%
}
.about_us .detay_section h2 {
padding-bottom: 20px;
font-weight: 600;
font-size: 24px
}
.vid {
position: relative;
display: inline-block;

}
.vid img {
width: 100%; /* Görselin genişliği ile uyumlu olacak şekilde */
height:210px;
object-fit:cover;
background:#111;

}
.vid::after {
content: '\f04b';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: solid 3px #fff;
border-radius: 50%;
padding: 6px;
padding-left: 24px;
width: 70px;
height: 67px;
font-size: 30px;
color: white;
pointer-events: none;
}

.callto::before {
background: linear-gradient(rgb(0 0 0 / 65%), #08374d) !important;
}
.fadele {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
animation-name: rotate-windows;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-fill-mode: forwards;
}
.fadele2 {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
animation-name: rotate-windows;
animation-iteration-count: infinite;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}
@keyframes rotate-windows {
0% {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
}
50% {
transform: perspective(500px) rotateY(0deg);
-webkit-transform: perspective(500px) rotateY(0deg);
-moz-transform: perspective(500px) rotateY(0deg);
-ms-transform: perspective(500px) rotateY(0deg);
-o-transform: perspective(500px) rotateY(0deg);
}
100% {
transform: perspective(500px) rotateY(-42deg);
-webkit-transform: perspective(500px) rotateY(-42deg);
-moz-transform: perspective(500px) rotateY(-42deg);
-ms-transform: perspective(500px) rotateY(-42deg);
-o-transform: perspective(500px) rotateY(-42deg);
}
}

.about-us{
position: relative;
padding: 50px  0 60px;
overflow: hidden;
margin-top: 11px;
}
.about-us::before {
content: " ";
left: 0;
top: 0;
position: absolute;
width: 33%;
height: 86%;
background-image: url('img/point.jpg');
}

.about-us .sec-title{
margin-bottom: 30px;
}

.about-us .content-column{
position: relative;
margin-bottom: 50px;
}

.about-us .content-column .inner-column{
position: relative;
padding-left:40px;
}

.about-us .content-column h2{
position: relative;
display: block;
font-size: 40px;
line-height: 1.2em;
color: #0a364d;
font-weight: 800;
margin-bottom: 20px;
}
.about-us .content-column .inner-column > span{
font-size: 18px;
font-weight: 700;
color: #ef7c00;
position: relative;
padding-left: 60px;
margin-bottom: 20px;
display: inline-block;
}
.about-us .content-column .inner-column > span::after{
left: 0;
top: 50%;
content: "";
width: 40px;
height: 2px;
position: absolute;
background-color: #ef7c00;
transform: translateY(-50%);
}
.about-us .content-column h2 b{
color: #ef7c00;
}

.about-us .content-column .text-box{
margin-bottom: 30px;

text-align: justify;
}

.about-us .content-column .text-box strong{
position: relative;
display: block;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 20px;
font-weight: 500;
}

.about-us .content-column .text-box strong span{
font-size: 20px;
color: #cb212a;
}

.about-us .content-column .text-box p{
position: relative;
font-size: 13px;
line-height: 1.6em;
margin-bottom: 9px;
width: 55%;
color: #838383;
display: block
}
.about-us .content-column .text-box p strong{
margin-bottom: 0;
color: #08374d;
font-weight: 800;    bottom: 13px;
}
.about-us .content-column .small_img{
position: absolute;
right: -33px;
top: 262px;
width: 45%;
}
.about-us .content-column .small_img img{
width: 100%;

}


.about-us .image-column .image{
position: relative;
width: 100%;
margin-bottom: 0;
height: 510px;
z-index: 99;
margin-top: 40px;
overflow: hidden;
}
.about-us .image-column .image .content{
width: 100%;
height: 500px;
margin: 0 auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
background-color: white;
}
.about-us .image-column .image .content .experience{
width: 40%;
position: absolute;
right: 0;
bottom: 0;
height: 30%;
text-align: center;
}
.about-us .image-column .image .content .experience::before{
content: " ";
width: 130%;
height: 120%;
display: block;
position: absolute;
background-color: #ef7c00a6;
transform: rotate(6deg);
}
.about-us .image-column .image .content .experience::after{
content: " ";
width: 22%;
height: 120%;
display: block;
position: absolute;
background-color: #ef7c00a6;
transform: rotate(6deg);
top: 0;
z-index: -1;
left: -40px;
display:none
}
.about-us .image-column .image .content .experience h3{
position: relative;
font-size: 35px;
font-weight: 700;
color: #fff;
padding-top: 20px;
}
.about-us .image-column .image .content .experience span{
position: relative;
font-size: 20px;
font-weight: 700;
color: #fff;
}



.about-us .image-column .image img{
display: inline-block;
width: 100%;
border: 10px solid #ffffff;
box-shadow: 0 0 30px rgba(0,0,0,0.05);
height: 100%;
}

.about-us .image-column .image-2{
position: absolute;
right: 70px;
bottom: -39px;
width: 40%;
margin-bottom: 0;
z-index: 8;
height: 260px;
}

.about-us .image-column .image-2 img{
display: inline-block;
border: 7px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0,0,0,0.05);
width: 100%;
height: 100%;
}

.about-us .image-column .float-text{
position: absolute;
right: 5px;
top: 130px;
font-size: 74px;
background: #f8f8f8;
text-align: center;
color: black;
z-index: 9;
}
.about-us .image-column .float-text:after{
content: " ";
width: 4px;
height: 490px;
position: absolute;
background-color: #e8e8e8;
top: -119px;
left: 17px;
z-index: -1;
}

.link-box {
position: relative;
padding-top: 12px;
z-index: 3;
}
.btn-style-two {
position: relative;
display: inline-block;
text-align: center;
letter-spacing: 0.05em;
background: #ef7c00;
color: #ffffff;
border-radius: 0;
overflow: hidden;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-decoration: none;
}
.btn-style-two:hover{
color: #fff;
transition: all 0.3s ease;
text-decoration: none;

}
.btn-style-two .btn-curve {
position: absolute;
right: -10px;
top: 0;
width: 43px;
height: 100%;
background: #08374d;
/* opacity: 0.20; */
z-index: 0;
transform: skewX(-22deg);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

.btn-style-two:hover .btn-curve {
opacity: 1;
right: 0;
width: 100%;
transform: skewX(0deg);
color: #fff;
}
.theme-btn i {
position: relative;
display: inline-block;
font-size: 14px;
margin-left: 3px;
}
.btn-style-two .btn-title {
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
font-weight: 600;
padding: 8px 36px 8px;
z-index: 1;
transition: .5s;
text-transform: uppercase;
text-align: left;
left: -20px;
}


.about-us .social {
margin-left: 0;
margin-top: -1px;
padding-bottom: 1px;
}

.about-us .social>h3 {
font-size: 14px;
color: #fff;
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
}

.about-us .social ul {
margin: 0;
position: relative;
background-color: #f8f8f8;
padding-top: 17px;
padding-bottom: 7px;
padding-left: 0;
}

.about-us .social ul li {
display: block;
margin-bottom: 10px;
}

.about-us .social ul li a {
display: block;
text-align: center;
margin-right: 11px;
font-size: 15px;
width: 32px;
height: 32px;
background-color: #ef7c00;
border: 1px solid #ef7c00;
border-radius: 50%;
transition: 0.3s;
}
.about-us .social ul li a:hover {
background-color: #231f20;
border: 1px solid #231f20;
}


.about-us .social ul li a i {
color: #fff;
transition: 0.3s;
margin-top: 7px;
-webkit-text-fill-color: #fff;
margin-left: 0;
}
.slider_section .image > a{
cursor: default;
pointer-events: none;

}
.box-share {
position: fixed;
top: 0px;
z-index: 9999;
height: 100%;
display: -ms-flexbox;
display: flex
;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
right: 4px;
border-left: 1px solid #ffffff26;
}
.box-share__socialicon_wrap {

}
.box-share .social-icon {
color: #fff;
width: 50px;
height: 50px;
line-height: 105px;
text-align: center;
margin: 0;
display: block;
font-size: 18px;


}

.box-share .social-icon:hover {

color: #f5851f;
}
.pulse{
bottom: 20px;
right: 18px;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: #58ea00;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 54px;
font-size: 48px;
z-index: 99999999;
position: fixed;

}

.pulse:before,
.pulse:after
{
content:"";
display: block;
position: absolute;
border: 1px solid #58ea00;
left: -40px;
right: -40px;
top: -40px;
bottom: -40px;
border-radius: 50%;
animation:animasyon 1.5s linear infinite;
opacity: 0;
backface-visibility: hidden;
}

.pulse:after{
animation-delay: 0.5s;
}

@keyframes animasyon{

0%{
transform: scale(0.5);
opacity: 0;
}

50%{
opacity: 1;
}

100%{
transform: scale(1.2);
opacity: 0;
}

}

.service_section .content {

position: relative

}

.service_section .content>h3 {

text-align: center;

font-size: 40px;

font-weight: 800;

color: #222

}

.service_section .content h2 {

text-align: center;

font-weight: 400;

font-size: 16px;

color: #3c3c3c;

margin-bottom: 40px

}

.service_section .product_carousel .item img {

width: 100%;



}

.service_section .item {

width: 96%;

box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .05);

margin-bottom: 10px;

margin-top: 10px;

margin-right: auto;

margin-left: auto

}

.service_section .item .img {

overflow: hidden;

transition: opacity .3s ease-out, transform .3s cubic-bezier(.19, 1, .22, 1);
background:#000;

}

.service_section .item .img:hover img {

transform: scale(1.1);

transition: opacity .3s ease-out, transform 2s cubic-bezier(.19, 1, .22, 1);
opacity:0.6;

}

.service_section .item .img img {

width: 100%;

transition: opacity .3s ease-out, transform 2s cubic-bezier(.19, 1, .22, 1);
opacity:0.6;

}

.service_section .item .text {

padding-top: 10px;

padding-bottom: 10px;

padding-left: 10px;

background-color: #fff;

padding-right: 10px;

position: relative;
text-align:center;

}

.service_section .item .text:after {

content: " ";

width: 100%;

height: 0;

transition: .5s;

display: block;

position: absolute;

bottom: 0;

left: 0;

background: #f38330

}

.service_section .item:hover .text:after {

height: 100%;

transition: .3s

}

.service_section .item .text h3 {

font-size: 16px;

font-weight: 700;

margin-bottom: 0;

transition: .3s;

z-index: 9;

position: relative;

color: #000

}

.service_section .item:hover .text h3 {

transition: .3s;

color: #fff

}

.service_section .item .text span {

font-size: 13px;

color: #e71533;

font-weight: 600;

display: block;

padding-top: 7px;

transition: .3s;

z-index: 9;

position: relative

}

.service_section .item:hover .text span {

transition: .3s;

color: #fff

}

.product_section .link {

text-align: center;

margin-top: 30px

}

.product_section .link a {

padding: 10px 30px;

background-color: #769d48;

display: inline-block;

font-size: 15px;

color: #fff;

transition: .3s

}

.product_section .link a:hover {

transition: .3s;

background-color: #444343

}