#neyapariz{
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}
.fnp_services img{
    border: 1px solid #ccc;
    border-radius: 100%;
    margin-bottom: 20px;
}
.fnp-urunleri-gor{
    margin-top: 15px !important;
    position: relative;
    z-index: 999;
    border-radius: 0 !important;
}
.header.-sticky-initial.-sticky-light .header__logo__dark, .header.is-sticky.-sticky-light .header__logo__dark{
    width: 180px !important;
    top: 0px;
}
.mkr{
    position: absolute;
}
.mkr:hover .marker-detail{
    display: block;
    transition: all .3s !important;
    cursor: pointer !important;
}
.marker-detail{
    text-align: center;
    position: absolute;
    width: 150px;
    margin-left: -70px !important;
    padding: 15px;
    background: #fff;
    bottom: 15px;
    border: 1px solid #efefef;
    display: none;
    transition: all 1s;
    z-index: 9999999 !important;
}
.fnp_banner{
    height: 300px;
    position: relative;
    margin-top: 110px;
    background-size: 100% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
@media (max-width: 768px) {
    .fnp_banner{
        height: 300px;
        position: relative;
        margin-top: 70px;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

}
.marker-gor:hover .marker-detail{
    display: block !important;

}
.banner-breadcrumb a:hover{
    color: #fff !important;
}
@media (min-width: 695px) {
    .banner-title-w{
        position: absolute;
        width: 40%;
        color: #fff;
        background: #e30713b8;
        padding: 20px 60px;
        bottom: 0;
        margin-left: 15px;
    }
}

@media (max-width: 694px) {
    .banner-title-w{
        position: absolute;
        color: #fff;
        background: #e30713b8;
        padding: 20px 60px;
        bottom: 0;
        margin-left: 15px;
    }
}
.banner-title{
    color: #fff;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.2;
}
.banner-breadcrumb{
    color: #fff !important;
    font-size: 14px;
}
.marker-detail-title{
    font-weight: 700;
}
.marker-detail-spot{
    font-size: 12px !important;
    line-height: normal !important;
}

.marker-detail:before{
    transform: rotate(
            45deg
    );
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    border: 1px solid #efefef;
    z-index: 0;
    border-top: none;
    border-left: none;
}
.fnp_menu .fnpsubmenu {
    position: absolute;
    top: 100% !important;
    margin-left: 17px !important;
    width: 290px;
    background: #e30715 !important;
    color: #fff !important;
    padding: 10px;
}
.teklif-sepete-ekle:hover{
    color: #fff !important;
}
.button.-outline-black:hover{
    color: #fff !important;
}
.sectionHeading__title{
    font-weight: 600 !important;
}
.sectionHeading__title span{
    font-weight: 600;
}
.sslide-spot{
    color: #fff !important;
    font-size: 14px;
}
.sslide-title{
    color: #fff;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.2;
}
.fnp_menu{
    margin-right: 0px !important;
}
.fnpsubmenu li a{
    color: #fff !important;
}
.sectionHeading.-md .sectionHeading__title{
    font-size: 2rem !important;
}
.slider-after{
    position: absolute;
    bottom: 0;
    left: 60px;
    z-index: 999;
    width: 60%;
    background: #e30713b8;
    padding: 20px 60px;
}
.ui-element.-bottom-right{
    bottom: 10px !important;
}
.cat-img{
    display: none;
}
.cat-seperator{
    position: relative;
}
.cat-seperator:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: -15px;
    background: rgb(255 255 255 / 22%);
}
.cat-seperator:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: -15px;
    background: rgb(255 255 255 / 22%);
}
[class^="icon-"], [class*=" icon-"]{
    font-family: 'Poppins' !important;
}
.section-icons{
    padding-top: 70px;
}

@media (min-width: 1200px) {
    .js-nav-open{
        display: none !important;
    }
}

