/*Anasayfa CSS*/
section {
    position: relative;
    z-index : 1;
}

#home {
    height: 80.6vh;
}

.homeCarouselArea {
    height: 100%;

    div {
        height: 100%;
    }

    .homeCarousel {
        .owl-item {
            max-height: 860px;
            height    : 100%;

            item {
                height: 100%;
            }
        }

        .item {
            position           : relative;
            background-size    : cover;
            background-repeat  : no-repeat;
            background-position: center;
            display            : flex;
            align-items        : flex-end;
            justify-content    : center;

            .desc {
                display        : flex;
                align-items    : flex-start;
                justify-content: flex-end;
                height         : auto;
                flex-direction : column;
                padding-bottom : 30px;

                .caption {
                    font-family : 'GilroyExtrabold';
                    font-size   : 1.389rem;
                    color       : #ffffff;
                    opacity     : 0.93;
                    padding-left: 48px;
                    display     : block;
                    padding-top : 15px;
                }

                .loc {
                    display    : flex;
                    align-items: center;

                    .icon-loc-pin {
                        font-size   : 38px;
                        color       : #ffffff;
                        margin-right: 11px;
                    }

                    span {
                        display    : block;
                        font-family: 'GilroyLight';
                        font-size  : 1.389rem;
                        color      : #ffffff;
                        opacity    : 0.93;
                        line-height: 1.7rem;

                        &.bold {
                            font-family: 'GilroyExtrabold';
                        }
                    }
                }
            }

            &>.slide-container {
                max-width  : 1200px;
                margin     : 0 auto;
                width      : 100%;
                position   : relative;
                left       : 0;
                right      : 0;
                margin     : 0 auto;
                bottom     : 0;
                height     : calc(100% - 95px);
                display    : flex;
                align-items: flex-end;
            }

            &:after {
                content   : "";
                width     : 100%;
                height    : 50vh;
                position  : absolute;
                top       : 0;
                left      : 0;
                right     : 0;
                background: rgb(0, 2, 30);
                background: linear-gradient(174deg, rgba(0, 2, 30, 1) 0%, rgba(0, 2, 30, 0) 44%);
            }

            &:before {
                content   : "";
                width     : 63%;
                height    : 50vh;
                position  : absolute;
                bottom    : 0;
                left      : 0;
                background: rgb(0, 2, 30);
                background: linear-gradient(30deg, #00021e 0%, rgba(0, 2, 30, 0) 40%);
            }
        }
    }
}

/*Koleksiyonlar*/
.collentionsGalleryLinks {
    display        : flex;
    align-items    : flex-start;
    justify-content: space-between;
    margin         : 0 -10px;

    .item {
        padding  : 0 10px;
        flex     : 1;
        height   : 280px;
        max-width: 198px;
        width    : 100%;

        &:hover {
            .imageFrame {
                img {
                    transform: scale(1.1);
                }
            }

            .desc {
                background: linear-gradient(0deg, rgba(0, 32, 65, 0.7) 5%, rgba(255, 255, 255, 0) 100%);
            }
        }

        a {
            display : block;
            width   : 100%;
            height  : 100%;
            position: relative;
        }

        .imageFrame {
            width   : 100%;
            height  : 100%;
            overflow: hidden;

            img {
                transition: all .3s linear;
            }
        }

        .desc {
            position       : absolute;
            width          : 100%;
            height         : 100%;
            top            : 0;
            left           : 0;
            right          : 0;
            bottom         : 0;
            display        : flex;
            align-items    : center;
            justify-content: flex-end;
            padding-bottom : 10px;
            flex-direction : column;
            background     : rgba(10, 32, 65, 0.7);
            background     : linear-gradient(0deg, rgba(0, 32, 65, 0.9) 21%, rgba(255, 255, 255, 0) 100%);
            transition     : all .3s linear;

            span {
                font-family: 'GilroyBold';
                font-size  : 10.63px;
                color      : rgba(255, 255, 255, 0.47);

                &.title {
                    font-family   : 'GilroyExtraBold';
                    font-size     : 1.383rem;
                    color         : #ffffff;
                    padding-bottom: 10px;
                }
            }
        }
    }
}

/*Logolar*/
.sponsors {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    border         : 1px solid #d4d4d4;
    margin         : 36px 0;

    .logoItem {
        flex           : 1;
        min-width      : 12.5%;
        max-width      : 12.5%;
        border-left    : 1px solid #d4d4d4;
        display        : flex;
        align-items    : center;
        justify-content: center;
        height         : 100%;
        height         : 96px;
        transition     : all .3s ease-in-out;

        img {
            filter    : grayscale(1) opacity(0.6);
            transition: all .3s ease-in-out;
        }

        &:first-child {
            border-left: none;
        }

        &:hover {
            img {
                filter: none;
            }
        }
    }
}

@media screen and(max-width:1366px) {
    .homeCarouselArea {
        .homeCarousel {
            .item {
                overflow  : hidden;
            }
        }
    }
}

@media screen and(max-width:1200px) {
    .collentionsGalleryLinks {
        flex-wrap      : wrap;
        margin         : 0;
        justify-content: flex-start;
        display        : block;
        margin         : 0 auto;
        text-align     : center;

        .item {
            padding: 10px;
            display: inline-block;
        }
    }
}

@media screen and(max-width:1024px) {
    .sponsors {
        border         : none;
        display        : block;

        .slick-slide{
            text-align: center;
        }
        .logoItem {
            border : 1px solid #d4d4d4;
            margin : 10px;
            padding: 24px 16px;
            display: inline-flex;
            min-width: 120px;

            img {
                height: 100%;
                margin: 0 auto;
            }

            &:first-child {
                border-left: 1px solid #d4d4d4;
            }
        }
    }
}

@media screen and(max-width:768px) {
    .collentionsGalleryLinks {
        display   : block;
        margin    : 0 auto;
        text-align: center;

        .item {
            display: inline-block;
        }
    }
}
@media screen and (max-width:480px){
    .collections{
        & > .container{
            padding: 0 5px;
        }
    }
    .collentionsGalleryLinks{
        .item{
            max-width: initial;
            width: 48%;
            padding: 5px;
        }
    }
    .sponsors {
        .logoItem {
            margin : 0;
            min-width: 115px;
        }
    }
}
@media screen and (max-width:640px){
    #home {
        height: 54.6vh;
    }
}
@media screen and (max-width:380px){
    .sponsorsSection{
        & > .container{
            padding: 0 9px;
        }
    }
}