﻿.anasayfaMusteriYorumlari {
    position: relative;
}

    .anasayfaMusteriYorumlari .musteriYorumCarousel {
        overflow: hidden;
        width: 100%;
        max-width: 600px;
        margin: auto;
        text-align: center;
    }

        .anasayfaMusteriYorumlari .musteriYorumCarousel .musteriYorumu {
            color: var(--ikinciYaziRengi);
            display: block;
        }

        .anasayfaMusteriYorumlari .musteriYorumCarousel .musteriAdi {
            color: var(--ikinciYaziRengi);
            display: block;
            line-height: 32px;
            font-size: 20px;
            margin: 20px 0 0;
        }

        .anasayfaMusteriYorumlari .musteriYorumCarousel .musteriFirmaAdi {
            color: var(--ikinciYaziRengi);
            display: block;
            line-height: 32px;
            font-weight: 600;
            font-size: 12px;
        }

    .anasayfaMusteriYorumlari .swiper-button-next, .anasayfaMusteriYorumlari .swiper-button-prev {
        display: none
    }

    .anasayfaMusteriYorumlari .anasayfaMusteriYorumlariArkaplanResmi {
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: -1;
    }

        .anasayfaMusteriYorumlari .anasayfaMusteriYorumlariArkaplanResmi:after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 11;
            left: 0;
            top: 0
        }

    .anasayfaMusteriYorumlari .musteriYorumlariIcerik {
        padding: 100px 0;
    }

.emsOnYukleyici .anasayfaUrunResmi {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 40%;
    background-position: 10%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.emsOnYukleyici {
    position: relative;
    z-index: 1;
    background: #fff;
}

    .emsOnYukleyici .productContent {
    }

        .emsOnYukleyici .productContent h2 {
            font-weight: 400;
            font-size: 50px;
            line-height: 50px;
        }

        .emsOnYukleyici .productContent h4 {
            font-size: 48px;
            line-height: 48px;
            font-weight: 300;
            margin: 30px 0;
        }

        .emsOnYukleyici .productContent p {
            margin-bottom: 10px;
            line-height: 24px;
            font-size: 18px;
            font-weight: 300;
            margin: 0 0 10px;
        }

        .emsOnYukleyici .productContent .emsOnYukleyiciItem {
        }

            .emsOnYukleyici .productContent .emsOnYukleyiciItem .emsOnYukleyiciBaslik {
                width: 100%;
                font-size: 26px;
                line-height: 30px;
                font-weight: 300;
                float: left;
                padding-left: 10px;
                border-left: 2px solid #666;
                height: auto;
                margin: 30px 0 0;
            }

            .emsOnYukleyici .productContent .emsOnYukleyiciItem .emsOnYukleyiciAciklama {
                float: left;
                margin-bottom: 20px;
                width: 100%;
                margin-right: 20px;
                border-bottom: 1px solid #eee;
                padding: 30px 0;
                position: relative;
            }

            .emsOnYukleyici .productContent .emsOnYukleyiciItem p {
                font-size: 16px;
            }

    .emsOnYukleyici .anasayfaUrunResmi {
    }

.anasayfaUrunResmi.mobile {
    position: relative;
    background-size: contain;
    min-height: 50vh;
    background-attachment: inherit;
    background-position: center;
}

@media (max-width:991px) {
    .emsOnYukleyici .productContent .emsOnYukleyiciItem .emsOnYukleyiciBaslik {
        font-size: 18px;
        line-height: 1.4;
    }

    .emsOnYukleyici .productContent h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .emsOnYukleyici .productContent h4 {
        font-size: 25px;
        margin: 15px 0;
        line-height: 32px;
    }

    .emsOnYukleyici .productContent p {
        font-size: 15px;
        line-height: 1.5;
    }
}

.productDetailButton {
    padding: 0 20px;
    line-height: 60px;
    background: #565959;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    transition: ease .25s all
}

    .productDetailButton:hover {
        background: #fff;
        color: #565959;
    }

.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: 50% 50%;*/
    background-position: 70% 50%;
    padding: 250px 0;
    text-align: center;
}