.icon-w{
    text-align: center;
    margin: 20px 0;
    font-size: 14px!important;
    line-height: 20px!important;
    padding: 25px 30px!important;
    font-weight: 400px!important;
    border-radius: 30px!important;
    color: #00437A!important;
    border: 0px!important;
    background: #F8F8F8!important;
    box-shadow: 5px 5px 10px #eaeaea, -5px -5px 5px #ffffff;
!important: ;
    transition: all .2s ease-in-out;
}
.icon-spot{
    margin-top: 20px;
    font-weight: 700;
    font-size: 18px !important;
    margin-bottom: 15px;
}
.urun-seo-area{
    padding: 20px;
    background: #fafafa;
    border-left: 1px solid #e30713;
    margin-top: 40px;
    box-shadow: 1px 1px 5px #efefef;
}
.swiper-slide{
    opacity: .7 !important;
}
.swiper-slide-active{
    opacity: 1 !important;
}
.tab{
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .tabcontent{
        background: #fff;
        padding-top: 7px;

    }
}
@media (min-width: 768px) {
    .tabcontent{
        background: #fff;
        padding: 30px;

    }
}
.det-title{
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 5px !important;
    color: #000;
}

.urun-det-w{
    margin-top: 50px !important;
    padding: 40px;
    background: #fafafa;
    box-shadow: 1px 1px 5px #efefef;
}
.det-pdf{
    margin-top: 10px;
}
.det-pdf a{
    color: #fff;
    background: #e3131c;
    padding: 13px 25px;
    font-weight: bold;
    margin-right: 10px;
    border-radius: 25px;
}
.urun-det-table table td{
    padding: 5px 10px;
}


@media (min-width: 992px) {

    .tab .tablinks {
        width: auto;
        text-align: center;
        background: #e4161b;
        padding: 24px 20px;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 5px;
        margin-right: 5px;
        font-size: 16px;
        line-height: 26px;

    }

}

@media (max-width: 991px) {

    .urun-detay-spot {
        margin-top: 12px;
        margin-bottom: 20px;
    }
    .iletisim-title {
        font-size: 20px !important;
        line-height: 26px !important
    }
    .udfnpimg {
        margin-bottom: 15px;
    }
    .mmt50 {
        margin-top: 100px !important;
    }
    .fnp_container2 {
        padding: 0 1rem !important;
    }
    .class-wp {
        margin-left: 0px;
    }

    .tab .tablinks {
        width: auto;
        text-align: center;
        background: #e4161b;
        padding: 24px 30px;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 10px;
        margin-right: 10px;
        font-size: 20px;
        line-height: 26px;
    }

}

@media (max-width: 768px) {

    .tab .tablinks {
        width: 100%;
        text-align: center;
        background: #e4161b;
        padding: 15px 26px;
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 6px;
        margin-right: 6px;
        font-size: 12px;
        line-height: 15px;
    }
}
@media (max-width: 767px) {
    .pt-025{
        padding-top: 0.25rem!important;
    }

}
@media (max-width: 767px) {
    .mt-5p{
        margin-top: -5px;
    }

}
@media (max-width: 767px) {
    .mtmb{
        margin-top: -55px;
        margin-bottom: -40px;
    }
}
.xres {
    opacity: 1!important;
    transition: 0.3!important;
    width: 24%!important;
}
@media (max-width: 768px) {
    .xres {
        opacity: 1!important;
        transition: 0.3!important;
        width: 100%!important;
    }

}
@media (max-width: 767px) {
    .p-none{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }

}
.urun-machine-w:hover{
    box-shadow: 4px 4px 7px #eaeaea;
    transition: all .3s;
}
.machine-img img{
    transition: all .3s;
}
.urun-machine-w:hover .machine-img img{
    transition: all .3s;
    transform: scale(1.08);
}
.text-left-line{
    position: relative;
    padding-left: 25px;
}
.arsan-wp{
    background: #25D366 !important;
}
.arsan-tel{
    background: #e30713 !important;
}
.text-left-line:before{
    position: absolute;
    content: "";
    width: 10px;
    left: 0px;
    top: 13px;
    height: calc(100% - 25px);
    background: #e30713;
}
.det-machine-tab-spot table{
    display: none !important;
}
.cat-seperator{
    position: relative;
}
.tab-left-title{
    font-weight: 800;
    font-size: 30px;
    color: #e2161a;
}
.tab-left-spot{
    font-size: 22px;
    color: #9e9e9e;
}

