.transition {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.col {
    margin: 0px;
}

.beyaz_bg {
    background: #fff;
    padding: 50px 30px;
}

.gri_bg {
    background: #ccc;
    padding: 50px 30px;
}

    .gri_bg .alan_icerik > strong {
        font-size: 16px;
        margin-bottom: 10px;
        display: block;
    }

    .gri_bg .alan_icerik > p {
        font-size: 14px;
        line-height: 16px;
        position: relative;
        padding-bottom: 30px;
        margin-bottom: 30px;
        width: 90%;
    }

        .gri_bg .alan_icerik > p:before {
            content: "";
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 30px;
            height: 1px;
            background: #333;
        }

.sari_bg {
    background: #ffc100;
    padding: 50px 30px;
}

    .sari_bg > strong {
        color: #fff;
    }

    .sari_bg .alan_icerik > strong {
        color: #fff;
        font-size: 28px;
        margin-bottom: 20px;
        display: block;
    }

        .sari_bg .alan_icerik > strong > span {
            opacity: 0.5;
        }

    .sari_bg .alan_icerik > p {
        color: #fff;
        font-size: 14px;
        line-height: 16px;
    }

.alan_title {
    display: block;
    font-size: 18px;
    margin-bottom: 50px;
}

#slider {
    padding-bottom: 15px;
}

    #slider .owl-dots {
        counter-reset: dots;
        text-align: left;
        margin-top: 40px;
    }

        #slider .owl-dots .owl-dot {
            margin-right: 20px;
            outline: none;
            font-weight: bold;
        }

            #slider .owl-dots .owl-dot:before {
                counter-increment: dots;
                content: "0" counter(dots);
            }

            #slider .owl-dots .owl-dot > span {
                display: none !important;
            }

            #slider .owl-dots .owl-dot.active {
                text-decoration: underline;
            }

    #slider .owl-nav {
        margin-top: 0px;
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }

        #slider .owl-nav .owl-next {
            width: 40px;
            height: 40px;
            background: url("/App_Themes/Uckardesler/images/next.svg") no-repeat;
            outline: none;
            margin: 0px;
        }

            #slider .owl-nav .owl-next > span {
                display: none;
            }

        #slider .owl-nav .owl-prev {
            width: 40px;
            height: 40px;
            background: url("/App_Themes/Uckardesler/images/prev.svg") no-repeat;
            outline: none;
            margin: 0px;
        }

            #slider .owl-nav .owl-prev > span {
                display: none;
            }

#haberler {
    padding-bottom: 100px;
}

    #haberler .owl-dots {
        counter-reset: dots;
        width: 10px;
        text-align: left;
        margin-top: 40px;
    }

        #haberler .owl-dots .owl-dot {
            position: absolute;
            opacity: 0;
        }

            #haberler .owl-dots .owl-dot:before {
                counter-increment: dots;
                content: "0" counter(dots);
            }

            #haberler .owl-dots .owl-dot > span {
                display: none !important;
            }

            #haberler .owl-dots .owl-dot.active {
                opacity: 1;
                font-size: 80px;
                font-weight: bold;
                color: #fff;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-image: url("/App_Themes/Uckardesler/images/font-bg.png");
                background-size: 100%;
            }

    #haberler .owl-nav {
        margin-top: 0px;
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }

        #haberler .owl-nav .owl-next {
            width: 40px;
            height: 40px;
            background: url("/App_Themes/Uckardesler/images/next.svg") no-repeat;
            outline: none;
            margin: 0px;
        }

            #haberler .owl-nav .owl-next > span {
                display: none;
            }

        #haberler .owl-nav .owl-prev {
            width: 40px;
            height: 40px;
            background: url("/App_Themes/Uckardesler/images/prev.svg") no-repeat;
            outline: none;
            margin: 0px;
        }

            #haberler .owl-nav .owl-prev > span {
                display: none;
            }

.alt_menu {
    list-style: none;
    position: absolute;
    bottom: 25px;
}

    .alt_menu li {
        line-height: 36px;
    }

        .alt_menu li a {
            font-size: 30px;
            color: #fff;
            font-weight: bold;
            opacity: 0.5;
            -webkit-transition: all 0.35s ease;
            transition: all 0.35s ease;
        }

            .alt_menu li a:hover {
                opacity: 1;
                text-decoration: none;
            }

            .alt_menu li a.active {
                opacity: 1;
                padding-left: 50px;
                position: relative;
            }

                .alt_menu li a.active:before {
                    content: "";
                    position: absolute;
                    width: 35px;
                    height: 2px;
                    transform: translate(-50%, 0);
                    top: 50%;
                    left: 20px;
                    background: #fff;
                }