.parallax-1 {
    background-image: url(https://i.ytimg.com/vi/jqMmW2mhAhY/maxresdefault.jpg);
}

.tanitimVideo {
    position: relative;
    background: #333;
}

    .tanitimVideo:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: #333;
        left: 0;
        top: 0;
        opacity: 0.33;
    }

    .tanitimVideo:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.66;
        background: rgb(51,51,51);
        background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(51,51,51,0.3) 33%, rgba(51,51,51,0.1) 50%, rgba(51,51,51,0.3) 66%, rgba(51,51,51,1) 100%);
    }

    .tanitimVideo .tanitimFilmAciklama {
        display: block;
        color: #fff;
        font-size: 26px;
        font-family: var(--BodyFont);
        font-weight: 500;
        text-align: center;
        text-shadow: 2px 3px 4px #000;
        margin-bottom: 30px;
        position: relative;
        z-index: 1;
    }

    .tanitimVideo a {
        display: inline-block;
        width: 80px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        border: 2px solid #fff;
        border-radius: 50%;
        position: relative;
        z-index: 1;
        background: rgba(0,0,0,0.25);
        box-shadow: 1px 3px 8px 1px #000;
    }

        .tanitimVideo a i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: #fff;
            width: 100%;
            font-size: 40px;
            left: 4px;
        }

.mainAtasmanlar {
    background: #eaeaea;
    padding: 0;
}

    .mainAtasmanlar h2 {
        margin-bottom: 40px;
    }

    .mainAtasmanlar p {
    }

    .mainAtasmanlar .mainAtasmanImage {
        position: relative;
        height: 100%;
        width: 100%;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        text-align: center;
        z-index: -1;
        min-height: 300px;
    }

        .mainAtasmanlar .mainAtasmanImage:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100px;
            background: linear-gradient(180deg, rgb(234 234 234) 20%, rgba(51,51,51,0.0) 100%);
            left: 0;
            top: 0;
        }

        .mainAtasmanlar .mainAtasmanImage:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100px;
            background: linear-gradient( 0deg, rgb(234 234 234) 20%, rgba(51,51,51,0.0) 100%);
            left: 0;
            bottom: 0;
        }

    .mainAtasmanlar .mainAtasmanDesc {
        padding: 200px 0 100px;
    }

.mainStandartParts {
    background: #eaeaea;
    padding: 80px 0 0;
}

    .mainStandartParts h2 {
        margin-bottom: 40px;
        color: #fff;
    }

    .mainStandartParts p {
        color: #fff;
    }

.mainStandartPartImageWrapper {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.mainStandartParts .mainStandartPartImage {
    position: absolute;
    height: 100%;
    width: calc(50vw + 30px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    z-index: -1;
    right: -30px;
}

    .mainStandartParts .mainStandartPartImage:before {
        content: '';
        position: absolute;
        width: 80px;
        height: 50%;
        background: #eaeaea;
        right: 0;
        transform: skewX(15deg) translateX(40px);
        top: 0;
    }

    .mainStandartParts .mainStandartPartImage:after {
        content: '';
        position: absolute;
        width: 80px;
        height: 50%;
        background: #eaeaea;
        right: 0;
        transform: skewX( -15deg ) translateX(40px);
        bottom: 0;
    }

.mainStandartParts .mainStandartPartDescWrapper {
    margin: 80px 0;
    /* padding: 50px 0px 50px 50px; */
    text-align: right;
}

    .mainStandartParts .mainStandartPartDescWrapper .mainStandartPartDesc {
        padding: 60px 0px 60px 100px;
        position: relative;
    }

        .mainStandartParts .mainStandartPartDescWrapper .mainStandartPartDesc:before {
            content: '';
            position: absolute;
            width: calc(50vw + 30px);
            height: 100%;
            background: #777;
            left: 0;
            top: 0;
            z-index: -1;
        }

        .mainStandartParts .mainStandartPartDescWrapper .mainStandartPartDesc:after {
            content: '';
        }

@media (max-width:1199.98px) {
}

@media (max-width:991.98px) {
}

@media (max-width:767.98px) {

    .mainStandartParts {display:none;}
    .mainAtasmanlar .mainAtasmanImage:before {
display:none
    }

    .mainAtasmanlar .mainAtasmanImage:after {
display:none
    }
    .mainAtasmanlar .mainAtasmanDesc {padding-bottom:0}
}

@media (max-width:575.98px) {
}