.cat-img i{
    color: #fff !important;
    font-size: 40px;
}
.category-w{
    display: flex;
    align-items: center;
}
.cat-spot{
    color: #fff;
    display: inline-block;
    font-weight: 700;
}
.cat-img{
    float: left;
    margin-right: 20px;
}
.portfolioCard-ontitle{
    position: absolute;
    bottom: 10%;
    left: 0;
    transform: translate(0%,-50%);
    z-index: 9;
    background: rgb(0 0 0 / 65%);
    color: #fff;
    font-weight: 700;
    padding: 5px 15px;
    text-align: center;
    font-size: 20px;
    transition: all .3s;
    border-radius: 2px;
}
.cat-hover-icon img{
    max-height: 70px;
    margin-bottom: 20px;
    width: 70px !important;
    filter: brightness(0) invert(1);
}
.mt-50{
    margin-top: 50px !important;
}
.portfolioCard:hover .portfolioCard-ontitle{
    top: -20px;
    opacity: 0;
    transition: all .15s;
}

.marker {
    margin-top: 20px;
    margin-left: 30px;
    position: absolute;
    left: 48%;
    bottom: 50%;
}
.marker2 {
    margin-top: 20px;
    margin-left: 30px;
    position: absolute;
    left: 70%;
    bottom: 60%;
}
.marker3 {
    margin-top: 20px;
    margin-left: 30px;
    position: absolute;
    left: 45%;
    bottom: 40%;
}
.pulse {
    width: 1px;
    height: 1px;
    border: 4px solid #e3151d;
    left: 1px;
    top: 1px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #e3151d;
    z-index: 10;
    position: absolute;
}
.fnp-span span{
    color: #e3151d !important;
}
.mb-100{
    margin-bottom: 100px !important;
}
.footer__copyright a:first-child{
    padding-left: 0px !important;
}
.cp-first{
    padding-left: 0px !important;
}
.sliderMain__content{
    text-align: left !important;
    padding-left: 45px !important;
}
.dot {
    position: absolute;
    height: 50px;
    width: 50px;
    top: -20px;
    left: -20px;
    z-index: 2;
    opacity: 0;
    border: 10px solid rgb(245 148 146);
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-animation: flash 2s ease-out;
    -moz-animation: flash 2s ease-out;
    animation: flash 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-moz-keyframes pulse {
    0% {-moz-transform: scale(0);opacity: 0.0;}
    25% {-moz-transform: scale(0);opacity: 0.1;}
    50% {-moz-transform: scale(0.1);opacity: 0.3;}
    75% {-moz-transform: scale(0.5);opacity: 0.5;}
    100% {-moz-transform: scale(1);opacity: 0.0;}
}

@-webkit-keyframes flash {
    0% {-webkit-transform: scale(0);opacity: 0.0;}
    25% {-webkit-transform: scale(0);opacity: 0.1;}
    50% {-webkit-transform: scale(0.1);opacity: 0.3;}
    75% {-webkit-transform: scale(0.5);opacity: 0.5;}
    100% {-webkit-transform: scale(1);opacity: 0.0;}
}
.sliderMain.-type-1 .sliderMain__img.-cover-dark::after{
    background: rgb(0,0,0) !important;
    background: linear-gradient(0deg, rgba(0,0,0,0.500437675070028) 0%, rgba(17,117,60,0) 25%, rgba(15,103,53,0) 70%, rgba(0,0,0,0.49763655462184875) 100%) !important;
}
.fnp_map{
    min-height: 500px !important;
    padding-bottom: 100px;
}
.marker-img-w{
    position: relative;
}
.marker-w{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mt-30{
    margin-top: 30px !important;
}
.det-machine-spot table td{
    padding: 5px 10px;
}
.det-machine-tab-title{
    font-size: 43px;
    font-weight: 800;
    color: #000;
}
.tab{
    border-bottom: 3px solid #e2161a;
}
@media only screen and (max-width: 768px) {


    .anasayfa { padding-top: 10px}

    .fnp_map{
        display: none !important;
    }
    .fnp-map2{
        display: none !important;
    }
    .social{
        margin-bottom: 30px;
    }
    .det-title{
        font-size: 23px !important;
    }
    .urun-det-w{
        padding: 20px;
    }
    .table-responsive table {
        width: 100%;
        margin-bottom: 9px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }
    .det-pdf{
        margin-bottom: 25px;
    }
    .det-pdf a {
        color: #fff;
        background: #e3131c;
        padding: 7px 15px;
        font-weight: bold;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 25px;
        display: inline-block;
    }
    .slider-after{
        left: 0px !important;
        bottom: 20px !important;
    }
    .category-w, .cat-spot{
        text-align: center !important;
        line-height: normal !important;
    }
    .cat-img i {
        font-size: 25px;
    }
    .cat-img {
        float: none !important;
        margin-right: 0 !important;
    }
    .category-w{
        display: block;
    }
    .cat-spot {
        font-size: 9px !important;
        font-weight: 800 !important;
    }
}
.section-haber{
    padding: 70px 0px !important;
}
.anasayfa_sec {
    background-color: #fff;
    padding: 70px 0;
}
.anasayfa_sec{
    position: relative;
}
.section-left-bg, .section-right-bg, .section-oval-bg{
    position: relative;
}
.layout-pt-lg{
    padding-top: 70px !important;
}

.section-left-bg:before{
    content: "";
    position: absolute;
    width: 35%;
    background: #fafafa;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: 0px 0px 100px #e4e4e4;
    transform: skew(
            50deg
    );

}
.urun-detay-title{
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
    color: #000;
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
@media (max-width: 768px) {
    .section-machines-top{
        padding: 80px 0px 0px 0px;
        position: relative;
    }

}
@media (min-width: 769px) {
    .section-machines-top{
        padding: 170px 0px 70px 0px;
        position: relative;
    }

}

.section-machines-top:before{
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    border: 50px solid #fafafa;
    border-radius: 100%;
    left: 0;
    top: 0;
}
.urun-machine-link{
    position: absolute;
    right: 0;
    bottom: 30px;
    background: #e3151b;
    color: #fff;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 14px;
    transition: all .3s !important;
}
@media (max-width: 768px) {
    .urun-machine-link{
        position: absolute;
        right: 0;
        bottom: 0px;
        background: #e3151b;
        color: #fff;
        padding: 5px 15px;
        font-weight: 800;
        font-size: 13px;
        transition: all .3s !important;
    }

}
.iletisim-title{
    font-size: 20px !important;
    line-height: 80px !important;
}
.urun-machine-w:hover .urun-machine-link{
    padding-right: 25px !important;
    transition: all .3s !important;
}
.machine-spot{
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    color: #060606;
}
.urun-machine-link:hover{
    color: #fff !important;
}
.urun-detay-title:before{
    width: 100px;
    height: 100px;
    content: "";
    position: absolute;
    top: -50px;
    right: -50px;
    border: 20px dashed #fafafa;
    display: inline-block;
    border-radius: 100%;
    display: none;
}
.accordion-title{
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
}
.urun-detay-title:after{
    width: 10px;
    height: calc(100% - -10px);
    content: "";
    position: absolute;
    top: -4px;
    left: 0px;
    background: #e30713;
}
@media (max-width: 767px) {

    .urun-det-tabs{
        padding: 0px 0px;
        margin-top: -60px;
        background: #fafafa;
    }
}

@media (min-width: 768px) {
    .urun-det-tabs{
        padding: 70px 0px;
        background: #fafafa;
    }
}

.urun-det-top{
    padding: 100px 0px 70px 0px;
}
.section-right-bg:before{
    content: "";
    position: absolute;
    width: 35%;
    background: #fafafa;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: 0px 0px 100px #e4e4e4;
    transform: skew(
            -50deg

    );
}
.section-machines {
    background: #dfdfdf;
}
@media (max-width: 767px) {
    .section-machines{
        padding: 30px 5px 0;
    }


    .m-pad{
        padding: 0!important;
    }

    .footer__copyright{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
    }

}
@media (min-width: 768px) {
    .section-machines{
        padding: 70px;
        padding-bottom: 40px;
    }



}
@media (max-width: 767px) {
    .mt-500{
        margin-top: -15px;
    }
}
@media (min-width: 768px) {
    .mt-500{
        margin-top: 50px;
    }
}
.urun-machine-w{
    padding: 30px;
    background: #fff;
    position: relative;
    transition: all .3s !important;
}
.blogCard__img{
    border: none !important;
}
.section-left-bg2{
    background-color: #fafafa !important;
}
.section-left-bg2:before{
    content: "";
    position: absolute;
    width: 65%;
    background: url(../../../../Files/logo-yarim.svg);
    background-size: cover !important;
    background-position: center center !important;
    height: 100%;
    left: -20%;
    top: 0;
}
.button.-underline{
    padding-bottom: 5px !important;
}
.footer.-type-1 .footer__content a, .footer.-type-1 .footer__content p{
    font-size: 15px !important;
}
.anasayfa{
    position: relative;
}
.anasayfa:before{
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    background: #efefef;
    z-index: 99999999999 !important;
    bottom: -70px;
    height: 1px;
    left: 15px;
}
.section-right-bg2:before{
    content: "";
    position: absolute;
    width: 35%;
    background: url('../../../../Files/logo-yarim.svg');
    height: 100%;
    left: 0;
    top: 0;
    transform: skew(
            -50deg

    );
}

.fnp-haber-link{
    margin-top: 5px !important;
    padding: 8px 20px !important;
}
.blogCard__title, .blogCard__text{
    font-size: 18px !important;
}
.blogCard__text{
    font-size: 15px !important;
}
.button.-outline-white, .button.-outline-black, .button.-white, .button.-black{
    border-radius: 0px !important;
}
.arsan-fix-w{
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999 !important;
}
.arsan-fix{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 80px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    line-height: 60px;
    z-index: 100;
}

.z-99{
    z-index: -99;
}
.section-general-bg:before{
    content: "";
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;

}
.fnp_services{
    position: relative;
    padding: 30px;
    transition: all.3s;
    min-height: 650px;

}
.fnp_services:hover:after{
    display: block;
    transition: all.3s;
}
.fnp_services:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 1px 1px 10px #e4e4e4;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    transition: all.3s;
}

.anasayfa { }
.anasayfa h1 {
    font-size: 32px;
    margin-bottom: 10px;
}
.anasayfa h2 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
}
.anasayfa p {
    font-size: 14px;
}

.arsan-fix-w .arsan-fix:last-child{
    border: none !important;
}
.fnp-urunleri-gor2{
    font-size: 15px !important;
}
.fnp-urunleri-gor2:hover{
    color: #fff !important;
}
.det-machine-spot{
    font-size: 16px;
    line-height: 28px;

}
.det-machine-title{
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}




/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.containerr {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.containerr::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    background-color: white;
    border: 4px solid #e3151b;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}
.timeline .content h2{
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 10px;
    color: #000;

}

/* Place the container to the left */
.left {
    left: 0;
}

/* Place the container to the right */
.right {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -16px;
}

/* The actual content */
.content {
    padding: 20px 30px;
    background-color: white;
    position: relative;
    border-radius: 6px;
}

.section-timeline{
    padding: 70px 0px;
    background: #fafafa;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .containerr {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .containerr::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}



/*--------Accordion-------*/
.acc-kontainer {
    width: 100%;
    margin: auto;
    background: #efefef;
}
.acc-kontainer .acc-body {
    width: 100%;
    height: 0;
    color: rgba(0, 0, 0, 0);;
    background-color: rgba(255, 255, 255, 0.2);
    line-height: 28px;
    padding: 0 20px;
    box-sizing: border-box;
    transition: 0.1s;
}
.acc-kontainer label {
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    padding: 15px;
    width: 100%;
    color: #000;
    box-sizing: border-box;
    z-index: 100;
    margin-bottom: 0px !important;
    font-weight: 700 !important;
    background: #efefef;
}
.acc-kontainer input:checked+label {
    border-left: 5px solid #e30713 !important;
}
.acc-kontainer input{
    display: none;
}
.acc-kontainer input:checked+label{
    background: transparent !important;
}
.acc-kontainer label:before {
    font-family: 'FontAwesome';
    content: '\f067';
    font-weight: bolder;
    float: right;
}

.acc-kontainer input:checked+label {
    background-color: rgba(255, 255, 255, 0.15);
}

.acc-kontainer input:checked+label:before {
    font-family: 'FontAwesome';
    content: '\f00d';
    transition: 0.1s;
}

.acc-kontainer input:checked~.acc-body {
    height: auto;
    background: #fff !important;
    color: #000;
    font-size: 16px;
    padding: 20px;
    transition: 0.1s;
}

.ikon:hover {
    background: #8e121c;

}

.ikon {
    display: block;
    width: 100%;
    height: 400px;
    background: #e30613;
    color: #ffffff;
    transition: all 1s;
}

.ikon_img {
    color: #ffffff;
    filter: brightness(0) invert(1);
    width: 200px;
    /* background: #ffffff; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -100px;
}

.fnp_container {
    max-width: 1600px;
}

.bx-pager-item a{
    border-radius: 3px !important;
    background: red !important;
    width: 10px !important;

}

.bx-pager-item a.active{
    border-radius: 3px !important;
    background: red !important;
    width: 20px!important;

}

.xresa {
    float: left; display: block;  margin-right: 1%; margin-bottom: 15px;  border: 10px solid #cccccc;
}
.mb10 {
    margin-bottom: 10px;
}

.breadcrumbs {
    border: 1px solid #d3d9de;
    display: inline-flex;
    overflow: hidden;
}

.breadcrumbs__item {
    background: #fff;
    color: #333;
    outline: none;
    padding: 0.75em 0.75em 0.75em 1.25em;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
    font-size: 12px !important;
}

.breadcrumbs__item:hover:after,
.breadcrumbs__item:hover {
    background: #edf1f5;
}

.breadcrumbs__item:focus:after,
.breadcrumbs__item:focus,
.breadcrumbs__item.is-active:focus {
    background: #121212;
    color: #fff;
}

.breadcrumbs__item:after,
.breadcrumbs__item:before {
    background: white;
    bottom: 0;
    clip-path: polygon(50% 50%, -50% -50%, 0 100%);
    content: "";
    left: 100%;
    position: absolute;
    top: 0;
    transition: background 0.2s linear;
    width: 1em;
    z-index: 1;
}

.breadcrumbs__item:before {
    background: #cbd2d9;
    margin-left: 1px;
}

.breadcrumbs__item:last-child {
    border-right: none;
}

.breadcrumbs__item.is-active {
    background: #edf1f5;
}

.floating_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

@keyframes pulsing {
    to {
        box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
    }
}

.contact_icon {
    background-color: #42db87;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size:30px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translatey(0px);
    animation: pulse 1.5s infinite;
    box-shadow: 0 0 0 0 #42db87;
    -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    font-weight: normal;
    font-family: sans-serif;
    text-decoration: none !important;
    transition: all 300ms ease-in-out;
}

.text_icon {
    margin-top: 8px;
    color: #707070;
    font-size: 13px;
}

.fnp_container2 {
    padding: 0 4rem;
}

.mt200 {
    margin-top: 200px;
}

.mt-150{
    margin-top: 150px;
}

.pb-100{
    padding-bottom: 100px;
}

.mb-80{
    margin-bottom: 80px;
}

.pb200 {
    padding-bottom: 200px;
}

.bx-wrapper {
    -moz-box-shadow: 0px !important;
    -webkit-box-shadow: 0px !important;
    box-shadow: 0px !important;
    border: 0px !important;
}

.class-wp:hover {
    background: #1fb156 !important;
}
.class-wp {

    background: #25d366!important;
    color: #fff!important;
    display: block;
    margin-top: 10px;
    padding: 15px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    float: left;
    transition: 0.3s;
}
.class-wp2:hover {
    background: #404040 !important;
}
.class-wp2 {
    transition: 0.3s;
    margin-right: 10px;
    background: #000000 !important;
    color: #fff!important;
    display: block;
    margin-top: 10px;
    padding: 15px 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    float: left;
}

.mt40 {
    margin-top: 40px;
}
.font-weight600 {
    font-weight: 600;
}

.ud_sag {
    background-color: #efefef;
    padding: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.detay_ic h3 strong, .detay_ic h3, .detay_ic h4 strong, .detay_ic h4 {
    font-weight: 600;
}

.fmt30 {
    margin-top: 30px;
}

.urun-bottom h1{
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 20px;
}
.urun-bottom {
    font-size: 16px;
    margin-top: 80px;
    padding-bottom: 80px;
}

.urun-bottom p{
    text-align: justify;
}

.form_section{
    padding: 80px 0;
    background: #fff;
}

.wrapper{
    padding: 50px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.15);
    max-width: 950px;
    margin: 0 auto;
}

.input-field{
    width: 100% !important;
    height: 45px!important;
    border: none!important;
    padding: 10px!important;
    background-color: #eeeeee!important;
    color: gray!important;
    outline: none!important;
    font-size: 15px!important;
    margin-bottom: 20px!important;
    transition: .5s!important;
    border-radius: 0!important;

}

.footer_form{
    margin: 30px 0;
}

textarea.input-field{
    min-height:100px!important;
}

.form_section label{
    color: #AAA8BB!important;
    font-weight: 400!important;
    line-height: 1.5!important;
    font-size: 14px;
}

.form_section button{
    width: 100%;
    height: 45px;
    border: none;
    color: #FFFFFF;
    background-color: #e30b18;
    border-radius: 0;
    font-size: 17px;
    font-weight: 500;
    transition: 0.3s;
}

.form_section button:hover{
    background-color: #31283B;
}


.heading{
    color: #3B3663;
    margin-bottom: 20px;
}

.heading p{
    color: #AAA8BB;
}

.heading i{
    font-size: 30px;
    color: #4D61FC;
}
.custom-checkbox{
    width: 35px;
    height: 17px;
    border-radius: 0px;
    background-color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px!important;
    margin-right: 5px;
    margin-top: 3px;
}

input[type=checkbox]:checked ~ .custom-checkbox{
    background-color: #e20b18;
}

input[type=checkbox]:checked ~ .custom-checkbox::before {
    font-family: "FontAwesome";
    content: "\f00c";
    display: inline-block;
    font-weight: 900;
    color: #ffffff;
}

.btn{
    border-radius: 0!important;
}

.modal-dialog{
    position: relative;
    width: 100vw;
    height: 100vh;
}

.modal-content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    width: 500px;
}

.modal-content {
    border-radius: 0; /* Inputlarda border-radius kaldırıldı. */
    box-shadow: none; /* Modal içindeki gölge iptal edildi. */
}
.modal-content .form-control:focus {
    box-shadow: none !important; /* Focus olduğunda gölge iptal edildi. !important kullanıldı. */
}

.modal-content .form-control {
    border-radius: 0; /* Input alanlarındaki border-radius kaldırıldı. */
}

.modal-content .form-control::placeholder {
    font-size: 14px; /* Placeholder yazıları için font boyutu küçültüldü. */
}
.modal-content textarea.form-control {
    border: none!important;
    border-bottom: 2px solid #efefef!important; /* Textarea için yalnızca alt sınır kullanıldı. */
}

.modal-footer{
    border-top: 0;
}

.form-control:focus{
    box-shadow: 0 0 0 0.1rem rgb(227, 11, 24);
}

.btn-teklif{
    background: #cb2027;
    color: white;
    padding: 10px 30px;
}


.close{
    font-weight: 400;
    font-size: 35px;
}

.modal-content  .input-field{
    margin-bottom: 0!important;
}

.footer_form .row{
    margin-left: 0;
    margin-right: 0;
}
@media screen and (max-width: 768px) {

    .iframe {
        display: flex;
    }

    .text-left-line:before {
        position: absolute;
        content: "";
        width: 10px;
        left: 0px;
        height: calc(100% - 25px);
        background: #e30713
    }
    .iletisim-title{
        font-size: 16px!important;
        line-height: 1.5!important;
    }
    .text-left-line{
        position: relative;!important;
        padding-left: 25px!important;
    }
}

.iframe iframe{
    height: 600px !important;
}
.video_grid{
    padding: 80px 0;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.left-column, .right-column {
    width: 100%;

}

.grid-container  .right-column .box iframe{
    height: 350px;
    object-fit: cover;
    vertical-align: bottom;
}

.grid-container p{
    height: 100%;
}

.left-column {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
}

.right-column{
    display: grid;
    grid-template-rows: repeat(3, 1fr);
}

.box {
    background-color: #efefef;
    margin: 10px;
    position: relative;
    grid-row: span 1;
}
.sectionHeading__title{
    font-size: 3rem!important;
}

@media screen and (max-width: 1024px){
    .grid-container{
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (max-width: 768px){
    .grid-container{
        grid-template-columns: repeat(1,1fr);
    }
}

.fnp_container .ikon:last-child{
    margin-top:30px;
}
.referans_section{
    padding-bottom: 80px;
}
.referans_slider_slide{
    height: 250px!important;
}
.referans_slider{
    overflow: hidden;
}
.referans_slider_slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.referans_slider_pagination{
    display: none;
}

.referans_slider_slide.swiper-slide-active{
    opacity: .7!important;
}

.referans_slider_slide:hover{
    opacity: 1!important;
}
:root {
    --preloader-image: url(/es/files/prolader-deneme.png);
}
@media screen and (max-width: 992px) {
    .fancybox-content{
        padding: 28px;
    }
    .fancybox-content p img{
        width: 100%;
        height: auto;
    }
}
.sss_section {
    background: #efefef;
    padding:40px;
    margin-top: 25px;
}
.sss-title{
    color: #000;
    font-weight:700;
    letter-spacing:.2px;
}

.sss-card{
    background:transparent;
    border:0;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    border-radius:0;
}
.sss-card:first-child{
    border-top:0;
}
.sss-card-header{
    background:transparent;
    border:0;
    padding:0;
}
.sss-btn{
    width:100%;
    text-align:left;
    color:#454545;
    font-weight:600;
    text-decoration:none !important;
    padding:16px 0;
    position:relative;
}
.sss-btn:hover,
.sss-btn:focus{
    color:#454545;
    text-decoration:none !important;
    outline:none;
    box-shadow:none;
}
.sss-card-body{
    color: #303030;
    padding:0 0 16px 0;
}
.sss-icon{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:22px;
    height:22px;
}
.sss-icon:before,
.sss-icon:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background: #454545;
    border-radius:1px;
}
.sss-icon:before{ width:14px; height:2px; }
.sss-icon:after{ width:2px; height:14px; }
.sss-btn[aria-expanded="true"] .sss-icon:after{
    opacity:0;
}
@media screen and (min-width: 992px){
    .fancybox-container.fancybox-is-open.fancybox-can-swipe iframe {
        min-width: 800px;
        min-height: 400px;
        max-height: 600px;
    }
}
@media screen and (max-width: 992px) {
    .fancybox-container.fancybox-is-open.fancybox-can-swipe iframe {
        min-width: 300px;
        max-width: 400px;
        min-height: 300px;
    }
}

/* YouTube facade: iframe yüklenmez, tıklanınca yüklenir (PageSpeed) */
.fnp-youtube-lazy {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    background: #111;
    overflow: hidden;
    min-height: 200px;
}
.fnp-youtube-lazy__poster {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    vertical-align: top;
}
.fnp-youtube-lazy__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.45));
}
.fnp-youtube-lazy__iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.fnp-youtube-lazy--playing {
    min-height: 0;
    aspect-ratio: 16 / 12;
}
.fnp-recaptcha-site {
    min-height: 78px;
}

.header__lang {
    flex-shrink: 0;
    margin-right: 8px;
}

.header__lang--flags {
    display: flex;
    align-items: center;
}

.header__lang-link {
    padding: 10px 5px;
    line-height: 0;
}

.header__lang-link img {
    display: block;
    width: 20px;
    height: auto;
}

.header__lang--dropdown {
    position: relative;
}

.header__lang-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 4px 0;
    outline: none;
}

.header__lang-flag {
    display: block;
    width: 20px;
    height: auto;
    flex-shrink: 0;
    object-fit: contain;
}

.header__lang-label {
    white-space: nowrap;
}

.header__lang-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
    opacity: 0.75;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.header__lang-toggle:hover .header__lang-chevron,
.header__lang--dropdown.is-open .header__lang-chevron {
    opacity: 1;
}

.header__lang--dropdown.is-open .header__lang-chevron {
    transform: rotate(180deg);
}
.header__menu {
    align-items: center;
}
.header__lang-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 2100;
    min-width: 114px;
    padding: 6px 0;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

.header__lang--dropdown.is-open .header__lang-menu {
    display: block;
}

.header__lang-menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    color: #222;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.header__lang-menu-link:hover {
    background-color: #f5f5f5;
    color: #222;
    text-decoration: none;
}

.header.-sticky-initial.-sticky-light .header__lang-toggle,
.header.is-sticky.-sticky-light .header__lang-toggle,
.header.-sticky-initial.-sticky-light .header__lang-chevron,
.header.is-sticky.-sticky-light .header__lang-chevron {
    color: #000;
}

.header.-dark .header__lang-toggle,
.header.-dark .header__lang-chevron {
    color: #fff;
}

@media (max-width: 767px) {
    .header__lang {
        margin-right: 4px;
    }
}