@media (min-width: 576px) and (max-width: 767.98px) {
    .alt_menu {
        position: relative;
        bottom: 0;
        margin-top: 50px;
    }
}

@media (min-width: 0) and (max-width: 575.98px) {
    .alt_menu {
        position: relative;
        bottom: 0;
        margin-top: 50px;
    }

    #slider {
        padding-bottom: 70px;
    }
}

















.transition {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.col {
    margin: 0px;
}

.filtre {
    background: #fff;
}

    .filtre .filtre_title {
        width: 100%;
        height: auto;
        background: #012268;
        color: #fff;
        font-size: 16px;
        text-align: center;
        padding: 10px 0;
        display: block;
        font-weight: 400;
    }

    .filtre .filtre_icerik {
        list-style: none;
    }

        .filtre .filtre_icerik li {
            border-bottom: solid 1px #dfdfdf;
            padding: 5%;
            display: table;
            width: 100%;
        }

            .filtre .filtre_icerik li strong {
                display: block;
                margin: 0 0 5% 0;
                color: #666;
            }

            .filtre .filtre_icerik li a {
                color: #666;
                font-size: 16px;
                font-weight: bold;
            }

                .filtre .filtre_icerik li a:hover {
                    text-decoration: none;
                }

.filtre_select {
    width: 100%;
    height: 45px;
    outline: none;
    padding-left: 3%;
}

.radiobox {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 50%;
    margin: 10px 0 10px 0;
    float: left;
}

    .radiobox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radiobox:hover input ~ .checkmark {
        background-color: #fff;
    }

    .radiobox input:checked ~ .checkmark {
        background-color: #fff;
        border-color: #012268;
    }

        .radiobox input:checked ~ .checkmark:after {
            display: block;
        }

    .radiobox .checkmark:after {
        top: 2px;
        left: 2px;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #012268;
    }

    .radiobox .checkmark {
        transition: 0.2s all ease-in-out;
        position: absolute;
        top: 4px;
        left: 0;
        height: 17px;
        width: 17px;
        background-color: #fff;
        border: 2px solid #b7b7b7;
        border-radius: 50%;
    }

        .radiobox .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

.icerik_alan {
    background: #fff;
    margin-bottom: 30px;
    border-left: solid 3px #ffc100;
}

    .icerik_alan > span {
        width: 100%;
        height: auto;
        display: block;
        padding: 20px 30px;
        font-size: 18px;
        border-bottom: solid 1px #dfdfdf;
    }

        .icerik_alan > span > strong {
            margin-right: 30px;
            color: #012268;
            font-size: 18px;
        }

    .icerik_alan .icerik_slider .owl-nav {
        margin-top: 0;
    }

        .icerik_alan .icerik_slider .owl-nav .owl-next {
            width: 40px;
            height: 40px;
            background: url("/App_Themes/Uckardesler/images/next-beyaz.svg") no-repeat;
            outline: none;
            margin: 0px;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translate(0%, -50%);
        }

            .icerik_alan .icerik_slider .owl-nav .owl-next > span {
                display: none;
            }

        .icerik_alan .icerik_slider .owl-nav .owl-prev {
            width: 40px;
            height: 40px;
            background: url("/App_Themes/Uckardesler/images/prev-beyaz.svg") no-repeat;
            outline: none;
            margin: 0px;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translate(0%, -50%);
        }

            .icerik_alan .icerik_slider .owl-nav .owl-prev > span {
                display: none;
            }

    .icerik_alan .ia_baslik {
        color: #012268;
        font-size: 16px;
        display: block;
        margin: 30px 20px 0px 20px;
    }

    .icerik_alan .ia_icerik {
        list-style: none;
        margin: 20px 20px 0 20px;
    }

        .icerik_alan .ia_icerik li {
            margin-top: 10px;
            color: #666;
            font-size: 14px;
        }

            .icerik_alan .ia_icerik li i {
                margin-right: 10px;
                color: #666;
            }

            .icerik_alan .ia_icerik li a {
                color: #666;
            }

            .icerik_alan .ia_icerik li .ia_buton {
                width: 70%;
                padding: 10px 0;
                margin-bottom: 20px;
                background: #ffc100;
                color: #fff;
                font-size: 16px;
                display: block;
                text-align: center;
                -webkit-transition: all 0.35s ease;
                transition: all 0.35s ease;
            }

                .icerik_alan .ia_icerik li .ia_buton:hover {
                    text-decoration: none;
                    background: #012268;
                }